body {
  margin: 0; /* Remove margens padrão do body para evitar barras de rolagem indesejadas */
  /* height: 100vh; /* Garante que o body ocupe a altura total da viewport */ 
  display: flex; /* Transforma o body em um container flexível */
  justify-content: center; /* Centraliza horizontalmente o item dentro do body */
  align-items: center; /* Centraliza verticalmente o item dentro do body */
  font-family: Arial, sans-serif; /* Apenas para melhor legibilidade do texto */
  background-color: #f4f4f4; /* Cor de fundo da página */
}

.container {
  width: 60%; /* Define a largura do box para 80% da largura do container pai (body) */
  max-width: 1000px; /* Opcional: define uma largura máxima para o box não ficar muito grande em telas largas */
  padding: 20px; /* Espaçamento interno dentro do box */
  background-color: #ffffff; /* Cor de fundo do box */
  border: 1px solid #ddd; /* Borda do box */
  border-radius: 8px; /* Cantos arredondados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave para o box */
  /* text-align: center; /* Centraliza o texto dentro do box */
  box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura total */
}

.article-title {
    color: #0056b3;
    text-align: center;
    margin-bottom: 30px;
}
.article-chamada {
    font-size: 1em;
    color: #000;
    margin-top: 10px;
}
.article-meta {
    font-size: 0.9em;
    color: #666;
    margin-top: 10px;
}
.article .read-more {
    display: inline-block;
    margin-top: 10px;
    color: #0056b3;
    text-decoration: none;
    font-weight: bold;
}
.article .read-more:hover {
    text-decoration: underline;
}