.elementor-1225 .elementor-element.elementor-element-58d6216{--display:flex;--position:fixed;--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-between;--align-items:center;--padding-top:27px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-1225 .elementor-element.elementor-element-58d6216{left:0px;}body.rtl .elementor-1225 .elementor-element.elementor-element-58d6216{right:0px;}.elementor-1225 .elementor-element.elementor-element-a570596{width:auto;max-width:auto;}.elementor-1225 .elementor-element.elementor-element-a570596 .elementor-heading-title{font-size:25px;color:var( --e-global-color-a4a5ad2 );}.elementor-1225 .elementor-element.elementor-element-a570596 .elementor-heading-title a:hover, .elementor-1225 .elementor-element.elementor-element-a570596 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-1225 .elementor-element.elementor-element-5487f1f{--display:flex;--position:absolute;--min-height:55px;--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;--border-radius:50px 50px 50px 50px;top:20px;}.elementor-1225 .elementor-element.elementor-element-5487f1f:not(.elementor-motion-effects-element-type-background), .elementor-1225 .elementor-element.elementor-element-5487f1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a4a5ad2 );}body:not(.rtl) .elementor-1225 .elementor-element.elementor-element-5487f1f{left:0px;}body.rtl .elementor-1225 .elementor-element.elementor-element-5487f1f{right:0px;}.elementor-1225 .elementor-element.elementor-element-3638dfe{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-1225 .elementor-element.elementor-element-3638dfe{left:0px;}body.rtl .elementor-1225 .elementor-element.elementor-element-3638dfe{right:0px;}.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-menu-toggle{margin:0 auto;}.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;font-style:normal;}.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-bae1c63 );}.elementor-1225 .elementor-element.elementor-element-613472b .elementor-icon-wrapper{text-align:center;}.elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-framed .elementor-icon, .elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-framed .elementor-icon, .elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-framed .elementor-icon:hover, .elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-framed .elementor-icon:hover, .elementor-1225 .elementor-element.elementor-element-613472b.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-1225 .elementor-element.elementor-element-613472b .elementor-icon{font-size:26px;}.elementor-1225 .elementor-element.elementor-element-613472b .elementor-icon svg{height:26px;}.elementor-1225 .elementor-element.elementor-element-5e45074{--grid-template-columns:repeat(0, auto);text-align:center;width:auto;max-width:auto;--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-social-icon{background-color:var( --e-global-color-a4a5ad2 );}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-icon{border-radius:20px 20px 20px 20px;}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-social-icon:hover{background-color:var( --e-global-color-primary );}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-social-icon:hover i{color:var( --e-global-color-a4a5ad2 );}.elementor-1225 .elementor-element.elementor-element-5e45074 .elementor-social-icon:hover svg{fill:var( --e-global-color-a4a5ad2 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1225 .elementor-element.elementor-element-58d6216{--padding-top:027px;--padding-bottom:0px;--padding-left:020px;--padding-right:020px;}.elementor-1225 .elementor-element.elementor-element-a570596 .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-1225 .elementor-element.elementor-element-58d6216{--width:100%;}.elementor-1225 .elementor-element.elementor-element-5487f1f{--width:500px;}}@media(max-width:767px){.elementor-1225 .elementor-element.elementor-element-58d6216{--width:1600px;--justify-content:space-between;}.elementor-1225 .elementor-element.elementor-element-a570596{width:auto;max-width:auto;}}/* Start custom CSS for heading, class: .elementor-element-a570596 *//* --- ESTADO INICIAL (Sólido y nítido) --- */
.elementor-1225 .elementor-element.elementor-element-a570596 {
    /* Preparamos la transición suave de todas las propiedades */
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0px) !important;
    transform-origin: center left !important;
}

/* --- ESTADO SCROLL (La Evaporación) --- */
body.menu-scrolled .elementor-1225 .elementor-element.elementor-element-a570596 {
    opacity: 0 !important; /* Se hace transparente */
    
    /* Sube 15 píxeles y se encoge un 5% (simulando disipación) */
    transform: translateY(-15px) scale(0.95) !important; 
    
    /* El truco mágico: se desenfoca mientras desaparece */
    filter: blur(4px) !important; 
    
    pointer-events: none !important; /* Evita que se le pueda hacer clic estando invisible */
}
/* --- 1. ESTADO INICIAL (Sólido y nítido) --- */
.elementor-1225 .elementor-element.elementor-element-a570596 {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0px) !important;
    transform-origin: center left !important;
}

/* --- 2. ESTADO SCROLL (La Evaporación) --- */
body.menu-scrolled .elementor-1225 .elementor-element.elementor-element-a570596 {
    opacity: 0 !important; 
    transform: translateY(-15px) scale(0.95) !important; 
    filter: blur(4px) !important; 
    pointer-events: none !important; 
}

/* --- 3. PARCHE PARA TAMAÑO EN MÓVIL --- */
@media (max-width: 1024px) {
    .elementor-1225 .elementor-element.elementor-element-a570596 {
        /* Solo ajustamos el tamaño, mantenemos intacto el efecto de evaporación */
        font-size: 1.2rem !important; 
        max-width: 150px !important;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3638dfe *//* Aniquilar márgenes invisibles de Elementor/WordPress */
.elementor-1225 .elementor-element.elementor-element-3638dfe, 
.elementor-1225 .elementor-element.elementor-element-3638dfe .elementor-nav-menu, 
.elementor-1225 .elementor-element.elementor-element-3638dfe ul {
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important; /* Fuerza el centro vertical */
    height: 100% !important;
}

/* Transición para el scroll */
.elementor-1225 .elementor-element.elementor-element-3638dfe {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.3s ease !important;
}

body.menu-scrolled .elementor-1225 .elementor-element.elementor-element-3638dfe {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important; 
}
@media (max-width: 1024px) {
    .elementor-1225 .elementor-element.elementor-element-3638dfe {
        /* Desaparece el texto en móviles para que no rompa el círculo */
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-613472b *//* 1. Anclaje al centro del círculo de 55px */
.elementor-1225 .elementor-element.elementor-element-613472b {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Aniquilación de márgenes en TODAS las sub-capas de Elementor */
.elementor-1225 .elementor-element.elementor-element-613472b .elementor-widget-container,
.elementor-1225 .elementor-element.elementor-element-613472b .elementor-icon-wrapper,
.elementor-1225 .elementor-element.elementor-element-613472b .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
}

/* 3. Limpieza del dibujo del ícono (SVG o Font) */
.elementor-1225 .elementor-element.elementor-element-613472b i, 
.elementor-1225 .elementor-element.elementor-element-613472b svg {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* 4. Gatillo de aparición */
body.menu-scrolled .elementor-1225 .elementor-element.elementor-element-613472b {
    opacity: 1 !important;
    pointer-events: auto !important;
}
@media (max-width: 1024px) {
    .elementor-1225 .elementor-element.elementor-element-613472b {
        /* Se hace visible permanentemente */
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5487f1f */.elementor-1225 .elementor-element.elementor-element-5487f1f {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
/* Posición inicial forzada y animación */
.elementor-1225 .elementor-element.elementor-element-5487f1f {
    left: 50% !important;
    transform: translateX(-50%) !important;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important;
    z-index: 9999 !important; /* Para que flote sobre tus botones amarillos */
}

/* Transformación a círculo al hacer scroll */
body.menu-scrolled .elementor-1225 .elementor-element.elementor-element-5487f1f {
    width: 55px !important; 
    min-width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important; 
    left: 100% !important; 
    transform: translateX(calc(-100% - 90px)) !important; /* Ajusta el 90px según el margen que quieras */
}
/* --- ADAPTACIÓN TABLET Y MÓVIL (Versión Congelada) --- */
@media (max-width: 1024px) {
    /* Le aplicamos la misma regla estática tanto al estado normal como al hacer scroll */
    .elementor-1225 .elementor-element.elementor-element-5487f1f, 
    body.menu-scrolled .elementor-1225 .elementor-element.elementor-element-5487f1f {
        width: 55px !important;
        min-width: 55px !important;
        height: 55px !important;
        border-radius: 50% !important;
        
        /* Posición fija inamovible */
        left: auto !important;
        right: 20px !important;
        top: 20px !important;
        
        /* Anulamos cualquier animación o desplazamiento de escritorio */
        transform: none !important; 
        transition: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5e45074 */@media (max-width: 767px) {
    .elementor-1225 .elementor-element.elementor-element-5e45074 {
        display: none !important; /* Limpieza total en móviles */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58d6216 *//* --- 1. ESTADO INICIAL --- */
.capsula-menu {
    /* Mantenemos el anclaje central intacto */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important;
}

.enlaces-capsula {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 !important; 
    padding: 0 !important;
}

/* Sometemos a la hamburguesa para que sea invisible y central */
.icono-hamburguesa,
.icono-hamburguesa .elementor-widget-container {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.iconos-sociales-top {
    transition: opacity 0.4s ease;
}


/* --- 2. ESTADO SCROLL (EL CÍRCULO EN MOVIMIENTO) --- */
body.menu-scrolled .capsula-menu {
    width: 55px !important; 
    min-width: 55px !important;
    max-width: 55px !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    border-radius: 50% !important; 
    
    /* LA MAGIA DEL MOVIMIENTO: 50vw es la mitad de la pantalla, 90px es el margen derecho */
    transform: translateX(calc(50vw - 90px)) !important; 
}

/* Aniquilamos el texto del menú al hacer scroll */
body.menu-scrolled .enlaces-capsula {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important; 
}

/* Revelamos la hamburguesa en el centro exacto */
body.menu-scrolled .icono-hamburguesa,
body.menu-scrolled .icono-hamburguesa .elementor-widget-container {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Ocultamos las redes sociales */
body.menu-scrolled .iconos-sociales-top {
    opacity: 0 !important;
    pointer-events: none !important;
}
/* --- AJUSTE DE CABECERA PARA TABLET Y MÓVIL --- */
@media (max-width: 1024px) {
    
    /* 1. Forzamos que el título no se rompa en dos líneas */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-heading-title {
        white-space: nowrap !important;
        width: 100% !important;
    }

    /* 2. Expandimos el contenedor del logo y comprimimos el del menú */
    /* Ajustamos el primer contenedor hijo (Logo) */
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-con:first-child, 
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-child:first-child {
        width: 80% !important;
        flex-grow: 1 !important;
    }

    /* Ajustamos el contenedor del botón hamburguesa */
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-con:last-child,
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-child:last-child {
        width: 20% !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    /* 3. Eliminamos el espacio fantasma de elementos ocultos */
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .elementor-element-hidden,
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-con:empty {
        display: none !important;
        width: 0 !important;
        margin: 0 !important;
    }
}
/* --- ALINEACIÓN MAESTRA PARA CABECERA --- */
@media (max-width: 1024px) {
    
    /* 1. Forzamos al contenedor principal a ser una fila flex centrada */
    .elementor-1225 .elementor-element.elementor-element-58d6216 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important; /* Centrado vertical real */
        justify-content: space-between !important;
        height: auto !important;
        min-height: 80px !important; /* Ajusta esto según el tamaño de tu botón circular */
    }

    /* 2. Quitamos cualquier margen que Elementor añade por defecto a los widgets */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-widget {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        width: auto !important;
    }

    /* 3. Ajuste quirúrgico del texto "Cero Consenso" */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-heading-title {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important; /* Elimina espacio extra arriba/abajo de las letras */
        display: block !important;
        white-space: nowrap !important;
    }

    /* 4. Si el texto se ve un poco "arriba" por la fuente, lo bajamos manualmente */
    /* Cambia el 3px si necesitas que baje más o menos */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-widget-heading {
        transform: translateY(4px) !important;
    }

    /* 5. Aseguramos que el botón no tenga márgenes que lo empujen */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-widget-container {
        display: flex !important;
        align-items: center !important;
    }
}
/* --- OCULTAR ELEMENTOS EN TABLET Y MÓVIL (Menos de 1024px) --- */
@media (max-width: 1024px) {

    /* 1. Escondemos específicamente el widget de iconos sociales */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-widget-social-icons {
        display: none !important;
    }

    /* 2. Por si acaso están en su propio contenedor, escondemos el contenedor vacío */
    /* Esto elimina el "espacio fantasma" que mencionaste antes */
    .elementor-1225 .elementor-element.elementor-element-58d6216 .elementor-social-icons-wrapper {
        display: none !important;
    }

    /* 3. Aseguramos que el logo (Cero Consenso) use el espacio que dejaron los iconos */
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-con:first-child, 
    .elementor-1225 .elementor-element.elementor-element-58d6216 > .e-child:first-child {
        width: auto !important;
        flex-grow: 1 !important;
    }
}/* End custom CSS */