:root{
  --preto:#14181a; --verde:#0b7a43; --verde-vivo:#12a05b; --verm:#e5322d;
  --texto:#172027; --suave:#5d6a72; --linha:#dce2e4; --fundo:#f3f5f5; --papel:#fff;
  --hd:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --tx:'Barlow',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--fundo);color:var(--texto);font:17px/1.55 var(--tx)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--verde-vivo);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:10}
.skip:focus{left:8px;top:8px}

/* topo */
.topo{background:var(--papel)}
.topo-in{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px}
.marca img{height:78px;width:auto}
.topo-dir{margin-left:auto;display:flex;align-items:center;gap:18px}
.data{color:var(--suave);font-size:14px}
.busca{display:flex;border:1px solid #c9d2d5;border-radius:4px;overflow:hidden}
.busca input{border:0;padding:8px 12px;font:15px var(--tx);width:190px;background:#fff}
.busca button{border:0;background:var(--preto);color:#fff;padding:0 14px;cursor:pointer;font:700 14px var(--tx)}
.busca button:hover{background:var(--verde)}
.menu{background:var(--verde);position:sticky;top:0;z-index:5;border-bottom:3px solid var(--verm)}
.menu-in{max-width:1120px;margin:0 auto;padding:0 20px}
.menu nav{display:flex;overflow-x:auto;scrollbar-width:none}
.menu nav a{font:700 17px/1 var(--hd);letter-spacing:.06em;text-transform:uppercase;padding:14px 16px 13px;white-space:nowrap;color:#fff;border-bottom:3px solid transparent;margin-bottom:-3px}
.menu nav a:hover{background:#096a3a}
.menu nav a[aria-current=page]{background:#065c31;border-bottom-color:#fff}

/* página */
.wrap{max-width:1120px;margin:0 auto;padding:26px 20px 50px}
.foto{background:linear-gradient(135deg,#71818a,#c6cfd2);aspect-ratio:16/9;overflow:hidden;display:flex;align-items:flex-end;color:#fff;font:700 12px var(--tx);letter-spacing:.1em;padding:12px}
.foto img{width:100%;height:100%;object-fit:cover}
.tag{font:700 14px/1 var(--hd);letter-spacing:.08em;text-transform:uppercase;color:var(--verde)}
.meta{font-size:14px;color:var(--suave)}
.destaque{display:grid;grid-template-columns:1.4fr .8fr;gap:30px}
.lead .foto{margin-bottom:14px}
.lead .tag{color:var(--verm)}
.lead h2{font:800 clamp(32px,4.4vw,48px)/1.02 var(--hd);letter-spacing:-.01em;margin:6px 0 10px}
.lead p.res{color:var(--suave);font-size:19px;max-width:56ch}
.apoio{display:flex;flex-direction:column;gap:24px}
.apoio article{border-top:4px solid var(--verde);padding-top:12px}
.apoio h3{font:700 25px/1.08 var(--hd);margin-top:6px}
.apoio h3 a:hover,.lead h2 a:hover,.cards h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.apoio .foto{margin-bottom:10px;aspect-ratio:3/2}
.secao{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linha);margin-top:36px;padding-top:10px}
.secao h2{font:800 22px var(--hd);letter-spacing:.06em;text-transform:uppercase}
.secao a{font-size:14px;color:var(--verde);font-weight:600}
.ultimas{list-style:none;margin-top:6px}
.ultimas li{border-top:1px solid #e9eded}
.ultimas li:first-child{border-top:0}
.ultimas a{display:flex;gap:14px;align-items:baseline;padding:11px 0;font-size:19px;font-weight:500}
.ultimas a:hover{color:var(--verde)}
.ultimas time{font:700 15px var(--hd);color:var(--verde);min-width:64px;letter-spacing:.03em}
.ultimas .seta{margin-left:auto;color:var(--verde);font-weight:700}
.feed{display:grid;gap:12px;margin-top:14px}
.fcard{display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center;background:var(--papel);border:1px solid var(--linha);border-left:4px solid var(--verde-vivo);padding:16px 18px;transition:box-shadow .15s,border-color .15s}
.fcard:hover{box-shadow:0 4px 14px #14181a1a;border-left-color:var(--verm)}
.fcard h3{font:700 27px/1.08 var(--hd);margin:6px 0 6px}
.fcard:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.fcard p{color:var(--suave);font-size:16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:62ch}
.fcard time{display:block;margin-top:8px}
.fimg{width:210px;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#71818a,#c6cfd2)}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-weight:600}
.pager a{color:var(--verde);padding:8px 14px;border:1px solid var(--verde);border-radius:3px}
.pager a:hover{background:var(--verde);color:#fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:14px}
.cards .foto{aspect-ratio:3/2;margin-bottom:10px}
.cards h3{font:700 22px/1.1 var(--hd);margin-top:4px}
.vazio{padding:50px 0;color:var(--suave)}

/* matéria */
.materia{max-width:740px;margin:0 auto}
.materia h1{font:800 clamp(34px,5vw,54px)/1.02 var(--hd);letter-spacing:-.01em;margin:8px 0 12px}
.materia .linha-fina{font-size:21px;color:var(--suave);line-height:1.4;margin-bottom:14px}
.materia .meta{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:8px 0;margin-bottom:20px}
.materia figure{margin:0 0 24px}
.materia figcaption{font-size:13px;color:var(--suave);margin-top:6px}
.corpo{font-size:19px;line-height:1.7}
.corpo p,.corpo ul,.corpo ol,.corpo blockquote{margin-bottom:1.1em}
.corpo ul,.corpo ol{padding-left:1.3em}
.corpo a{color:var(--verde);text-decoration:underline}
.corpo blockquote{border-left:4px solid var(--verm);padding-left:16px;font-size:22px;font-style:italic}
.corpo h2,.corpo h3{font:700 28px/1.1 var(--hd);margin:1.2em 0 .4em}
.tags{margin-top:24px;font-size:14px;color:var(--suave)}
.rodape{background:var(--preto);color:#a9b3b8;padding:28px 20px;font-size:14px;border-top:5px solid var(--verde-vivo)}
.rodape-in{max-width:1120px;margin:0 auto;display:flex;gap:16px 40px;flex-wrap:wrap;align-items:center}
.rodape-in p:last-child{margin-left:auto}
.rodape img{height:64px;width:auto}

@media(max-width:820px){
  .destaque{grid-template-columns:1fr;gap:24px}
  .cards{grid-template-columns:1fr 1fr}
  .fcard{grid-template-columns:1fr 130px;gap:14px;padding:12px}
  .fimg{width:130px}
  .fcard h3{font-size:22px}
  .fcard p{display:none}
  .data{display:none}
  .marca img{height:60px}
  .busca input{width:120px}
}
@media(max-width:520px){.cards{grid-template-columns:1fr}.topo-dir{display:none}.topo-in{justify-content:center}}