.elementor-959 .elementor-element.elementor-element-11ce6ff1{--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;}.elementor-959 .elementor-element.elementor-element-11ce6ff1:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-11ce6ff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BFBFBF00;}.elementor-959 .elementor-element.elementor-element-cb195a7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-959 .elementor-element.elementor-element-cb195a7:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-cb195a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 75%, #FFFFFF0D 100%);}.elementor-959 .elementor-element.elementor-element-4137620f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-959 .elementor-element.elementor-element-4137620f:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-4137620f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-959 .elementor-element.elementor-element-7d61ee46{--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;}.elementor-959 .elementor-element.elementor-element-7d61ee46.e-con{--align-self:center;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-562dbe0.elementor-social-icon{background-color:#54595F00;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-562dbe0.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-562dbe0.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-c3c19ce.elementor-social-icon{background-color:#02010100;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-c3c19ce.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-c3c19ce.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-c8a9eff.elementor-social-icon{background-color:#54595F00;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-c8a9eff.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-c8a9eff.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-11b5d70.elementor-social-icon{background-color:#FFD4D400;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-11b5d70.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-repeater-item-11b5d70.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-d78a3dc{--grid-template-columns:repeat(0, auto);text-align:center;width:var( --container-widget-width, 98.214% );max-width:98.214%;--container-widget-width:98.214%;--container-widget-flex-grow:0;--icon-size:29px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-959 .elementor-element.elementor-element-d78a3dc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-social-icon{--icon-padding:0.4em;border-style:none;}.elementor-959 .elementor-element.elementor-element-d78a3dc .elementor-icon{border-radius:42px 42px 42px 42px;}.elementor-959 .elementor-element.elementor-element-46c2ba74{--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;}.elementor-959 .elementor-element.elementor-element-46c2ba74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-959 .elementor-element.elementor-element-1a522263{padding:10px 48px 10px 48px;}.elementor-959 .elementor-element.elementor-element-1a522263.elementor-element{--align-self:center;}.elementor-959 .elementor-element.elementor-element-5caa229{--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;}.elementor-959 .elementor-element.elementor-element-5caa229.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-hfe-search-button input[type="search"].hfe-search-form__input,.elementor-widget-hfe-search-button .hfe-search-icon-toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-search-button .hfe-search-form__input{color:var( --e-global-color-text );}.elementor-widget-hfe-search-button .hfe-search-form__input::placeholder{color:var( --e-global-color-text );}.elementor-widget-hfe-search-button .hfe-search-form__container, .elementor-widget-hfe-search-button .hfe-search-icon-toggle .hfe-search-form__input,.elementor-widget-hfe-search-button .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-color:var( --e-global-color-primary );}.elementor-widget-hfe-search-button .hfe-search-form__input:focus::placeholder{color:var( --e-global-color-text );}.elementor-widget-hfe-search-button .hfe-search-form__container button#clear-with-button, .elementor-widget-hfe-search-button .hfe-search-form__container button#clear, .elementor-widget-hfe-search-button .hfe-search-icon-toggle button#clear{color:var( --e-global-color-text );}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-input-focus .hfe-search-icon-toggle input[type=search]{width:250px;}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle input[type=search]{padding:0 calc( 22px / 2);}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle i.fa-search:before{font-size:22px;}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle i.fa-search, .elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle{width:22px;}.elementor-959 .elementor-element.elementor-element-17c48c44 > .elementor-widget-container{margin:2px 0px 0px -50px;padding:0px 0px 0px 0px;}.elementor-959 .elementor-element.elementor-element-17c48c44.elementor-element{--order:99999 /* order end hack */;}.elementor-959 .elementor-element.elementor-element-17c48c44 input[type="search"].hfe-search-form__input,.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle{font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-input-focus .hfe-search-form__input:focus{background-color:#ECECEC;}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-button-wrapper.hfe-input-focus .hfe-search-form__container, .elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-button-wrapper.hfe-input-focus input.hfe-search-form__input{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:none;border-radius:3px;}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle i{color:var( --e-global-color-4cf10c1 );border-color:var( --e-global-color-4cf10c1 );fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-17c48c44 .hfe-search-icon-toggle i:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-615239a.elementor-social-icon{background-color:#54595F00;}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-615239a.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-615239a.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-c3c19ce.elementor-social-icon{background-color:#02010100;}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-c3c19ce.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-c3c19ce.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-c8a9eff.elementor-social-icon{background-color:#54595F00;}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-c8a9eff.elementor-social-icon i{color:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-repeater-item-c8a9eff.elementor-social-icon svg{fill:var( --e-global-color-4cf10c1 );}.elementor-959 .elementor-element.elementor-element-92f0fe{--grid-template-columns:repeat(0, auto);text-align:center;width:var( --container-widget-width, 98.214% );max-width:98.214%;--container-widget-width:98.214%;--container-widget-flex-grow:0;--icon-size:29px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-959 .elementor-element.elementor-element-92f0fe.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-social-icon{--icon-padding:0.4em;border-style:none;}.elementor-959 .elementor-element.elementor-element-92f0fe .elementor-icon{border-radius:42px 42px 42px 42px;}.elementor-959 .elementor-element.elementor-element-2369bb80{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0% 0%;--row-gap:0%;--column-gap:0%;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-4cf10c1 );--border-color:var( --e-global-color-4cf10c1 );--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-959 .elementor-element.elementor-element-24bec848{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;--nav-menu-icon-size:15px;}.elementor-959 .elementor-element.elementor-element-24bec848 .elementor-menu-toggle{margin-right:auto;}.elementor-959 .elementor-element.elementor-element-24bec848 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:1.2em;font-weight:600;}.elementor-959 .elementor-element.elementor-element-24bec848 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-underline .elementor-item:after, .elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-overline .elementor-item:before, .elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-double-line .elementor-item:before, .elementor-959 .elementor-element.elementor-element-24bec848 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container{min-height:50px;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-submit{min-width:50px;background-color:var( --e-global-color-primary );font-size:16px;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__input{padding-left:calc(50px / 5);padding-right:calc(50px / 5);}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container button#clear i:before, .elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-icon-toggle button#clear i:before, .elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container button#clear-with-button i:before{font-size:20px;}.elementor-959 .elementor-element.elementor-element-a047b41 > .elementor-widget-container{margin:2px 0px 0px -50px;padding:0px 0px 0px 0px;}.elementor-959 .elementor-element.elementor-element-a047b41.elementor-element{--order:99999 /* order end hack */;}.elementor-959 .elementor-element.elementor-element-a047b41 input[type="search"].hfe-search-form__input,.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-icon-toggle{font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__input::placeholder{color:#7A7A7A6B;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__input, .elementor-959 .elementor-element.elementor-element-a047b41 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{background-color:#EDEDED00;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-icon-toggle .hfe-search-form__input{background-color:transparent;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container ,.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-icon-toggle .hfe-search-form__input,.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:solid;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container, .elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-icon-toggle .hfe-search-form__input,.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-width:1px 1px 1px 1px;border-radius:3px;}.elementor-959 .elementor-element.elementor-element-a047b41 button.hfe-search-submit{color:#fff;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container button#clear-with-button, .elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container button#clear, .elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-icon-toggle button#clear{color:#7a7a7a;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-959 .elementor-element.elementor-element-24bec848{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-959 .elementor-element.elementor-element-24bec848.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-search-form__container .hfe-search-submit{width:0px;}.elementor-959 .elementor-element.elementor-element-a047b41 .hfe-close-icon-yes button#clear_with_button{right:0px;}.elementor-959 .elementor-element.elementor-element-a047b41{width:100%;max-width:100%;}.elementor-959 .elementor-element.elementor-element-a047b41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 23px 0px;}.elementor-959 .elementor-element.elementor-element-a047b41.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-959 .elementor-element.elementor-element-7d61ee46{--width:25%;}.elementor-959 .elementor-element.elementor-element-46c2ba74{--width:41.936%;}.elementor-959 .elementor-element.elementor-element-5caa229{--width:21%;}}/* Start custom CSS for container, class: .elementor-element-2369bb80 *//* Hace que el buscador se vea como parte del menú mobile */ .elementor-nav-menu--dropdown + .elementor-widget-search-form { background: #F4F5F7; padding: 15px 20px !important; margin: 0 !important; border-top: 1px solid rgba(0,0,0,0.08); } /* Ajustar estilos del input */ .elementor-widget-search-form input { background: #fff; border-radius: 6px; border: 1px solid #ddd; height: 40px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cb195a7 *//* ============================ TMX HEADER – Sticky refinado ============================ */ /* Estado NORMAL y también "sticky activo SIN efectos": -> mantener todo normal, sin límites de alto ni compresión */ .header-stick:not(.elementor-sticky--active), .header-stick.elementor-sticky--active:not(.elementor-sticky--effects) { padding-top: 16px !important; padding-bottom: 16px !important; box-shadow: none !important; } /* Logo normal (sin aplastar) en carga y sticky SIN efectos */ .header-stick:not(.elementor-sticky--active) .elementor-widget-theme-site-logo img, .header-stick:not(.elementor-sticky--active) .elementor-widget-image img, .header-stick.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-widget-theme-site-logo img, .header-stick.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-widget-image img { display: block; width: auto !important; height: auto !important; max-height: none !important; /* clave para que no salga ya reducido */ max-width: 100%; object-fit: contain; transition: max-height 200ms ease, padding 200ms ease; } /* Espacios normales entre filas cuando NO hay efectos */ .header-stick:not(.elementor-sticky--effects) .e-con, .header-stick:not(.elementor-sticky--effects) .elementor-container { row-gap: 12px !important; /* ajusta si quieres más/menos aire normal */ } /* Opcional: limitar a escritorio */ @media (min-width: 1025px) { /* Las mismas reglas ya aplican; este bloque es solo si luego quieres variar por viewport */ } /* ================================ ICONOS EN STICKY (sin desaparecer) Escalamos SOLO el glifo interno. ================================ */ /* Restablece visibilidad/hit-area */ .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-social-icons a, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-icon .elementor-icon, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-search-form .elementor-search-form__toggle { opacity: 1 !important; visibility: visible !important; overflow: visible !important; } /* Mantén el botón/área de clic igual (no lo escales) */ .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-social-icons a, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-icon .elementor-icon, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-search-form .elementor-search-form__toggle { width: 36px; /* o el tamaño que ya usas normal */ height: 36px; line-height: 36px; } /* Escala SOLO el glifo (i/svg) – izquierda y derecha */ .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-social-icons .elementor-icon i, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-social-icons .elementor-icon svg, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-icon .elementor-icon i, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-icon .elementor-icon svg, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-search-form .elementor-search-form__toggle i, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-search-form .elementor-search-form__toggle svg { transform: scale(0.82); /* ajusta 0.75–0.9 */ transform-origin: center center; transition: transform 160ms ease; width: 1em; height: 1em; /* asegura svg con font-size */ } /* (Opcional) reduce separación entre iconos SOLO en sticky */ .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-social-icons .elementor-grid { column-gap: 6px !important; /* ajusta a gusto */ } /* ============================ Colores de menú (excepto Home) ============================ */ /* Ajusta estos colores */ :root{ --menu-active: #0A2A7A; /* activo */ --menu-hover: #0A2A7A; /* hover/focus */ --menu-dim: #6b7280; /* atenuado */ } /* EXCLUIR Home: aplica a todas menos Home */ body:not(.home2) .elementor-nav-menu--main .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .elementor-item { color: var(--menu-dim) !important; opacity: .92; } /* Hover/focus (todas menos Home) */ body:not(.home2) .elementor-nav-menu--main .elementor-item:hover, body:not(.home2) .elementor-nav-menu--main .elementor-item:focus, body:not(.home2) .elementor-nav-menu--dropdown .elementor-item:hover, body:not(.home2) .elementor-nav-menu--dropdown .elementor-item:focus { color: var(--menu-hover) !important; opacity: 1; } /* ACTIVO (todas menos Home) – cubrimos varias clases posibles */ body:not(.home2) .elementor-nav-menu--main .elementor-item.elementor-item-active, body:not(.home2) .elementor-nav-menu--main .current-menu-item > .elementor-item, body:not(.home2) .elementor-nav-menu--main .current_page_item > .elementor-item, body:not(.home2) .elementor-nav-menu--main .current-menu-ancestor > .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, body:not(.home2) .elementor-nav-menu--dropdown .current-menu-item > .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .current_page_item > .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .current-menu-ancestor > .elementor-item { color: var(--menu-active) !important; opacity: 1 !important; font-weight: 700; /* opcional: resalta el activo */ } /* (Opcional) subrayado/borde bajo en el activo */ body:not(.home2) .elementor-nav-menu--main .current-menu-item > .elementor-item, body:not(.home2) .elementor-nav-menu--main .elementor-item.elementor-item-active { box-shadow: inset 0 -2px 0 var(--menu-active); } /* Quitar subrayado/línea inferior del ítem ACTIVO (todas menos Home) */ body:not(.home2) .elementor-nav-menu--main .elementor-item.elementor-item-active, body:not(.home2) .elementor-nav-menu--main .current-menu-item > .elementor-item, body:not(.home2) .elementor-nav-menu--main .current_page_item > .elementor-item, body:not(.home2) .elementor-nav-menu--main .current-menu-ancestor > .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, body:not(.home2) .elementor-nav-menu--dropdown .current-menu-item > .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .current_page_item > .elementor-item, body:not(.home2) .elementor-nav-menu--dropdown .current-menu-ancestor > .elementor-item { text-decoration: none !important; /* sin subrayado */ box-shadow: none !important; /* sin línea inferior tipo shadow */ border-bottom: 0 !important; /* por si tu template usa border */ } /* Por si Elementor usa pseudo-elementos para la línea */ body:not(.home2) .elementor-nav-menu--main .elementor-item.elementor-item-active::after, body:not(.home2) .elementor-nav-menu--main .current-menu-item > .elementor-item::after, body:not(.home2) .elementor-nav-menu--dropdown .elementor-item.elementor-item-active::after, body:not(.home2) .elementor-nav-menu--dropdown .current-menu-item > .elementor-item::after { content: none !important; } /* ===== Scroll-driven header (progresivo con el scroll) ===== */ :root{ --hdr-progress: 0; /* 0 = grande, 1 = compacto */ /* Estado grande vs compacto (ajústalos) */ --hdr-pad-top-n: 16px; --hdr-pad-top-s: 0px; --hdr-pad-bot-n: 16px; --hdr-pad-bot-s: 10px; --hdr-row-gap-n: 12px; --hdr-row-gap-s: 0px; --logo-h-n: 90px; --logo-h-s: 55px; /* ← alto del logo grande y compacto */ --icon-scale-n: 1; --icon-scale-s: .82; --menu-pad-n: 10px; --menu-pad-s: 6px; } /* Padding del header: normal y sticky calculan con la variable */ .header-stick, .header-stick.elementor-sticky--active, .header-stick.elementor-sticky--active.elementor-sticky--effects{ padding-top: calc(var(--hdr-pad-top-n) + (var(--hdr-pad-top-s) - var(--hdr-pad-top-n)) * var(--hdr-progress)) !important; padding-bottom: calc(var(--hdr-pad-bot-n) + (var(--hdr-pad-bot-s) - var(--hdr-pad-bot-n)) * var(--hdr-progress)) !important; } /* Logo – sin transiciones temporales y con altura interpolada SIEMPRE */ .header-stick .elementor-widget-theme-site-logo img, .header-stick .elementor-widget-image img, .header-stick.elementor-sticky--active .elementor-widget-theme-site-logo img, .header-stick.elementor-sticky--active .elementor-widget-image img, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-theme-site-logo img, .header-stick.elementor-sticky--active.elementor-sticky--effects .elementor-widget-image img{ display:block; width:auto !important; height:auto !important; max-width:100%; object-fit:contain; transition:none !important; max-height: calc(var(--logo-h-n) + (var(--logo-h-s) - var(--logo-h-n)) * var(--hdr-progress)) !important; } /* Gaps entre filas */ .header-stick .e-con, .header-stick .elementor-container{ row-gap: calc(var(--hdr-row-gap-n) + (var(--hdr-row-gap-s) - var(--hdr-row-gap-n)) * var(--hdr-progress)) !important; } /* Menú: padding vertical progresivo */ .header-stick .elementor-nav-menu--main .elementor-item{ padding-top: calc(var(--menu-pad-n) + (var(--menu-pad-s) - var(--menu-pad-n)) * var(--hdr-progress)) !important; padding-bottom: calc(var(--menu-pad-n) + (var(--menu-pad-s) - var(--menu-pad-n)) * var(--hdr-progress)) !important; line-height:1.2; } /* Iconos: solo glifo escalado progresivo */ .header-stick .elementor-widget-social-icons .elementor-icon i, .header-stick .elementor-widget-social-icons .elementor-icon svg, .header-stick .elementor-widget-icon .elementor-icon i, .header-stick .elementor-widget-icon .elementor-icon svg, .header-stick .elementor-widget-search-form .elementor-search-form__toggle i, .header-stick .elementor-widget-search-form .elementor-search-form__toggle svg{ transition:none !important; transform-origin:center; transform: scale(calc(var(--icon-scale-n) + (var(--icon-scale-s) - var(--icon-scale-n)) * var(--hdr-progress))); } /* ===== Tamaño de letra del menú progresivo (0 = grande, 1 = compacto) ===== */ :root{ /* tamaño normal vs compacto */ --menu-fs-n: 19px; /* tamaño inicial (no sticky) */ --menu-fs-s: 16px; /* tamaño cuando está compacto */ /* opcional: tracking */ --menu-ls-n: 0.2px; --menu-ls-s: 0.1px; } @media (min-width:1025px){ /* Menú principal (barra superior) */ .header-stick .elementor-nav-menu--main .elementor-item{ font-size: calc(var(--menu-fs-n) + (var(--menu-fs-s) - var(--menu-fs-n)) * var(--hdr-progress)) !important; letter-spacing: calc(var(--menu-ls-n) + (var(--menu-ls-s) - var(--menu-ls-n)) * var(--hdr-progress)) !important; /* si quieres que se sienta aún más compacto: */ line-height: 1.15; } /* (Opcional) Menú desplegable si lo usas en desktop */ .header-stick .elementor-nav-menu--dropdown .elementor-item{ font-size: calc(var(--menu-fs-n) + (var(--menu-fs-s) - var(--menu-fs-n)) * var(--hdr-progress)) !important; letter-spacing: calc(var(--menu-ls-n) + (var(--menu-ls-s) - var(--menu-ls-n)) * var(--hdr-progress)) !important; } }/* End custom CSS */ /* Start custom CSS *//* ============================ TMX HEADER - BOTÓN HAMBURGUESA ============================ */ @media (max-width: 768px){ /* Variables */ :root{ --tmx-btn: 48px; /* tamaño del botón */ --tmx-gap: 14px; /* separación derecha */ --tmx-icon: 28px; /* tamaño del ícono */ } /* Asegura que el contenedor interior sirva como ancla */ .header-stick .e-con-inner{ position: relative !important; } /* Evita que el widget de menú altere su propio posicionamiento */ .header-stick .elementor-element[data-id="24bec848"]{ position: static !important; } /* Estilo del botón hamburguesa */ .header-stick .elementor-element[data-id="24bec848"] .elementor-menu-toggle{ position: absolute !important; top: 50%; right: var(--tmx-gap); transform: translateY(-175%); width: var(--tmx-btn); height: var(--tmx-btn); border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.12); z-index: 99; transition: all 0.25s ease-in-out; } /* Ícono dentro del botón */ .header-stick .elementor-element[data-id="24bec848"] .elementor-menu-toggle svg{ width: var(--tmx-icon); height: var(--tmx-icon); margin: 0; } /* Corrige posición cuando el header está sticky */ .header-stick.elementor-sticky--active .elementor-element[data-id="24bec848"] .elementor-menu-toggle{ top: 50%; transform: translateY(-160%); } .header-stick:not(.elementor-sticky--active) .elementor-widget-theme-site-logo img, .header-stick:not(.elementor-sticky--active) .elementor-widget-image img, .header-stick.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-widget-theme-site-logo img, .header-stick.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-widget-image img { display: block; width: auto !important; height: auto !important; max-height: none !important; max-width: 240px; object-fit: contain; transition: max-height 200ms ease, padding 200ms ease; } } .header-stick.elementor-sticky--active .elementor-element[data-id="24bec848"] .elementor-menu-toggle{ width: 42px; height: 42px; right: 10px; } /* ============================ TMX - DROPDOWN DEL MENÚ (hamburguesa) Sube 48px y fondo gris ============================ */ @media (max-width: 768px){ /* Variables solo del panel (no chocan con tus --tmx-btn / --tmx-gap) */ :root{ --tmx-dd-shift: 10px; /* cuánto subir el panel */ --tmx-dd-bg: #f3f4f6; /* gris de fondo del desplegable */ --tmx-dd-border: #e6e7eb; /* línea sutil opcional */ --tmx-dd-radius: 12px; --tmx-dd-shadow: 0 10px 24px rgba(0,0,0,.10); } /* Contenedor del dropdown que inyecta Elementor */ .header-stick .elementor-element[data-id="24bec848"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{ top: 0 !important; /* anulamos el inline top:48px */ transform: translateY(calc(var(--tmx-dd-shift) * -1)); background: var(--tmx-dd-bg); box-shadow: var(--tmx-dd-shadow); border-top: 1px solid var(--tmx-dd-border); border-bottom: 1px solid var(--tmx-dd-border); border-radius: 0 0 var(--tmx-dd-radius) var(--tmx-dd-radius); z-index: 9999; } /* Espaciado interno del UL */ .header-stick .elementor-element[data-id="24bec848"] nav.elementor-nav-menu--dropdown .elementor-nav-menu{ padding: 10px 16px 16px; } /* Cada ítem en una línea (evita desbordes raros) */ .header-stick .elementor-element[data-id="24bec848"] nav.elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 14px 8px; border-radius: 8px; } .header-stick .elementor-element[data-id="24bec848"] nav.elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item:hover{ background: rgba(0,0,0,.04); } }/* End custom CSS */