/* ===== Mil Grau — visual (base: protótipo v4 aprovado) ===== */
@font-face{font-family:Anton;src:url(../fontes/anton-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(../fontes/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(../fontes/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url(../fontes/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url(../fontes/barlow-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fontes/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fontes/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fontes/barlow-condensed-800.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --azul:#0063bd; --azul-vivo:#1f86e8; --contorno:#2a190d; --calor:#c8372f; --nadadeira:#7fae74; --sol:#ffc63d;
  --fundo:#e9f0f8; --cartao:#fff; --texto:#1c140d; --suave:#5b6b7d; --borda-c:rgba(42,25,13,.14);
  --sombra:0 1px 0 rgba(16,24,40,.04),0 10px 28px -14px rgba(16,24,40,.28);
  --btn-borda:var(--contorno); --btn-fundo:#fff; --btn-texto:var(--contorno);
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]){--fundo:#071a33;--cartao:#0d2747;--texto:#eef4fb;--suave:#9fb3c8;--borda-c:#1d3557;--sombra:0 10px 28px -14px rgba(0,0,0,.6);--btn-fundo:#163a66;--btn-texto:#eef4fb;--btn-borda:#0a1c35}
}
:root[data-tema="escuro"]{--fundo:#071a33;--cartao:#0d2747;--texto:#eef4fb;--suave:#9fb3c8;--borda-c:#1d3557;--sombra:0 10px 28px -14px rgba(0,0,0,.6);--btn-fundo:#163a66;--btn-texto:#eef4fb;--btn-borda:#0a1c35}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--fundo);color:var(--texto);font:17px/1.5 Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--sol);outline-offset:2px}
.pular{position:absolute;left:-9999px}.pular:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:8px 12px;border-radius:8px}

/* ---------- topo ---------- */
.topo{position:sticky;top:0;z-index:20;background:var(--azul);box-shadow:0 2px 0 #00000014}
.topo-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 16px}
.marca{display:flex;align-items:center;gap:12px;min-width:0}
.marca img{height:58px;width:auto}
.nome{display:flex;flex-direction:column;line-height:1;color:#fff;padding-left:12px;border-left:2px solid #ffffff33;min-width:0}
.nome strong{font-family:Anton;font-weight:400;font-size:26px;letter-spacing:.01em;white-space:nowrap}
.nome em{font-style:normal;font-family:"Barlow Condensed";font-weight:600;font-size:15px;color:#cfe3ff;margin-top:4px;white-space:nowrap}
.topo-info{display:none;align-items:center;gap:22px;margin-left:auto;color:#dcebfb;font-family:"Barlow Condensed";font-weight:600;font-size:16px}
.redes{display:flex;gap:6px}
.redes a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#ffffff14;color:#fff}
.redes a:hover{background:#ffffff26}
.redes svg{width:17px;height:17px}
.topo-acoes{display:flex;gap:8px;margin-left:auto;position:relative}
.icone-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--contorno);background:#fff;color:var(--contorno);display:grid;place-items:center;box-shadow:2px 2px 0 var(--contorno);cursor:pointer;list-style:none}
.icone-btn::-webkit-details-marker{display:none}
.icone-btn svg{width:20px;height:20px}
.busca-form{position:absolute;right:0;top:50px;display:flex;gap:6px;background:var(--cartao);padding:10px;border-radius:14px;box-shadow:var(--sombra);border:1px solid var(--borda-c);width:min(92vw,360px)}
.busca-form input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--borda-c);background:var(--fundo);color:var(--texto)}
.busca-form button{padding:8px 14px;border-radius:10px;border:0;background:var(--azul);color:#fff;font-weight:700}
.abas{background:var(--azul);overflow-x:auto;scrollbar-width:none}
.abas::-webkit-scrollbar{display:none}
.abas-in{max-width:1280px;margin:0 auto;display:flex;gap:6px;padding:0 16px 10px}
.aba{flex:none;padding:6px 14px;border-radius:999px;color:#dcebfb;font-family:"Barlow Condensed";font-weight:700;font-size:17px;border:2px solid transparent}
.aba[aria-current="page"]{background:#fff;color:var(--azul);border-color:var(--contorno)}
.aba.roias{color:#d7f0cf}
.aba.roias::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--nadadeira);margin-right:6px;vertical-align:1px}
@media (min-width:1100px){.marca img{height:72px}.nome strong{font-size:30px}.topo-info{display:flex}.topo-acoes{margin-left:6px}.abas{display:none}}
@media (max-width:480px){.marca{gap:9px}.nome{padding-left:9px}.nome strong{font-size:20px}.nome em{font-size:12.5px}.marca img{height:44px}}
@media (max-width:360px){.nome em{display:none}.nome strong{font-size:18px}}

/* ---------- grade ---------- */
.grade{max-width:1280px;margin:0 auto;padding:16px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.col-esq,.col-dir{display:none}
@media (min-width:1100px){
  .grade{grid-template-columns:260px minmax(0,620px) 300px;justify-content:center}
  .grade-pagina{grid-template-columns:minmax(0,760px)}
  .col-esq,.col-dir{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px;align-self:start}
  .so-celular{display:none!important}
}
.nav-lateral{display:flex;flex-direction:column;gap:4px}
.nav-lateral a{padding:9px 14px;border-radius:12px;font-family:"Barlow Condensed";font-weight:700;font-size:19px}
.nav-lateral a[aria-current="page"]{background:var(--cartao);border:1px solid var(--borda-c);box-shadow:var(--sombra)}

/* ---------- cartões ---------- */
.feed{display:flex;flex-direction:column;gap:20px}
.post,.bloco,.materia{background:var(--cartao);border:1px solid var(--borda-c);border-radius:18px;box-shadow:var(--sombra);overflow:hidden}
.capa{position:relative;aspect-ratio:16/9;background:var(--c1,#0063bd);overflow:hidden}
.capa img{width:100%;height:100%;object-fit:cover}
.capa-gerada{display:flex;align-items:flex-end;padding:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 85%,#fff),var(--c1) 55%,color-mix(in srgb,var(--c1) 70%,#000))}
.capa-gerada::after{content:"";position:absolute;right:14px;top:14px;width:54px;height:54px;background:url(../img/icone.png) center/contain no-repeat;opacity:.9}
.capa-titulo{position:relative;color:#fff;font-family:Anton;font-size:clamp(22px,5vw,32px);line-height:1.05;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.post .corpo{padding:14px 16px 14px}
.linha-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--suave)}
.cat{font-family:"Barlow Condensed";font-weight:800;font-size:15px;padding:2px 10px;border-radius:999px;color:#fff;background:var(--cc,#0063bd)}
.calor{display:inline-flex;align-items:center;gap:6px;font-family:"Barlow Condensed";font-weight:700;font-size:15px;color:var(--suave)}
.calor.nivel-3{color:var(--calor)}
.quando{margin-left:auto}
.post .titulo{font-family:"Barlow Condensed";font-weight:800;font-size:24px;line-height:1.12;margin:8px 0 6px}
.manchete .titulo{font-family:Anton;font-weight:400;font-size:clamp(30px,7vw,42px);line-height:1.04}
.post .resumo{color:var(--suave);font-size:16px}
.acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--borda-c)}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:12px;border:1.5px solid var(--btn-borda);font-weight:700;font-size:15px;background:var(--btn-fundo);color:var(--btn-texto);box-shadow:2px 2px 0 var(--btn-borda)}
.btn svg{width:18px;height:18px}
.btn.zap{background:#25d366;color:#08310f;border-color:#128c3e;box-shadow:2px 2px 0 #0b5c28}
.btn:active{transform:translate(2px,2px);box-shadow:none}
.vazio{padding:30px 10px;text-align:center;color:var(--suave);font-weight:600}

/* ---------- blocos laterais ---------- */
.bloco{padding:16px}
.bloco h2{font-family:Anton;font-weight:400;font-size:28px;line-height:1;margin-bottom:10px}
.anuncio{background:var(--sol);color:var(--contorno);border-color:#e0ad2e}
.anuncio p{font-weight:600}
.anuncio .btn{margin-top:12px;background:#fff;color:var(--contorno);border-color:var(--contorno);box-shadow:2px 2px 0 var(--contorno)}

/* ---------- matéria ---------- */
.materia{padding:18px}
.materia .capa{border-radius:14px;margin:14px 0}
.materia-titulo{font-family:Anton;font-weight:400;font-size:clamp(30px,6.4vw,44px);line-height:1.06;margin-top:10px}
.materia-data{color:var(--suave);font-size:15px;margin-top:6px}
.materia-texto{font-size:18px;line-height:1.65;max-width:68ch}
.materia-texto p,.materia-texto ul,.materia-texto ol,.materia-texto h2,.materia-texto h3{margin:0 0 1em}
.materia-texto h2,.materia-texto h3{font-family:"Barlow Condensed";font-weight:800;line-height:1.15}
.materia-texto a{color:var(--azul-vivo);text-decoration:underline}
.materia-texto ul,.materia-texto ol{padding-left:1.3em}
.relacionadas{margin-top:26px}
.relacionadas>h2,.pagina-titulo{font-family:Anton;font-weight:400;font-size:30px;margin:0 0 14px}
.paginas{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.paginas .page-numbers{padding:6px 12px;border-radius:10px;background:var(--cartao);border:1px solid var(--borda-c)}
.paginas .current{background:var(--azul);color:#fff}

/* ---------- rodapé ---------- */
.rodape{margin-top:30px;background:var(--contorno);color:#e9dccf;padding:32px 16px 40px}
.rodape-in{max-width:1000px;margin:0 auto;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.rodape h2{font-family:Anton;font-weight:400;font-size:22px;color:#fff;margin-bottom:6px}
.rodape a{display:block;padding:3px 0;color:#e9dccf}
.rodape a:hover{color:#fff}
.direitos{max-width:1000px;margin:22px auto 0;font-size:14px;color:#bba893}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- publicidade no feed ---------- */
.pub{display:flex;flex-direction:column;gap:6px}
.pub-rot{font-size:12px;color:var(--suave);text-align:center}
.pub-adsense ins{min-height:250px;border-radius:16px;overflow:hidden}
.pub-local img{border-radius:16px;width:100%}
.pub-casa-in{border-radius:16px;background:linear-gradient(135deg,#ffc63d,#ffb000);color:var(--contorno);padding:20px;border:1px solid #e0ad2e}
.pub-casa-in strong{font-family:Anton;font-weight:400;font-size:26px;display:block}
.pub-casa-in p{font-weight:600;margin:4px 0 12px}
.pub-casa-in .btn{background:#fff;color:var(--contorno);border-color:var(--contorno);box-shadow:2px 2px 0 var(--contorno)}
.carregando,.fim-feed{display:flex;justify-content:center;padding:18px;color:var(--suave);font-weight:600}


/* ---------- painéis ---------- */
.plantao{display:flex;align-items:center;gap:12px;background:var(--calor);color:#fff;border:1px solid #a52a24;border-radius:16px;padding:10px 14px;box-shadow:var(--sombra);margin-bottom:18px}
.plantao .placa{flex:none;background:#fff;color:var(--contorno);font-family:Anton;font-size:18px;padding:2px 10px;border-radius:8px}
.plantao p{font-weight:600;line-height:1.3}
.plantao .pisca{width:10px;height:10px;border-radius:50%;background:var(--sol);flex:none;animation:pisca 1.4s infinite}
@keyframes pisca{50%{opacity:.25}}
.tempo{background:linear-gradient(160deg,#0b2748,#071a33);color:#fff;border:1px solid #0b2748;border-radius:18px;padding:16px;box-shadow:var(--sombra);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
main>.tempo{margin-bottom:18px}
.termometro-g{width:34px;height:120px}
.tempo .cid{font-weight:700}
.tempo .grau{font-family:Anton;font-size:60px;line-height:.9}
.tempo .grau small{font-size:24px;color:#ff6b62}
.tempo .det{color:#bcd0e6;font-size:15px}
.tempo .barra{height:8px;border-radius:9px;background:#ffffff22;margin-top:8px;overflow:hidden}
.tempo .barra i{display:block;height:100%;background:linear-gradient(90deg,var(--azul-vivo),#7cc4ff)}
.mais-quentes ol{list-style:none;display:flex;flex-direction:column;gap:12px}
.mais-quentes li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-family:"Barlow Condensed";font-weight:700;font-size:18px;line-height:1.15}
.mais-quentes li .calor{font-size:0;gap:0}
.enquete .pergunta{font-weight:700;font-size:18px;margin-bottom:4px}
.enquete .op{display:block;width:100%;text-align:left;position:relative;overflow:hidden;margin-top:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--borda-c);background:var(--fundo);color:var(--texto);font-weight:700;cursor:pointer}
.enquete .op i{position:absolute;inset:0 auto 0 0;width:0;background:color-mix(in srgb,var(--azul-vivo) 35%,transparent);transition:width .6s ease}
.enquete .op b{position:relative;float:right}.enquete .op span{position:relative}
.enquete .op.escolhida{border-color:var(--azul-vivo)}
.enquete small{display:block;margin-top:10px;color:var(--suave)}
.roiasbloco{background:#1f3d1c;color:#eaf6e5;border-color:#2a4a26}
.roiasbloco h2{color:#fff}.roiasbloco .sub{color:#b9d8b0;margin:-4px 0 12px}
.trilho{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.mini{flex:none;width:200px;background:#2f5a2a;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden}
.mini .capa{aspect-ratio:4/3}.mini .capa-titulo{font-size:20px}
.mini h3{font-family:"Barlow Condensed";font-weight:700;font-size:18px;line-height:1.15;padding:10px}