/* Dendê Notícias — folha de estilo do site público. Tokens documentados em DESIGN.md. */

@font-face { font-family: "Libre Franklin"; src: url("../fonts/libre-franklin-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Literata"; src: url("../fonts/literata-var.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Literata"; src: url("../fonts/literata-italico-var.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap; }

:root {
  --regua: linear-gradient(90deg, var(--laranja) 0 64px, var(--tinta) 64px);
  --laranja: #F25D0A;          /* laranja do logo: faixas, numerais, botões (texto sobre ele é sempre preto) */
  --laranja-texto: #B8420A;    /* laranja para texto e links sobre fundo claro (5,5:1) */
  --breu: #141210;             /* preto da marca: cabeçalho, bastidores, rodapé */
  --tinta: #141210;
  --tinta-2: #5E5852;
  --fundo: #FFFFFF;
  --fundo-2: #F7F6F3;
  --linha: #E3DFD8;
  --zap: #25D366;
  --ok: #1D7A3E;
  --erro: #B3261E;
  --f-titulo: "Libre Franklin", "Segoe UI", Roboto, Arial, sans-serif;
  --f-texto: "Literata", Georgia, "Times New Roman", serif;
  --largura: 1240px;
  --margem: clamp(16px, 4vw, 32px);
  --raio: 6px;
  color-scheme: light;
}


*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 80px; }
body { margin: 0; background: var(--fundo); color: var(--tinta); font: 400 1rem/1.5 var(--f-titulo); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
h1, h2, h3, h4 { margin: 0; text-wrap: balance; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--laranja); color: #141210; }
:focus-visible { outline: 3px solid var(--laranja); outline-offset: 2px; border-radius: 2px; }
main:focus { outline: none; }
.sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pular { position: absolute; left: 8px; top: -60px; z-index: 100; background: var(--laranja); color: #141210; padding: 12px 16px; font-weight: 700; border-radius: var(--raio); }
.pular:focus { top: 8px; }
.ic { width: 22px; height: 22px; flex: none; }
.ic--p { width: 16px; height: 16px; }
.faixa { width: 100%; max-width: var(--largura); margin-inline: auto; padding-inline: var(--margem); }
html { scrollbar-color: var(--tinta-2) var(--fundo-2); }

/* ---------- topo ---------- */
.utilidade { background: var(--fundo-2); color: var(--tinta-2); font-size: .8125rem; border-top: 3px solid var(--laranja); border-bottom: 1px solid var(--linha); }
.utilidade .faixa { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 34px; }
.utilidade__links { display: flex; gap: 20px; }
.utilidade__links a { text-decoration: none; padding-block: 8px; }
.utilidade__links a:hover { color: var(--tinta); text-decoration: underline; }
@media (max-width: 759px) { .utilidade__links { display: none; } }

.topo { background: var(--fundo); color: var(--tinta); position: relative; z-index: 20; }
.topo__faixa { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding-block: 20px 16px; border-bottom: 1px solid var(--linha); }
.marca { justify-self: start; display: block; }
.marca img { height: 86px; width: auto; }
.topo__menu, .topo__lupa { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; background: transparent; color: var(--tinta); border-radius: var(--raio); cursor: pointer; }
.topo__menu:hover, .topo__lupa:hover { background: var(--fundo-2); }
.topo__lupa { display: none; }
.topo__busca { display: flex; align-items: center; width: min(340px, 34vw); border: 1.5px solid var(--linha); border-radius: 999px; background: var(--fundo-2); }
.topo__busca:focus-within { border-color: var(--laranja); }
.topo__busca input { flex: 1; min-width: 0; height: 44px; border: 0; background: transparent; padding: 0 4px 0 18px; color: var(--tinta); }
.topo__busca input::placeholder { color: var(--tinta-2); }
.topo__busca input:focus { outline: none; }
.topo__busca button { width: 40px; height: 40px; margin: 2px; display: grid; place-items: center; border: 0; background: var(--laranja); color: #141210; cursor: pointer; border-radius: 999px; }
@media (max-width: 759px) {
  .topo__faixa { padding-block: 8px; gap: 8px; }
  .marca { justify-self: center; }
  .marca img { height: 58px; }
  .topo__busca { display: none; }
  .topo__lupa { display: inline-flex; }
}

.editorias { background: var(--fundo); color: var(--tinta); border-bottom: 1px solid var(--linha); }
.editorias__lista { display: flex; gap: 4px; list-style: none; overflow-x: auto; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
.editorias__lista::-webkit-scrollbar { display: none; }
.editorias__lista a { --cor: var(--laranja); display: block; white-space: nowrap; padding: 14px 12px 11px; font-weight: 600; font-size: .9375rem; text-decoration: none; border-bottom: 3px solid transparent; }
.editorias__lista li:first-child a { padding-left: 0; }
.editorias__lista a[aria-current="page"] { border-bottom-color: var(--laranja); color: var(--laranja-texto); font-weight: 800; }
@media (hover: hover) and (pointer: fine) { .editorias__lista a:hover { border-bottom-color: var(--laranja); color: var(--laranja-texto); } }
@media (min-width: 1100px) { .editorias__lista { -webkit-mask-image: none; mask-image: none; } }

/* faixa "Dendê quente": fundo claro, laranja só no selo e nas horas */
.quente { background: var(--fundo); color: var(--tinta); border-bottom: 1px solid var(--linha); }
@media (max-width: 759px) { .quente__selo { align-self: flex-start; } }
.quente__faixa { display: flex; align-items: center; gap: 18px; min-height: 48px; }
.quente__selo { display: inline-flex; align-items: center; gap: 6px; background: var(--laranja); color: #141210; padding: 6px 12px 6px 10px; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%); font-weight: 800; font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.ic--fruto { width: 18px; height: 18px; color: #141210; }
.quente__lista { display: flex; list-style: none; min-width: 0; max-width: 100%; gap: 28px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-block: 10px; }
.quente__lista::-webkit-scrollbar { display: none; }
.quente__lista li { display: flex; gap: 8px; align-items: baseline; scroll-snap-align: start; flex: 0 0 auto; max-width: 340px; font-size: .9375rem; font-weight: 600; line-height: 1.3; }
.quente__lista a { text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.quente__lista a:hover { text-decoration: underline; }
.quente .hora { color: var(--laranja-texto); font-weight: 800; }
.quente__plantao { font-weight: 700; font-size: 1.0625rem; line-height: 1.35; padding-block: 12px; }
.quente__plantao a { text-decoration: none; }
.quente__plantao a:hover { color: var(--laranja-texto); text-decoration: underline; text-decoration-color: var(--laranja); }
.quente__plantao .hora { margin-left: 8px; font-size: .8125rem; }
@media (max-width: 759px) { .quente__faixa { flex-direction: column; align-items: stretch; gap: 0; padding-top: 8px; } .quente__lista li { max-width: 78vw; } }

.aviso-demo { background: var(--fundo-2); border-bottom: 1px solid var(--linha); font-size: .8125rem; color: var(--tinta-2); }
.aviso-demo .faixa { display: block; padding-block: 8px; }

/* ---------- espaços de publicidade (nomes neutros por causa dos filtros de anúncio): só 728x90 (topo, meio, antes do rodapé) e 300x250 (laterais), proporção reservada ---------- */
.espaco { margin: 24px auto; text-align: center; }
.espaco__rotulo { display: block; font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-2); margin-bottom: 4px; }
.espaco a, .espaco picture { display: block; }
.espaco img { display: block; margin-inline: auto; width: 100%; height: auto; }
.espaco--faixa { max-width: 728px; }
.espaco--faixa img, .espaco--faixa.espaco--livre a { aspect-ratio: 728 / 90; }
.espaco--quadro { max-width: 300px; }
.espaco--quadro img, .espaco--quadro.espaco--livre a { aspect-ratio: 300 / 250; }
@media (max-width: 699px) { .espaco--movel img { aspect-ratio: auto; } }
.espaco--livre a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; width: 100%; border: 1px dashed var(--linha); border-radius: var(--raio); text-decoration: none; color: var(--tinta-2); background: repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--linha) 35%, transparent) 10px 11px); }
.espaco__chamada { font-weight: 800; color: var(--tinta); }
.espaco__tam { font-size: .8125rem; }
.espaco--livre a:hover { border-color: var(--laranja-texto); color: var(--tinta); }
.espaco-topo .espaco { margin-block: 16px; }
.espaco-rodape .espaco { margin-block: 40px 0; }
@media (max-width: 699px) { .espaco--faixa.espaco--livre .espaco__tam { display: none; } .espaco--faixa.espaco--livre a { min-height: 44px; } }

/* ---------- elementos de chamada ---------- */
.chamada__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; font-size: .8125rem; color: var(--tinta-2); }
.rotulo { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--laranja-texto); text-decoration: none; text-transform: uppercase; letter-spacing: .05em; font-size: .75rem; min-height: 24px; }
a.rotulo:hover { text-decoration: underline; }
@media (pointer: coarse) { .rotulo { min-height: 44px; margin-block: -10px; } }
.rotulo__cor { width: 8px; height: 8px; background: var(--laranja); flex: none; }
.hora { font-variant-numeric: tabular-nums; color: var(--tinta-2); }
.selo-exemplo { display: inline-block; font-size: .6875rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 2px 6px; border: 1px solid currentColor; border-radius: 3px; color: var(--tinta-2); }
.chamada__titulo { font-weight: 700; font-size: 1.1875rem; line-height: 1.22; letter-spacing: -.01em; }
.chamada__titulo a { text-decoration: none; }
.chamada__titulo a:hover { color: var(--laranja-texto); text-decoration: underline; text-decoration-color: var(--laranja); text-decoration-thickness: 2px; }
.chamada__foto { display: block; overflow: hidden; background: var(--fundo-2); margin-bottom: 12px; }
.chamada__foto img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
@media (hover: hover) and (pointer: fine) { .chamada:hover .chamada__foto img { transform: scale(1.03); } }
@media (prefers-reduced-motion: reduce) { .chamada__foto img { transition: none; } }
.chamada__fina { margin-top: 6px; font-family: var(--f-texto); font-size: 1rem; line-height: 1.5; color: var(--tinta-2); }
.chamada--texto { padding-block: 14px; border-top: 1px solid var(--linha); }
.chamada--texto .chamada__titulo { font-size: 1.0625rem; }
.chamada--lista { display: grid; grid-template-columns: 1fr 34%; gap: 16px; padding-block: 20px; border-top: 1px solid var(--linha); }
.chamada--lista .chamada__foto { margin: 0; align-self: start; }
.chamada--lista .chamada__titulo { font-size: clamp(1.0625rem, .95rem + .4vw, 1.375rem); }
@media (min-width: 700px) { .chamada--lista { grid-template-columns: 1fr 220px; gap: 24px; } }
@media (max-width: 699px) { .chamada--lista .chamada__fina { display: none; } }

/* ---------- capa ---------- */
.capa-a { display: grid; gap: 32px; padding-top: 24px; }
@media (min-width: 1000px) { .capa-a { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 40px; } }
.manchete__titulo { font-weight: 800; font-size: clamp(2rem, 1.25rem + 3vw, 3.5rem); line-height: 1.03; letter-spacing: -.03em; }
.manchete__titulo a { text-decoration: none; }
.manchete__titulo a:hover { text-decoration: underline; text-decoration-color: var(--laranja); text-decoration-thickness: 4px; text-underline-offset: 6px; }
.manchete__fina { margin-top: 14px; font-family: var(--f-texto); font-size: clamp(1.0625rem, 1rem + .35vw, 1.3125rem); line-height: 1.45; color: var(--tinta-2); max-width: 60ch; }
.manchete .chamada__meta { margin-block: 12px 18px; }
.manchete__foto { display: block; background: var(--fundo-2); }
.manchete__foto img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
@media (max-width: 699px) { .manchete__foto { margin-inline: calc(var(--margem) * -1); } }

.agora { border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 12px; }
@media (min-width: 1000px) { .agora { border-top: 0; border-image: none; padding: 0 0 0 28px; border-left: 1px solid var(--linha); } }
.agora__cab { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.agora__cab h2 { font-size: 1.125rem; font-weight: 800; }
.agora__cab a { display: inline-flex; align-items: center; gap: 4px; font-size: .875rem; font-weight: 700; color: var(--laranja-texto); text-decoration: none; padding-block: 10px; }
.agora__lista { list-style: none; }
.agora__lista li { display: grid; grid-template-columns: 4.6rem 1fr; gap: 10px; padding-block: 12px; border-top: 1px solid var(--linha); font-weight: 600; line-height: 1.3; font-size: .96875rem; }
.agora__lista li:first-child { border-top: 0; }
.agora__lista .hora { color: var(--laranja-texto); font-weight: 800; font-size: .8125rem; padding-top: 2px; }
.agora__lista a { text-decoration: none; }
.agora__lista a:hover { color: var(--laranja-texto); text-decoration: underline; }

.destaques { display: grid; gap: 28px; margin-top: 36px; padding-top: 28px; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; }
@media (min-width: 600px) { .destaques { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .destaques { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 599px) {
  .destaques { gap: 0; }
  .destaques .chamada { display: grid; grid-template-columns: 1fr 34%; grid-template-areas: "t f" "m f"; column-gap: 14px; padding-block: 16px; border-top: 1px solid var(--linha); }
  .destaques .chamada:first-child { border-top: 0; padding-top: 0; }
  .destaques .chamada__foto { grid-area: f; margin: 0; align-self: start; }
  .destaques .chamada__titulo { grid-area: t; font-size: 1.0625rem; }
  .destaques .chamada__meta { grid-area: m; align-self: end; }
}

.bastidores { background: var(--fundo-2); color: var(--tinta); margin-block: 48px; padding-block: 44px 52px; border-top: 4px solid var(--laranja); border-bottom: 1px solid var(--linha); }
.bastidores__cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; margin-bottom: 24px; }
.bastidores__cab h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); font-weight: 800; letter-spacing: -.02em; color: var(--tinta); }
.bastidores__cab h2::after { content: ""; display: inline-block; width: .3em; height: .3em; margin-left: .15em; background: var(--laranja); }
.bastidores__cab p { color: var(--tinta-2); font-family: var(--f-texto); }
.bastidores__grade { display: grid; gap: 0 32px; }
@media (min-width: 700px) { .bastidores__grade { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .bastidores__grade { grid-template-columns: repeat(3, 1fr); } }
.nota { padding-block: 18px; border-top: 1px solid var(--linha); }
.nota__meta { font-size: .8125rem; display: flex; gap: 8px; align-items: center; }
.nota .hora { color: var(--laranja-texto); font-weight: 700; }
.nota__titulo { margin-top: 6px; font-size: 1.1875rem; font-weight: 700; line-height: 1.25; }
.nota__titulo a { text-decoration: none; }
.nota__titulo a:hover { text-decoration: underline; text-decoration-color: var(--laranja); }
.nota__texto { margin-top: 8px; font-family: var(--f-texto); color: var(--tinta-2); line-height: 1.5; }

.grade-lateral { display: grid; gap: 40px; margin-top: 32px; }
@media (min-width: 1000px) { .grade-lateral { grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; } .grade-lateral__lado { position: relative; } }
.grade-lateral__principal { min-width: 0; }

.secao { margin-bottom: 40px; }
.secao__cab { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 10px; margin-bottom: 18px; }
.secao__titulo { font-size: 1.5rem; font-weight: 800; letter-spacing: -.015em; }
.secao__titulo a { text-decoration: none; display: inline-block; padding-block: 8px; margin-block: -8px; }
.secao__titulo a::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: var(--laranja); vertical-align: .15em; }
.secao__mais { display: inline-flex; align-items: center; gap: 4px; font-size: .875rem; font-weight: 700; color: var(--laranja-texto); text-decoration: none; padding-block: 10px; white-space: nowrap; }
.secao__mais:hover { text-decoration: underline; }
.secao__grade { display: grid; gap: 8px 32px; }
@media (min-width: 700px) { .secao__grade { grid-template-columns: 1.25fr 1fr; } .secao__lista .chamada--texto:first-child { border-top: 0; padding-top: 0; } }
.chamada--bloco .chamada__titulo { font-size: 1.375rem; line-height: 1.18; }

.lidas { margin-bottom: 32px; }
.lidas__titulo { font-size: 1.25rem; font-weight: 800; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 10px; margin-bottom: 8px; }
.lidas__lista { list-style: none; counter-reset: lidas; }
.lidas__lista li { counter-increment: lidas; display: grid; grid-template-columns: 44px 1fr; gap: 8px; align-items: start; padding-block: 12px; border-top: 1px solid var(--linha); font-weight: 600; line-height: 1.3; }
.lidas__lista li:first-child { border-top: 0; }
.lidas__lista li::before { content: counter(lidas); font-weight: 800; font-size: 2.25rem; line-height: .9; color: var(--laranja); font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.lidas__lista a { text-decoration: none; }
.lidas__lista a:hover { color: var(--laranja-texto); text-decoration: underline; }


/* ---------- páginas de lista ---------- */
.cab-pagina { padding-block: 32px 24px; border-bottom: 1px solid var(--linha); }
.cab-pagina h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
.cab-pagina h1::after { content: ""; display: inline-block; width: .32em; height: .32em; margin-left: .18em; background: var(--laranja); }
.cab-pagina__desc { margin-top: 10px; max-width: 62ch; font-family: var(--f-texto); font-size: 1.125rem; line-height: 1.5; color: var(--tinta-2); }
.cab-pagina__desc p + p { margin-top: .6em; }
.cab-pagina__conta { margin-top: 12px; font-size: .875rem; color: var(--tinta-2); }
.cab-pagina__conta a { color: var(--laranja-texto); }
.lista-topo { display: grid; gap: 28px; margin-bottom: 8px; }
@media (min-width: 700px) { .lista-topo { grid-template-columns: 2fr 1fr; } }
.lista-topo .chamada:first-child .chamada__titulo { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.lista > .espaco { margin-block: 20px; }
.paginacao { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-block: 32px; padding-top: 20px; border-top: 1px solid var(--linha); }
.paginacao a:last-child { justify-self: end; }
.paginacao__btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border: 2px solid var(--laranja); color: var(--laranja-texto); border-radius: var(--raio); font-weight: 700; text-decoration: none; }
.paginacao__btn:hover { background: var(--laranja); color: #141210; }
.paginacao__info { font-size: .875rem; color: var(--tinta-2); }
@media (max-width: 499px) { .paginacao__info { display: none; } .paginacao { grid-template-columns: 1fr 1fr; } }
.vazio { padding: 40px 0; }
.vazio h2 { font-size: 1.5rem; margin-bottom: 8px; }
.vazio a { color: var(--laranja-texto); }


/* ---------- matéria ---------- */
.trilha ol { display: flex; flex-wrap: wrap; list-style: none; gap: 6px; padding-block: 18px 0; font-size: .8125rem; color: var(--tinta-2); }
.trilha li + li::before { content: "/"; margin-right: 6px; }
.trilha a { text-decoration: none; display: inline-block; padding-block: 6px; }
.trilha a:hover { text-decoration: underline; }
.grade-lateral--materia { margin-top: 12px; }
.materia { min-width: 0; max-width: 760px; }
.materia__titulo { font-size: clamp(1.875rem, 1.25rem + 2.4vw, 3rem); font-weight: 800; line-height: 1.06; letter-spacing: -.028em; }
.materia__fina { margin-top: 14px; font-family: var(--f-texto); font-size: clamp(1.125rem, 1.05rem + .35vw, 1.3125rem); line-height: 1.45; color: var(--tinta-2); }
.materia__exemplo { display: flex; gap: 8px; align-items: center; margin-top: 16px; padding: 10px 14px; background: var(--fundo-2); border-radius: var(--raio); font-size: .875rem; color: var(--tinta-2); }
.materia__assina { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; align-items: center; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--linha); }
.materia__autor { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.materia__datas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: .8125rem; color: var(--tinta-2); }
.compartilhar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.btn-zap { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 999px; background: var(--zap); color: #0B2A16; font-weight: 800; text-decoration: none; font-size: .9375rem; }
.btn-zap:hover { background: #1EBE5B; }
.btn-rede { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; border: 1.5px solid var(--laranja); background: transparent; color: var(--laranja-texto); cursor: pointer; }
.btn-rede:hover { background: var(--laranja); color: #141210; }
@media (max-width: 420px) { .btn-zap span { font-size: .875rem; } }
.materia__foto { margin: 24px 0 0; }
.materia__foto img { width: 100%; }
@media (max-width: 699px) { .materia__foto { margin-inline: calc(var(--margem) * -1); } .materia__foto figcaption { padding-inline: var(--margem); } }
.materia__foto figcaption { margin-top: 8px; font-size: .8125rem; line-height: 1.45; color: var(--tinta-2); }
.credito { text-transform: uppercase; letter-spacing: .04em; font-size: .6875rem; margin-left: 6px; }
.materia__corpo { margin-top: 28px; font-family: var(--f-texto); font-size: 1.1875rem; line-height: 1.7; max-width: 68ch; }
.materia__corpo p { margin: 0 0 1.15em; }
.materia__corpo h2 { font-family: var(--f-titulo); font-size: 1.5rem; font-weight: 800; line-height: 1.2; margin: 1.6em 0 .6em; letter-spacing: -.015em; }
.materia__corpo h3 { font-family: var(--f-titulo); font-size: 1.25rem; font-weight: 700; margin: 1.4em 0 .5em; }
.materia__corpo a { color: var(--laranja-texto); text-decoration-thickness: 1px; }
.materia__corpo a:hover { text-decoration-thickness: 2px; }
.materia__corpo ul, .materia__corpo ol { padding-left: 1.3em; margin: 0 0 1.15em; }
.materia__corpo li { margin-bottom: .4em; }
.materia__corpo li::marker { color: var(--laranja-texto); }
.materia__corpo blockquote { position: relative; margin: 1.6em 0; padding: 0 0 0 2.4rem; font-style: italic; font-size: 1.3125rem; line-height: 1.5; }
.materia__corpo blockquote::before { content: "“"; position: absolute; left: 0; top: -.35em; font-size: 3.6rem; font-style: normal; font-weight: 800; color: var(--laranja); font-family: var(--f-titulo); }
.materia__corpo figure { margin: 1.6em 0; }
.materia__corpo figcaption { font-family: var(--f-titulo); font-size: .8125rem; color: var(--tinta-2); margin-top: 6px; }
.materia__corpo hr { border: 0; border-top: 1px solid var(--linha); margin: 2em 0; }
.materia__corpo .espaco { margin-block: 1.6em; }
.materia__pe { margin-top: 32px; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.tags a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; background: var(--fundo-2); text-decoration: none; font-size: .875rem; font-weight: 600; }
.tags a:hover { background: var(--laranja); color: #141210; }
.materia__compartilhar-fim { margin-top: 28px; padding: 20px; background: var(--fundo-2); border-radius: var(--raio); }
.materia__compartilhar-fim p { font-weight: 700; }
.materia__compartilhar-fim .compartilhar { margin-top: 12px; }
.materia__correcao { margin-top: 16px; font-size: .875rem; color: var(--tinta-2); }
.materia__correcao a { color: var(--laranja-texto); }
.relacionadas { margin-top: 48px; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 10px; }
.relacionadas .secao__titulo { margin-bottom: 18px; }
.relacionadas__grade { display: grid; gap: 24px; }
@media (min-width: 600px) { .relacionadas__grade { grid-template-columns: repeat(3, 1fr); } }
.relacionadas .chamada__titulo { font-size: 1.0625rem; }
.texto-institucional { padding-block: 24px 48px; }

/* ---------- formulários e botões ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 2px solid var(--tinta); border-radius: var(--raio); background: transparent; font-weight: 800; text-decoration: none; cursor: pointer; }
.btn:hover { background: var(--laranja); border-color: var(--laranja); color: #141210; }
.btn--primario { background: var(--laranja); border-color: var(--laranja); color: #141210; }
.btn--primario:hover { background: #D94F05; border-color: #D94F05; color: #141210; }
.busca-grande { display: flex; gap: 8px; margin-top: 18px; max-width: 640px; }
.busca-grande input { flex: 1; min-width: 0; height: 52px; padding: 0 16px; border: 2px solid var(--tinta-2); border-radius: var(--raio); background: var(--fundo); font-size: 1.0625rem; }
.busca-grande input:focus { outline: none; border-color: var(--laranja); box-shadow: 0 0 0 3px color-mix(in srgb, var(--laranja) 30%, transparent); }
.contato { display: grid; gap: 40px; padding-block: 32px 56px; }
@media (min-width: 1000px) { .contato { grid-template-columns: minmax(0, 1fr) 320px; gap: 64px; } }
.contato__form .texto-institucional { padding: 0; margin: 0 0 16px; }
.formatos { list-style: none; display: grid; gap: 8px; margin-bottom: 28px; }
.formatos li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 12px 0; border-top: 1px solid var(--linha); }
.formatos span { color: var(--tinta-2); font-variant-numeric: tabular-nums; }
.form { display: grid; gap: 18px; max-width: 640px; }
.campo { display: grid; gap: 6px; }
.campo-duplo { display: grid; gap: 18px; }
@media (min-width: 600px) { .campo-duplo { grid-template-columns: 1fr 1fr; } }
.campo label { font-weight: 700; font-size: .9375rem; }
.opcional { font-weight: 400; color: var(--tinta-2); }
.campo input, .campo select, .campo textarea { width: 100%; min-height: 48px; padding: 10px 14px; border: 1.5px solid var(--tinta-2); border-radius: var(--raio); background: var(--fundo); font-size: 1rem; }
.campo textarea { resize: vertical; line-height: 1.5; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: none; border-color: var(--laranja); box-shadow: 0 0 0 3px color-mix(in srgb, var(--laranja) 30%, transparent); }
.campo [aria-invalid="true"] { border-color: var(--erro); }
.campo__erro { color: var(--erro); font-size: .875rem; font-weight: 600; }
.form__lgpd { font-size: .8125rem; color: var(--tinta-2); }
.form__lgpd a { color: var(--laranja-texto); }
.form .btn { justify-self: start; }
.isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.alerta { padding: 14px 16px; border-radius: var(--raio); margin-bottom: 20px; line-height: 1.45; }
.alerta--ok { background: color-mix(in srgb, var(--ok) 14%, var(--fundo)); color: var(--tinta); border: 1px solid var(--ok); }
.alerta--erro { background: color-mix(in srgb, var(--erro) 12%, var(--fundo)); color: var(--tinta); border: 1px solid var(--erro); }
.contato__lado h2 { font-size: 1.25rem; font-weight: 800; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 10px; margin-bottom: 12px; }
.contato__lado ul { list-style: none; display: grid; gap: 4px; margin-bottom: 16px; }
.contato__lado li { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.contato__lado a { color: var(--laranja-texto); font-weight: 700; display: inline-block; padding-block: 10px; overflow-wrap: anywhere; }
.contato__lado p { font-family: var(--f-texto); color: var(--tinta-2); line-height: 1.5; }

/* ---------- erro ---------- */
.erro { padding-block: 48px 64px; max-width: 760px; }
.erro__codigo { font-weight: 800; font-size: clamp(5rem, 3rem + 10vw, 9rem); line-height: .9; color: var(--laranja); letter-spacing: -.05em; }
.erro h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.5rem); font-weight: 800; margin-top: 12px; }
.erro > p { margin-top: 12px; font-family: var(--f-texto); font-size: 1.125rem; color: var(--tinta-2); }
.erro .btn { margin-top: 20px; }
.erro .secao__titulo { margin-top: 40px; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 10px; }
.erro__lista { list-style: none; margin-top: 8px; }
.erro__lista li { padding-block: 12px; border-top: 1px solid var(--linha); font-weight: 600; }
.erro__lista a { text-decoration: none; }
.erro__lista a:hover { text-decoration: underline; }

/* ---------- rodapé ---------- */
.rodape { background: var(--fundo-2); color: var(--tinta-2); margin-top: 24px; padding-top: 48px; font-size: .9375rem; border-top: 4px solid var(--laranja); }
.rodape__grade { display: grid; gap: 32px; }
@media (min-width: 700px) { .rodape__grade { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.rodape__marca img { height: 88px; width: auto; }
.rodape__marca p { margin-top: 14px; max-width: 34ch; line-height: 1.5; }
.rodape h2 { color: var(--laranja-texto); font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; margin-bottom: 10px; }
.rodape__col ul, .rodape__redes { list-style: none; }
.rodape__col a { display: inline-block; padding-block: 11px; text-decoration: none; color: var(--tinta); }
.rodape__col a:hover { color: var(--laranja-texto); text-decoration: underline; text-decoration-color: var(--laranja); }
.rodape__redes { display: flex; gap: 8px; margin-top: 16px; }
.rodape__redes a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; border: 1.5px solid var(--laranja); color: var(--laranja-texto); }
.rodape__redes a:hover { border-color: var(--laranja-texto); color: var(--laranja-texto); }
.rodape__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 40px; padding-block: 18px 24px; border-top: 1px solid var(--linha); font-size: .8125rem; }
.rodape__base a { color: var(--tinta); }

/* ---------- gaveta (menu do celular) ---------- */
.gaveta { position: fixed; inset: 0; z-index: 50; background: rgba(10, 9, 8, .55); }
.gaveta[hidden] { display: none; }
.gaveta__painel { position: absolute; inset: 0 auto 0 0; width: min(88vw, 380px); background: var(--fundo); overflow-y: auto; padding: 12px 20px 32px; box-shadow: 8px 0 32px rgba(0, 0, 0, .25); animation: gaveta-entra .28s cubic-bezier(.16, 1, .3, 1); }
@keyframes gaveta-entra { from { transform: translateX(-24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .gaveta__painel { animation: none; } }
.gaveta__cab { display: flex; justify-content: space-between; align-items: center; }
.gaveta__cab img { height: 64px; width: auto; }
.gaveta__fechar { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; border-radius: var(--raio); }
.gaveta__busca { display: flex; margin-block: 12px 8px; border: 1.5px solid var(--tinta-2); border-radius: 999px; }
.gaveta__busca input { flex: 1; min-width: 0; height: 46px; border: 0; background: transparent; padding-left: 16px; }
.gaveta__busca input:focus { outline: none; }
.gaveta__busca button { width: 46px; border: 0; background: transparent; display: grid; place-items: center; cursor: pointer; }
.gaveta__lista { list-style: none; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; margin-top: 16px; }
.gaveta__lista a { display: block; padding: 13px 0; border-bottom: 1px solid var(--linha); font-weight: 700; font-size: 1.0625rem; text-decoration: none; }
.gaveta__lista--inst a { font-weight: 500; font-size: 1rem; color: var(--tinta-2); }

.aviso-copiado { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 60; background: var(--breu); color: #fff; padding: 12px 18px; border-radius: 999px; font-weight: 700; font-size: .9375rem; opacity: 0; pointer-events: none; transition: opacity .2s; }
.aviso-copiado.visivel { opacity: 1; }

/* modo de alto contraste do sistema */
@media (forced-colors: active) {
  .rotulo__cor, .secao__titulo a::after, .cab-pagina h1::after { forced-color-adjust: none; background: CanvasText; }
  .btn-zap, .btn--primario { border: 2px solid CanvasText; }
  .espaco--livre a { background: none; }
}

@media print {
  .utilidade, .topo, .editorias, .quente, .espaco, .espaco-topo, .espaco-rodape, .compartilhar, .grade-lateral__lado, .rodape, .relacionadas, .aviso-demo, .materia__compartilhar-fim { display: none !important; }
  body { color: #000; background: #fff; }
  .materia__corpo { font-size: 12pt; }
}

/* ---------- vitrine: as 5 últimas em Destaque (comportamento da vitrine do Hora do Bafafá, identidade do Dendê) ---------- */
.vitrine { --v-lado: 18%; --v-ativo: 64%; --v-gap: 10px; --v-proporcao: 1240 / 520; --v-dur: 420ms; margin-top: 24px; position: relative; }
.vitrine__palco { position: relative; aspect-ratio: var(--v-proporcao); overflow: hidden; }
.vitrine__trilho { display: flex; height: 100%; gap: var(--v-gap); margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
.vitrine__trilho::-webkit-scrollbar { display: none; }
.vitrine__trilho::before, .vitrine__trilho::after { content: ""; flex: 0 0 calc((100% - var(--v-ativo)) / 2 - var(--v-gap)); }
.vitrine__slide { position: relative; flex: 0 0 var(--v-lado); height: 100%; overflow: hidden; background: var(--breu); opacity: .55; cursor: pointer;
  transition: flex-basis var(--v-dur) cubic-bezier(.16, 1, .3, 1), opacity var(--v-dur) ease; }
.vitrine__slide[data-atual] { flex-basis: var(--v-ativo); opacity: 1; cursor: default; }
.vitrine__link { position: absolute; inset: 0; display: block; color: #fff; text-decoration: none; }
.vitrine__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); transition: transform 6s linear; }
.vitrine__slide[data-atual] .vitrine__img { transform: scale(1); }
.vitrine__texto { position: absolute; inset: auto 0 0 0; display: grid; justify-items: start; gap: 8px; padding: 48px clamp(16px, 3vw, 32px) clamp(18px, 2.4vw, 28px);
  background: linear-gradient(180deg, rgba(20, 18, 16, 0) 0%, rgba(20, 18, 16, .78) 38%, rgba(20, 18, 16, .92) 100%); }
.vitrine__tarja { background: var(--laranja); color: #141210; font-weight: 800; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; padding: 5px 14px 5px 10px; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.vitrine__titulo { font-weight: 800; font-size: clamp(1.25rem, .8rem + 1.9vw, 2.375rem); line-height: 1.08; letter-spacing: -.02em; max-width: 30ch; text-wrap: balance; }
.vitrine__fina { font-family: var(--f-texto); font-size: 1.0625rem; line-height: 1.45; color: #E9E5DF; max-width: 60ch; }
.vitrine__meta { font-size: .8125rem; color: #E9E5DF; font-variant-numeric: tabular-nums; }
.vitrine__slide:not([data-atual]) .vitrine__fina, .vitrine__slide:not([data-atual]) .vitrine__meta, .vitrine__slide:not([data-atual]) .vitrine__tarja { display: none; }
.vitrine__slide:not([data-atual]) .vitrine__titulo { font-size: clamp(.9375rem, .8rem + .4vw, 1.125rem); }
@media (hover: hover) and (pointer: fine) { .vitrine__slide[data-atual] .vitrine__link:hover .vitrine__titulo { text-decoration: underline; text-decoration-color: var(--laranja); text-decoration-thickness: 3px; text-underline-offset: 5px; } }
.vitrine__link:focus-visible { outline-offset: -4px; }
.vitrine__controles { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 6px; }
.vitrine__tracos { display: flex; gap: 6px; list-style: none; }
.vitrine-traco { width: 28px; height: 44px; border: 0; padding: 0; cursor: pointer; background: linear-gradient(var(--linha), var(--linha)) center / 100% 4px no-repeat; transition: width 260ms cubic-bezier(.16, 1, .3, 1); }
.vitrine-traco[aria-current="true"] { width: 48px; background-image: linear-gradient(var(--laranja), var(--laranja)); }
.vitrine__pausa { width: 44px; height: 44px; display: grid; place-items: center; border: 1.5px solid var(--laranja); border-radius: 999px; background: var(--fundo); color: var(--laranja-texto); cursor: pointer; }
.vitrine__pausa:hover { background: var(--laranja); color: #141210; }
.vitrine__ic-play { display: none; }
.vitrine__pausa[aria-pressed="true"] .vitrine__ic-play { display: block; }
.vitrine__pausa[aria-pressed="true"] .vitrine__ic-pausa { display: none; }
@media (max-width: 699px) {
  .vitrine { --v-lado: 7%; --v-ativo: 86%; --v-gap: 6px; --v-proporcao: 4 / 5; margin-inline: 0; padding-inline: 0; }
  .vitrine__slide:not([data-atual]) .vitrine__texto { display: none; }
  .vitrine__titulo { font-size: 1.375rem; }
  .vitrine__fina { display: none; }
}
@media (prefers-reduced-motion: reduce) { .vitrine__slide, .vitrine__img, .vitrine-traco { transition: none; } .vitrine__img { transform: none; } }

.capa-a { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .capa-a { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }
.capa-chamadas .destaques { margin-top: 0; }
@media (min-width: 600px) { .capa-chamadas .destaques { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .capa-chamadas .destaques { grid-template-columns: repeat(2, 1fr); } }

/* ---------- vídeos ---------- */
.videos-capa { margin-top: 24px; padding-block: 8px 24px; }
.videos__grade { display: grid; gap: 28px; }
@media (min-width: 600px) { .videos__grade { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .videos__grade { grid-template-columns: repeat(4, 1fr); } .videos__grade--pagina { grid-template-columns: repeat(3, 1fr); } }
.videos__grade--pagina { padding-block: 32px 16px; }
.video__palco { position: relative; aspect-ratio: 16 / 9; background: var(--breu); overflow: hidden; }
.video__palco img, .video__palco iframe, .video__palco video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.video__play { position: absolute; inset: 0; display: grid; place-items: center; width: 100%; border: 0; background: transparent; cursor: pointer; }
.video__play .ic--play { width: 64px; height: 64px; padding: 18px 16px 18px 20px; border-radius: 999px; background: var(--laranja); color: #141210; box-shadow: 0 6px 18px rgba(20, 18, 16, .25); transition: transform .2s cubic-bezier(.16, 1, .3, 1); }
@media (hover: hover) and (pointer: fine) { .video__play:hover .ic--play { transform: scale(1.08); } }
.video__play:focus-visible { outline-offset: -4px; }
.video__titulo { margin-top: 12px; font-size: 1.125rem; font-weight: 700; line-height: 1.25; }
.video__desc { margin-top: 6px; font-family: var(--f-texto); font-size: .9375rem; line-height: 1.5; color: var(--tinta-2); }

/* ---------- vídeos: player + lista ---------- */
.videoteca { display: grid; gap: 20px 32px; }
@media (min-width: 1000px) { .videoteca { grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr); align-items: start; } .videoteca--so { grid-template-columns: minmax(0, 1fr); max-width: 860px; } }
.videoteca__principal { min-width: 0; }
.videoteca__palco { aspect-ratio: 16 / 9; }
.videoteca__cartaz { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.videoteca__selo { display: inline-block; margin-top: 14px; background: var(--laranja); color: #141210; font-weight: 800; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; padding: 4px 14px 4px 10px; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.videoteca__titulo { margin-top: 8px; font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem); font-weight: 800; line-height: 1.15; letter-spacing: -.015em; }
.videoteca__desc { margin-top: 8px; font-family: var(--f-texto); font-size: 1.0625rem; line-height: 1.5; color: var(--tinta-2); max-width: 62ch; }
.videoteca__lista { list-style: none; display: grid; gap: 12px; align-content: start; }
.videoteca__item { display: grid; grid-template-columns: 148px 1fr; gap: 12px; align-items: start; width: 100%; padding: 8px; border: 1.5px solid var(--linha); border-radius: var(--raio); background: var(--fundo); text-align: left; cursor: pointer; font: inherit; color: inherit; transition: border-color .2s, background-color .2s; }
.videoteca__item:hover { border-color: var(--laranja); background: #FFF6EF; }
.videoteca__item:hover .videoteca__item-titulo { color: var(--laranja-texto); }
.videoteca__mini { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--breu); border-radius: 3px; }
.videoteca__mini img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.videoteca__mini-play { position: absolute; left: 6px; bottom: 6px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; background: var(--laranja); color: #141210; }
.videoteca__mini-play .ic { width: 14px; height: 14px; margin-left: 2px; }
.videoteca__item-texto { display: grid; gap: 4px; }
.videoteca__item-titulo { font-weight: 700; font-size: .9375rem; line-height: 1.3; }
.videoteca__item .hora { font-size: .8125rem; }
@media (max-width: 999px) and (min-width: 600px) { .videoteca__lista { grid-template-columns: repeat(3, 1fr); } .videoteca__item { grid-template-columns: 1fr; } }
@media (max-width: 599px) { .videoteca__item { grid-template-columns: 128px 1fr; } }
.videoteca-pagina { padding-block: 32px 8px; }

/* ---------- Últimas dos Poderes (notícias da automação, 6 fontes oficiais) ---------- */
.poderes-capa { margin-top: 28px; }
.poderes-capa__cab { display: flex; justify-content: space-between; align-items: baseline; border-top: 4px solid var(--tinta); border-image: var(--regua) 1; padding-top: 10px; margin-bottom: 4px; }
.poderes-capa__cab h2 { font-size: 1.25rem; font-weight: 800; }
.poderes-capa__cab a { display: inline-flex; align-items: center; gap: 4px; font-size: .875rem; font-weight: 700; color: var(--laranja-texto); text-decoration: none; padding-block: 10px; }
.poderes-capa__lista { list-style: none; display: grid; gap: 0 28px; }
@media (min-width: 700px) { .poderes-capa__lista { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .poderes-capa__lista { grid-template-columns: repeat(3, 1fr); } }
.poderes-capa__lista li { display: grid; gap: 4px; align-content: start; padding-block: 14px; border-top: 1px solid var(--linha); }
.poderes-capa__fonte { justify-self: start; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--laranja-texto); text-decoration: none; min-height: 24px; display: inline-flex; align-items: center; }
@media (pointer: coarse) { .poderes-capa__fonte { min-height: 44px; margin-block: -10px; } }
.poderes-capa__fonte::before { content: ""; width: 8px; height: 8px; background: var(--laranja); margin-right: 6px; }
.poderes-capa__titulo { font-weight: 700; line-height: 1.3; text-decoration: none; }
.poderes-capa__titulo:hover { color: var(--laranja-texto); text-decoration: underline; text-decoration-color: var(--laranja); }
.poderes-capa .hora { font-size: .8125rem; }
.poderes { display: grid; gap: 8px 40px; padding-block: 32px 16px; }
@media (min-width: 900px) { .poderes { grid-template-columns: repeat(2, 1fr); } }
.poder { margin-bottom: 24px; }
.poder__lista { list-style: none; }
.poder__lista li { display: grid; grid-template-columns: 5.2rem 1fr; gap: 10px; padding-block: 12px; border-top: 1px solid var(--linha); font-weight: 600; line-height: 1.3; }
.poder__lista li:first-child { border-top: 0; }
.poder__lista .hora { color: var(--laranja-texto); font-weight: 800; font-size: .8125rem; }
.poder__lista a { text-decoration: none; }
.poder__lista a:hover { text-decoration: underline; }
.poder__vazio { color: var(--tinta-2); }
.materia__fonte { margin-top: 18px; padding: 12px 14px; border: 1.5px solid var(--laranja); border-radius: var(--raio); background: #FFF6EF; font-size: .9375rem; line-height: 1.5; }
.materia__fonte-rotulo { font-weight: 800; }
.materia__fonte a { color: var(--laranja-texto); font-weight: 700; }

/* coluna lateral: Lateral 1 → Mais lidas → Lateral 2, com o mesmo respiro entre os três (pedido do cliente) */
.grade-lateral__lado { display: flex; flex-direction: column; gap: 32px; align-content: start; }
.grade-lateral__lado > .espaco { margin: 0 auto; width: 100%; }
.grade-lateral__lado > .lidas { margin: 0; }