.elementor-102 .elementor-element.elementor-element-577b202{--display:flex;--min-height:600px;--justify-content:center;--overlay-opacity:0;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-102 .elementor-element.elementor-element-577b202:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-577b202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://brilloplas.com/wp-content/uploads/2026/06/Descubre-Nuestro-Catalogo.jpg");background-position:center center;background-size:cover;}.elementor-102 .elementor-element.elementor-element-577b202::before, .elementor-102 .elementor-element.elementor-element-577b202 > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-577b202 > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-577b202 > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-577b202 > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-577b202 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-102 .elementor-element.elementor-element-e2b4be7{--display:flex;}.elementor-102 .elementor-element.elementor-element-71e605a{--display:flex;}.elementor-102 .elementor-element.elementor-element-b91ec93{text-align:start;}.elementor-102 .elementor-element.elementor-element-b91ec93 .elementor-heading-title{color:var( --e-global-color-9dcdfaf );}.elementor-102 .elementor-element.elementor-element-a4b4580{text-align:start;color:var( --e-global-color-9dcdfaf );}.elementor-102 .elementor-element.elementor-element-a4b4580 a{color:var( --e-global-color-9dcdfaf );}.elementor-102 .elementor-element.elementor-element-9b5f8dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-102 .elementor-element.elementor-element-9b5f8dc:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-9b5f8dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-102 .elementor-element.elementor-element-c6b06dd .woocommerce-breadcrumb{color:var( --e-global-color-primary );font-weight:500;}.elementor-102 .elementor-element.elementor-element-c6b06dd .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-102 .elementor-element.elementor-element-8faaccb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-102 .elementor-element.elementor-element-eb833dd{--display:flex;}.elementor-102 .elementor-element.elementor-element-6dec29a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102 .elementor-element.elementor-element-d7b0d1d{--display:flex;}.elementor-102 .elementor-element.elementor-element-d4d5607 .elementor-heading-title{font-size:16px;font-weight:500;}.elementor-102 .elementor-element.elementor-element-4cfe65a{--display:flex;}.elementor-102 .elementor-element.elementor-element-6d293dd .elementor-heading-title{font-size:16px;font-weight:500;}.elementor-102 .elementor-element.elementor-element-951cba7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-102 .elementor-element.elementor-element-f4a853f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-102 .elementor-element.elementor-element-f0ca9ca{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-102 .elementor-element.elementor-element-1263925 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-102 .elementor-element.elementor-element-1263925 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-102 .elementor-element.elementor-element-1263925{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-102 .elementor-element.elementor-element-1263925 .elementor-icon-list-text{transition:color 0.3s;}.elementor-102 .elementor-element.elementor-element-24aba93 .elementor-heading-title{font-size:16px;font-weight:500;}.elementor-102 .elementor-element.elementor-element-17295f1 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-102 .elementor-element.elementor-element-17295f1{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-102 .elementor-element.elementor-element-9468539{--display:flex;}.elementor-102 .elementor-element.elementor-element-172b12a .elementor-icon-wrapper{text-align:center;}.elementor-102 .elementor-element.elementor-element-172b12a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-172b12a.elementor-view-framed .elementor-icon, .elementor-102 .elementor-element.elementor-element-172b12a.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-172b12a.elementor-view-framed .elementor-icon, .elementor-102 .elementor-element.elementor-element-172b12a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-4484f60{--display:flex;}.elementor-102 .elementor-element.elementor-element-a1e3c1f{--grid-columns:3;}.elementor-102 .elementor-element.elementor-element-a1e3c1f .elementor-pagination{text-align:end;margin-top:40px;}body:not(.rtl) .elementor-102 .elementor-element.elementor-element-a1e3c1f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 20px/2 );}body:not(.rtl) .elementor-102 .elementor-element.elementor-element-a1e3c1f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 20px/2 );}body.rtl .elementor-102 .elementor-element.elementor-element-a1e3c1f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 20px/2 );}body.rtl .elementor-102 .elementor-element.elementor-element-a1e3c1f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 20px/2 );}@media(max-width:1024px){.elementor-102 .elementor-element.elementor-element-577b202{--min-height:300px;--justify-content:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-102 .elementor-element.elementor-element-577b202:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-577b202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-repeat:no-repeat;}.elementor-102 .elementor-element.elementor-element-e2b4be7{--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-102 .elementor-element.elementor-element-8faaccb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-102 .elementor-element.elementor-element-a1e3c1f{--grid-columns:2;}}@media(max-width:767px){.elementor-102 .elementor-element.elementor-element-577b202:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-577b202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:57% 0px;}.elementor-102 .elementor-element.elementor-element-577b202{--overlay-opacity:0.58;}.elementor-102 .elementor-element.elementor-element-e2b4be7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102 .elementor-element.elementor-element-b91ec93{text-align:center;}.elementor-102 .elementor-element.elementor-element-b91ec93 .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-102 .elementor-element.elementor-element-a4b4580{text-align:center;font-size:14px;line-height:22px;}.elementor-102 .elementor-element.elementor-element-8faaccb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-102 .elementor-element.elementor-element-f4a853f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102 .elementor-element.elementor-element-f0ca9ca{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-102 .elementor-element.elementor-element-56a85d0 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-102 .elementor-element.elementor-element-1263925{--e-icon-list-icon-size:30px;}.elementor-102 .elementor-element.elementor-element-1263925 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-102 .elementor-element.elementor-element-1263925 .elementor-icon-list-item > a{font-size:20px;}.elementor-102 .elementor-element.elementor-element-172b12a .elementor-icon-wrapper{text-align:end;}.elementor-102 .elementor-element.elementor-element-172b12a .elementor-icon{font-size:18px;}.elementor-102 .elementor-element.elementor-element-172b12a .elementor-icon svg{height:18px;}.elementor-102 .elementor-element.elementor-element-172b12a .elementor-icon i, .elementor-102 .elementor-element.elementor-element-172b12a .elementor-icon svg{transform:rotate(0deg);}.elementor-102 .elementor-element.elementor-element-a1e3c1f{--grid-columns:1;}}@media(min-width:768px){.elementor-102 .elementor-element.elementor-element-71e605a{--width:50%;}.elementor-102 .elementor-element.elementor-element-8faaccb{--content-width:1300px;}.elementor-102 .elementor-element.elementor-element-eb833dd{--width:30%;}.elementor-102 .elementor-element.elementor-element-d7b0d1d{--width:40%;}.elementor-102 .elementor-element.elementor-element-f0ca9ca{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-102 .elementor-element.elementor-element-71e605a{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-72de8b5 *//* CSS aislado para Elementor. No usa clases genéricas del tema. */

.brillo-cotizacion-widget,
.brillo-cotizacion-widget *,
.brillo-cotizacion-widget *::before,
.brillo-cotizacion-widget *::after {
  box-sizing: border-box;
}

.brillo-cotizacion-widget {
  --brillo-blue: #303f9f;
  --brillo-blue-dark: #283583;
  --brillo-yellow: #ffd500;
  --brillo-text: #303f9f;
  --brillo-placeholder: #9aa6ba;
  --brillo-border: #9da0a6;
  --brillo-white: #ffffff;
  display: block;
  width: 100%;
}

.brillo-cotizacion-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-height: 2.75rem;
  gap: 0.55rem;
  padding: 0.75rem 1.25rem !important;
  color: #111827 !important;
  font-family: inherit !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: var(--brillo-yellow) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.16);
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.brillo-cotizacion-trigger svg {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.brillo-cotizacion-trigger:hover,
.brillo-cotizacion-trigger:focus-visible {
  color: #111827 !important;
  background: #e6c000 !important;
  transform: translateY(-1px);
}

.brillo-cotizacion-trigger:focus-visible,
.brillo-modal-close:focus-visible,
.brillo-cotizacion-submit:focus-visible,
.brillo-form-input:focus-visible {
  outline: 3px solid rgba(48, 63, 159, 0.3) !important;
  outline-offset: 3px;
}

.brillo-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100dvh !important;
  padding: clamp(1rem, 4vh, 2.5rem) 1rem !important;
  overflow-y: auto !important;
  background: rgba(15, 23, 42, 0.68) !important;
  backdrop-filter: blur(3px);
  overscroll-behavior: contain;
}

.brillo-modal-backdrop.brillo-modal-is-hidden {
  display: none !important;
}

.brillo-modal {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  width: min(100%, 42rem) !important;
  max-width: 42rem !important;
  max-height: calc(100dvh - 2rem) !important;
  margin: auto 0 !important;
  overflow: hidden !important;
  background: var(--brillo-white) !important;
  border: 0 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.3) !important;
}

.brillo-modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  display: grid !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0 !important;
  place-items: center;
  color: #ffffff !important;
  background: var(--brillo-blue) !important;
  border: 0 !important;
  border-radius: 50% !important;
  cursor: pointer;
}

.brillo-modal-close:hover {
  background: var(--brillo-blue-dark) !important;
}

.brillo-modal-close svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
}

.brillo-modal-scroll {
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.brillo-cotizacion-form {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 3.75rem 2rem 2rem !important;
}

.brillo-form-field {
  display: block;
  width: 100%;
  margin: 0 0 1rem !important;
}

.brillo-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
}

.brillo-form-label {
  display: block !important;
  margin: 0 0 0.45rem !important;
  color: var(--brillo-text) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

.brillo-form-label span {
  color: var(--brillo-text) !important;
}

.brillo-form-input {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0.7rem 1rem !important;
  color: #344054 !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  background: #ffffff !important;
  border: 1px solid var(--brillo-border) !important;
  border-radius: 0.35rem !important;
  box-shadow: none !important;
}

.brillo-form-input::placeholder {
  color: var(--brillo-placeholder) !important;
  opacity: 1 !important;
}

.brillo-form-input:focus {
  border-color: var(--brillo-blue) !important;
  box-shadow: 0 0 0 3px rgba(48, 63, 159, 0.14) !important;
}

.brillo-form-select-wrap {
  position: relative;
  width: 100%;
}

.brillo-form-select {
  appearance: none !important;
  padding-right: 2.5rem !important;
  cursor: pointer;
}

.brillo-form-select-icon {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 1rem;
  height: 1rem;
  fill: var(--brillo-blue);
  pointer-events: none;
  transform: translateY(-50%);
}

.brillo-form-textarea {
  min-height: 7.5rem !important;
  resize: vertical;
}

.brillo-character-count {
  margin-top: 0.35rem;
  color: #667085;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1;
  text-align: right;
}

.brillo-cotizacion-submit {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 3rem !important;
  gap: 0.5rem;
  margin: 0.25rem 0 0 !important;
  padding: 0.8rem 1rem !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: var(--brillo-blue) !important;
  border: 0 !important;
  border-radius: 0.95rem !important;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.brillo-cotizacion-submit:hover {
  color: #ffffff !important;
  background: var(--brillo-blue-dark) !important;
  transform: translateY(-1px);
}

.brillo-cotizacion-submit svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

html.brillo-modal-document-lock,
body.brillo-modal-body-lock {
  overflow: hidden !important;
}

@media (max-width: 640px) {
  .brillo-modal-backdrop {
    padding: 0.75rem !important;
  }

  .brillo-modal {
    max-height: calc(100dvh - 1.5rem) !important;
    border-radius: 1rem !important;
  }

  .brillo-cotizacion-form {
    padding: 3.5rem 1rem 1.25rem !important;
  }

  .brillo-form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20865e4 *//* CSS aislado para Elementor. No usa clases genéricas del tema. */

.brillo-cotizacion-widget,
.brillo-cotizacion-widget *,
.brillo-cotizacion-widget *::before,
.brillo-cotizacion-widget *::after {
  box-sizing: border-box;
}

.brillo-cotizacion-widget {
  --brillo-blue: #303f9f;
  --brillo-blue-dark: #283583;
  --brillo-yellow: #ffd500;
  --brillo-text: #303f9f;
  --brillo-placeholder: #9aa6ba;
  --brillo-border: #9da0a6;
  --brillo-white: #ffffff;
  display: block;
  width: 100%;
}

.brillo-cotizacion-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-height: 2.75rem;
  gap: 0.55rem;
  padding: 0.75rem 1.25rem !important;
  color: #111827 !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: var(--brillo-yellow) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.16);
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.brillo-cotizacion-trigger svg {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.brillo-cotizacion-trigger:hover,
.brillo-cotizacion-trigger:focus-visible {
  color: #111827 !important;
  background: #e6c000 !important;
  transform: translateY(-1px);
}

.brillo-cotizacion-trigger:focus-visible,
.brillo-modal-close:focus-visible,
.brillo-cotizacion-submit:focus-visible,
.brillo-form-input:focus-visible {
  outline: 3px solid rgba(48, 63, 159, 0.3) !important;
  outline-offset: 3px;
}

.brillo-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100dvh !important;
  padding: clamp(1rem, 4vh, 2.5rem) 1rem !important;
  overflow-y: auto !important;
  background: rgba(15, 23, 42, 0.68) !important;
  backdrop-filter: blur(3px);
  overscroll-behavior: contain;
}

.brillo-modal-backdrop.brillo-modal-is-hidden {
  display: none !important;
}

.brillo-modal {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  width: min(100%, 42rem) !important;
  max-width: 42rem !important;
  max-height: calc(100dvh - 2rem) !important;
  margin: auto 0 !important;
  overflow: hidden !important;
  background: var(--brillo-white) !important;
  border: 0 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.3) !important;
}

.brillo-modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  display: grid !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0 !important;
  place-items: center;
  color: #ffffff !important;
  background: var(--brillo-blue) !important;
  border: 0 !important;
  border-radius: 50% !important;
  cursor: pointer;
}

.brillo-modal-close:hover {
  background: var(--brillo-blue-dark) !important;
}

.brillo-modal-close svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
}

.brillo-modal-scroll {
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.brillo-cotizacion-form {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 3.75rem 2rem 2rem !important;
}

.brillo-form-field {
  display: block;
  width: 100%;
  margin: 0 0 1rem !important;
}

.brillo-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
}

.brillo-form-label {
  display: block !important;
  margin: 0 0 0.45rem !important;
  color: var(--brillo-text) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

.brillo-form-label span {
  color: var(--brillo-text) !important;
}

.brillo-form-input {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0.7rem 1rem !important;
  color: #344054 !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  background: #ffffff !important;
  border: 1px solid var(--brillo-border) !important;
  border-radius: 0.35rem !important;
  box-shadow: none !important;
}

.brillo-form-input::placeholder {
  color: var(--brillo-placeholder) !important;
  opacity: 1 !important;
}

.brillo-form-input:focus {
  border-color: var(--brillo-blue) !important;
  box-shadow: 0 0 0 3px rgba(48, 63, 159, 0.14) !important;
}

.brillo-form-select-wrap {
  position: relative;
  width: 100%;
}

.brillo-form-select {
  appearance: none !important;
  padding-right: 2.5rem !important;
  cursor: pointer;
}

.brillo-form-select-icon {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 1rem;
  height: 1rem;
  fill: var(--brillo-blue);
  pointer-events: none;
  transform: translateY(-50%);
}

.brillo-form-textarea {
  min-height: 7.5rem !important;
  resize: vertical;
}

.brillo-character-count {
  margin-top: 0.35rem;
  color: #667085;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1;
  text-align: right;
}

.brillo-cotizacion-submit {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 3rem !important;
  gap: 0.5rem;
  margin: 0.25rem 0 0 !important;
  padding: 0.8rem 1rem !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: var(--brillo-blue) !important;
  border: 0 !important;
  border-radius: 0.95rem !important;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.brillo-cotizacion-submit:hover {
  color: #ffffff !important;
  background: var(--brillo-blue-dark) !important;
  transform: translateY(-1px);
}

.brillo-cotizacion-submit svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

html.brillo-modal-document-lock,
body.brillo-modal-body-lock {
  overflow: hidden !important;
}

@media (max-width: 640px) {
  .brillo-modal-backdrop {
    padding: 0.75rem !important;
  }

  .brillo-modal {
    max-height: calc(100dvh - 1.5rem) !important;
    border-radius: 1rem !important;
  }

  .brillo-cotizacion-form {
    padding: 3.5rem 1rem 1.25rem !important;
  }

  .brillo-form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}/* End custom CSS */
/* Start custom CSS *//* Contenedor principal de filtros */
form {
  background: #ffffff;
  padding: 24px;
  border-radius: var(--radius);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  font-family: inherit;
}

.yith-wcan-filter {
  margin-bottom: 30px;
}

/* Títulos de categorías */
.yith-wcan-filter .filter-title {
  color: var(--brand-blue);
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 3px solid var(--brand-yellow);
  display: inline-block;
}

/* Lista de Checkboxes */
.filter-items.filter-checkbox {
  padding: 0;
  margin: 0;
  list-style: none;
}

.filter-items.filter-checkbox .filter-item {
  margin-bottom: 12px;
}

.filter-items.filter-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--text-main);
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

.filter-items.filter-checkbox label:hover .term-label {
  color: var(--brand-blue);
  font-weight: 600;
}

.filter-items.filter-checkbox input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-light);
  border-radius: 4px;
  margin-right: 12px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.filter-items.filter-checkbox input[type="checkbox"]:checked {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
}

.filter-items.filter-checkbox input[type="checkbox"]:checked::after {
  content: '✓';
  color: var(--brand-yellow);
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
}

.filter-items.filter-checkbox .term-label {
  text-decoration: none;
  color: inherit;
}

/* Estilos de Dropdowns (Selects de YITH) */
.yith-wcan-dropdown {
  position: relative;
}

.yith-wcan-dropdown .dropdown-label {
  background: var(--bg-light);
  border: 1px solid var(--border-light);
  padding: 12px 16px;
  border-radius: var(--radius);
  cursor: pointer;
  color: var(--text-main);
  font-weight: 500;
  transition: border-color 0.3s;
}

.yith-wcan-dropdown .dropdown-label:hover {
  border-color: var(--brand-blue);
}

/* Contenido desplegable del Select */
.yith-wcan-dropdown .dropdown-wrapper {
  border: none;
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  background: #ffffff;
  overflow: hidden;
  z-index: 10;
}

.yith-wcan-dropdown .search-field-container {
  padding: 10px;
  background: var(--bg-light);
}

.yith-wcan-dropdown .search-field {
  width: 100%;
  border: 1px solid var(--border-light);
  border-radius: 4px;
  padding: 8px 12px;
  outline: none;
  font-size: 0.9rem;
}

.yith-wcan-dropdown .search-field:focus {
  border-color: var(--brand-blue);
}

.yith-wcan-dropdown .matching-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.yith-wcan-dropdown .filter-item a {
  display: block;
  padding: 10px 16px;
  color: var(--text-main);
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

.yith-wcan-dropdown .filter-item:hover a,
.yith-wcan-dropdown .filter-item.active a {
  background-color: var(--brand-blue);
  color: #ffffff;
}/* End custom CSS */