/* Estilos gerais para o contêiner de abas */
#abas-desc {
  display: flex;
  justify-content: center;  /* Centraliza as abas horizontalmente */
  align-items: center;      /* Centraliza as abas verticalmente */
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;             /* Faz o contêiner ocupar toda a altura disponível */
}

/* Estilo para cada item de aba */
#abas-desc li {
  margin: 0 15px;           /* Espaçamento entre as abas */
}

/* Estilo dos links dentro das abas */
#abas-desc a {
  text-decoration: none;    /* Remove o sublinhado */
  padding: 10px 20px;
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
}

/* Estilo para a aba ativa */
#abas-desc .active a {
  background-color: #000000;  /* Cor de fundo da aba ativa */
  color: white !important;              /* Cor do texto da aba ativa */
}

/* Media query para telas menores que 600px (mobile) */
@media (max-width: 600px) {
  #abas-desc {
    flex-direction: row;      /* Mantém as abas em linha */
    flex-wrap: wrap;          /* Permite que as abas se movam para a linha seguinte, se necessário */
  }

  #abas-desc li {
    margin: 5px;              /* Ajuste de margem para melhor exibição em dispositivos móveis */
  }
}