.elementor-298 .elementor-element.elementor-element-5d483e73{--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:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-298 .elementor-element.elementor-element-5d483e73.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-298 .elementor-element.elementor-element-a0aaa33{--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:space-between;--align-items:center;}.elementor-298 .elementor-element.elementor-element-b984624 img{height:50px;border-style:none;}.elementor-298 .elementor-element.elementor-element-b984624{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-298 .elementor-element.elementor-element-0742348{margin:0px 16px calc(var(--kit-widget-spacing, 0px) + 0px) 9px;}.elementor-298 .elementor-element.elementor-element-0742348.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle{margin:0 auto;}.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;line-height:1px;}.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-nav-menu--main .elementor-item{color:#0F203C;fill:#0F203C;}.elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-underline .elementor-item:after,
					 .elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-overline .elementor-item:before,
					 .elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-double-line .elementor-item:before,
					 .elementor-298 .elementor-element.elementor-element-1a66460 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-298 .elementor-element.elementor-element-1a66460{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.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-298 .elementor-element.elementor-element-5d483e73{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-298 .elementor-element.elementor-element-5d483e73{--width:708px;}}@media(max-width:1024px){.elementor-298 .elementor-element.elementor-element-5d483e73{--min-height:0px;--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:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298 .elementor-element.elementor-element-b984624{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-298 .elementor-element.elementor-element-0742348{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-298 .elementor-element.elementor-element-0742348.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-298 .elementor-element.elementor-element-1a66460{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-298 .elementor-element.elementor-element-1a66460.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}}@media(max-width:767px){.elementor-298 .elementor-element.elementor-element-5d483e73.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-298 .elementor-element.elementor-element-b984624{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 30px );max-width:30px;--container-widget-width:30px;--container-widget-flex-grow:0;}.elementor-298 .elementor-element.elementor-element-0742348{margin:-0px -0px calc(var(--kit-widget-spacing, 0px) + -0px) -0px;width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-298 .elementor-element.elementor-element-0742348.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-298 .elementor-element.elementor-element-1a66460{width:var( --container-widget-width, 30px );max-width:30px;--container-widget-width:30px;--container-widget-flex-grow:0;}}/* Start custom CSS for button, class: .elementor-element-0742348 *//* 1. DISEÑO DEL BOTÓN CTA (DORADO ÉLITE) - VERSIÓN ESTILIZADA Y COMPACTA */
.elementor-298 .elementor-element.elementor-element-0742348 a, .elementor-298 .elementor-element.elementor-element-0742348 .elementor-button {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px !important; 
    padding: 8px 20px !important; /* El ajuste maestro de altura */
    line-height: 1 !important; /* Elimina el espaciado vertical invisible del texto */
    margin: 0 !important; /* Bloquea márgenes externos rebeldes */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    border: none !important;
    display: inline-block;
    
    /* ¡LA MAGIA! El pulso nace directamente del color, no del contenedor */
    animation: pulso-dorado 2s infinite;
}

/* 2. ANIMACIÓN AL PASAR EL MOUSE (IDENTIDAD CENEA) */
.elementor-298 .elementor-element.elementor-element-0742348 a:hover, .elementor-298 .elementor-element.elementor-element-0742348 .elementor-button:hover {
    background-color: #0F203C !important; /* Azul de Autoridad */
    color: #D4AF37 !important; /* Letras doradas */
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(15, 32, 60, 0.5); /* Sombra azul oscuro */
    
    /* Detenemos el pulso al poner el mouse para no sobrecargar el ojo */
    animation: none; 
}

/* 3. ANIMACIÓN DE PULSO PERFECTA */
@keyframes pulso-dorado {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(212, 175, 55, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-1a66460 *//* ==================================================
   1. CENTRADO MATEMÁTICO PERFECTO (EJE X / Y)
   ================================================== */
@media (max-width: 1024px) {
    .elementor-298 .elementor-element.elementor-element-1a66460 {
        position: absolute !important;
        left: 25% !important;
        top: 34% !important;
        transform: translate(-50%, -30%) !important;
        margin: 0 !important;
        z-index: 100 !important; /* Asegura que esté por encima de todo */
    }
}

/* ==================================================
   2. LIMPIEZA DE LA JAULA (SIN RELLENOS)
   ================================================== */
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle {
    width: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important; 
    margin: 0 !important;
}

/* ==================================================
   3. SEPARACIÓN ESTRICTA DE ICONOS (ADIÓS A LA "X" DOBLE)
   ================================================== */

/* A) Menú Cerrado: SOLO tu SVG CNEA (Le quitamos el display:block) */
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle:not(.elementor-active) svg {
    width: 120px !important;
    height:50px !important; 
}

/* B) Menú Abierto: SOLO la "X" predeterminada al hacer clic */
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle.elementor-active svg {
    width: 30px !important; 
    height: 50px !important;
}

/* Animación sutil al tocar */
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle:hover svg, 
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle:focus svg {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* ==================================================
   4. CONTROL Y CENTRADO DE LA LISTA DESPLEGABLE
   ================================================== */
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-nav-menu--dropdown {
    width: 200px !important; /* El ancho exacto de tu SVG */
    position: absolute !important;
    top: 45px !important; /* Lo empuja suavemente debajo de la X */
    
    /* Matemática para centrar la caja de 200px justo debajo de la X */
    left: 50% !important; 
    transform: translateX(-50%) !important; 
    
    /* Mantenemos tu diseño de cristal premium */
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important;
    
    /* Quitamos márgenes rebeldes */
    margin: 0 !important;
}

/* Centrar el texto de los enlaces dentro de la caja de 200px */
.elementor-298 .elementor-element.elementor-element-1a66460 .elementor-nav-menu--dropdown a {
    text-align: center !important;
    justify-content: center !important;
    padding: 15px 0 !important; /* Espacio elegante entre cada link */
}   

/* ==================================================
   5. BLINDAJE ANTI-CHOQUES PARA MÓVILES PEQUEÑOS
   ================================================== */
@media (max-width: 767px) {
    /* 1. Encogemos ligeramente el SVG para darle aire */
    .elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle:not(.elementor-active) svg {
        width: 95px !important; /* Baja de 120px a 95px */
        height: 28px !important; 
    }
    
    /* 2. La "X" también la hacemos un pelín más sutil */
    .elementor-298 .elementor-element.elementor-element-1a66460 .elementor-menu-toggle.elementor-active svg {
        width: 25px !important; 
        height: 25px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d483e73 *//* =========================================
   1. REGLAS EXCLUSIVAS PARA MÓVIL Y TABLET
   ========================================= */
@media (max-width: 1024px) {
    
    /* Alineamos los 3 elementos en una sola fila como caballeros */
    .elementor-298 .elementor-element.elementor-element-5d483e73 > .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Prohíbe amontonarse */
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
    }

  
    /* Ajustamos el Botón CTA que ya existe (mantenemos su clase original) */
    .boton-cta-header {
        width: 50% !important; 
        text-align: center;
    }

    .boton-cta-header a {
        padding: 8px 12px !important; /* Más pequeño para que quepa */
        font-size: 11px !important;
        white-space: nowrap !important; /* Evita que el texto baje a dos líneas */
    }

    /* La Hamburguesa a la derecha */
    .elementor-nav-menu--main {
        width: 15% !important;
        display: flex;
        justify-content: flex-end;
    }

    /* EFECTO CRISTAL: MENÚ DESPLEGABLE (Ahora sí, solo en móvil) */
    .elementor-nav-menu--dropdown {
        background-color: rgba(255, 255, 255, 0.4) !important; 
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        border-radius: 20px !important; 
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        margin-top: 15px !important; 
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important;
    }

    /* Eliminar fondos por defecto de Elementor en el menú */
    .elementor-nav-menu--dropdown ul, 
    .elementor-nav-menu--dropdown li,
    .elementor-nav-menu--dropdown a {
        background-color: transparent !important;
        color: #0F203C !important; /* Azul de Autoridad CNEA */
    }

    /* Efecto al tocar un ítem del menú */
    .elementor-nav-menu--dropdown a:hover,
    .elementor-nav-menu--dropdown a:focus {
        background-color: rgba(212, 175, 55, 0.2) !important; 
        color: #D4AF37 !important; /* Dorado CNEA */
    }
} /* <-- AQUÍ CIERRA EL MÓVIL */

/* =========================================
   2. REGLAS PARA EL HEADER PEGAJOSO (SCROLL)
   (Aplica tanto en escritorio como en móvil)
   ========================================= */
.elementor-298 .elementor-element.elementor-element-5d483e73.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 0.6) !important; /* Un poco más sólido al bajar */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Mantiene la forma de cápsula al hacer scroll */
    margin: 10px auto !important; 
    width: calc(100% - 40px) !important; 
    max-width: 1200px !important; 
    border-radius: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    
    /* Anclaje perfecto al centro */
    left: 0;
    right: 0;
}/* End custom CSS */