/* Container de Perfis */
.perfil-gate {
  text-align: center;
  width: 100%;
}

.perfil-gate h1 {
  color: var(--cor-texto-ativo);
  font-size: 3.5vw;
  font-weight: 500;
  margin-bottom: 40px; /* Aumentei o espaçamento inferior */
}

/* Flexbox para colocar um do lado do outro */
.perfil-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  gap: 3vw; /* Aumentei o gap entre perfis */
  padding: 0;
  margin-bottom: 60px; /* Adicionei espaçamento inferior */
}

/* Grupo de botões */
.button-group {
  display: flex;
  justify-content: center;
  gap: 40px; /* Aumentei o gap entre botões */
  margin-top: 60px; /* Aumentei o espaçamento superior */
}