/* remover a linha de sublinhado (underline) dos links */

.no-underline {
  text-decoration: none;
}

/* Adiciona a cor de fundo ao passar o cursor */

.nav-item:hover .nav-link {
  background-color: var(--bs-primary);
  color: white;
  /*Opcional: para mudar a cor do texto;*/
  border-radius: 6px;
}

/* Adiciona a cor de fundo ao item ativo */

.nav-link.active {
  background-color: var(--bs-primary);
  color: white;
  /*Opcional: para mudar a cor do texto;*/
  border-radius: 6px;
}