/*.navbar-nav {
    display: flex; 
    justify-content: center; 
    width: 100%; 
}

.navbar-right {
    margin: 0 auto !important; 
    float: none !important; 
}*/
.navbar-nav {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    flex-wrap: wrap !important; /* Permite acomodar los elementos en varias líneas si es necesario */
}

.navbar-right {
    margin: 0 auto !important;
    float: none !important;
}

@media (max-width: 768px) {
    .navbar-nav {
        flex-direction: column !important; /* Cambia a columna en pantallas pequeñas */
        align-items: center !important;
    }
}