.elementor-12503 .elementor-element.elementor-element-2f7f89d7{--display:flex;--position:fixed;--min-height:94px;--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;--justify-content:space-evenly;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:94px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:74px;--padding-right:24px;top:0px;--z-index:1000;}.elementor-12503 .elementor-element.elementor-element-2f7f89d7:not(.elementor-motion-effects-element-type-background), .elementor-12503 .elementor-element.elementor-element-2f7f89d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12503 .elementor-element.elementor-element-2f7f89d7.e-con{--align-self:center;}body:not(.rtl) .elementor-12503 .elementor-element.elementor-element-2f7f89d7{left:0px;}body.rtl .elementor-12503 .elementor-element.elementor-element-2f7f89d7{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-12503 .elementor-element.elementor-element-2693d5a4.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-298430af{--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;--justify-content:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-298430af.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-12503 .elementor-element.elementor-element-7195dff5 .elementor-button{background-color:#FFFFFF00;height:46px;width:111px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-decoration:none;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-12503 .elementor-element.elementor-element-7195dff5.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-7195dff5 .elementor-button:hover, .elementor-12503 .elementor-element.elementor-element-7195dff5 .elementor-button:focus{color:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-7195dff5 .elementor-button:hover svg, .elementor-12503 .elementor-element.elementor-element-7195dff5 .elementor-button:focus svg{fill:var( --e-global-color-da0bd30 );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-menu-toggle{margin:0 auto;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-decoration:none;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main .elementor-item:hover, .elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-da0bd30 );fill:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed .elementor-item:before, .elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-12503 .elementor-element.elementor-element-3f393f32 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-da0bd30 );}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed .elementor-item:before{border-width:5px;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 5px 5px;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:5px 5px 0 0;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:5px 0 0 5px;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 5px 5px 0;}.elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-underline .elementor-item:after, .elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-overline .elementor-item:before, .elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-double-line .elementor-item:before, .elementor-12503 .elementor-element.elementor-element-3f393f32 .e--pointer-double-line .elementor-item:after{height:5px;}.elementor-12503 .elementor-element.elementor-element-48989f31 .elementor-button{background-color:var( --e-global-color-b95a126 );height:52px;width:158px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Unbounded", Sans-serif;font-size:19px;font-weight:500;text-decoration:none;fill:var( --e-global-color-da0bd30 );color:var( --e-global-color-da0bd30 );border-style:none;border-radius:100px 100px 100px 100px;padding:10px 10px 10px 10px;}.elementor-12503 .elementor-element.elementor-element-48989f31 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-48989f31.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-138379f{--display:flex;--position:fixed;--min-height:94px;--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;--justify-content:space-evenly;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:94px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:74px;--padding-right:24px;top:0px;--z-index:1000;}.elementor-12503 .elementor-element.elementor-element-138379f:not(.elementor-motion-effects-element-type-background), .elementor-12503 .elementor-element.elementor-element-138379f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12503 .elementor-element.elementor-element-138379f.e-con{--align-self:center;}body:not(.rtl) .elementor-12503 .elementor-element.elementor-element-138379f{left:0px;}body.rtl .elementor-12503 .elementor-element.elementor-element-138379f{right:0px;}.elementor-12503 .elementor-element.elementor-element-5e1e60c.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-32dad68 .elementor-button{background-color:var( --e-global-color-b95a126 );height:52px;width:158px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Unbounded", Sans-serif;font-size:19px;font-weight:500;text-decoration:none;fill:var( --e-global-color-da0bd30 );color:var( --e-global-color-da0bd30 );border-style:none;border-radius:100px 100px 100px 100px;padding:10px 10px 10px 10px;}.elementor-12503 .elementor-element.elementor-element-32dad68 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-32dad68.elementor-element{--align-self:center;}@media(max-width:1366px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-12503 .elementor-element.elementor-element-2f7f89d7.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-12503 .elementor-element.elementor-element-3f393f32.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-138379f{--min-height:64px;--justify-content:space-between;--margin-top:0px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-12503 .elementor-element.elementor-element-138379f.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-12503 .elementor-element.elementor-element-4f757cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-5e1e60c > .elementor-widget-container{margin:0px 0px 0px 40px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-32dad68 > .elementor-widget-container{margin:7px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-32dad68.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-12503 .elementor-element.elementor-element-32dad68 .elementor-button{height:32px;width:97px;font-size:12px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for button, class: .elementor-element-7195dff5 */.elementor-12503 .elementor-element.elementor-element-7195dff5 { position: relative; border: 0; display: inline-block; /* asegura el ancho del botón */ } /* Línea inferior "oculta" por defecto */ .elementor-12503 .elementor-element.elementor-element-7195dff5::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: #937FC8; opacity: 0; transform: scaleX(0); /* contraída */ transform-origin: left center; /* que crezca desde la izquierda */ transition: opacity .25s ease, transform .25s ease; pointer-events: none; border-bottom-left-radius: 2px; /* opcional */ border-bottom-right-radius: 2px; /* opcional */ } /* Mostrar con fade + expansión */ .elementor-12503 .elementor-element.elementor-element-7195dff5:hover::after, .elementor-12503 .elementor-element.elementor-element-7195dff5:focus-visible::after, .elementor-12503 .elementor-element.elementor-element-7195dff5.is-open::after { /* útil si marcas el botón cuando el popup está abierto */ opacity: 1; transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-298430af */.elementor-12503 .elementor-element.elementor-element-298430af { flex:1; width: 100px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-48989f31 */.elementor-12503 .elementor-element.elementor-element-48989f31 { height: 48px }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f7f89d7 *//* Estado base del navbar (opcional) */ .navbar-faro { transition: background-color .25s ease, box-shadow .25s ease; } /* 1) Navbar y contenedores internos en transparente */ .navbar-faro.navbar-faro--transparent, .navbar-faro.navbar-faro--transparent > .elementor-container, .navbar-faro.navbar-faro--transparent > .e-con, .navbar-faro.navbar-faro--transparent .elementor-container, .navbar-faro.navbar-faro--transparent .e-con { background: transparent !important; box-shadow: none !important; } /* 2) TODOS los enlaces sin fondo (incluye hover/focus/active) */ .navbar-faro.navbar-faro--transparent .navbar-faro-menu a, .navbar-faro.navbar-faro--transparent .navbar-faro-menu a:hover, .navbar-faro.navbar-faro--transparent .navbar-faro-menu a:focus, .navbar-faro.navbar-faro--transparent .navbar-faro-menu a:active { color: #fff !important; } /* 3) Menú de Elementor: forzar sin fondo en item normal/hover/activo */ .navbar-faro.navbar-faro--transparent .elementor-nav-menu a.elementor-item, .navbar-faro.navbar-faro--transparent .elementor-nav-menu a.elementor-item:hover, .navbar-faro.navbar-faro--transparent .elementor-nav-menu a.elementor-item:focus, .navbar-faro.navbar-faro--transparent .elementor-nav-menu a.elementor-item.elementor-item-active { background: transparent !important; } /* 4) Variables de Elementor para quitar backgrounds por token */ .navbar-faro.navbar-faro--transparent { --e-nav-menu-item-background: transparent; --e-nav-menu-item-background-hover: transparent; --e-nav-menu-item-background-active: transparent; } /* 5) Dropdown / mobile menu (si usas el menú hamburguesa) */ .navbar-faro.navbar-faro--transparent .elementor-nav-menu--dropdown a.elementor-item, .navbar-faro.navbar-faro--transparent .elementor-nav-menu--dropdown a.elementor-sub-item { background: transparent !important; } /* 6) Por si tu tema pinta overlays con ::before/::after */ .navbar-faro.navbar-faro--transparent::before, .navbar-faro.navbar-faro--transparent::after { background: transparent !important; box-shadow: none !important; } /* IMG (PNG/JPG) */ .navbar-faro.navbar-faro--transparent .logo-faro img, .navbar-faro.navbar-faro--transparent img.logo-faro { filter: brightness(0) invert(1) contrast(105%) !important; transition: filter .25s ease; } /* SVG */ .navbar-faro .logo-faro svg [fill] { fill: currentColor !important; } .navbar-faro .logo-faro svg [stroke] { stroke: currentColor !important; } .navbar-faro.navbar-faro--transparent .logo-faro { color: #fff !important; } /* 1) Navbar y contenedores internos en transparente */ .navbar-faro.navbar-faro--products-desktop, .navbar-faro.navbar-faro--products-desktop > .elementor-container, .navbar-faro.navbar-faro--products-desktop > .e-con, .navbar-faro.navbar-faro--products-desktop .elementor-container, .navbar-faro.navbar-faro--products-desktop .e-con { background: #293231 !important; box-shadow: none !important; } /* 2) TODOS los enlaces sin fondo (incluye hover/focus/active) */ .navbar-faro.navbar-faro--products-desktop .navbar-faro-menu a, .navbar-faro.navbar-faro--products-desktop .navbar-faro-menu a:hover, .navbar-faro.navbar-faro--products-desktop .navbar-faro-menu a:focus, .navbar-faro.navbar-faro--products-desktop .navbar-faro-menu a:active { color: #fff !important; } /* 3) Menú de Elementor: forzar sin fondo en item normal/hover/activo */ .navbar-faro.navbar-faro--products-desktop .elementor-nav-menu a.elementor-item, .navbar-faro.navbar-faro--products-desktop .elementor-nav-menu a.elementor-item:hover, .navbar-faro.navbar-faro--products-desktop .elementor-nav-menu a.elementor-item:focus, .navbar-faro.navbar-faro--products-desktop .elementor-nav-menu a.elementor-item.elementor-item-active { background: #293231 !important; } /* 4) Variables de Elementor para quitar backgrounds por token */ .navbar-faro.navbar-faro--products-desktop { --e-nav-menu-item-background: #293231; --e-nav-menu-item-background-hover: transparent; --e-nav-menu-item-background-active: transparent; } /* 5) Dropdown / mobile menu (si usas el menú hamburguesa) */ .navbar-faro.navbar-faro--products-desktop .elementor-nav-menu--dropdown a.elementor-item, .navbar-faro.navbar-faro--products-desktop .elementor-nav-menu--dropdown a.elementor-sub-item { background: #293231 !important; } /* 6) Por si tu tema pinta overlays con ::before/::after */ .navbar-faro.navbar-faro--products-desktop::before, .navbar-faro.navbar-faro--products-desktop::after { background: #293231 !important; box-shadow: none !important; } /* IMG (PNG/JPG) */ .navbar-faro.navbar-faro--products-desktop .logo-faro img, .navbar-faro.navbar-faro--products-desktop img.logo-faro { filter: brightness(0) invert(1) contrast(105%) !important; transition: filter .25s ease; } /* SVG */ .navbar-faro .logo-faro svg [fill] { fill: currentColor !important; } .navbar-faro .logo-faro svg [stroke] { stroke: currentColor !important; } .navbar-faro.navbar-faro--products-desktop .logo-faro { color: #fff !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-32dad68 */.elementor-12503 .elementor-element.elementor-element-32dad68 { height: 48px }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-138379f *//* Estado base del navbar (opcional) */ .navbar-faro-mobile { transition: background-color .25s ease, box-shadow .25s ease; } /* 1) Navbar y contenedores internos en transparente */ .navbar-faro-mobile.navbar-faro-mobile--transparent, .navbar-faro-mobile.navbar-faro-mobile--transparent > .elementor-container, .navbar-faro-mobile.navbar-faro-mobile--transparent > .e-con, .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-container, .navbar-faro-mobile.navbar-faro-mobile--transparent .e-con { background: transparent !important; box-shadow: none !important; } /* 2) TODOS los enlaces sin fondo (incluye hover/focus/active) */ .navbar-faro-mobile.navbar-faro-mobile--transparent .navbar-faro-mobile-menu a, .navbar-faro-mobile.navbar-faro-mobile--transparent .navbar-faro-mobile-menu a:hover, .navbar-faro-mobile.navbar-faro-mobile--transparent .navbar-faro-mobile-menu a:focus, .navbar-faro-mobile.navbar-faro-mobile--transparent .navbar-faro-mobile-menu a:active { color: #fff !important; } /* 3) Menú de Elementor: forzar sin fondo en item normal/hover/activo */ .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-nav-menu a.elementor-item, .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-nav-menu a.elementor-item:hover, .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-nav-menu a.elementor-item:focus, .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-nav-menu a.elementor-item.elementor-item-active { background: transparent !important; } /* 4) Variables de Elementor para quitar backgrounds por token */ .navbar-faro-mobile.navbar-faro-mobile--transparent { --e-nav-menu-item-background: transparent; --e-nav-menu-item-background-hover: transparent; --e-nav-menu-item-background-active: transparent; } /* 5) Dropdown / mobile menu (si usas el menú hamburguesa) */ .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-nav-menu--dropdown a.elementor-item, .navbar-faro-mobile.navbar-faro-mobile--transparent .elementor-nav-menu--dropdown a.elementor-sub-item { background: transparent !important; } /* 6) Por si tu tema pinta overlays con ::before/::after */ .navbar-faro-mobile.navbar-faro-mobile--transparent::before, .navbar-faro-mobile.navbar-faro-mobile--transparent::after { background: transparent !important; box-shadow: none !important; } /* IMG (PNG/JPG) */ .navbar-faro-mobile.navbar-faro-mobile--transparent .logo-faro img, .navbar-faro-mobile.navbar-faro-mobile--transparent img.logo-faro { filter: brightness(0) invert(1) contrast(105%) !important; transition: filter .25s ease; } /* SVG */ .navbar-faro-mobile .logo-faro svg [fill] { fill: currentColor !important; } .navbar-faro-mobile .logo-faro svg [stroke] { stroke: currentColor !important; } .navbar-faro-mobile.navbar-faro-mobile--transparent .logo-faro { color: #fff !important; } /* IMG (PNG/JPG) */ .navbar-faro-mobile.navbar-faro-mobile--transparent .menu-faro-mobile img, .navbar-faro-mobile.navbar-faro-mobile--transparent img.menu-faro-mobile { filter: brightness(0) invert(1) contrast(105%) !important; transition: filter .25s ease; } /* SVG */ .navbar-faro-mobile .menu-faro-mobile svg [fill] { fill: currentColor !important; } .navbar-faro-mobile .menu-faro-mobile svg [stroke] { stroke: currentColor !important; } .navbar-faro-mobile.navbar-faro-mobile--transparent .menu-faro-mobile { color: #fff !important; }/* End custom CSS */