:root {
  --sulista-blue: #002c69;
  --sulista-orange: #f07e1c;
}

/* Navbar branca */
.navbar-sulista {
  background-color: #fff;
}
/* Logo */
.navbar-sulista .navbar-brand img {
  height: 40px;
}
/* Links com borda inferior azul */
.navbar-sulista .nav-link {
  color: var(--sulista-blue);
  font-weight: 500;
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--sulista-blue);
  margin: 0 0.5rem;
}
.navbar-sulista .nav-link:hover {
  color: var(--sulista-orange);
  border-bottom-color: var(--sulista-orange);
}


.navbar-sulista .btn-acesso {
  background-color: var(--sulista-blue);
  color: var(--sulista-orange);
  font-weight: 500;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  transition: background-color .2s, color .2s;
}
.navbar-sulista .btn-acesso:hover {
  background-color: var(--sulista-orange);
  color: var(--sulista-blue);
}