:root{
  --campo:#EEF0EC; --papel:#FFFFFF; --tinta:#13210F; --tinta-2:#4F5B47; --linha:#D7DBD2;
  --verde:#4F7A12; --verde-h:#5C8C16; --floresta:#2C4A18; --noite:#0F1B0B;
  --lima:#BAF742; --lima-h:#C9FA6A; --lima-b:#9FD92A; --tinta-lima:#17250A;
  --sobe:#BAF742; --desce:#FF9F8C;
  --sans:'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --curva:cubic-bezier(.2,.7,.2,1); --raio:6px;
  color-scheme:light only;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top, 0px);
  padding-bottom:env(safe-area-inset-bottom, 0px);
}
*,*::before,*::after{box-sizing:inherit}
html{background:var(--noite); scroll-padding-top:calc(env(safe-area-inset-top, 0px) + 80px); -webkit-text-size-adjust:100%}
body{margin:0; background:var(--campo); color:var(--tinta); font:400 17px/1.6 var(--sans); -webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2,h3{font-family:var(--sans); font-weight:700; font-stretch:112%; letter-spacing:-.012em; line-height:1.08; text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--verde)}
img{max-width:100%}
:focus-visible{outline:3px solid var(--verde); outline-offset:3px}
.ticker :focus-visible,.hero :focus-visible,.rodape :focus-visible,.bloco--escuro :focus-visible,.chamada-foto :focus-visible{outline-color:var(--lima)}
.pular{position:absolute; left:-9999px; top:0; z-index:100; padding:12px 18px; font:600 15px var(--sans)}
.pular:focus{left:16px; top:calc(env(safe-area-inset-top, 0px) + 8px); background:var(--lima); color:var(--tinta-lima)}
.env{width:100%; max-width:1240px; margin-inline:auto; padding-inline:clamp(20px, 4.4vw, 44px)}
.foto{background-size:cover; background-position:center; background-repeat:no-repeat}

/* ---------- faixa de cotações e notícias ---------- */
.ticker{position:relative; z-index:40; display:flex; align-items:stretch; min-height:42px; background:var(--noite); color:#fff; border-bottom:1px solid rgba(255,255,255,.08)}
.ticker-trilho{flex:1; min-width:0; overflow:hidden; display:flex; align-items:center; -webkit-mask-image:linear-gradient(90deg, transparent, #000 28px, #000 calc(100% - 28px), transparent); mask-image:linear-gradient(90deg, transparent, #000 28px, #000 calc(100% - 28px), transparent)}
.ticker-faixa{display:inline-flex; align-items:center; white-space:nowrap; will-change:transform; animation:rolar var(--dur, 120s) linear infinite}
.ticker.pausado .ticker-faixa,.ticker-trilho:hover .ticker-faixa,.ticker-trilho:focus-within .ticker-faixa{animation-play-state:paused}
@keyframes rolar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cot{display:inline-flex; align-items:baseline; gap:8px; padding:0 26px 0 0; color:inherit; text-decoration:none}
.cot:hover .cot-nome{text-decoration:underline}
.cot::before{content:""; align-self:center; width:5px; height:5px; margin-right:12px; background:var(--lima); opacity:.55; border-radius:1px}
.cot-nome{font:600 12.5px var(--sans); color:var(--lima)}
.cot-valor{font:600 13.5px var(--mono); color:#fff}
.cot-un{font:400 12px var(--mono); color:#9DAE8E}
.cot-var{font:500 12.5px var(--mono)}
.cot-var.sobe{color:var(--sobe)} .cot-var.desce{color:var(--desce)} .cot-var.neutro{color:#B9C6AC}
.cot-data{font:400 11.5px var(--mono); color:#8C9E7D}
.cot-fonte{font:400 12px var(--mono); color:#8C9E7D}
.ticker-item{display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 26px 0 0; color:#fff; text-decoration:none}
.ticker-item::before{content:""; width:5px; height:5px; margin-right:12px; background:var(--lima); opacity:.55; border-radius:1px}
.ticker-item:hover .ticker-texto{text-decoration:underline}
.ticker-data{font:500 12px var(--mono); color:var(--tinta-lima); background:var(--lima); padding:3px 6px; border-radius:2px}
.ticker-item.agenda .ticker-data{background:transparent; color:var(--lima); box-shadow:inset 0 0 0 1px var(--lima)}
.ticker-fonte{font:600 12px var(--sans); color:var(--lima)}
.ticker-texto{font:500 14px var(--sans)}
.ticker-pausa{flex:none; width:46px; border:0; border-left:1px solid rgba(255,255,255,.1); background:transparent; color:var(--lima); cursor:pointer; display:flex; align-items:center; justify-content:center}
.ticker-pausa:hover{background:rgba(186,247,66,.12)}
.ticker-pausa svg{width:14px; height:14px}
.ticker-pausa .ic-tocar{display:none}
.ticker.pausado .ic-pausar{display:none}
.ticker.pausado .ic-tocar{display:block}

/* ---------- cabeçalho ---------- */
.topo{position:sticky; top:env(safe-area-inset-top, 0px); z-index:30; background:rgba(255,255,255,.94); -webkit-backdrop-filter:saturate(1.4) blur(12px); backdrop-filter:saturate(1.4) blur(12px); border-bottom:1px solid var(--linha)}
.topo-in{display:flex; align-items:center; gap:16px; min-height:72px; width:100%; max-width:1240px; margin-inline:auto; padding-inline:clamp(16px, 4.4vw, 44px); flex-wrap:wrap}
.marca{display:flex; align-items:center; gap:12px; color:var(--tinta); text-decoration:none; min-height:44px}
.marca-nome{font:800 27px/1 var(--sans); font-stretch:125%; letter-spacing:.02em}
.marca-sub{padding-left:12px; border-left:2px solid var(--lima); font:500 11.5px/1.3 var(--sans); color:var(--tinta-2)}
.nav{display:flex; align-items:center; gap:clamp(12px, 1.5vw, 21px); margin-left:auto; order:2}
.nav a{position:relative; display:inline-flex; align-items:center; min-height:44px; font:500 14.5px var(--sans); color:var(--tinta); text-decoration:none}
.nav a::after{content:""; position:absolute; left:0; right:0; bottom:9px; height:2px; background:var(--verde); transform:scaleX(0); transform-origin:left; transition:transform .35s var(--curva)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--verde)}
.nav .nav-cta{padding:0 18px; min-height:42px; border-radius:4px; background:var(--lima); color:var(--tinta-lima); font-weight:600; box-shadow:inset 0 0 0 1px var(--lima-b)}
.nav .nav-cta::after{display:none}
.nav .nav-cta:hover,.nav .nav-cta[aria-current="page"]{background:var(--lima-h); color:var(--tinta-lima)}
.idiomas{display:flex; gap:2px; font:600 12.5px var(--mono)}
.idiomas a{display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; border-radius:4px; color:var(--tinta-2); text-decoration:none}
.idiomas a:hover{background:var(--campo); color:var(--tinta)}
.idiomas a[aria-current="true"]{background:var(--noite); color:var(--lima)}
.idiomas--topo{order:3}
.idiomas--menu{display:none}
.menu-botao{display:none; order:4; align-items:center; min-height:44px; padding:0 14px; border:1px solid var(--linha); border-radius:4px; background:var(--papel); color:var(--tinta); font:600 14px var(--sans); cursor:pointer}
@media (max-width:1200px){
  .menu-botao{display:inline-flex; margin-left:auto; order:3}
  .idiomas--topo{display:none}
  .nav{order:4; width:100%; margin:0; flex-direction:column; align-items:stretch; gap:0; padding:4px 0 16px; display:none}
  .nav.aberto{display:flex}
  .nav a{min-height:52px; border-bottom:1px solid var(--linha); font-size:17px}
  .nav a::after{display:none}
  .nav .nav-cta{margin-top:14px; justify-content:center; min-height:52px}
  .nav .idiomas--menu{display:flex; gap:6px; padding-top:14px}
  .nav .idiomas--menu a{min-height:44px; min-width:54px; border:1px solid var(--linha)}
}
@media (max-width:440px){
  .topo-in{gap:10px; min-height:64px}
  .marca{gap:10px} .marca-nome{font-size:22px}
  .marca-sub{padding-left:9px; font-size:10.8px}
  .menu-botao{padding:0 11px}
}

/* ---------- botões ---------- */
.acoes{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.botao{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 24px; border:0; border-radius:4px; background:var(--lima); color:var(--tinta-lima) !important; font:600 16px var(--sans); text-decoration:none; cursor:pointer; box-shadow:inset 0 0 0 1px var(--lima-b); transition:background .25s, transform .25s var(--curva)}
.botao:hover{background:var(--lima-h); transform:translateY(-2px)}
.botao--vidro{background:rgba(255,255,255,.08); color:#fff !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px)}
.botao--vidro:hover{background:rgba(255,255,255,.16)}
.botao--contorno{background:transparent; color:var(--verde) !important; box-shadow:inset 0 0 0 1.5px var(--verde)}
.botao--contorno:hover{background:var(--papel)}

/* ---------- capa ---------- */
.hero{position:relative; overflow:hidden; background:var(--noite); color:#fff; min-height:clamp(620px, 90vh, 900px); min-height:clamp(620px, 90svh, 900px); display:flex; align-items:flex-end}
.hero-foto{position:absolute; inset:0; background-position:center 58%; transform:scale(1.07); animation:aproximar 2.2s var(--curva) forwards}
@keyframes aproximar{to{transform:scale(1)}}
.hero-veu{position:absolute; inset:0; background:linear-gradient(90deg, rgba(9,17,6,.9) 0%, rgba(9,17,6,.7) 38%, rgba(9,17,6,.22) 72%, rgba(9,17,6,.1) 100%), linear-gradient(0deg, rgba(9,17,6,.85) 0%, rgba(9,17,6,0) 50%)}
.hero-grade{position:absolute; inset:0; overflow:hidden; background-image:linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px); background-size:76px 76px; -webkit-mask-image:linear-gradient(90deg, transparent 8%, #000 55%); mask-image:linear-gradient(90deg, transparent 8%, #000 55%); opacity:0; animation:surgir 1.4s .35s forwards}
.hero-grade::after{content:""; position:absolute; left:0; right:0; top:-30%; height:30%; background:linear-gradient(180deg, rgba(186,247,66,0), rgba(186,247,66,.16) 85%, rgba(186,247,66,.5)); border-bottom:1px solid rgba(186,247,66,.85); animation:varrer 2.8s .7s var(--curva) forwards}
@keyframes surgir{to{opacity:1}}
@keyframes varrer{0%{top:-30%; opacity:1} 85%{opacity:1} 100%{top:105%; opacity:0}}
.mira{position:absolute; inset:clamp(14px, 2.4vw, 28px); pointer-events:none; background:
  linear-gradient(var(--lima), var(--lima)) top left / 26px 2px no-repeat,
  linear-gradient(var(--lima), var(--lima)) top left / 2px 26px no-repeat,
  linear-gradient(var(--lima), var(--lima)) top right / 26px 2px no-repeat,
  linear-gradient(var(--lima), var(--lima)) top right / 2px 26px no-repeat,
  linear-gradient(var(--lima), var(--lima)) bottom left / 26px 2px no-repeat,
  linear-gradient(var(--lima), var(--lima)) bottom left / 2px 26px no-repeat,
  linear-gradient(var(--lima), var(--lima)) bottom right / 26px 2px no-repeat,
  linear-gradient(var(--lima), var(--lima)) bottom right / 2px 26px no-repeat}
.hero .mira{opacity:0; animation:surgir .8s 1.2s forwards}
.hero-in{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); gap:clamp(28px, 4vw, 56px); align-items:end; padding-top:clamp(120px, 14vw, 180px); padding-bottom:clamp(128px, 12vw, 168px)}
.hero-texto{display:flex; flex-direction:column; align-items:flex-start; gap:22px}
.hero-marca{font-size:clamp(4.2rem, 13.5vw, 11rem); font-weight:800; font-stretch:125%; letter-spacing:.01em; line-height:.86; color:#fff}
.significado{max-width:30ch; font:500 clamp(1.15rem, 2.1vw, 1.7rem)/1.28 var(--sans); color:#fff}
.significado b{color:var(--lima); font-weight:700}
.significado .traducao{display:block; margin-top:.45em; font-size:.66em; font-weight:400; color:#D9E4CC}
.hero-lead{max-width:46ch; font-size:clamp(1.04rem, 1.35vw, 1.18rem); line-height:1.6; color:#E3ECD8}
.entra{opacity:0; transform:translateY(14px); animation:entrar .9s var(--curva) forwards; animation-delay:var(--d, 0s)}
@keyframes entrar{to{opacity:1; transform:none}}
.painel-mercado{align-self:end; background:rgba(12,22,8,.58); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.16); border-radius:8px; padding:16px 18px 14px}
.painel-titulo{display:flex; align-items:center; gap:9px; font:600 14px var(--sans); color:var(--lima)}
.vivo{width:8px; height:8px; border-radius:50%; background:var(--lima); animation:pulso 2s infinite}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(186,247,66,.55)}70%{box-shadow:0 0 0 9px rgba(186,247,66,0)}100%{box-shadow:0 0 0 0 rgba(186,247,66,0)}}
.painel-lista{list-style:none; margin:10px 0 0; padding:0}
.painel-lista li{display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; column-gap:12px; padding:10px 0; border-top:1px solid rgba(255,255,255,.12)}
.painel-nome{font:500 13.5px var(--sans); color:#DCE6D0}
.painel-valor{grid-row:span 2; align-self:center; text-align:right; font:600 15px var(--mono); color:#fff}
.painel-var{font:500 12.5px var(--mono)}
.painel-var.sobe{color:var(--sobe)} .painel-var.desce{color:var(--desce)} .painel-var.neutro{color:#B9C6AC}
.painel-fonte{margin-top:8px; font:400 11.5px/1.4 var(--mono); color:#9DAE8E}
@media (max-width:900px){
  .hero-in{grid-template-columns:1fr; padding-top:96px}
  .painel-mercado{max-width:420px}
}

/* acesso ao mercado agrícola na capa */
.mercado-cartao{align-self:end; justify-self:end; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:14px; row-gap:10px; max-width:360px; padding:16px 18px; border-radius:10px; background:rgba(12,22,8,.55); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.18); color:#fff; text-decoration:none; transition:border-color .3s, background .3s, transform .3s var(--curva)}
.mercado-cartao:hover{border-color:var(--lima); background:rgba(12,22,8,.72); transform:translateY(-3px)}
.mercado-cartao svg{grid-row:span 2; width:44px; height:44px; padding:10px; border-radius:50%; background:var(--lima); fill:none; stroke:var(--tinta-lima); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.mercado-texto{display:flex; flex-direction:column; gap:3px}
.mercado-texto strong{font:700 17px/1.2 var(--sans); font-stretch:108%}
.mercado-texto span{font-size:13.5px; line-height:1.4; color:#D9E4CC}
.mercado-cartao .ver{grid-column:2; padding:0; font:600 14px var(--sans); color:var(--lima)}
@media (max-width:900px){ .mercado-cartao{justify-self:start} }

/* números sobre a capa */
.numeros{background:var(--campo); padding-bottom:clamp(8px, 2vw, 20px)}
.numeros-cartao{list-style:none; position:relative; z-index:3; margin:calc(-1 * clamp(70px, 7vw, 96px)) 0 0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); background:var(--papel); border:1px solid var(--linha); border-radius:8px; box-shadow:0 26px 50px -30px rgba(15,27,11,.5); overflow:hidden}
.numeros-cartao li{position:relative; padding:28px clamp(18px, 3vw, 34px); display:flex; flex-direction:column; gap:6px; border-left:1px solid var(--linha)}
.numeros-cartao li:first-child{border-left:0}
.numeros-cartao li::before{content:""; position:absolute; left:0; top:0; height:4px; width:100%; background:var(--lima); transform:scaleX(0); transform-origin:left; transition:transform 1s var(--curva)}
.numeros-cartao.visivel li::before{transform:scaleX(1)}
.numeros-cartao li:nth-child(2)::before{transition-delay:.15s} .numeros-cartao li:nth-child(3)::before{transition-delay:.3s}
.numeros .valor{font:600 clamp(2.4rem, 4.4vw, 3.5rem)/1 var(--mono); color:var(--verde); letter-spacing:-.02em}
.numeros .legenda{font:500 15px/1.4 var(--sans); color:var(--tinta); max-width:26ch}
@media (max-width:640px){
  .numeros-cartao{grid-template-columns:1fr}
  .numeros-cartao li{flex-direction:row; align-items:center; gap:16px; padding:16px 20px; border-left:0; border-top:1px solid var(--linha)}
  .numeros-cartao li:first-child{border-top:0}
  .numeros-cartao li::before{display:none}
  .numeros-cartao{border-top:4px solid var(--lima)}
  .numeros .valor{flex:none; width:100px; font-size:2.2rem}
  .numeros .legenda{font-size:14.5px}
}

/* ---------- blocos ---------- */
.bloco{padding:clamp(72px, 9vw, 124px) 0; background:var(--campo)}
.bloco--branco{background:var(--papel)}
.bloco--escuro{background-color:var(--noite); color:#E8EFE0; background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size:56px 56px}
.pilha{display:flex; flex-direction:column; gap:24px}
.pilha--larga{gap:clamp(36px, 5vw, 56px)}
.duas{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px, 5vw, 72px); align-items:start}
@media (max-width:860px){ .duas{grid-template-columns:1fr} }
.cabeca{display:flex; flex-direction:column; gap:16px; max-width:760px}
.cabeca h2,.duas h2{font-size:clamp(2rem, 4vw, 3.1rem)}
.bloco--escuro h2{color:#fff}
.texto{font-size:18px; line-height:1.65; color:var(--tinta-2); max-width:62ch}
.bloco--escuro .texto{color:#C6D3B8}
.lead{font-size:clamp(1.08rem, 1.5vw, 1.25rem); line-height:1.6; color:var(--tinta-2); max-width:56ch}
.titulo-secao{font:600 15px var(--sans); font-stretch:100%; letter-spacing:0; color:var(--verde)}
.subtitulo{font:600 17px var(--sans); font-stretch:105%; color:var(--tinta)}
.duas .subtitulo{font-size:clamp(1.35rem, 2vw, 1.6rem); font-weight:700}
.nota-fonte{font:400 13px var(--mono); color:var(--tinta-2)}
[data-revelar]{opacity:0; transition:opacity .7s var(--curva)}
[data-revelar].visivel{opacity:1}

/* transição */
.transicao{display:flex; flex-direction:column; gap:20px; padding:clamp(22px, 3vw, 34px); background:var(--papel); border:1px solid var(--linha); border-radius:8px}
.transicao-topo{display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; font:600 15px var(--sans)}
.transicao-topo strong{font:600 clamp(1.8rem, 3vw, 2.4rem)/1 var(--mono); color:var(--verde)}
.progresso-trilho{position:relative; height:10px; border-radius:999px; background:var(--campo); box-shadow:inset 0 0 0 1px var(--linha)}
.progresso-feito{position:absolute; left:0; top:0; bottom:0; width:0; border-radius:999px; background:var(--lima); box-shadow:inset 0 0 0 1px var(--lima-b); transition:width 1.6s var(--curva)}
.progresso-hoje{position:absolute; top:50%; left:0; width:20px; height:20px; margin:-10px 0 0 -10px; border-radius:50%; background:var(--noite); border:4px solid var(--lima); transition:left 1.6s var(--curva)}
.anos{list-style:none; margin:2px 0 0; padding:0; display:flex; justify-content:space-between; font:500 12px var(--mono); color:var(--tinta-2)}
.anos li{position:relative; padding-top:10px}
.anos li::before{content:""; position:absolute; top:0; left:50%; width:1px; height:6px; background:var(--linha)}
.anos li:first-child::before{left:0} .anos li:last-child::before{left:auto; right:0}
.progresso-legenda{font:500 13px var(--mono); color:var(--tinta-2)}
.tempo{list-style:none; margin:6px 0 0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:0; border-top:1px solid var(--linha)}
.tempo li{padding:18px 18px 4px 0; display:flex; flex-direction:column; gap:8px; border-right:1px solid var(--linha); margin-right:18px}
.tempo li:last-child{border-right:0; margin-right:0}
.tempo .ano{display:inline-flex; align-items:center; gap:10px; font:600 20px var(--mono); color:var(--tinta)}
.tempo li.agora .ano::after{content:attr(data-agora); font:600 11.5px var(--sans); padding:4px 8px; border-radius:999px; background:var(--lima); color:var(--tinta-lima)}
.tempo p{font-size:15.5px; line-height:1.5; color:var(--tinta-2)}
@media (max-width:860px){
  .tempo{grid-template-columns:1fr 1fr; row-gap:6px}
  .tempo li:nth-child(2){border-right:0; margin-right:0}
}
@media (max-width:560px){ .tempo{grid-template-columns:1fr} .tempo li{border-right:0; margin-right:0; padding:14px 0; border-bottom:1px solid var(--linha)} .tempo li:last-child{border-bottom:0} }
@media (max-width:480px){ .anos li:nth-child(even){visibility:hidden} }

/* rota da cadeia */
.rota{list-style:none; margin:0; padding:30px 0 0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; position:relative}
.rota::before,.rota::after{content:""; position:absolute; top:6px; left:6px; right:6px; height:2px; background:var(--linha)}
.rota::after{background:var(--verde); transform:scaleX(0); transform-origin:left; transition:transform 1.6s var(--curva)}
.rota.visivel::after{transform:scaleX(1)}
.parada{position:relative}
.parada::before{content:""; position:absolute; z-index:1; top:-30px; left:0; width:14px; height:14px; border-radius:50%; background:var(--papel); border:3px solid var(--linha); transition:background .4s, border-color .4s; transition-delay:calc(var(--i, 0) * .28s)}
.rota.visivel .parada::before{background:var(--lima); border-color:var(--verde)}
.parada a{display:flex; flex-direction:column; height:100%; background:var(--papel); border:1px solid var(--linha); border-radius:var(--raio); overflow:hidden; color:inherit; text-decoration:none; transition:transform .35s var(--curva), border-color .35s, box-shadow .35s}
.parada a:hover{transform:translateY(-6px); border-color:var(--verde); box-shadow:0 22px 40px -28px rgba(15,27,11,.55)}
.parada-midia{position:relative; display:block; aspect-ratio:4/3; overflow:hidden}
.parada-foto{position:absolute; inset:0; transition:transform .8s var(--curva)}
.parada a:hover .parada-foto{transform:scale(1.06)}
.parada-midia .mira{inset:10px; opacity:0; transition:opacity .35s}
.parada a:hover .parada-midia .mira{opacity:1}
.parada-corpo{display:flex; flex-direction:column; gap:8px; flex:1; padding:16px 18px 20px}
.parada-num{font:500 12.5px var(--mono); color:var(--verde)}
.parada h3{font-size:19px; line-height:1.2}
.parada p{font-size:15px; line-height:1.5; color:var(--tinta-2)}
.ver{margin-top:auto; padding-top:6px; font:600 14.5px var(--sans); color:var(--verde)}
@media (max-width:980px){
  .rota{grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(78%, 300px); overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 16px; margin-inline:calc(-1 * clamp(20px, 4.4vw, 44px)); padding-inline:clamp(20px, 4.4vw, 44px); scroll-padding-inline:clamp(20px, 4.4vw, 44px)}
  .rota::before,.rota::after,.parada::before{display:none}
  .parada{scroll-snap-align:start}
}

/* comitês */
.comites-lista{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px}
@media (max-width:1100px){ .comites-lista{grid-template-columns:repeat(2, minmax(0,1fr))} }
.comites-lista a{display:flex; flex-direction:column; gap:10px; height:100%; padding:22px 22px 24px; background:var(--papel); border:1px solid var(--linha); border-radius:var(--raio); color:var(--tinta); text-decoration:none; transition:border-color .3s, transform .3s var(--curva)}
.comites-lista a:hover{border-color:var(--verde); transform:translateY(-4px)}
.comites-lista strong{font:700 19px/1.25 var(--sans); font-stretch:108%}
.comites-lista span{font-size:15.5px; line-height:1.5; color:var(--tinta-2)}
.selo{align-self:flex-start; display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border-radius:999px; font:600 12px var(--sans); background:var(--campo); color:var(--verde); box-shadow:inset 0 0 0 1px var(--linha)}
.selo::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--verde)}
.selo--mensal{background:var(--lima); color:var(--tinta-lima); box-shadow:inset 0 0 0 1px var(--lima-b)}
.selo--mensal::before{background:var(--tinta-lima)}
@media (max-width:860px){ .comites-lista{grid-template-columns:1fr} }

/* frentes de atuação */
.frentes{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:clamp(24px, 3.5vw, 48px); row-gap:40px}
.frentes li{display:flex; flex-direction:column; gap:10px; padding-top:20px; border-top:2px solid var(--tinta)}
.frentes svg{width:30px; height:30px; fill:none; stroke:var(--verde); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.frentes h3{font-size:20px}
.frentes p{font-size:15.5px; line-height:1.55; color:var(--tinta-2)}
@media (max-width:900px){ .frentes{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .frentes{grid-template-columns:1fr} }

/* agenda de trabalho */
.meses{display:flex; flex-direction:column; gap:12px}
.meses-rotulo{font:600 16px var(--sans); color:var(--lima)}
.meses-lista{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:6px}
.meses-lista li{position:relative; height:54px; padding:0 0 7px 8px; display:flex; align-items:flex-end; border-radius:4px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); font:500 12px var(--mono); color:#B9C6AC}
.meses-lista li::before{content:""; position:absolute; top:9px; left:8px; width:11px; height:11px; border-radius:50%; background:var(--lima); transform:scale(0); transition:transform .45s var(--curva); transition-delay:calc(var(--i, 0) * 90ms)}
.meses.visivel .meses-lista li::before{transform:scale(1)}
@media (max-width:640px){ .meses-lista{grid-template-columns:repeat(6, minmax(0,1fr))} }
.calendario{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px}
.calendario li{display:flex; flex-direction:column; gap:12px; padding:22px 22px 24px; border-radius:var(--raio); background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.12); transition:border-color .3s, background .3s}
.calendario li:hover{border-color:rgba(186,247,66,.6); background:rgba(255,255,255,.07)}
.calendario h3{font-size:20px; color:#fff}
.calendario p{font-size:15.5px; line-height:1.55; color:#C6D3B8}
.frequencia{align-self:flex-start; padding:5px 10px; border-radius:999px; font:600 12px var(--sans); color:#E6EFD8; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.frequencia.freq-mensal{background:var(--lima); color:var(--tinta-lima); box-shadow:none}
.frequencia.freq-anual{background:#fff; color:var(--noite); box-shadow:none}
@media (max-width:900px){ .calendario{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .calendario{grid-template-columns:1fr} }

/* representação */
.rep{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px, 5vw, 72px); align-items:center}
.orgaos-lista{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; column-gap:28px}
.orgaos-lista li{display:flex; flex-direction:column; gap:3px; padding:14px 0; border-top:1px solid var(--linha)}
.orgaos-lista strong{font:700 16.5px/1.3 var(--sans)}
.orgaos-lista span{font-size:14.5px; line-height:1.45; color:var(--tinta-2)}
.rede{margin:0}
.rede svg{display:block; width:100%; max-width:520px; height:auto; margin-inline:auto; overflow:visible}
.rede .lig{fill:none; stroke:var(--verde); stroke-width:1.4; stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 1.1s var(--curva); transition-delay:calc(var(--i, 0) * 90ms)}
.rede.visivel .lig{stroke-dashoffset:0}
.rede .orbita{fill:none; stroke:var(--linha); stroke-dasharray:3 6}
.rede .no{opacity:0; transition:opacity .5s; transition-delay:calc(.5s + var(--i, 0) * 90ms)}
.rede.visivel .no{opacity:1}
.rede .no circle{fill:var(--papel); stroke:var(--verde); stroke-width:1.6}
.rede .no text{font:600 12.5px var(--sans); fill:var(--tinta); text-anchor:middle; dominant-baseline:middle}
.rede .centro circle.miolo{fill:var(--noite)}
.rede .centro text{font:800 21px var(--sans); font-stretch:120%; fill:var(--lima); text-anchor:middle; dominant-baseline:middle; letter-spacing:.04em}
.rede .anel{fill:none; stroke:var(--lima); stroke-width:2; transform-origin:260px 260px; animation:anel 3.2s ease-out infinite}
@keyframes anel{0%{transform:scale(1); opacity:.9}100%{transform:scale(1.9); opacity:0}}
@media (max-width:900px){ .rep{grid-template-columns:1fr} .rede svg{max-width:380px} }
@media (max-width:560px){ .orgaos-lista{grid-template-columns:1fr} }

/* critério e independência */
.criterio{max-width:1000px; padding-top:28px; border-top:5px solid var(--lima); display:flex; flex-direction:column; gap:20px}
.criterio blockquote{font:500 clamp(1.45rem, 2.7vw, 2.25rem)/1.32 var(--sans); font-stretch:104%; color:var(--tinta); letter-spacing:-.008em}
.criterio figcaption{font-size:17px; line-height:1.6; color:var(--verde); max-width:62ch}
.lista{list-style:none; margin:0; padding:0; border-top:1px solid var(--linha)}
.lista li{padding:16px 0; border-bottom:1px solid var(--linha); font-size:17px; line-height:1.55}
.lista--nao li{font-size:19px}
.lista--nao .nao{font-weight:700; color:var(--verde)}

/* chamada final com foto */
.chamada-foto{position:relative; overflow:hidden; color:#fff; background:var(--noite)}
.chamada-foto .fundo{position:absolute; inset:0; background-position:center 40%}
.chamada-foto .veu{position:absolute; inset:0; background:linear-gradient(90deg, rgba(9,17,6,.92) 0%, rgba(9,17,6,.72) 50%, rgba(9,17,6,.35) 100%)}
.chamada-in{position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:20px; padding-top:clamp(84px, 10vw, 140px); padding-bottom:clamp(84px, 10vw, 140px)}
.chamada-in h2{font-size:clamp(2.2rem, 4.6vw, 3.6rem); color:#fff}
.chamada-in p{max-width:52ch; font-size:18px; line-height:1.6; color:#E3ECD8}

/* ---------- cabeçalho das páginas internas ---------- */
.cabeca-pagina{position:relative; background:var(--campo); border-bottom:1px solid var(--linha); padding:clamp(40px, 6vw, 84px) 0 clamp(44px, 6vw, 80px); overflow:hidden}
.cabeca-pagina::before{content:""; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(79,122,18,.22) 1.1px, transparent 1.4px); background-size:22px 22px; -webkit-mask-image:linear-gradient(90deg, #000, transparent 60%); mask-image:linear-gradient(90deg, #000, transparent 60%); pointer-events:none}
.cabeca-grid{position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(28px, 5vw, 64px); align-items:center}
.cabeca-texto{display:flex; flex-direction:column; align-items:flex-start; gap:18px}
.cabeca-texto h1{font-size:clamp(2.5rem, 5.4vw, 4.4rem); line-height:1}
.cabeca-foto{position:relative; aspect-ratio:4/3; border-radius:8px; overflow:hidden; box-shadow:0 30px 60px -36px rgba(15,27,11,.6)}
.cabeca-foto .foto{position:absolute; inset:0; animation:aproximar 1.8s var(--curva) both; transform:scale(1.06)}
.cabeca-foto .mira{inset:14px}
.cabeca-foto .f-profissionais{background-position:center 78%}
.rotulo-cabeca{font:500 13px var(--mono); color:var(--verde)}
.trilha{font:500 14px var(--sans); color:var(--tinta-2)}
.trilha ol{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.trilha li+li::before{content:"/"; margin-right:8px; color:var(--linha)}
.trilha a{color:var(--verde)}
@media (max-width:860px){
  .cabeca-grid{grid-template-columns:1fr}
  .cabeca-foto{order:-1; aspect-ratio:16/10}
}

/* trilho entre câmaras */
.trilho{position:relative; list-style:none; margin:6px 0 0; padding:0; display:flex; justify-content:space-between; width:min(100%, 380px)}
.trilho::before{content:""; position:absolute; left:20px; right:20px; top:19px; height:2px; background:var(--linha)}
.trilho .trilho-feito{position:absolute; left:20px; top:19px; height:2px; width:0; background:var(--verde); transition:width 1s var(--curva)}
.trilho li{position:relative; z-index:1}
.trilho a{display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:var(--papel); border:2px solid var(--linha); color:var(--tinta); font:600 14px var(--mono); text-decoration:none; transition:transform .25s, border-color .25s}
.trilho a:hover{transform:scale(1.08); border-color:var(--verde)}
.trilho a.passou{border-color:var(--verde); color:var(--verde)}
.trilho a[aria-current="step"]{background:var(--lima); border-color:var(--verde); color:var(--tinta-lima)}

/* conteúdo das páginas internas */
.caixa{display:flex; flex-direction:column; gap:10px; padding:24px 26px; background:var(--papel); border:1px solid var(--linha); border-radius:var(--raio)}
.caixa h3{font-size:19px}
.caixa p{font-size:16px; line-height:1.6; color:var(--tinta-2)}
.vizinhos{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.viz{display:grid; grid-template-columns:104px 1fr; align-items:center; gap:16px; padding:12px; background:var(--papel); border:1px solid var(--linha); border-radius:var(--raio); color:var(--tinta); text-decoration:none; transition:border-color .3s, transform .3s var(--curva)}
.viz:hover{border-color:var(--verde); transform:translateY(-3px)}
.viz-foto{width:104px; height:76px; border-radius:4px}
.viz span{display:block; font:500 12.5px var(--mono); color:var(--verde)}
.viz strong{display:block; margin-top:4px; font:700 16.5px/1.3 var(--sans)}
@media (max-width:640px){ .vizinhos{grid-template-columns:1fr} }
.orgao{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(24px, 4vw, 56px); padding-top:30px; border-top:2px solid var(--tinta)}
.orgao .lado{display:flex; flex-direction:column; gap:12px}
.orgao h2{font-size:clamp(1.5rem, 2.6vw, 2.05rem)}
@media (max-width:860px){ .orgao{grid-template-columns:1fr} }
.cargos{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap:10px}
.cargo{display:flex; flex-direction:column; gap:4px; padding:16px 18px; background:var(--papel); border:1px solid var(--linha); border-radius:var(--raio)}
.cargo .titulo{font:600 15.5px/1.3 var(--sans)}
.cargo .nome{font:500 13px var(--mono); color:var(--tinta-2)}
.arvore{font:600 15px var(--sans)}
.arvore ul{list-style:none; margin:0; padding:0 0 0 26px}
.arvore li{position:relative; padding:8px 0 0 26px}
.arvore li::before{content:""; position:absolute; left:0; top:0; bottom:0; border-left:2px solid var(--verde)}
.arvore li:last-child::before{bottom:auto; height:31px}
.arvore li::after{content:""; position:absolute; left:0; top:31px; width:22px; border-top:2px solid var(--verde)}
.no{display:inline-flex; align-items:center; min-height:46px; padding:10px 16px; border-radius:var(--raio); background:var(--papel); border:1px solid var(--linha)}
.no--raiz{background:var(--noite); color:var(--lima); border-color:var(--noite)}
.passos{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; counter-reset:passo}
.passos li{counter-increment:passo; display:flex; flex-direction:column; gap:8px; padding:22px; background:var(--papel); border:1px solid var(--linha); border-radius:var(--raio)}
.passos li::before{content:counter(passo, decimal-leading-zero); font:600 22px var(--mono); color:var(--verde)}
.passos h3{font-size:19px}
.passos p{font-size:15.5px; line-height:1.5; color:var(--tinta-2)}
@media (max-width:900px){ .passos{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .passos{grid-template-columns:1fr} }

/* formulário */
.form{display:flex; flex-direction:column; gap:18px; padding:clamp(22px, 4vw, 40px); background:var(--papel); border:1px solid var(--linha); border-radius:8px}
.campo-form{display:flex; flex-direction:column; gap:7px; border:0; margin:0; padding:0; min-width:0}
.campo-form label,.campo-form legend{font:600 14.5px var(--sans)}
.obrig{font-weight:400; color:var(--tinta-2)}
.campo-form input[type="text"],.campo-form input[type="email"],.campo-form input[type="tel"],.campo-form select,.campo-form textarea{width:100%; min-height:48px; padding:12px 14px; border:1.5px solid #9AA58F; border-radius:4px; background:var(--papel); color:var(--tinta); font:400 16px var(--sans)}
.campo-form textarea{resize:vertical}
.campo-form input:focus,.campo-form select:focus,.campo-form textarea:focus{border-color:var(--verde); box-shadow:0 0 0 3px rgba(186,247,66,.6); outline:none}
.dupla{display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media (max-width:560px){ .dupla{grid-template-columns:1fr} }
.opcoes{display:flex; flex-wrap:wrap; gap:18px; padding-top:4px}
.opcoes label{display:inline-flex; align-items:center; gap:8px; min-height:40px; font:400 16px var(--sans)}
.opcoes input{width:20px; height:20px; accent-color:var(--verde)}
.aviso-erro{padding:12px 14px; border-radius:4px; background:#FDECEA; color:#8F1D12; font:500 15px var(--sans)}
.aviso-ok{padding:16px; border-radius:4px; background:#F1FBDD; border:1px solid var(--lima-b)}
.aviso-ok strong{display:block; font:700 16px var(--sans)}
.aviso-ok p{font-size:15px; margin-top:6px}
.privacidade{font-size:13.5px; color:var(--tinta-2)}

/* ---------- rodapé ---------- */
.rodape{background:var(--noite); color:#E3ECD8; border-top:1px solid rgba(255,255,255,.08)}
.rodape .env{padding-top:clamp(56px, 7vw, 88px); padding-bottom:28px}
.rodape-topo{display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); gap:32px}
.rodape .nome{font:800 28px/1 var(--sans); font-stretch:125%; letter-spacing:.02em; color:#fff}
.rodape .completo{margin-top:10px; font-size:15px; line-height:1.5; color:#B9C6AC; max-width:32ch}
.rodape h2{font:600 13px var(--sans); font-stretch:100%; letter-spacing:.02em; color:var(--lima); margin-bottom:10px}
.rodape ul{list-style:none; margin:0; padding:0}
.rodape li a{display:inline-flex; align-items:center; min-height:38px; font:400 15px var(--sans); color:#D3DEC6; text-decoration:none}
.rodape li a:hover{color:#fff; text-decoration:underline}
.legal{margin-top:44px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font:400 12.5px var(--mono); color:#9DAE8E}
@media (max-width:860px){ .rodape-topo{grid-template-columns:1fr 1fr} }
@media (max-width:480px){ .rodape-topo{grid-template-columns:1fr} }

/* ---------- páginas e revisão ---------- */
html.js .pagina[hidden]{display:none}
.revisao-rotulo{background:var(--noite); color:var(--lima); font:600 14px var(--mono); padding:14px clamp(20px, 4.4vw, 44px); border-top:4px solid var(--lima)}
html.revisao .pagina{display:block !important}
html.revisao .idiomas{display:none !important}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; transition-delay:0s !important}
  .ticker-faixa{animation:none; transform:none}
  .ticker-trilho{overflow-x:auto}
  .hero-grade::after{display:none}
}

/* ---------- mercado agrícola ---------- */
.so-leitor{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.mercado-grupos{display:flex; flex-direction:column; gap:clamp(32px, 4vw, 48px)}
.mercado-grupo{display:flex; flex-direction:column; gap:14px}
.mercado-grupo h3{font-size:21px; display:flex; align-items:center; gap:12px}
.mercado-grupo h3::before{content:""; width:12px; height:12px; border-radius:3px; background:var(--lima); box-shadow:inset 0 0 0 1px var(--lima-b)}
.tabela-rolagem{overflow-x:auto; border:1px solid var(--linha); border-radius:8px; background:var(--papel)}
.tabela-mercado{width:100%; border-collapse:collapse; font-size:15px; table-layout:fixed}
.tabela-mercado th:nth-child(1){width:29%} .tabela-mercado th:nth-child(2){width:15%} .tabela-mercado th:nth-child(3){width:15%}
.tabela-mercado th:nth-child(4){width:12%} .tabela-mercado th:nth-child(5){width:12%} .tabela-mercado th:nth-child(6){width:17%}
.tabela-mercado td{overflow-wrap:anywhere}
.tabela-mercado th{padding:12px 16px; text-align:left; font:600 12.5px var(--sans); color:var(--tinta-2); background:var(--campo); border-bottom:1px solid var(--linha); white-space:nowrap}
.tabela-mercado td{padding:14px 16px; border-bottom:1px solid var(--linha); vertical-align:middle}
.tabela-mercado tr:last-child td{border-bottom:0}
.tabela-mercado tbody tr{transition:background .2s}
.tabela-mercado tbody tr:hover{background:#F7F9F3}
.tabela-mercado .num{text-align:right; white-space:nowrap}
.produto{display:flex; flex-direction:column; gap:2px}
.produto strong{font:700 16px var(--sans)}
.produto span{font-size:13.5px; color:var(--tinta-2)}
.c-unidade{color:var(--tinta-2); white-space:nowrap}
.c-valor{font:600 15.5px var(--mono); color:var(--tinta)}
.var{font:500 13.5px var(--mono)}
.var.sobe{color:var(--verde)} .var.desce{color:#B3402C} .var.neutro{color:var(--tinta-2)}
.c-data{font:400 13.5px var(--mono); color:var(--tinta-2); white-space:nowrap}
.c-fonte a{font-weight:600; color:var(--verde)}
@media (max-width:760px){
  .tabela-mercado{table-layout:auto}
  .tabela-rolagem{border:0; background:transparent; overflow:visible}
  .tabela-mercado thead{display:none}
  .tabela-mercado tbody{display:flex; flex-direction:column; gap:10px}
  .tabela-mercado tr{display:grid; grid-template-columns:1fr auto; column-gap:12px; padding:14px 16px; background:var(--papel); border:1px solid var(--linha); border-radius:8px}
  .tabela-mercado td{padding:3px 0; border:0}
  .tabela-mercado .c-produto{grid-column:1 / -1; padding-bottom:8px}
  .tabela-mercado .c-valor{grid-column:1; text-align:left; font-size:19px}
  .tabela-mercado .c-var{grid-column:2; align-self:center}
  .tabela-mercado .c-unidade,.tabela-mercado .c-data,.tabela-mercado .c-fonte{grid-column:1 / -1; font-size:13.5px}
  .tabela-mercado .c-unidade::before,.tabela-mercado .c-data::before,.tabela-mercado .c-fonte::before{content:attr(data-rotulo) ": "; font:500 12.5px var(--sans); color:var(--tinta-2)}
}
.mercado-agenda{list-style:none; margin:0; padding:0; border-top:1px solid var(--linha)}
.mercado-agenda li{display:grid; grid-template-columns:120px 1fr; column-gap:18px; row-gap:4px; padding:16px 0; border-bottom:1px solid var(--linha)}
.agenda-data{grid-row:span 2; font:600 15px var(--mono); color:var(--verde)}
.agenda-texto{font-size:17px; line-height:1.5}
.agenda-fonte{font-size:13.5px; color:var(--tinta-2)}
.mercado-fontes{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0; border-top:1px solid var(--linha)}
.mercado-fontes li{display:flex; flex-direction:column; gap:4px; padding:14px 0; border-bottom:1px solid var(--linha)}
.mercado-fontes strong a{font:700 16.5px var(--sans); color:var(--tinta)}
.mercado-fontes p{font-size:15px; line-height:1.55; color:var(--tinta-2)}

/* ---------- mantenedores ---------- */
.mantenedores{padding:0 0 clamp(40px, 5vw, 56px); border-bottom:1px solid rgba(255,255,255,.08)}
.mant-topo{position:relative; overflow:hidden; margin-bottom:clamp(28px, 4vw, 40px)}
.mant-foto{position:absolute; top:0; bottom:0; right:0; width:min(62%, 940px); background-position:right 22%; -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 22%, #000 46%); mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 22%, #000 46%)}
.mant-veu{display:none}
.mant-cabeca{position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:22px; padding-top:clamp(64px, 8vw, 104px); padding-bottom:clamp(64px, 8vw, 104px)}
@media (max-width:760px){
  .mant-foto{position:relative; inset:auto; display:block; width:100%; aspect-ratio:2.1/1; background-position:right center; -webkit-mask-image:none; mask-image:none}
  .mant-veu{display:none}
  .mant-cabeca{padding-top:32px; padding-bottom:8px}
}
.mant-texto{display:flex; flex-direction:column; gap:10px; max-width:640px}
.mant-texto h2{font-size:clamp(1.6rem, 3vw, 2.2rem); color:#fff; font-family:var(--sans); font-weight:700; font-stretch:112%; margin:0; letter-spacing:-.01em}
.mant-texto p{font-size:16px; line-height:1.6; color:#C6D3B8}
.mant-trilho{overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent)}
.mant-faixa{display:flex; gap:14px; width:max-content; animation:rolar 48s linear infinite}
.mant-trilho:hover .mant-faixa,.mant-trilho:focus-within .mant-faixa{animation-play-state:paused}
.mant-item{flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:210px; height:104px; padding:12px; border-radius:10px; background:#fff; color:var(--tinta); text-decoration:none}
.mant-item img{max-width:150px; max-height:46px; object-fit:contain}
.mant-nome{font:600 13px var(--sans); text-align:center}
.mant-vaga{background:transparent; border:1.5px dashed rgba(186,247,66,.45)}
.mant-vaga-txt{font:500 13px var(--sans); color:#B9C6AC; text-align:center}
@media (prefers-reduced-motion: reduce){ .mant-faixa{animation:none} .mant-trilho{overflow-x:auto} }

/* ---------- importância do agronegócio ---------- */
.importancia{position:relative; overflow:hidden; background:var(--noite); color:#fff}
.importancia .fundo{position:absolute; inset:0; background-position:center 40%}
.importancia .veu{position:absolute; inset:0; background:linear-gradient(90deg, rgba(9,17,6,.94) 0%, rgba(9,17,6,.86) 55%, rgba(9,17,6,.7) 100%)}
.importancia-in{position:relative; z-index:1; display:flex; flex-direction:column; gap:clamp(28px, 4vw, 44px); padding-top:clamp(80px, 10vw, 136px); padding-bottom:clamp(64px, 8vw, 104px)}
.importancia h2{max-width:30ch; font-size:clamp(1.9rem, 4.2vw, 3.4rem); line-height:1.1; color:#fff}
.importancia-dados{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(16px, 3vw, 40px)}
.importancia-dados li{display:flex; flex-direction:column; gap:8px; padding-top:18px; border-top:2px solid rgba(186,247,66,.55)}
.importancia-dados strong{font:600 clamp(2.2rem, 4.6vw, 3.6rem)/1 var(--mono); color:var(--lima); letter-spacing:-.02em; white-space:nowrap}
.importancia-dados span{font-size:16px; line-height:1.45; color:#D9E4CC; max-width:24ch}
.importancia-fecho{max-width:56ch; font:500 clamp(1.1rem, 1.6vw, 1.3rem)/1.5 var(--sans); color:#fff}
.importancia-fontes{font:400 12.5px/1.5 var(--mono); color:#9DAE8E; max-width:90ch}
@media (max-width:760px){ .importancia-dados{grid-template-columns:1fr} }

/* ---------- séries históricas ---------- */
.series-app{display:flex; flex-direction:column; gap:18px}
.series-abas{display:flex; flex-wrap:wrap; gap:8px}
.series-aba{min-height:42px; padding:0 16px; border-radius:999px; border:1px solid var(--linha); background:var(--papel); color:var(--tinta); font:600 14px var(--sans); cursor:pointer; transition:background .2s, border-color .2s}
.series-aba:hover{border-color:var(--verde)}
.series-aba[aria-selected="true"]{background:var(--noite); border-color:var(--noite); color:var(--lima)}
.series-painel{padding:clamp(18px, 3vw, 28px); background:var(--papel); border:1px solid var(--linha); border-radius:8px; display:flex; flex-direction:column; gap:10px}
.series-unidade{font:600 15px var(--sans); color:var(--tinta-2)}
.series-svg{display:block; width:100%; height:auto}
.series-base{stroke:var(--linha); stroke-width:1.5}
.series-svg .barra{fill:var(--verde); transform-box:fill-box; transform-origin:50% 100%; transform:scaleY(0); transition:transform .9s var(--curva); transition-delay:calc(var(--i, 0) * 110ms)}
.series-svg .barra--ultima{fill:var(--lima); stroke:var(--lima-b); stroke-width:1}
.series-svg .barra--est{fill:var(--lima); stroke:var(--verde); stroke-width:1.5; stroke-dasharray:5 4}
.series-painel.visivel .barra{transform:scaleY(1)}
.series-valor{font:600 15px var(--mono); fill:var(--tinta)}
.series-rotulo{font:500 13.5px var(--mono); fill:var(--tinta-2)}
.series-est{font:500 11.5px var(--sans); fill:var(--verde)}
.series-nota{font-size:13.5px; line-height:1.55; color:var(--tinta-2)}
.series-nota a{font-weight:600}

/* ---------- calendário de reuniões ---------- */
.cal-app{display:flex; flex-direction:column; gap:16px}
.cal-barra{display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap}
.cal-vistas{display:inline-flex; padding:4px; border-radius:999px; background:var(--campo); border:1px solid var(--linha)}
.cal-vista{min-height:38px; padding:0 16px; border:0; border-radius:999px; background:transparent; color:var(--tinta); font:600 14px var(--sans); cursor:pointer}
.cal-vista[aria-pressed="true"]{background:var(--noite); color:var(--lima)}
.cal-nav{display:flex; align-items:center; gap:8px}
.cal-seta{width:42px; height:42px; border-radius:50%; border:1px solid var(--linha); background:var(--papel); font:600 22px/1 var(--sans); color:var(--tinta); cursor:pointer}
.cal-seta:hover{border-color:var(--verde)}
.cal-periodo{min-width:12ch; text-align:center; font:700 18px var(--sans); font-stretch:108%}
.cal-hoje-btn{min-height:42px; padding:0 14px; border-radius:999px; border:1px solid var(--linha); background:var(--papel); font:600 14px var(--sans); color:var(--verde); cursor:pointer}
.cal-filtros{display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.cal-filtros-rot{font:600 13.5px var(--sans); color:var(--tinta-2); margin-right:4px}
.cal-filtro{display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 12px; border-radius:999px; border:1px solid var(--linha); background:var(--papel); font:600 13px var(--sans); color:var(--tinta); cursor:pointer}
.cal-filtro::before{content:""; width:10px; height:10px; border-radius:3px; background:var(--cor-tipo, var(--verde))}
.cal-filtro[aria-pressed="false"]{opacity:.45; text-decoration:line-through}
.tipo-transicao{--cor-tipo:var(--lima); --tinta-tipo:var(--tinta-lima)}
.tipo-contencioso{--cor-tipo:var(--verde); --tinta-tipo:#fff}
.tipo-renda{--cor-tipo:var(--floresta); --tinta-tipo:#fff}
.tipo-assembleia{--cor-tipo:#B07A10; --tinta-tipo:#fff}
.tipo-encontro{--cor-tipo:#1F6F78; --tinta-tipo:#fff}
.tipo-marco{--cor-tipo:var(--noite); --tinta-tipo:var(--lima)}
.cal-corpo{display:flex; flex-direction:column; gap:18px}
.cal-grade{display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); gap:4px}
.cal-semana{padding:6px 4px; font:600 12px var(--sans); color:var(--tinta-2); text-align:center}
.cal-vazio{min-height:20px}
.cal-dia{position:relative; display:flex; flex-direction:column; gap:4px; min-height:104px; padding:6px; border:1px solid var(--linha); border-radius:6px; background:var(--papel)}
.cal-num{font:600 13px var(--mono); color:var(--tinta-2)}
.cal-hoje{border-color:var(--verde); box-shadow:inset 0 0 0 1px var(--verde)}
.cal-hoje .cal-num{color:var(--verde)}
.cal-ev{display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%; padding:5px 7px; border:0; border-radius:4px; background:var(--cor-tipo); color:var(--tinta-tipo); font:600 12px/1.25 var(--sans); text-align:left; cursor:pointer; transition:transform .2s, filter .2s}
.cal-ev:hover{transform:translateY(-1px); filter:brightness(1.06)}
.cal-lista-mes,.cal-lista-grupo{display:flex; flex-direction:column; gap:8px}
.cal-lista-mes h3,.cal-lista-grupo h3{font-size:17px; margin-top:6px}
.cal-lista-mes .cal-ev,.cal-lista-grupo .cal-ev{display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:12px; padding:12px 14px; border-radius:6px; font-size:14.5px}
.cal-ev-data{font:600 13px var(--mono)}
.cal-ev-titulo{font-weight:600}
.cal-ev-hora{font:500 13px var(--mono); opacity:.85}
.cal-vazio-msg{color:var(--tinta-2)}
.cal-dica{font-size:13.5px; color:var(--tinta-2)}
.cal-ano{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px}
.cal-mini{display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid var(--linha); border-radius:8px; background:var(--papel)}
.cal-mini-cab{display:flex; justify-content:space-between; align-items:baseline; gap:8px; border:0; background:transparent; padding:2px 0; font:700 15px var(--sans); color:var(--tinta); cursor:pointer; text-align:left}
.cal-mini-cab:hover{color:var(--verde)}
.cal-mini-qtd{font:500 11.5px var(--mono); color:var(--tinta-2)}
.cal-grade--mini{gap:2px}
.cal-grade--mini .cal-semana{padding:2px 0; font-size:10.5px}
.cal-grade--mini .cal-dia{min-height:0; aspect-ratio:1; padding:0; align-items:center; justify-content:center; border:0; background:transparent; border-radius:50%}
.cal-grade--mini .cal-num{font-size:11px}
.cal-grade--mini .cal-tem{background:var(--cor-tipo)}
.cal-grade--mini .cal-tem .cal-num{color:var(--tinta-tipo)}
.cal-dialogo{width:min(520px, calc(100vw - 32px)); border:0; border-radius:12px; padding:0; box-shadow:0 30px 80px -20px rgba(15,27,11,.55)}
.cal-dialogo::backdrop{background:rgba(15,27,11,.55)}
.cal-dialogo-corpo{display:flex; flex-direction:column; gap:12px; padding:28px 26px 26px}
.cal-dialogo-corpo h3{font-size:22px}
.cal-tag{align-self:flex-start; padding:5px 10px; border-radius:999px; background:var(--cor-tipo); color:var(--tinta-tipo); font:600 12px var(--sans)}
.cal-dialogo-data{font:600 15px var(--sans); color:var(--verde)}
.cal-dialogo-info{display:grid; grid-template-columns:auto 1fr; gap:6px 14px; margin:0; font-size:15px}
.cal-dialogo-info dt{font-weight:600; color:var(--tinta-2)}
.cal-dialogo-info dd{margin:0}
.cal-dialogo-nota{font-size:13.5px; color:var(--tinta-2)}
.cal-fechar{position:absolute; top:10px; right:12px; width:40px; height:40px; border:0; border-radius:50%; background:var(--campo); font:600 22px/1 var(--sans); cursor:pointer}
@media (max-width:900px){ .cal-ano{grid-template-columns:repeat(3, minmax(0,1fr))} }
@media (max-width:760px){
  .cal-dia{min-height:54px; padding:4px}
  .cal-dia .cal-ev{display:none}
  .cal-dia.cal-tem::after{content:""; position:absolute; left:50%; bottom:6px; width:8px; height:8px; margin-left:-4px; border-radius:50%; background:var(--cor-tipo)}
  .cal-semana{font-size:11px}
  .cal-ano{grid-template-columns:repeat(2, minmax(0,1fr))}
  .cal-lista-mes .cal-ev,.cal-lista-grupo .cal-ev{grid-template-columns:1fr; gap:4px}
  .cal-periodo{min-width:0; font-size:16px}
}

/* calendário: visão do período inteiro e quarto comitê */
.tipo-internacional{--cor-tipo:#24507A; --tinta-tipo:#fff}
.cal-periodo-rolagem{overflow-x:auto; padding-bottom:6px}
.cal-periodo-tab{display:grid; grid-template-columns:72px repeat(12, minmax(54px, 1fr)); gap:5px; min-width:760px}
.cal-periodo-canto{min-height:10px}
.cal-periodo-mes{padding:4px 0 6px; text-align:center; font:600 12.5px var(--sans); color:var(--tinta-2)}
.cal-periodo-ano{min-height:58px; border:0; border-radius:6px; background:var(--noite); color:var(--lima); font:600 15px var(--mono); cursor:pointer}
.cal-periodo-ano:hover{background:var(--floresta)}
.cal-cel{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:58px; padding:6px 4px; border:1px solid var(--linha); border-radius:6px; background:var(--papel); cursor:pointer; transition:border-color .2s, transform .2s}
.cal-cel:hover{border-color:var(--verde); transform:translateY(-2px)}
.cal-cel--vazia{min-height:58px; border-radius:6px; background:repeating-linear-gradient(135deg, var(--campo) 0 6px, transparent 6px 12px)}
.cal-pontos{display:flex; flex-wrap:wrap; justify-content:center; gap:3px; max-width:48px}
.cal-ponto{width:9px; height:9px; border-radius:50%; background:var(--cor-tipo); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.cal-cel-qtd{font:600 12px var(--mono); color:var(--tinta-2)}
.cal-periodo-total{font:500 13.5px var(--mono); color:var(--tinta-2)}
.cal-periodo-ano{position:sticky; left:0; z-index:1}
.cal-periodo-canto{position:sticky; left:0; z-index:1; background:var(--papel)}

.cal-aviso{align-self:flex-start; display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:999px; background:#F4FBE6; border:1px solid var(--lima-b); font:600 13.5px var(--sans); color:var(--floresta)}
.cal-aviso::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--verde)}

.mant-item--escuro{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.22); color:#fff}
.mant-item--escuro .mant-nome{color:#E6EEDC}
.mant-item img{max-width:150px; max-height:50px; width:auto; height:auto}

/* ---------- canais e redes ---------- */
.canais{display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:16px}
.canal{display:flex; flex-direction:column; gap:8px}
.canal svg{width:40px; height:40px; padding:9px; border-radius:10px; background:var(--lima); fill:none; stroke:var(--tinta-lima); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.canal circle{fill:var(--tinta-lima); stroke:none}
.canal svg circle[r="3.5"]{fill:none; stroke:var(--tinta-lima)}
.canal a{font-weight:600; overflow-wrap:anywhere}
.canal--largo{grid-column:1 / -1}
.redes{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}
.rede{display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border-radius:999px; border:1px solid rgba(255,255,255,.22); color:#fff; text-decoration:none; font:600 13.5px var(--sans); transition:border-color .2s, background .2s}
.rede:hover{border-color:var(--lima); background:rgba(186,247,66,.1)}
.rede svg,.whats-flutuante svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.rede svg circle,.whats-flutuante svg circle{fill:currentColor; stroke:none}
.rede svg circle[r="3.5"]{fill:none; stroke:currentColor}
.whats-flutuante{position:fixed; right:max(18px, env(safe-area-inset-right)); bottom:calc(18px + env(safe-area-inset-bottom, 0px)); z-index:60; display:inline-flex; align-items:center; gap:9px; min-height:52px; padding:0 20px 0 16px; border-radius:999px; background:var(--lima); color:var(--tinta-lima); box-shadow:0 14px 34px -10px rgba(15,27,11,.55), inset 0 0 0 1px var(--lima-b); text-decoration:none; font:700 15px var(--sans); transition:transform .25s var(--curva), box-shadow .25s}
.whats-flutuante svg{width:22px; height:22px}
.whats-flutuante:hover{transform:translateY(-3px); box-shadow:0 18px 40px -10px rgba(15,27,11,.6), inset 0 0 0 1px var(--lima-b)}
@media (max-width:600px){ .whats-flutuante{min-height:50px; padding:0 16px 0 14px; font-size:14px} }
@media print{ .whats-flutuante{display:none} }

/* espaço para o botão flutuante não cobrir a última linha do rodapé */
.rodape{padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}

.f-trator{background-image:url(img/trator.jpg)}
.f-colheita{background-image:url(img/colheita.jpg)}
.f-algodao{background-image:url(img/algodao.jpg)}
.f-navio{background-image:url(img/navio.jpg)}
.f-cafe{background-image:url(img/cafe.jpg)}
.f-edificio{background-image:url(img/edificio.jpg)}
.f-industria{background-image:url(img/industria.jpg)}
.f-profissionais{background-image:url(img/profissionais.jpg)}
.f-maos{background-image:url(img/maos.jpg)}