/* Estilos para dispositivos móviles */
@media only screen and (max-width: 767px) {
    /* Ajustar el tamaño de fuente del menú de navegación para que sea legible en dispositivos móviles */

    nav {
        width: 100%;
      }

    nav ul li {
      font-size: 12px;
    }
  
    /* Convertir el menú de navegación en un menú desplegable para dispositivos móviles */
    nav ul {
      display: block;
    }
    
    nav.mobile-menu {
      display: block;
    }
    
    nav.mobile-menu select {
      width: 100%;
      padding: 10px;
      font-size: 16px;
      border: none;
      border-radius: 5px;
      background-color: #f2f2f2;
      color: #333;
    }
  }