/* Estilos específicos para los enlaces en el menú de navegación dentro del header */
header nav a {
  text-decoration: none; /* Elimina el subrayado de los enlaces */
}

header nav a:hover {
  text-decoration: underline; /* Agrega subrayado al pasar el ratón */
}

/* Estilos para el dropdown de idiomas */
.relative .dropdown-menu {
  display: none; /* Ocultar el menú por defecto */
}

.relative:hover .dropdown-menu {
  display: block; /* Mostrar el menú al pasar el ratón por encima */
}

.dropdown-menu a {
  display: flex; /* Usar flexbox para alinear iconos y texto */
  align-items: center; /* Alinear verticalmente iconos y texto */
  padding: 0.5rem 1rem; /* Espaciado interno para cada elemento */
}

.dropdown-menu a i {
  margin-right: 0.5rem; /* Espacio entre icono y texto */
  font-size: 1.5rem; /* Tamaño del icono */
}