.elementor-74 .elementor-element.elementor-element-6573975{z-index:10;}.elementor-74 .elementor-element.elementor-element-f26a2dd{width:var( --container-widget-width, 109.297% );max-width:109.297%;--container-widget-width:109.297%;--container-widget-flex-grow:0;}.elementor-74 .elementor-element.elementor-element-a41066f{--spacer-size:1px;}.elementor-74 .elementor-element.elementor-element-b43873a{--spacer-size:2px;}.elementor-74 .elementor-element.elementor-element-f99cb81{width:var( --container-widget-width, 103.193% );max-width:103.193%;--container-widget-width:103.193%;--container-widget-flex-grow:0;}.elementor-74 .elementor-element.elementor-element-f99cb81 .elementor-menu-toggle{margin:0 auto;}.elementor-74 .elementor-element.elementor-element-f99cb81 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:500;line-height:27px;word-spacing:7px;}.elementor-74 .elementor-element.elementor-element-f99cb81 .elementor-nav-menu--main .elementor-item{color:#FEBC2F;fill:#FEBC2F;padding-left:14px;padding-right:14px;}.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-74 .elementor-element.elementor-element-fef7c40{width:13.925%;}.elementor-74 .elementor-element.elementor-element-592a73e{width:12.153%;}.elementor-74 .elementor-element.elementor-element-da09b53{width:73.586%;}}/* Start custom CSS for section, class: .elementor-element-6573975 *//* Estilos para el encabezado en su estado normal (no sticky) */
.elementor-74 .elementor-element.elementor-element-6573975 {
    /* IMPORTANTE: Estas transiciones definen cómo se anima el header al CAMBIAR de estado (ida y vuelta). */
    /* Incluir 'left' y 'transform' aquí es CRÍTICO para una vuelta fluida, */
    /* pero puede reintroducir una animación horizontal sutil al hacerse sticky. */
    transition: background-color 0.8s ease-in-out,   /* Transición del color de fondo */
                border-radius 0.8s ease-in-out,     /* Transición del redondeo de bordes */
                box-shadow 0.8s ease-in-out,        /* Transición de la sombra */
                max-width 0.8s ease-in-out,         /* Transición del ancho máximo */
                padding 0.8s ease-in-out,           /* Transición del padding */
                top 0.8s ease-in-out,               /* Transición de la posición vertical */
                left 0.8s ease-in-out,              /* Transición de la posición horizontal */
                transform 0.8s ease-in-out;         /* Transición de la transformación (centrado) */
    
    /* VALORES BASE (cuando el header NO es sticky) */
    /* Aseguramos un punto de partida para las transiciones */
    top: 0px; 
    left: 0; /* Por defecto, no hay desplazamiento horizontal */
    transform: translateX(0%); /* Por defecto, no hay traslación */
    border-radius: 0px; /* Bordes no redondeados al inicio */
    box-shadow: none; /* Sin sombra al inicio */
    max-width: 100%; /* Ocupa todo el ancho al inicio */
    padding: 0; /* Sin padding extra al inicio */
    /* El background-color inicial lo dará Elementor o tu tema */
}

/* Estilos para el encabezado cuando está "sticky" (.elementor-74 .elementor-element.elementor-element-6573975.elementor-sticky--effects) */
.elementor-74 .elementor-element.elementor-element-6573975.elementor-sticky--effects {
    background-color: rgba(45, 58, 82, 1) !important; /* Color azul oscuro sólido */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);     /* Sombra más pronunciada para efecto flotante */
    
    /* BORDES REDONDEADOS */
    border-radius: 30px; /* Ajusta para el nivel de redondez deseado */
    
    /* CENTRADO HORIZONTAL (DESTINO de la animación) */
    left: 50%; /* Mueve el borde izquierdo al centro de la pantalla */
    transform: translateX(-50%); /* Compensa la mitad del ancho del elemento para centrarlo */
    
    /* POSICIÓN VERTICAL FINAL CUANDO ES STICKY (DESTINO de la animación) */
    top: 20px; /* La distancia desde el borde superior cuando está pegajoso. Ajusta si quieres que flote más abajo. */

    /* DIMENSIONES Y PADDING PARA EL ASPECTO DE "BOTÓN FLOTANTE" */
    width: auto; /* Permite que el ancho sea determinado por max-width y su contenido */
    max-width: 800px; /* Ancho máximo del "botón flotante". AJUSTA ESTE VALOR. */
    padding: 10px 30px; /* Relleno interno vertical (10px) y horizontal (30px). AJUSTA ESTOS VALORES. */
}

/* Transición y altura para los cambios del contenedor interno de Elementor */
.elementor-74 .elementor-element.elementor-element-6573975 > .elementor-container {
    transition: min-height 0.8s ease-in-out, padding 0.8s ease-in-out;
}

.elementor-74 .elementor-element.elementor-element-6573975.elementor-sticky--effects > .elementor-container {
    min-height: auto; 
    padding-top: 5px; 
    padding-bottom: 5px;
}/* End custom CSS */