.menu-principal a {
  color: #000000 !important; /* Garante que o texto fique preto */
  visibility: visible !important; /* Faz o texto aparecer */
  opacity: 1 !important; /* Remove qualquer transparência */
}

.menu-principal {
  background-color: #FFFFFF !important; /* Fundo branco */
  border-bottom: 1px solid #CCCCCC; /* Adiciona uma linha para melhor separação */
}

.menu-principal a:hover {
  color: #65419A !important; /* Mantém a cor roxa ao passar o mouse */
}