:root{
  --marinho:#001022; --marinho2:#0a2240; --teal:#32A0A8; --teal-esc:#138B99;
  --branco:#ffffff; --papel:#f5f8fa; --linha:#d9e2e8; --texto:#14283d; --suave:#5d7184;
  --serif:"Playfair Display",Georgia,serif; --sans:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--texto);background:var(--branco);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* topo */
.faixa{background:var(--marinho);color:#b9c9d6;font-size:12px;letter-spacing:.04em}
.faixa .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.faixa a{color:var(--teal)}
header.cab{background:var(--marinho);padding:26px 0 22px;border-bottom:3px solid var(--teal)}
.mast{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.mast img{height:84px;width:auto;display:block}
.mast .sep{width:1px;height:64px;background:rgba(255,255,255,.25)}
.mast .jn{font-family:var(--serif);font-weight:900;font-size:clamp(40px,7vw,68px);color:#fff;line-height:1;letter-spacing:-.01em}
.logo-jornal{font-family:var(--serif);font-weight:900;font-size:clamp(44px,9vw,96px);line-height:1;color:var(--marinho);letter-spacing:-.02em}
.logo-jornal span{color:var(--teal-esc)}
.lema{font-family:var(--serif);font-style:italic;color:#9fd3d8;margin-top:14px;text-align:center;font-size:clamp(15px,2.4vw,19px)}
nav.menu{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha)}
nav.menu .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
nav.menu button,nav.menu a{flex:none;font:600 13px var(--sans);padding:8px 14px;border-radius:99px;border:1px solid var(--linha);background:#fff;color:var(--marinho);cursor:pointer;transition:.15s}
nav.menu button:hover,nav.menu a:hover{border-color:var(--teal)}
nav.menu button.on{background:var(--marinho);color:#fff;border-color:var(--marinho)}

/* selos */
.tag{display:inline-block;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-esc)}
.status{display:inline-block;font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:4px;background:#e3f4f5;color:#0b6470}
.status.teste{background:#fff3d6;color:#7a5400}
.status.aguardando{background:#fde6e3;color:#9a2a1c}
.status.alerta{background:var(--marinho);color:#fff}
.meta{font-size:13px;color:var(--suave)}

/* destaque */
.destaque{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;padding:36px 0;border-bottom:1px solid var(--linha)}
.destaque h2{font-family:var(--serif);font-weight:800;font-size:clamp(28px,4.6vw,46px);line-height:1.12;margin:10px 0 14px;color:var(--marinho)}
.destaque h2 a:hover{color:var(--teal-esc)}
.destaque p.res{font-size:18px;color:#34495e}
.painel{background:var(--marinho);color:#fff;border-radius:6px;padding:26px;position:relative;overflow:hidden}
.painel:after{content:"U";position:absolute;right:-10px;bottom:-60px;font:900 220px var(--serif);color:rgba(50,160,168,.16)}
.painel h3{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
.painel ol{list-style:none;counter-reset:q;position:relative;z-index:1}
.painel li{counter-increment:q;padding:11px 0 11px 34px;border-top:1px solid rgba(255,255,255,.14);position:relative;font-size:15px}
.painel li:before{content:counter(q);position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--teal);color:var(--marinho);font:700 12px/22px var(--sans);text-align:center}

/* lista */
.secao-t{font-family:var(--serif);font-weight:800;font-size:28px;color:var(--marinho);margin:38px 0 6px;display:flex;align-items:center;gap:14px}
.secao-t:after{content:"";flex:1;height:1px;background:var(--linha)}
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:22px 0 10px}
.card{border-top:3px solid var(--marinho);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.card:hover{border-top-color:var(--teal)}
.card h3{font-family:var(--serif);font-size:22px;line-height:1.22;color:var(--marinho)}
.card p{font-size:15px;color:#40566a}
.vazio{padding:40px 0;color:var(--suave);text-align:center}

/* como lemos */
.metodo{background:var(--papel);margin-top:48px;padding:48px 0;border-block:1px solid var(--linha)}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px}
.tres div{background:#fff;border:1px solid var(--linha);border-left:4px solid var(--teal);padding:20px;border-radius:4px}
.tres b{display:block;font-family:var(--serif);font-size:20px;color:var(--marinho);margin-bottom:6px}
.tres p{font-size:14.5px;color:#40566a}
.regra{margin-top:20px;font-size:15px;color:#40566a}

/* sobre / radar */
.sobre{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px 0}
.sobre h2{font-family:var(--serif);font-size:30px;color:var(--marinho);margin-bottom:12px}
.sobre p{margin-bottom:12px;color:#34495e}
.radar{background:var(--marinho);color:#fff;border-radius:6px;padding:28px}
.radar h3{font-family:var(--serif);font-size:24px;margin-bottom:8px}
.radar p{color:#c6d4df}
.btn{display:inline-block;margin-top:12px;background:var(--teal);color:var(--marinho);font:700 14px var(--sans);padding:11px 20px;border-radius:99px}
.btn:hover{background:#fff}

footer{background:var(--marinho);color:#b9c9d6;padding:36px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer b{font-family:var(--serif);font-size:22px;color:#fff}
footer a{color:var(--teal)}

/* matéria */
.art{max-width:740px;margin:0 auto;padding:36px 20px 20px}
.art .voltar{font-size:14px;color:var(--teal-esc);font-weight:600}
.art h1{font-family:var(--serif);font-weight:900;font-size:clamp(32px,6vw,52px);line-height:1.1;color:var(--marinho);margin:14px 0}
.art .linha-fina{font-size:20px;color:#34495e;margin-bottom:18px}
.art .info{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:14px 0;border-block:1px solid var(--linha);margin-bottom:28px}
.art .info a{color:var(--teal-esc);font-weight:600;text-decoration:underline}
.bloco{margin:30px 0}
.bloco .rot{font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-esc);margin-bottom:6px}
.bloco h2{font-family:var(--serif);font-size:26px;color:var(--marinho);margin-bottom:10px}
.bloco p{font-size:18px;margin-bottom:14px}
.bloco.fato{border-left:4px solid var(--marinho);padding-left:20px}
.bloco.leitura{background:var(--papel);padding:22px;border-radius:6px;border-left:4px solid var(--teal)}
.bloco.acao{background:var(--marinho);color:#fff;padding:24px;border-radius:6px}
.bloco.acao .rot{color:var(--teal)} .bloco.acao h2{color:#fff}
.bloco ul{padding-left:20px;margin-bottom:14px;font-size:18px}
.bloco li{margin-bottom:6px}
.aviso{background:#fff3d6;border:1px solid #ecd28c;color:#6b4a00;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px}

@media(max-width:820px){
 .destaque,.sobre{grid-template-columns:1fr}
 .grade,.tres{grid-template-columns:1fr}
}

@media(max-width:560px){.mast img{height:60px}.mast .sep{display:none}}

/* barra, menu, busca */
nav.menu .barra{display:flex;align-items:center;gap:10px}
.pills{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:none}
.pill{flex:none;font:600 13px var(--sans);padding:8px 14px;border-radius:99px;border:1px solid var(--linha);color:var(--marinho);background:#fff}
.pill:hover{border-color:var(--teal)} .pill.on{background:var(--marinho);color:#fff;border-color:var(--marinho)}
.acoes{display:flex;gap:6px;flex:none}
button.ic{font:700 13px var(--sans);border:1px solid var(--linha);background:#fff;color:var(--marinho);padding:8px 14px;border-radius:99px;cursor:pointer}
button.ic.forte{background:var(--marinho);color:#fff;border-color:var(--marinho)} button.ic.on{background:var(--teal);border-color:var(--teal);color:var(--marinho)}
.ov{position:fixed;inset:0;top:57px;background:var(--marinho);z-index:15;overflow:auto;padding:30px 0 60px;color:#fff}
.ov[hidden]{display:none}
html.trava{overflow:hidden}
.ov-g{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 36px}
.ov-b{display:flex;flex-direction:column;gap:2px}
.ov-t{font:800 22px var(--serif);color:#fff;padding:6px 0} .ov-t:hover{color:var(--teal)}
.ov-s{font:600 15px var(--sans);color:#b9c9d6;padding:5px 0} .ov-s:hover{color:var(--teal)} .ov-s.todas{color:var(--teal)}
#q{width:100%;font:600 22px var(--sans);padding:16px 18px;border-radius:8px;border:2px solid var(--teal);background:#fff;color:var(--marinho);margin-bottom:18px}
#res .r{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15)}
#res .r b{font:700 20px var(--serif)} #res .r small{color:#b9c9d6} #res .vazio{color:#b9c9d6}
/* detalhes de jornal */
.tag.cat,.card .tag,.destaque .tag{border-left:3px solid var(--teal);padding-left:8px}
a.tag:hover{color:var(--marinho)}
.btn-s{display:inline-block;background:var(--marinho);color:#fff;font:700 14px var(--sans);padding:11px 20px;border-radius:99px}
.btn-s:hover{background:var(--teal-esc)}
.mais{display:inline-block;margin:6px 0 0;font:700 14px var(--sans);color:var(--teal-esc)} .mais:hover{text-decoration:underline}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 22px}
.share b{font:700 14px var(--sans);margin-right:4px}
.share button,.share a{font:600 13px var(--sans);padding:7px 14px;border-radius:99px;border:1px solid var(--linha);background:#fff;color:var(--marinho);cursor:pointer}
.share button:hover,.share a:hover{border-color:var(--teal);background:#e3f4f5}
@media(max-width:820px){.ov-g{grid-template-columns:1fr}} 
@media(max-width:560px){button.ic span{display:none}}
#barra{position:sticky;top:0;z-index:30}
nav.menu{position:relative;top:auto}
.ov{z-index:25}