.details {
  display: none; /* Mantém o conteúdo oculto inicialmente */
  overflow-y: auto; /* Permite rolagem apenas na vertical */
  max-height: 250px; /* Define uma altura máxima para o conteúdo visível */
  padding: 8px; /* Espaçamento interno para melhor apresentação */
  border: 1px solid #ddd; /* Adiciona uma borda leve para destacar */
  background-color: #39393D; /* Fundo sutil para separar o conteúdo */
}

.toggle-text {
  color: #FFFF00; /* Cor do texto amarelo */
  text-decoration: none; /* Remove sublinhado do texto */
  font-weight: bold; /* Deixa o texto destacado */
  cursor: pointer; /* Mostra o cursor de "mão" ao passar */
}

.toggle-text:hover {
  color: #FFCC00; /* Destaque ao passar o mouse */
  text-shadow: 1px 1px 2px #000; /* Adiciona um leve brilho ao texto */
}

body {
  padding-bottom: 250px; /* Adiciona espaço ao final da página */
  overflow-y: auto; /* Permite rolagem vertical */
}

body {
  background-color: #121212;
  color: #f5f5f5;
  font-family: 'Segoe UI', sans-serif;
}

a {
  color: #80cbc4;
}

.categoria {
  background-color: #1e1e1e;
  color: #ffffff;
  border-radius: 8px;
  padding: 10px;
}

h1, h2, h3 {
  color: #ffffff;
}