/* Estado móvil activo */
body.mobile-nav-active {
    overflow: hidden;
}

body.mobile-nav-active #header {
    z-index: 999;
}

/* Transición suave para el icono de toggle */
.mobile-nav-toggle {
    transition: all 0.3s ease;
}

/* Submenús en móvil */
@media (max-width: 991px) {
    .navmenu ul ul {
        display: none !important;
    }
    
    .navmenu li.active > ul {
        display: block !important;
        animation: fadeIn 0.3s ease;
    }
    
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
}