/* Informativo Dumont: listagem e páginas de texto */

.topo { background: var(--marrom-fundo); }
.topo .container { display: flex; align-items: center; justify-content: space-between; padding-block: 18px; }
.topo img { height: 56px; width: auto; }
.topo .container { flex-wrap: wrap; row-gap: 2px; }
.topo nav { display: flex; order: 3; width: 100%; justify-content: center; flex-wrap: wrap; gap: 4px 18px; font-size: 0.86rem; letter-spacing: 0.03em; padding-block: 10px 6px; }
.topo nav a { color: var(--creme); text-decoration: none; opacity: 0.85; }
.topo nav a:hover, .topo nav a.atual { opacity: 1; color: var(--dourado); }
.topo .btn { min-height: 44px; padding: 0.5em 1.1em; font-size: 0.9rem; }
@media (min-width: 900px) { .topo nav { order: 0; width: auto; gap: 28px; font-size: 0.92rem; padding-block: 0; } }

.capa { background: var(--marrom-fundo); color: var(--creme); padding-block: clamp(48px, 9vw, 96px); }
.capa h1 { font-size: clamp(2rem, 5.6vw, 3.2rem); font-weight: 500; margin-block: 16px 20px; max-width: 18em; }
.capa h1 em { color: var(--dourado); font-style: italic; }
.capa .lead { font-size: 1.1rem; max-width: 36em; color: rgba(236, 225, 203, 0.86); }
.capa .meta { color: rgba(236, 225, 203, 0.7); font-size: 0.92rem; letter-spacing: 0.03em; }
.capa .voltar { display: inline-block; margin-bottom: 26px; color: var(--dourado); font-size: 0.9rem; text-underline-offset: 4px; }

.estreito { width: min(100% - 2 * var(--gutter), 720px); }

/* Listagem */
.lista { padding-block: clamp(48px, 8vw, 88px); background: var(--creme); }
.post-grade { display: grid; gap: 18px; }
@media (min-width: 720px) { .post-grade { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .post-grade { grid-template-columns: repeat(3, 1fr); } }
.post-card { display: flex; flex-direction: column; gap: 12px; padding: 28px 26px; background: var(--creme-claro); border: 1px solid var(--linha); border-radius: var(--raio); text-decoration: none; color: inherit; transition: border-color 0.2s, transform 0.2s; }
.post-card:hover { border-color: var(--dourado); transform: translateY(-2px); }
.post-card .cat { font-size: 0.74rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--dourado-texto); font-weight: 600; }
.post-card h2 { font-size: 1.3rem; font-weight: 600; line-height: 1.25; }
.post-card p { color: var(--texto-suave); flex: 1; }
.post-card .rod { font-size: 0.86rem; color: var(--texto-suave); border-top: 1px solid var(--linha); padding-top: 12px; }
.vazio { text-align: center; color: var(--texto-suave); font-size: 1.1rem; padding-block: 40px; }

/* Texto */
.texto { padding-block: clamp(40px, 7vw, 80px); }
.texto p, .texto li { font-size: 1.12rem; line-height: 1.75; }
.texto p + p, .texto p + ul, .texto p + ol, .texto ul + p, .texto ol + p { margin-top: 1.2em; }
.texto h2 { font-size: clamp(1.5rem, 3.6vw, 1.9rem); font-weight: 600; margin-block: 2em 0.6em; }
.texto h3 { font-size: 1.25rem; font-weight: 600; margin-block: 1.6em 0.5em; }
.texto ul, .texto ol { padding-left: 1.4em; margin-block: 1.2em 0; }
.texto li + li { margin-top: 0.5em; }
.texto li::marker { color: var(--dourado-texto); }
.texto blockquote { margin: 1.8em 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--dourado); font-size: 1.25rem; font-style: italic; line-height: 1.5; color: var(--marrom); }
.texto a { color: var(--marrom); text-underline-offset: 4px; text-decoration-color: var(--dourado); }
.texto a:hover { color: var(--dourado-texto); }
.texto img { width: 100%; height: auto; border-radius: var(--raio); margin-block: 1.6em; }

.convite { background: var(--marrom); color: var(--creme); padding-block: clamp(48px, 8vw, 88px); text-align: center; }
.convite h2 { font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 500; }
.convite p { margin-top: 12px; color: rgba(236, 225, 203, 0.85); }
.convite .acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 26px; }

footer { background: var(--marrom-fundo); color: rgba(236, 225, 203, 0.7); padding-block: 40px; font-size: 0.86rem; text-align: center; }
footer img { height: 84px; margin: 0 auto 18px; }
footer p + p { margin-top: 4px; }
footer a { color: var(--dourado); text-underline-offset: 4px; }