/* Mobile Header Auto-Hide Styles */

@media (max-width: 991px) {
    header {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        transform: translateY(0);
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    }

    /* Oculto cuando scrollea hacia abajo */
    header.header-hidden {
        transform: translateY(-100%);
    }

    /* Oculto inicialmente en la primera sección */
    header.header-initial-hide {
        opacity: 0;
        pointer-events: none;
    }

    /* Agregar padding al body para compensar el header fixed */
    body {
        padding-top: 0;
    }

    /* Asegurar que el contenido no se esconda bajo el header */
    #wrapper {
        padding-top: 0;
    }
}

/* En desktop, comportamiento normal */
@media (min-width: 992px) {
    header {
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    header.header-hidden,
    header.header-initial-hide {
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}