/* Estiliza o container principal do menu */
.menu.superior {
  background-color: #f8f9fa; /* Cor de fundo */
  padding: 10px; /* Espaçamento interno */
}

/* Remove os estilos padrão da lista */
.nivel-um {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /* Itens alinhados horizontalmente */
  gap: 20px; /* Espaçamento entre os itens */
}

/* Estilo dos links do menu */
.nivel-um a {
  text-decoration: none; /* Remove o sublinhado */
  color: #333; /* Cor do texto */
  font-size: 16px; /* Tamanho da fonte */
  font-weight: bold; /* Negrito */
  padding: 5px 10px; /* Espaçamento interno dos links */
  border-radius: 5px; /* Borda arredondada */
  transition: background-color 0.3s ease; /* Efeito suave */
}

/* Efeito ao passar o mouse */
.nivel-um a:hover {
  background-color: #007bff; /* Fundo azul */
  color: #fff; /* Texto branco */
}