/* === ESTILOS PARA O HISTÓRICO DE VERSÕES === */

/* === ESTILO PARA O BLOCO DE TÍTULO DA PÁGINA === */
.page-title {
  background-color: #ffffff; /* Fundo branco, como os cards */
  padding: 40px 0; /* Espaçamento vertical */
}

/* Estilo do título */
.page-title h4 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #5f687b;
  margin-bottom: 0.5rem;
  text-align: center;
}

/* Estilo do parágrafo abaixo do título */
.page-title p {
  font-size: 1rem;
  color: #343a40;
  text-align: center;
}

/* Card da versão: fundo, borda arredondada, sombra e espaçamento */
.version-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  padding: 28px 32px;
  margin-bottom: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito hover no card: eleva e aumenta sombra */
.version-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}

/* Cabeçalho do card: título da versão e data alinhados com borda inferior */
.version-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 2px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

/* Título da versão: tamanho, peso e cor */
.version-header h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #343a40;
}

/* Data da versão: estilo itálico e cor suave */
.version-header time {
  font-size: 1rem;
  font-weight: 500;
  color: #343a40;
  font-style: italic;
}

/* Seção de atualização: remove margens e preenchimento para controle */
.update-section {
  margin: 0;
  padding: 0;
}

/* Espaçamento entre seções de atualização */
.update-section + .update-section {
  margin-top: 1.25rem;
}

/* Tipo de atualização (ex: Lançamentos, Melhorias): alinhamento e estilo */
.update-type {
  margin: 0 !important;
  padding: 0;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #343a40;
}

/* Ícone ao lado do tipo de atualização: tamanho do ícone */
.update-type .bi {
  font-size: 1.2rem;
}

/* Lista de detalhes da atualização: recuo maior para destacar, tamanho e cor */
.update-list {
  margin: 4px 0 0 1.5rem !important;
  padding-left: 2rem; /* controla o recuo do texto dentro da lista */
  font-size: 0.95rem;
  color: #343a40;
  line-height: 1.4;
  list-style-type: disc; /* usa bolinhas para os itens da lista */
}

/* Espaçamento entre os itens da lista de atualização */
.update-list li {
  margin-bottom: 4px;
}

/* Remove margem superior na primeira seção de atualização dentro do card */
.version-card .update-section:first-of-type {
  margin-top: 0 !important;
}

/* Estilo do texto de carregamento (ex: "Carregando...") */
.loading-text {
  text-align: center;
  font-size: 1rem;
  color: #6c757d;
  font-style: italic;
}

/* Espaço acima do cabeçalho */
header.header {
  margin-top: 12px;
}