.posts {
    max-width: 800px; /* Define uma largura máxima para a seção */
    margin: 0 auto; /* Centraliza a seção */
    padding: 20px; /* Espaçamento interno */
    background-color: #f9f9f9; /* Cor de fundo para destacar a seção */
    border-radius: 8px; /* Cantos arredondados */
}

.artigo {
    border: 1px solid #ccc; /* Borda leve ao redor de cada artigo */
    padding: 15px; /* Espaçamento interno */
    margin-bottom: 20px; /* Espaçamento entre os artigos */
    border-radius: 5px; /* Cantos arredondados para os artigos */
    background-color: #fff; /* Fundo branco para os artigos */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra leve para destaque */
}

.artigo h2 {
    font-size: 1.5em; /* Tamanho da fonte do título */
    margin: 0 0 10px; /* Margem embaixo do título */
}

.imagem-artigo {
    max-width: 100%; /* A imagem não deve exceder a largura do contêiner */
    height: auto; /* Altura automática para manter a proporção */
    border-radius: 5px; /* Cantos arredondados para a imagem */
}

.link-artigo {
    display: inline-block; /* Exibe o link como um bloco */
    margin-top: 10px; /* Margem acima do link */
    padding: 10px 15px; /* Espaçamento interno do link */
    background-color: #007bff; /* Cor de fundo do link */
    color: #fff; /* Cor do texto do link */
    text-decoration: none; /* Remove sublinhado do link */
    border-radius: 5px; /* Cantos arredondados para o link */
}

.link-artigo:hover {
    background-color: #0056b3; /* Cor do fundo ao passar o mouse */
}