/* Corrección para que el menú superior no se desborde en móviles */
@media (max-width: 991px) {
    .navbar-nav {
        flex-wrap: wrap !important; /* Permite que los botones bajen si no caben */
        flex-direction: row !important;
        justify-content: flex-start !important;
    }

    .nav-item {
        margin-bottom: 5px; /* Espacio entre filas de botones */
    }

    .nav-link {
        padding: 8px 12px !important;
        font-size: 0.85rem !important;
        background: rgba(255,255,255,0.1); /* Un fondo ligero para que parezcan botones */
        border-radius: 4px;
        margin-right: 5px;
    }
}

/* Ajuste específico para tablets (Samsung Galaxy Tab) */
@media (max-width: 768px) {
    .navbar-nav .nav-link {
        padding: 5px 8px !important;
        font-size: 0.75rem !important;
    }
}