/* base para todas as listas de categorias */
.category-list {
  margin-bottom: 2rem;
  margin-top: 3rem;
}

.category-list .category-title {
  font-size: 2rem;
  font-weight: 500;
  color: var(--default-color);
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--default-color);
}

.category-list .category-desc {
  margin-bottom: 2rem;
}

/* para a lista de nomes simples */
.category-list .names-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.category-list .name-item {
  padding: 0;
  border-bottom: 1px solid #eee;
}

.category-list .name-item:last-child {
  border-bottom: none;
}

.category-list .name-item a {
  font-family: var(--default-font);
  font-size: 1.1rem;
  color: var(--default-color);
  text-decoration: none;
  display: block;
  padding: 0.75rem 1rem;
  transition: all 0.2s;
  border-left: 3px solid transparent;
}

.category-list .name-item a:hover {
  background-color: rgba(80, 97, 91, 0.05);
  color: var(--accent-color);
  padding-left: 1.5rem;
}

/* especifico para a secao 'pessoas' */
.section-pessoas .name-item a:hover {
  border-left-color: var(--accent-color);
}

/* especifico para a secao 'pesquisa' */
.section-pesquisa .name-item a:hover {
  border-left-color: var(--default-color);
}

/* para 'linhas de pesquisa' (conteudo completo) */
.linhas-pesquisa .linha-pesquisa-item {
  font-family: 'Montserrat';
  /* font-size: 1.1rem; */
  font-weight: 400;
  padding: 0.5rem;
  background-color: white;
}

.linhas-pesquisa .linha-pesquisa-item h3 {
  color: var(--default-color);
  /* margin-bottom: 1rem; */
  padding-bottom: 0.5rem;
  font-size: 1.1rem;
}

.linhas-pesquisa .linha-pesquisa-item p {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 1rem;
}

.linhas-pesquisa .linha-pesquisa-content {
  line-height: 1.6 !important;
}

.linhas-pesquisa .linha-pesquisa-content img {
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
}
  
@media (max-width: 767px) {
  .category-list .name-item a {
    padding: 0.625rem 0.75rem;
  }
  
  .linhas-pesquisa .linha-pesquisa-item {
    padding: 1rem;
  }
}

.oportunidades-item {
  color: var(--default-color);
}

.nomes-lista,
.ex-estudantes-lista {
  list-style: none;
  font-family: var(--default-font);
  font-size: 1.1rem;
  color: var(--default-color);
  line-height: 2rem;
  padding-left: 0;
  /* background-color: #f4ffa2; */
  /* background-color: #dde0df; */
}

.ex-extudantes-card {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.nav-tabs {
  background-color: white;
  border-bottom: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.nav-tabs .nav-link {
  color: var(--default-color); /* cor da letra */
  background-color: white;
  padding: 12px 20px;
  border-radius: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.nav-tabs .nav-link.active {
  color: white !important;
  background-color: var(--default-color) !important;
  border: none !important;
}

.nav-tabs .nav-link:hover {
  background-color: var(--default-color); /* fundo do hover */
  color: white;
  border: none !important;
  border-bottom-color: var(--default-color) !important;
}

.tab-content {
  margin-top: 0 !important;
  background-color: rgba(80, 97, 91, 0.1);
  padding: 25px;
}

.tab-pane {
  max-height: 500px;
  overflow-y: auto;
}

/* itens bootstrap interferindo */
.nav {
  --bs-nav-link-color: white !important;
  --bs-nav-link-hover-color: white !important;
  padding: 0.15rem !important;
  gap: 0.15rem;
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

#exEstudantesTabs {
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.pessoas-categorias-dropdown { display: none; }
.pessoas-categorias-list { display: block; }

@media (max-width: 1199px) {
  .pessoas-categorias-dropdown { display: block; width: 100%; margin-bottom: 1rem; }
  .pessoas-categorias-list { display: none !important; }
}

.colacoradores-text {
  font-family: var(--default-font);
  font-size: 1.1rem;
  color: var(--default-color);
}
