.filtro-categorias ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-1);
    margin-bottom: var(--espaco-4);
}

.filtro-categorias a {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    background: var(--cor-cinza-claro);
    color: var(--cor-azul-marinho);
    font-weight: var(--peso-medio);
    font-size: 0.875rem;
}

.filtro-categorias a:hover,
.filtro-categorias__ativo {
    background: var(--cor-azul-marinho);
    color: var(--cor-branco);
}

.secao--artigo {
    padding-block: var(--espaco-4) var(--espaco-5);
}

.artigo__cabecalho {
    max-width: 70ch;
    margin-inline: auto;
    text-align: left;
    margin-bottom: var(--espaco-3);
}

.artigo__meta {
    color: var(--cor-cinza-medio);
    font-size: 0.9375rem;
}

.artigo__imagem-principal {
    border-radius: var(--raio-borda-grande);
    margin-bottom: var(--espaco-4);
}

.artigo__corpo {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
}

.artigo__corpo h2 {
    margin-top: var(--espaco-3);
}

.artigo__corpo p a {
    color: var(--cor-laranja);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.artigo__corpo p a:hover {
    color: var(--cor-laranja-escuro);
}