/* CSS Fix DEFINITIVO para menú móvil */

/* Importante: NO forzar position, dejar que el CSS original funcione */

/* Elemento principal que bloqueaba todo */
.barra_color {
    pointer-events: none !important;
    z-index: -1 !important;
    position: relative !important;
}

/* Elementos laterales si existen */
.lateral_izquierdo,
.lateral_derecho {
    pointer-events: none !important;
    z-index: -1 !important;
}

/* NO forzar posición de .vives-nav */
/* Dejar que position: fixed en móvil funcione */
.vives-nav {
    z-index: 1000 !important;
}

.vives-nav__container {
    z-index: 1001 !important;
}

.vives-nav__list {
    /* SOLO z-index, SIN forzar position */
    z-index: 1002 !important;
}

/* En móvil, mantener z-index del CSS original */
@media (max-width: 768px) {
    .vives-nav__list {
        /* Mantener z-index: 999 del CSS original */
        z-index: 999 !important;
    }
}

/* Forzar que los enlaces del menú sean interactivos */
.vives-nav__link,
.vives-nav__submenu-link,
.menu_nav a,
.menu_nav__link {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    position: relative !important;
    z-index: 1003 !important;
    pointer-events: auto !important;
}

/* Overlay */
.vives-nav__overlay {
    display: none !important;
    pointer-events: none !important;
}

.vives-nav__overlay.active {
    display: block !important;
    pointer-events: auto !important;
}

/* Contenedores principales */
.content_html,
.content_body,
.main-content {
    pointer-events: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Body */
body {
    overflow-x: visible !important;
    overflow-y: auto !important;
}
