/* Espia Nordeste · diagramação de jornal: hierarquia pelo tamanho do título, colunas separadas por fios,
   títulos com serifa, pouca cor. O amarelo da marca fica só nos detalhes. */
:root { --paper:#FFFFFF; --ink:#121212; --muted:#5A5A5A; --rule:#DFDFDF; --rule-forte:#121212; --sun:#F5B700; --navy:#14213D;
  --soft:#F7F7F5; --alert:#C8402A; --link:#14213D; --tile:#14213D; --cinza:#ECEEF1;
  --serif:"Bricolage Grotesque","Inter Tight","Helvetica Neue",Arial,sans-serif; --texto:"Inter","Helvetica Neue",Arial,sans-serif;
  --marca:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif; --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  color-scheme:light; }
:root[data-theme="dark"] { --paper:#14213D; --ink:#F1F4F9; --muted:#B4BDD0; --rule:#2C3D66; --rule-forte:#F1F4F9; --soft:#1B2B4F; --link:#F5B700; --tile:#26386A; --cinza:#24324F; color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 var(--texto); }
a { color:inherit; text-decoration:none; }
a:hover .hl, a:focus-visible .hl { color:var(--muted); }
:focus-visible { outline:3px solid var(--sun); outline-offset:2px; }
h1, h2, h3 { margin:0; text-wrap:balance; }
p { margin:0; }
img { max-width:100%; display:block; }
.wrap { max-width:1240px; margin:0 auto; padding-inline:20px; }
.previa { background:var(--alert); color:#fff; text-align:center; font:600 12px var(--sans); padding:6px 16px; }

/* cabeçalho centralizado, como jornal */
.topo { border-bottom:1px solid var(--rule-forte); }
.topo .barra { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding-block:18px 10px; }
.topo .data { font:600 12px/1.35 var(--sans); color:var(--ink); }
.topo .data span { display:block; font-weight:400; color:var(--muted); }
.logo { display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--ink); }
.logo .linha { display:flex; align-items:center; gap:10px; }
.logo svg { width:46px; height:46px; }
.wordmark { font:800 clamp(36px,6vw,62px)/.9 var(--marca); letter-spacing:-.045em; display:flex; align-items:baseline; gap:0; white-space:nowrap; }
.wordmark .ai { background:var(--sun); color:#14213D; font-size:.36em; padding:4px 9px 5px; border-radius:999px; transform:rotate(-8deg); letter-spacing:0; }
.wordmark .ne { font-weight:300; letter-spacing:-.03em; margin-left:.12em; }
.slogan { font:500 14px var(--sans); color:var(--muted); }
.acoes { display:flex; justify-content:flex-end; align-items:center; gap:10px; }
.tema { width:36px; height:36px; display:grid; place-items:center; border-radius:99px; border:1px solid var(--rule); background:transparent; color:var(--ink); cursor:pointer; }
.tema svg { width:18px; height:18px; } .tema .sol { display:none; }
:root[data-theme="dark"] .tema .lua { display:none; } :root[data-theme="dark"] .tema .sol { display:block; }
.menu-estados { position:relative; }
.menu-estados summary { list-style:none; cursor:pointer; font:600 14px var(--sans); color:var(--ink); padding:8px 4px; white-space:nowrap; display:flex; align-items:center; gap:8px; }
.menu-estados summary:hover { color:var(--muted); }
.hamb, .hamb::before, .hamb::after { display:block; width:16px; height:2px; background:currentColor; border-radius:1px; }
.so-leitor { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.menu-estados summary { padding:11px 8px; }
.hamb, .hamb::before, .hamb::after { width:20px; }
.hamb { position:relative; } .hamb::before, .hamb::after { content:""; position:absolute; left:0; } .hamb::before { top:-5px; } .hamb::after { top:5px; }
.menu-estados summary::-webkit-details-marker { display:none; }
.menu-estados nav { position:absolute; right:0; top:calc(100% + 6px); z-index:20; background:var(--paper); border:1px solid var(--rule-forte); box-shadow:0 10px 30px rgba(0,0,0,.15); padding:6px; min-width:230px; }
.menu-estados ul { list-style:none; margin:0; padding:0; display:grid; }
.menu-estados a { display:block; padding:8px 12px; font:600 15px var(--sans); }
.menu-estados a:hover { background:var(--soft); }
.menu-estados a.on { box-shadow:inset 4px 0 0 var(--sun); }
.fio-duplo { border-top:3px double var(--rule-forte); margin-top:2px; }
.ticker { border-bottom:1px solid var(--rule); }
.ticker .wrap { display:flex; align-items:center; gap:12px; padding-block:9px; font:600 15px var(--sans); }
.ticker strong { color:var(--alert); text-transform:uppercase; letter-spacing:.06em; font-size:12px; flex:none; }
.ticker a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }

main { padding-block:22px 48px; }

/* rótulos (chapéu) */
.chapeu { font:700 11px var(--sans); letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.chapeu b { color:var(--ink); }
.chapeu::before { content:""; display:inline-block; width:8px; height:8px; background:var(--sun); margin-right:6px; vertical-align:0; }
.meta { font:12px var(--sans); color:var(--muted); }
.credito { font:11px var(--sans); color:var(--muted); margin-top:5px; text-align:right; }
.figura img, .figura .art { width:100%; aspect-ratio:3/2; object-fit:cover; background:var(--soft); }
.art.mapa, .art.ilus { display:flex; align-items:center; justify-content:center; padding:5%; background:#EEF1F5; }
.art.mapa svg, .art.ilus svg { width:100%; height:100%; }
.art.vazio { background:var(--navy); display:flex; align-items:center; justify-content:center; }
.art.vazio span { font:800 48px var(--marca); color:var(--sun); }

/* manchete principal + coluna lateral, separadas por fio vertical */
.capa { display:grid; grid-template-columns:minmax(0,2.4fr) minmax(0,1fr); border-bottom:1px solid var(--rule-forte); padding-bottom:22px; margin-bottom:22px; }
.capa > * { padding-inline:20px; } .capa > *:first-child { padding-left:0; } .capa > *:last-child { padding-right:0; border-left:1px solid var(--rule); }
.lider { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:20px; align-items:start; }
.lider .txt { display:grid; gap:10px; }
.lider h1 { font:800 clamp(28px,3.3vw,42px)/1.04 var(--serif); letter-spacing:-.025em; }
.lider .dek { font:16.5px/1.55 var(--texto); color:var(--muted); }
.lateral { display:grid; align-content:start; }
.dobra { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; padding-top:18px; border-top:1px solid var(--rule); }
.dobra > * { padding-inline:16px; border-left:1px solid var(--rule); } .dobra > *:first-child { padding-left:0; border-left:0; }
.dobra .figura img, .dobra .figura .art { aspect-ratio:16/9; }
.lateral .nota { display:grid; gap:6px; padding-block:14px; border-bottom:1px solid var(--rule); }
.lateral .nota:first-child { padding-top:0; } .lateral .nota:last-child { border-bottom:0; }
.lateral h3 { font:700 18.5px/1.2 var(--serif); letter-spacing:-.01em; }
.lateral p { font-size:14.5px; color:var(--muted); line-height:1.45; }

/* seções: fio grosso + nome, depois colunas com fios finos */
.secao { margin-bottom:30px; }
.secao-cab { display:flex; justify-content:space-between; align-items:baseline; border-top:1px solid var(--rule-forte); padding-top:8px; margin-bottom:14px; }
.secao-cab h2 { font:700 20px var(--serif); }
.secao-cab a { font:600 13px var(--sans); color:var(--muted); }
.secao-cab a:hover { color:var(--ink); }
.colunas { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.colunas > * { padding-inline:14px; border-left:1px solid var(--rule); } .colunas > *:first-child { padding-left:0; border-left:0; }
.nota { display:grid; gap:7px; align-content:start; }
.nota h3 { font:700 17.5px/1.22 var(--serif); letter-spacing:-.01em; }
.nota.grande h3 { font-size:22px; }
.nota p { font-size:14.5px; color:var(--muted); line-height:1.45; }
.estados-home { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:6px; }
.estados-home a { padding:14px 12px; background:var(--cinza); color:var(--ink); display:grid; gap:4px; transition:background .15s, color .15s; }
.estados-home a:hover, .estados-home a:focus-visible { background:var(--tile); color:#fff; }
.estados-home b { font:800 26px/1 var(--serif); letter-spacing:-.02em; }
.estados-home b::after { content:""; display:block; width:22px; height:3px; background:var(--sun); margin-top:8px; }
.estados-home a:hover b::after, .estados-home a:focus-visible b::after { background:var(--sun); }
.estados-home span { font:600 12px var(--sans); opacity:.8; }
.cab-estado { text-align:center; border-bottom:1px solid var(--rule-forte); padding-bottom:16px; margin-bottom:20px; }
.cab-estado h1 { font:700 clamp(34px,5vw,54px)/1.05 var(--serif); }
.cab-estado p { color:var(--muted); font:15px var(--sans); margin-top:6px; }
.cab-estado p a { color:var(--link); font-weight:600; }
.lista-estado { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 0; }
.lista-estado > * { padding-inline:16px; border-left:1px solid var(--rule); } .lista-estado > *:nth-child(3n+1) { padding-left:0; border-left:0; }
.vazio-txt { color:var(--muted); }
.estados-blocos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 0; }
.estados-blocos > * { padding-inline:16px; border-left:1px solid var(--rule); } .estados-blocos > *:nth-child(3n+1) { padding-left:0; border-left:0; } .estados-blocos > *:nth-child(3n) { padding-right:0; }
.caixa-uf { display:grid; align-content:start; }
.caixa-uf .nota { display:grid; gap:6px; padding-block:12px; border-bottom:1px solid var(--rule); }
.caixa-uf .nota:last-child { border-bottom:0; }
.caixa-uf .nota:not(:nth-child(2)) p { display:none; }
.caixa-uf .nota:not(:nth-child(2)) h3 { font-size:16.5px; }
.caixa-uf .figura img, .caixa-uf .figura .art { aspect-ratio:16/9; }

/* matéria */
.materia { max-width:720px; margin:0 auto; }
.materia header { display:grid; gap:12px; margin-bottom:20px; }
.materia h1 { font:800 clamp(32px,5vw,48px)/1.05 var(--serif); letter-spacing:-.025em; }
.materia .dek { font:20px/1.45 var(--texto); color:var(--muted); }
.materia .assina { border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding-block:10px; }
.materia figure { margin:0 0 26px; }
.materia figure img, .materia figure .art { width:100%; max-height:620px; object-fit:cover; }
.corpo { font:18px/1.75 var(--texto); display:grid; gap:20px; }
.corpo h2 { font:700 23px var(--serif); margin-top:8px; }
.corpo ul, .corpo ol { margin:0; padding-left:24px; display:grid; gap:8px; }
.corpo a { color:var(--link); text-decoration:underline; text-underline-offset:3px; }
.corpo .fontes { font:15px/1.6 var(--sans); color:var(--muted); border-top:1px solid var(--rule); padding-top:14px; }
.ia { font:13px var(--sans); color:var(--muted); margin-top:22px; }
.ia a { text-decoration:underline; }
.compartilhar { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; padding-top:22px; border-top:1px solid var(--rule); }
.compartilhar a { font:700 14px var(--sans); padding:10px 18px; border:1px solid var(--ink); }
.compartilhar .zap { background:#1F9D55; border-color:#1F9D55; color:#fff; }

/* institucionais */
.texto { max-width:700px; margin:0 auto; display:grid; gap:16px; font-size:18px; line-height:1.7; }
.texto h1 { font:700 clamp(32px,5vw,44px) var(--serif); }
.texto h2 { font:700 22px var(--serif); margin-top:8px; }
.texto ul { margin:0; padding-left:24px; display:grid; gap:6px; }
.texto a { text-decoration:underline; }
.pendente { background:var(--alert); color:#fff; padding:0 6px; font:600 .85em var(--sans); }

footer { border-top:3px double var(--rule-forte); margin-top:24px; }
footer .wrap { display:grid; grid-template-columns:auto 1fr auto auto; gap:20px 40px; padding-block:28px 44px; align-items:start; }
footer .wordmark { font-size:30px; }
footer p { font-size:14px; color:var(--muted); max-width:36ch; margin-top:10px; }
footer nav { display:grid; grid-template-columns:repeat(3,auto); gap:8px 26px; font:14px var(--sans); align-content:start; }
footer nav a:hover { text-decoration:underline; }

@media (max-width:980px) {
  .capa { grid-template-columns:minmax(0,1fr); }
  .capa > * { padding-inline:0 !important; } .capa > *:last-child { border-left:0; border-top:1px solid var(--rule); margin-top:18px; padding-top:16px; }
  .colunas { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; }
  .colunas > *:nth-child(odd) { padding-left:0; border-left:0; }
  .estados-home { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .estados-blocos { grid-template-columns:minmax(0,1fr); }
  .estados-blocos > * { padding-inline:0 !important; border-left:0 !important; }
  .lista-estado { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lista-estado > * { padding-inline:12px !important; border-left:1px solid var(--rule) !important; } .lista-estado > *:nth-child(odd) { padding-left:0 !important; border-left:0 !important; }
  footer .wrap { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .topo .barra { grid-template-columns:1fr auto; } .topo .data { display:none; }
  .logo { align-items:flex-start; } .logo svg { width:36px; height:36px; }
  .topo .wordmark { font-size:26px; } .slogan { font-size:12.5px; }
  .topo .barra { gap:10px; } .logo .linha { gap:6px; } .logo svg { width:28px; height:28px; }
  .acoes { gap:6px; } .tema { width:32px; height:32px; }
  .menu-estados summary { padding:7px 9px; font-size:11.5px; }
  .lider { grid-template-columns:minmax(0,1fr); } .lider .figura { order:-1; }
  .dobra { grid-template-columns:minmax(0,1fr); gap:16px; } .dobra > * { padding-inline:0; border-left:0; }
  .colunas, .lista-estado { grid-template-columns:minmax(0,1fr); }
  .colunas > *, .lista-estado > * { padding-inline:0 !important; border-left:0 !important; border-top:1px solid var(--rule); padding-top:14px; }
  .colunas > *:first-child, .lista-estado > *:first-child { border-top:0; padding-top:0; }
  footer nav { grid-template-columns:repeat(2,auto); }
}