/* Dado Bruto — folha de estilo do portal */
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-wght-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Cond";src:url(/fonts/ibm-plex-sans-condensed-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Cond";src:url(/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --fundo:#F2F1ED; --cartao:#FFFFFF; --tinta:#121212; --texto:#1E1E1D; --sec:#4A4A48; --fio:#D6D4CE; --fio-forte:#121212;
  --destaque:#1C3FAA; --dado:#2F55C8; --dado2:#C8742A; --faixa:#121212; --faixa-tinta:#F2F1ED; --faixa-sec:#A9A8A3;
  --serif:"Newsreader",Georgia,"Times New Roman",serif; --cond:"Plex Cond","Arial Narrow",sans-serif; --mono:"Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --fundo:#16171A; --cartao:#1E2024; --tinta:#ECEAE5; --texto:#DAD8D2; --sec:#A3A19B; --fio:#33353A; --fio-forte:#ECEAE5;
  --destaque:#8FA8F0; --dado:#6F8EEA; --dado2:#E0965A; --faixa:#0E0F11; --faixa-tinta:#ECEAE5; --faixa-sec:#8E8C87; color-scheme:dark}}
:root[data-tema="escuro"]{
  --fundo:#16171A; --cartao:#1E2024; --tinta:#ECEAE5; --texto:#DAD8D2; --sec:#A3A19B; --fio:#33353A; --fio-forte:#ECEAE5;
  --destaque:#8FA8F0; --dado:#6F8EEA; --dado2:#E0965A; --faixa:#0E0F11; --faixa-tinta:#ECEAE5; --faixa-sec:#8E8C87; color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--serif);font-size:18px;line-height:1.5;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{color:var(--destaque);text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
img{max-width:100%}
.c{max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:700px){.c{padding:0 24px}}
.pular{position:absolute;left:-9999px}.pular:focus{left:16px;top:8px;background:var(--cartao);padding:8px 12px;z-index:10}

/* topo */
.barra{border-bottom:1px solid var(--fio);font-family:var(--mono);font-size:13px;color:var(--sec)}
.barra .c{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:8px;padding-bottom:8px}
.barra nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-family:var(--cond);font-size:14px;letter-spacing:.04em}
.tema{background:none;border:1px solid var(--fio);border-radius:50%;color:var(--sec);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:none}
.tema:hover{color:var(--tinta);border-color:var(--tinta)}
.cab .c{display:flex;justify-content:space-between;align-items:center;gap:12px 32px;padding-top:20px;padding-bottom:16px}
.marca{display:block;line-height:0}
.marca img{height:44px;width:auto}
@media (min-width:700px){.marca img{height:60px}}
.marca .escuro{display:none}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .marca .claro{display:none}:root:not([data-tema="claro"]) .marca .escuro{display:inline}}
:root[data-tema="escuro"] .marca .claro{display:none}:root[data-tema="escuro"] .marca .escuro{display:inline}
.lema{margin:0;font-family:var(--mono);font-size:13px;color:var(--sec);max-width:420px}
.menu{border-top:1px solid var(--fio-forte);border-bottom:3px double var(--fio-forte)}
.menu .c{display:flex;gap:6px 24px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px;font-family:var(--cond);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.menu .c::-webkit-scrollbar{display:none}
.menu a[aria-current="page"]{color:var(--destaque)}
.menu .analises{color:var(--destaque)}

/* rótulos */
.chapeu{font-family:var(--cond);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--destaque)}
.meta{font-family:var(--cond);font-size:14px;color:var(--sec)}
.meta .n{font-family:var(--mono);font-size:13px}
.secao{margin-top:48px;border-top:3px double var(--fio-forte);padding-top:14px}
.secao>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.secao h2{margin:0;font-family:var(--cond);font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.secao h2 a:hover{text-decoration:none}
.mais{font-family:var(--cond);font-size:14px;font-weight:600;color:var(--destaque)}

/* capa */
main{padding-bottom:24px}
.topo-capa{display:grid;gap:32px;margin-top:32px}
@media (min-width:980px){.topo-capa{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:44px}}
.manchete h1,.manchete .t{margin:10px 0 0;font-size:clamp(34px,5.4vw,54px);line-height:1.03;font-weight:600;letter-spacing:-.02em}
.manchete p{margin:14px 0 0;font-size:clamp(19px,2.2vw,21px);line-height:1.42;color:var(--texto)}
.manchete .meta{margin-top:14px}
.destaques{display:grid;gap:24px;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cartao{display:block;border-top:1px solid var(--fio-forte);padding-top:12px}
.cartao .t{margin:8px 0 0;font-size:23px;line-height:1.15;font-weight:600}
.cartao p{margin:8px 0 0;font-size:17px;line-height:1.4;color:var(--texto)}
.cartao .meta{margin-top:8px}
.lado h2{margin:0 0 4px}
.lista{list-style:none;margin:12px 0 0;padding:0}
.lista li{border-top:1px solid var(--fio);padding:10px 0}
.lista li:first-child{border-top:0}
.lista .t{font-size:18px;line-height:1.25;font-weight:600}
.lista .hora{font-family:var(--mono);font-size:12px;color:var(--sec);display:block;margin-bottom:2px}
.lista.num{counter-reset:n}
.lista.num li{display:grid;grid-template-columns:32px 1fr;counter-increment:n}
.lista.num li::before{content:counter(n);font-family:var(--mono);font-size:22px;color:var(--dado);line-height:1.1}
.blocos{display:grid;gap:8px 36px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.blocos .secao{margin-top:40px}
.vazio{color:var(--sec);font-style:italic;font-size:17px}
.analises-bloco{margin-top:48px;background:var(--faixa);color:var(--faixa-tinta);padding:28px 24px}
.analises-bloco .chapeu{color:var(--faixa-sec)}
.analises-bloco .t{margin:8px 0 0;font-size:clamp(26px,3.6vw,36px);line-height:1.08;font-weight:600}
.analises-bloco p{margin:10px 0 0;color:var(--faixa-sec);font-size:18px;max-width:720px}

/* matéria */
.materia{margin-top:36px}
.materia header{max-width:860px}
.materia h1{margin:12px 0 0;font-size:clamp(32px,5vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.02em}
.materia .fina{margin:16px 0 0;font-size:clamp(20px,2.4vw,23px);line-height:1.38;color:var(--texto);font-style:italic}
.linha-meta{margin-top:22px;padding:12px 0;border-top:1px solid var(--fio-forte);border-bottom:1px solid var(--fio);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
.corpo{max-width:700px;margin-top:28px;font-size:20px;line-height:1.62;color:var(--texto)}
.corpo p{margin:0 0 20px}
.corpo h2{font-size:25px;line-height:1.2;margin:32px 0 12px;color:var(--tinta)}
.caixa{max-width:700px;margin-top:28px;border:1px solid var(--fio-forte);background:var(--cartao);padding:18px 20px}
.caixa h2{margin:0;font-family:var(--cond);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.caixa ul{margin:10px 0 0;padding:0;list-style:none}
.caixa li{padding:8px 0;border-top:1px solid var(--fio);font-size:17px;line-height:1.35}
.caixa li:first-of-type{border-top:0}
.caixa .veic{font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;display:block;color:var(--sec)}
.caixa p{margin:10px 0 0;font-size:15px;color:var(--sec);font-family:var(--cond)}
.caixa.div li{font-size:17px}
.aviso-ia{max-width:700px;margin-top:20px;font-family:var(--cond);font-size:14px;color:var(--sec);line-height:1.45}
.relacionadas{max-width:860px}

/* gráfico */
.grafico{max-width:760px;margin:8px 0 28px;padding:18px 0;border-top:1px solid var(--fio-forte);border-bottom:1px solid var(--fio)}
.grafico .gt{font-family:var(--cond);font-size:17px;font-weight:600;color:var(--tinta);line-height:1.3}
.grafico figcaption{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--sec);line-height:1.4}
.barras{margin-top:12px;display:grid;gap:8px}
.barras .l{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;gap:10px;align-items:center;font-family:var(--cond);font-size:15px}
.barras .b{height:24px;background:var(--dado);border-radius:0 3px 3px 0;min-width:2px}
.barras .v{font-family:var(--mono);font-size:14px;text-align:right;min-width:52px}
.grafico svg{display:block;width:100%;height:auto;margin-top:10px}
.grafico svg text{font-family:var(--mono);font-size:12px;fill:var(--sec)}

/* listas de editoria */
.pag-titulo{margin:32px 0 0;font-size:clamp(34px,5vw,48px);line-height:1.05;font-weight:600;letter-spacing:-.02em}
.pag-intro{margin:10px 0 0;color:var(--texto);max-width:700px;font-size:19px}
.feed{list-style:none;margin:24px 0 0;padding:0;max-width:860px}
.feed li{border-top:1px solid var(--fio);padding:16px 0}
.feed .t{display:block;margin-top:4px;font-size:24px;line-height:1.18;font-weight:600}
.feed p{margin:6px 0 0;font-size:17px;line-height:1.42;color:var(--texto)}
.paginas{margin-top:24px;display:flex;gap:16px;font-family:var(--cond);font-weight:600}

/* texto institucional */
.texto{max-width:700px;font-size:19px;line-height:1.6;color:var(--texto)}
.texto h2{font-size:24px;margin:32px 0 8px;color:var(--tinta)}
.texto a{color:var(--destaque);text-decoration:underline;text-underline-offset:3px}

/* rodapé */
.rodape{margin-top:64px;border-top:3px double var(--fio-forte)}
.rodape .c{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:36px}
.rodape .marca img{height:36px}
.rodape p{margin:8px 0 0;font-family:var(--mono);font-size:13px;color:var(--sec);max-width:520px}
.rodape nav{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-family:var(--cond);font-size:14px}

/* mais notícias: chamadas pequenas, muitas por tela */
.grade{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0 28px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.grade li{border-top:1px solid var(--fio);padding:10px 0 12px}
.grade .chapeu{font-size:11px}
.grade .t{display:block;margin-top:3px;font-size:17px;line-height:1.25;font-weight:600}

/* fontes compactas */
.fontes{max-width:700px;margin-top:24px;padding-top:10px;border-top:1px solid var(--fio);font-family:var(--cond);font-size:14px;line-height:1.6;color:var(--sec)}
.fontes .ft{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px;margin-right:4px}
.fontes a{color:var(--sec);text-decoration:underline;text-decoration-color:var(--fio);text-underline-offset:3px}
.fontes a:hover{color:var(--destaque)}

/* análises (peças longas convertidas do protótipo) */
.analise main,.analise>header{max-width:880px}
.analise h1{font-size:clamp(32px,5.4vw,58px)!important}
.analise h2{font-size:clamp(24px,3.4vw,32px)!important}
.analise .tx,.analise article{font-size:clamp(18px,2.2vw,21px)!important}
.analise .tx p{margin:0 0 22px}
.analise header>p{font-size:clamp(19px,2.6vw,24px)!important}
.analise svg{max-width:100%;height:auto;color:var(--tinta)}
.analise a{color:inherit}
@media (max-width:600px){.analise [style*="flex: 0 0 150px"]{flex-basis:96px!important;font-size:12px!important}}
.ana-lista{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:18px 32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ana-lista li{border-top:1px solid var(--faixa-sec);padding-top:10px}
.ana-lista .t{font-size:22px;line-height:1.18;font-weight:600;color:var(--faixa-tinta)}
.ana-lista p{margin:6px 0 0;font-size:16px}

/* Em números (capa) */
.numero{margin-top:48px;border-top:3px solid var(--dado);background:var(--cartao);padding:22px 24px}
.numero-g{display:grid;gap:20px 40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;margin-top:8px}
.numero .t{font-size:clamp(24px,3vw,30px);line-height:1.12;font-weight:600}
.numero p{margin:8px 0 10px;color:var(--texto);font-size:18px}
.numero figure{margin:0}
.numero figcaption{margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--sec)}
.barras .b2{background:var(--dado2)}

/* topo enxuto, hora discreta, menu com data */
.menu .ult{margin-left:0}
.menu .data{margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--sec);display:none}
@media (min-width:900px){.menu .data{display:block}}
.chapeu .qd{margin-left:8px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--sec)}
.chapeu .qd::before{content:"· "}
.lista li:has(.hora){display:grid;grid-template-columns:54px 1fr;gap:0 8px;align-items:baseline}
.lista .hora{display:inline;margin:0}

/* ===== refinamento visual (out/2026) ===== */
/* cor por editoria: só no chapéu, no fio da seção e no menu */
:root{--ed-politica:#B3261E;--ed-economia:#1D6E45;--ed-brasil:#1C3FAA;--ed-mundo:#6A3D9A;--ed-esportes:#A8500C;--ed-ciencia-saude:#0B6F78;--ed-tecnologia:#475569;--ed-cultura:#9C2F67}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){--ed-politica:#F28B82;--ed-economia:#6FCF97;--ed-brasil:#8FA8F0;--ed-mundo:#C3A5EE;--ed-esportes:#F2A869;--ed-ciencia-saude:#5CC8D1;--ed-tecnologia:#A9B4C6;--ed-cultura:#EE8DBE}}
:root[data-tema="escuro"]{--ed-politica:#F28B82;--ed-economia:#6FCF97;--ed-brasil:#8FA8F0;--ed-mundo:#C3A5EE;--ed-esportes:#F2A869;--ed-ciencia-saude:#5CC8D1;--ed-tecnologia:#A9B4C6;--ed-cultura:#EE8DBE}
.ed-politica{--ed:var(--ed-politica)}.ed-economia{--ed:var(--ed-economia)}.ed-brasil{--ed:var(--ed-brasil)}.ed-mundo{--ed:var(--ed-mundo)}
.ed-esportes{--ed:var(--ed-esportes)}.ed-ciencia-saude{--ed:var(--ed-ciencia-saude)}.ed-tecnologia{--ed:var(--ed-tecnologia)}.ed-cultura{--ed:var(--ed-cultura)}
.chapeu[class*="ed-"]{color:var(--ed)}
.menu a[class*="ed-"]:hover,.menu a[class*="ed-"][aria-current="page"]{color:var(--ed);text-decoration:none}
.menu a[class*="ed-"][aria-current="page"]{box-shadow:inset 0 -3px 0 var(--ed)}
.menu .c{padding-top:0;padding-bottom:0}
.menu .c>a,.menu .c>.data{padding:11px 0}
.blocos .secao[class*="ed-"]{border-top:3px solid var(--ed)}
.blocos .secao[class*="ed-"] h2 a{color:var(--ed)}

/* faixa da marca no alto da página (azul e laranja do logo) */
body::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--dado) 0 50%,var(--dado2) 50% 100%)}

/* menu no celular: indica que dá para rolar para o lado */
@media (max-width:899px){.menu{position:relative}.menu::after{content:"";position:absolute;right:0;top:0;bottom:3px;width:36px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--fundo))}}

/* destaques: os dois primeiros completos, os demais compactos */
.cartao.compacto .t{font-size:19px;line-height:1.2}
@media (min-width:700px){.destaques{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* quadros: Em alta (lateral), Em números e Análises falam a mesma língua: fundo de cartão + fio colorido no topo */
.secao.alta{margin-top:0;border-top:3px solid var(--dado);background:var(--cartao);padding:14px 18px 6px}
.lado .secao:not(.alta){margin-top:32px}
.numero{margin-top:40px}
.analises-bloco{border-top:3px solid var(--dado2)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .analises-bloco{background:var(--cartao);border-left:1px solid var(--fio);border-right:1px solid var(--fio);border-bottom:1px solid var(--fio)}}
:root[data-tema="escuro"] .analises-bloco{background:var(--cartao);border-left:1px solid var(--fio);border-right:1px solid var(--fio);border-bottom:1px solid var(--fio)}

/* editorias da capa em colunas corridas, sem buracos */
.blocos{display:block;columns:3 300px;column-gap:36px}
.blocos .secao{break-inside:avoid;display:inline-block;width:100%;margin-top:36px}

/* "Onde os relatos divergem": marca lateral laranja, como um selo de checagem */
.caixa.div{border:1px solid var(--fio);border-left:4px solid var(--dado2)}
.caixa.div h2{color:var(--dado2)}

/* matéria com coluna lateral (Em alta) em tela larga */
.materia-g{display:grid;gap:40px}
@media (min-width:1080px){.materia-g{grid-template-columns:minmax(0,1fr) 300px;gap:56px}.lado-materia{padding-top:36px}.lado-materia .alta{position:sticky;top:20px}}
.lado-materia .lista .t{font-size:17px}

/* rodapé com as seções */
.rodape nav{max-width:640px;justify-content:flex-end}
.rodape nav a:hover{color:var(--destaque)}
/* no celular, "Mais notícias" mostra 12 chamadas em vez de 24 */
@media (max-width:699px){.grade li:nth-child(n+13){display:none}}
.rodape nav{gap:6px 18px;font-size:13px}