/* Header Sticky - Fixed on Scroll */

/* Header Fijo (Sticky) para Desktop */
.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Agregar padding al body para compensar el header fijo */
body {
    padding-top: 147px !important; /* Altura del header desktop */
}

/* Mejorar la transición al hacer scroll */
.site-header.scrolled {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Header Fijo para Mobile */
@media (max-width: 921px) {
    body {
        padding-top: 80px !important; /* Altura del header mobile aproximada */
    }
    
    .site-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
        background-color: #ffffff !important;
    }
    
    .ast-mobile-header-wrap {
        background-color: #ffffff !important;
    }
}

/* Asegurar que el desktop header también esté fijo */
#ast-desktop-header {
    position: relative;
    background-color: #ffffff;
}

/* Ajustes para el contenido principal */
#content {
    position: relative;
}

/* Mejorar la animación al hacer scroll */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

/* Efecto de slide down desactivado */
/* .site-header {
    animation: slideDown 0.3s ease-out;
} */