.elementor-22 .elementor-element.elementor-element-ea3bd52{--display:flex;--min-height:88px;--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:center;--align-items:center;--margin-top:0%;--margin-bottom:-7%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4aa873b{--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;--justify-content:center;--align-items:center;--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-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-22 .elementor-element.elementor-element-8d047cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-8d047cc img{width:100%;max-width:100%;}.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-22 .elementor-element.elementor-element-36540de{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:16px;--e-nav-menu-divider-color:#CCCCCC;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-22 .elementor-element.elementor-element-36540de .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:20px;padding-right:20px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main .elementor-item:hover,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main .elementor-item:focus{color:#0C2220;fill:#0C2220;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-22 .elementor-element.elementor-element-36540de .e--pointer-framed .elementor-item:before,
.elementor-22 .elementor-element.elementor-element-36540de .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a, .elementor-22 .elementor-element.elementor-element-36540de .elementor-menu-toggle{color:#0C2220;fill:#0C2220;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown{background-color:#F8F8F86B;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a:hover,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a:focus,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a.highlighted,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-menu-toggle:hover,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a:hover,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a:focus,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a.highlighted{background-color:#F8F8F878;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown .elementor-item, .elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:5px !important;}.elementor-22 .elementor-element.elementor-element-36540de div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-36540de div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-f9baf71{width:var( --container-widget-width, 0% );max-width:0%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-ea3bd52{--width:100%;}.elementor-22 .elementor-element.elementor-element-4aa873b{--width:95%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-4aa873b{--width:95%;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-ea3bd52{--margin-top:0%;--margin-bottom:-12%;--margin-left:0%;--margin-right:0%;}.elementor-22 .elementor-element.elementor-element-4aa873b{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-22 .elementor-element.elementor-element-36540de{width:var( --container-widget-width, 45px );max-width:45px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:45px;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-36540de.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-ea3bd52{--min-height:80px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:-22%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4aa873b{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8d047cc img{width:90%;max-width:90%;}.elementor-22 .elementor-element.elementor-element-36540de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 05px 0px;--container-widget-width:37px;--container-widget-flex-grow:0;width:var( --container-widget-width, 37px );max-width:37px;--nav-menu-icon-size:25px;}.elementor-22 .elementor-element.elementor-element-36540de.elementor-element{--align-self:flex-end;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main .elementor-item{padding-left:20px;padding-right:20px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown .elementor-item, .elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-22 .elementor-element.elementor-element-36540de .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-22 .elementor-element.elementor-element-36540de .elementor-menu-toggle{border-width:0px;border-radius:0px;}.elementor-22 .elementor-element.elementor-element-f9baf71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:0px;--container-widget-flex-grow:0;width:var( --container-widget-width, 0px );max-width:0px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-8d047cc *//* Transición suave del logo */
.site-header img.custom-logo,
.site-header .elementor-widget-site-logo img,
.site-header .elementor-widget-theme-site-logo img {
transition: filter .25s ease, opacity .25s ease;
}
/* TOP (header transparente): forzar logo blanco con filtro */
.site-header:not(.elementor-sticky--effects) img.custom-logo,
.site-header:not(.elementor-sticky--effects) .elementor-widget-site-logo img,
.site-header:not(.elementor-sticky--effects) .elementor-widget-theme-site-logo img {
filter: invert(1) brightness(1.9) contrast(1.1) !important;
}
/* STICKY (glass): logo normal (negro) */
.site-header.elementor-sticky--effects img.custom-logo,
.site-header.elementor-sticky--effects .elementor-widget-site-logo img,
.site-header.elementor-sticky--effects .elementor-widget-theme-site-logo img {
filter: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9baf71 */
//
document.addEventListener('DOMContentLoaded', function() {
if (!window.gsap || !window.ScrollTrigger) return;
gsap.registerPlugin(ScrollTrigger);
const header = document.querySelector('.site-header');
let lastY = window.scrollY;
ScrollTrigger.create({
start: 0,
end: 'max',
onUpdate: self => {
const currentY = self.scroller.scrollTop || window.scrollY;
// Hide on scroll down, show on scroll up
if (currentY > lastY && currentY > 120) {
gsap.to(header, { yPercent: -100, duration: 0.28, ease: 'power2.out' });
} else {
gsap.to(header, { yPercent: 0, duration: 0.28, ease: 'power2.out' });
}
lastY = currentY;
}
});
});
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea3bd52 *//* ===== Base header: superpuesto y sin fondo por defecto ===== */
.site-header{
position:absolute; top:0; left:0; right:0; z-index:9999;
background:transparent !important;
border:0; box-shadow:none;
transition: background-color .28s ease, backdrop-filter .28s ease, -webkit-backdrop-filter .28s ease, box-shadow .28s ease, transform .28s ease;
}
/* Contenido interior del header: ancho y padding */
.site-header > .elementor-container,
.site-header > .e-con{
max-width:100%; /* ajusta a tu grid */
margin:0 auto;
padding-left:clamp(16px, 3vw, 48px);
padding-right:clamp(16px, 3vw, 48px);
}
/* ===== Estado TOP (body.is-top) — 100% transparente, textos/íconos blancos ===== */
.is-top .site-header{
background:transparent !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
box-shadow:none !important;
}
.is-top .site-header .elementor-nav-menu .elementor-item,
.is-top .site-header .elementor-nav-menu .sub-arrow,
.is-top .site-header .elementor-menu-toggle{
color:#FFFFFF !important;
}
.is-top .site-header .elementor-menu-toggle{
border:1px solid rgba(255,255,255,.55);
border-radius:10px;
}
/* ===== LOGO: blanco en TOP, negro al scrollear ===== */
/* Caso IMG / PICTURE (lo más común con Site Logo) */
.is-top .site-header .brand-logo img,
.is-top .site-header .brand-logo picture img,
.is-top .site-header .elementor-widget-theme-site-logo img,
.is-top .site-header .elementor-widget-site-logo img,
.is-top .site-header img.custom-logo{
/* Convierte negro → blanco */
filter: invert(1) brightness(1.9) contrast(1.1) !important;
transition: filter .25s ease, opacity .25s ease;
}
body:not(.is-top) .site-header .brand-logo img,
body:not(.is-top) .site-header .brand-logo picture img,
body:not(.is-top) .site-header .elementor-widget-theme-site-logo img,
body:not(.is-top) .site-header .elementor-widget-site-logo img,
body:not(.is-top) .site-header img.custom-logo{
filter: none !important;
}
/* Caso SVG inline (por si tu logo se inyecta como