/* TABS COMO BOTÕES */
ul.nav-tabs {
  border: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0px;
}

/* Remove bullets */
ul.nav-tabs > li {
  list-style: none !important;
  margin: 0;
}

/* Estilo dos links = botões */
ul.nav-tabs > li > a {
  background-color: #f3f3f3;
  border: 0px solid #ccc !important;
  border-radius: 3px 3px 0 0;  /* Aqui! Apenas cantos superiores arredondados */
  color: #333 !important;
  font-weight: 700;
  padding: 5px 15px !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

/* Hover */
ul.nav-tabs > li > a:hover {
  background-color: #e2e2e2;
  border-color: #aaa !important;
}

/* Aba ativa */
ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li.active > a:hover {
  background-color: #375A7F !important;
  color: #ffffff !important;
  border-radius: 3px 3px 0 0; /* mantém forma da aba ativa */
}

/* Remove interferência do Bootstrap */
ul.nav.nav-tabs > li.active {
  border: none !important;
  margin-bottom: 0 !important;
}