:root{
  --vermelho:#AE0100; --vermelho-esc:#7D0000; --verde:#006B03; --verde-esc:#004F02; --verde-noite:#023A03;
  --ouro:#FFC302; --verde-claro:#58D42D; --laranja:#FF7402; --creme:#FFF8F0; --rosa:#FBE7E5; --menta:#E9F7E3; --tinta:#1F1A1C; --cinza:#5B5458;
  --raio:22px; --sombra:0 12px 30px rgba(31,26,28,.10);
}
*{box-sizing:border-box}
body{margin:0;font-family:Nunito,system-ui,sans-serif;color:var(--tinta);background:var(--creme);font-size:17px;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Baloo 2",Nunito,sans-serif;line-height:1.1;margin:0 0 .35em}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.kicker{display:inline-block;font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}

.topo{position:sticky;top:0;z-index:10;background:rgba(255,248,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.topo img{height:40px;width:auto}
.topo nav{display:flex;gap:18px;font-weight:800;font-size:.92rem}
.topo nav a{text-decoration:none;color:var(--cinza)}
.topo nav a.on,.topo nav a:hover{color:var(--vermelho)}

.lista{padding:36px 18px 70px}
.titulo{max-width:680px;margin-bottom:26px}
.titulo h1{font-size:clamp(2.1rem,6vw,3rem);color:var(--vermelho)}
.titulo p{color:var(--cinza);margin:0}

.semana{background:var(--verde-noite);color:#fff;border-radius:28px;padding:22px;margin-bottom:34px;display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:22px;align-items:center}
.semana .kicker{color:#9fdcb8}
.semana h2{font-size:1.9rem;margin:.2em 0 .5em}
.semana video{grid-row:1/4;width:100%;aspect-ratio:9/16;border-radius:20px;background:#000;object-fit:cover}
.zap{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#073b1f;font-weight:800;text-decoration:none;padding:12px 20px;border-radius:999px;justify-self:start}
@media(max-width:700px){.semana{grid-template-columns:1fr}.semana video{grid-row:auto;max-width:330px;margin:0 auto}}

.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);text-decoration:none;transition:transform .15s}
.card:active{transform:scale(.98)}
.card .foto{position:relative;aspect-ratio:4/3;background:var(--menta)}
.card .foto img{width:100%;height:100%;object-fit:cover}
.card .tag,.materia .tag{position:absolute;left:12px;top:12px;background:var(--vermelho);color:#fff;font-weight:800;font-size:.75rem;padding:4px 12px;border-radius:999px}
.card .txt{padding:16px 18px 20px}
.card time,.materia time{font-size:.8rem;font-weight:700;color:var(--cinza)}
.card h3{font-size:1.25rem;margin:.25em 0 .3em}
.card p{margin:0;color:var(--cinza);font-size:.95rem;line-height:1.5}
.card.grande{grid-column:1/-1}
@media(min-width:760px){.card.grande{flex-direction:row}.card.grande .foto{flex:1.3;aspect-ratio:auto;min-height:320px}.card.grande .txt{flex:1;align-self:center;padding:28px}.card.grande h3{font-size:1.8rem}}
.sub{font-size:1.6rem;margin:46px 0 16px}
.semanas{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}
.semanas a{flex:0 0 150px;text-decoration:none;font-weight:800;font-size:.85rem}
.semanas img{border-radius:16px;aspect-ratio:9/16;object-fit:cover;margin-bottom:6px}

.materia{max-width:760px;padding:26px 18px 70px}
.materia .voltar{display:table;font-weight:800;text-decoration:none;color:var(--verde-esc);margin-bottom:18px}
.materia > .tag{position:static;display:inline-block;margin-bottom:12px}
.materia h1{font-size:clamp(1.9rem,6vw,2.7rem)}
.materia .sub{font-family:Nunito;font-size:1.15rem;color:var(--cinza);margin:0 0 8px;font-weight:600}
.materia .capa{margin:22px -18px 22px;}
.materia .capa img{width:100%;height:auto;max-height:80vh;object-fit:contain;background:#efe7dd}
@media(min-width:760px){.materia .capa{margin:22px 0}.materia .capa img{border-radius:24px}}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}
.galeria img{aspect-ratio:1;object-fit:cover;border-radius:12px}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.acoes .ig{display:inline-flex;align-items:center;padding:12px 20px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 2px var(--vermelho);color:var(--vermelho)}
.grade.mini{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.grade.mini .card p{display:none}

footer{background:var(--tinta);color:#d8d2d4;padding:30px 0;font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
footer img{height:40px;width:auto;background:#fff;border-radius:10px;padding:4px 8px}

/* aba Prestação de contas (jornal) */
.edicoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.ed{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.ed img{border-radius:16px;box-shadow:0 14px 34px rgba(31,26,28,.22);aspect-ratio:3/5;object-fit:cover;transition:transform .2s}
.ed:hover img{transform:translateY(-4px) rotate(-1deg)}
.ed b{font-family:"Baloo 2";font-size:1.35rem;margin-top:8px}
.ed span{font-size:.85rem;color:var(--cinza);font-weight:700}
@media(max-width:560px){
  .topo img{height:34px}
  .topo nav{gap:12px;font-size:.8rem}
  .topo nav a:first-child{display:none}
  .topo nav a{white-space:nowrap}
}

/* faixa da marca e campanhas das cores */
.faixa-marca{height:22px;background:url(/img/faixa.webp?v=2) repeat-x left center/auto 100%}
.c-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.campanha{background:var(--c);color:var(--t);border-radius:26px;padding:24px;box-shadow:var(--sombra)}
.c-topo{display:flex;gap:16px;align-items:center}
.c-topo .laco{width:54px;height:54px;flex:none}
.c-topo b{display:block;font-family:"Baloo 2";font-size:1.8rem;line-height:1}
.c-topo span{font-weight:800;opacity:.92}
.campanha blockquote{margin:16px 0;padding:14px 16px;background:#fff;color:var(--tinta);border-radius:16px;font-family:"Baloo 2";font-size:1.2rem;line-height:1.2}
.campanha blockquote cite{display:block;font-family:Nunito;font-style:normal;font-weight:800;font-size:.85rem;color:var(--vermelho);margin-top:6px}
.campanha ol{margin:0;padding-left:1.2em;display:grid;gap:8px;font-weight:600}
.c-onde{margin:14px 0 0;font-weight:800}
.campanha:not(.grande){opacity:.96}
@media(max-width:560px){.topo nav a[href="/campanhas/"]{display:none}}

/* leis e projetos (aba Prestação de contas) */
.leis{margin-top:56px}
.leis h2{font-size:clamp(1.9rem,5vw,2.5rem);color:var(--vermelho)}
.leis-numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 22px}
.leis-numeros div{background:#fff;border-radius:18px;padding:16px;box-shadow:var(--sombra)}
.leis-numeros b{display:block;font-family:"Baloo 2";font-size:2.2rem;line-height:1;color:var(--verde)}
.leis-numeros span{font-size:.85rem;font-weight:700;color:var(--cinza)}
.temas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tema{border:0;cursor:pointer;font:inherit;font-weight:800;font-size:.85rem;padding:8px 14px;border-radius:999px;background:#fff;color:var(--verde-esc);box-shadow:inset 0 0 0 2px var(--verde)}
.tema.on{background:var(--verde);color:#fff}
.lista-leis{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lei{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:var(--sombra)}
.lei-topo{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.lei-topo b{font-family:"Baloo 2";font-size:1.25rem;color:var(--vermelho)}
.lei-topo span{font-size:.82rem;font-weight:700;color:var(--cinza)}
.lei p{margin:.3em 0 .6em}
.lei-pe{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.8rem;font-weight:800}
.lei-pe span{padding:3px 10px;border-radius:999px;background:var(--menta);color:var(--verde-esc)}
.lei-pe .co{background:#FFF1C7;color:#7a5a00}.lei-pe .pl{background:#f1ebe4;color:var(--cinza)}
.lei-pe .sit{background:var(--rosa);color:var(--vermelho)}
.lei-pe a{margin-left:auto;color:var(--vermelho);text-decoration:none}
.leis-fonte{font-size:.82rem;color:var(--cinza);margin-top:18px}
@media(max-width:560px){.leis-numeros{gap:8px}.leis-numeros div{padding:12px 10px}.leis-numeros b{font-size:1.7rem}.leis-numeros span{font-size:.72rem;display:block;line-height:1.25}.lei-pe a{margin-left:0;width:100%}}