/* FIX CRÍTICO PARA NAVEGACIÓN CLICKEABLE */

/* Asegurar que la navegación tenga el z-index más alto */
.navbar {
    z-index: 99999 !important;
    position: relative !important;
}

/* Todos los elementos de navegación deben ser clickeables */
.navbar-brand,
.navbar-toggler,
.navbar-nav,
.nav-item,
.nav-link,
.navbar-collapse,
.container-fluid {
    pointer-events: auto !important;
    z-index: 99999 !important;
    position: relative !important;
}

/* Elementos que NO deben bloquear la navegación */
.fade,
.hero-overlay,
.hero-banner::before,
.sub-hero-banner::before,
nav::before {
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Fix específico para el menú móvil */
@media (max-width: 991.98px) {
    .navbar-collapse.show {
        pointer-events: auto !important;
        z-index: 99999 !important;
        position: fixed !important;
        background: white !important;
    }

    .navbar-nav .nav-link {
        pointer-events: auto !important;
        z-index: 99999 !important;
        display: block !important;
    }
}

/* Asegurar que los enlaces funcionen en escritorio */
@media (min-width: 992px) {
    .navbar-nav .nav-link {
        pointer-events: auto !important;
        z-index: 99999 !important;
        cursor: pointer !important;
    }

    .navbar-nav .nav-link:hover {
        color: var(--primaryColor) !important;
    }
}

/* Fix para elementos que pueden estar interfiriendo */
.hero-banner,
.sub-hero-banner,
main,
section {
    z-index: auto !important;
}

/* Asegurar que el botón hamburguesa funcione */
.navbar-toggler {
    z-index: 99999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(210, 105, 30, 0.25) !important;
}