@media (max-width: 768px) {
    .nav ul {
        gap: 10px;
        flex-direction: column; /* Cambia la dirección de los elementos a columna */
        align-items: flex-start; /* Alinea los ítems al inicio en pantallas pequeñas */
    }

    .nav ul li {
        width: 100%;
        justify-content: flex-start; /* Alinea los ítems al inicio */
    }
}