/* Navbar transparente por padrão */
#mainNavbar {
  background-color: transparent;
  transition: background-color 0.4s ease;
  min-height: 70px;
}

/* Quando rolar, aplica o fundo escuro */
.navbar-scrolled {
  background-color: #0C00E0 !important;
}

/* Links da navbar brancos */
#mainNavbar .navbar-nav .nav-link {
  color: white !important; /* Garante que a cor seja branca */
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s ease; /* Transição suave para a borda */
}

/* Borda vermelha no hover */
#mainNavbar .navbar-nav .nav-link:hover {
  border-bottom: 3px solid red; /* Borda vermelha de 2px */
}