/* Estilo base para centrar el menú en pantallas grandes */
.nav-centered {
   display: flex;
   justify-content: center;
   align-items: center;
}

.menu {
   display: flex;
   list-style: none;
   padding: 0;
   margin: 0;
}

.menu li {
   margin-right: 10px; /* Ajusta el espacio entre los elementos del menú */
}

.menu li:last-child {
   margin-right: 0; /* Elimina el margen derecho del último elemento */
}

/* Mostrar el enlace al menú en pantallas pequeñas */
.menu-mobile {
   display: flex;
   justify-content: center;
   margin: 10px 0;
}

/* Ocultar el menú principal en pantallas pequeñas */
.menu-desktop {
   display: none;
}

/* Reglas para pantallas grandes (escritorio) */
@media (min-width: 768px) {
   /* Mostrar el menú principal en pantallas grandes */
   .menu-desktop {
       display: flex;
   }

   /* Ocultar el enlace al menú en pantallas grandes */
   .menu-mobile {
       display: none;
   }
}

.menu-mobile a {
   text-decoration: none;
   font-size: 18px;
   color: #333;
}

.menu-mobile a i {
   margin-right: 6px;
}