.cnbl-pagina__cabecalho { padding-block: 2rem 1rem; }
.cnbl-pagina__titulo { font-size: var(--wp--preset--font-size--titulo); }

.cnbl-grade {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
    padding-block: 2rem;
}

.cnbl-cartao__link { text-decoration: none; color: inherit; display: block; }
.cnbl-cartao__titulo { font-size: var(--wp--preset--font-size--medio); margin-top: 0.75rem; }
.cnbl-cartao__resumo { color: var(--wp--preset--color--texto-suave); }

/* Proporcao fixa: cartoes sem imagem nao encolhem e a grade nao desalinha. */
.cnbl-midia { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 4px; }
.cnbl-midia img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cnbl-midia__marcador { width: 100%; height: 100%; background: var(--wp--preset--color--superficie); }

.cnbl-post__meta { color: var(--wp--preset--color--texto-suave); font-size: var(--wp--preset--font-size--pequeno); }
.cnbl-post__corpo, .cnbl-pagina__corpo { padding-block: 1rem 2rem; }

.cnbl-404 { padding-block: 4rem; text-align: center; }