/* Header Scroll Behavior - Standalone CSS */

/* Keyframes para animaciones */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}

/* Asegurar que el header sticky tenga position fixed */
#sticky-header.sticky-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
}

/* Estado visible del header */
#sticky-header.sticky-menu.header-show {
    animation: 600ms ease-in-out 0s normal none 1 running fadeInDown !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Estado oculto del header */
#sticky-header.sticky-menu.header-hide {
    animation: 600ms ease-in-out 0s normal none 1 running fadeOutUp !important;
    opacity: 0 !important;
    transform: translateY(-100%) !important;
}