/* ==========================================================
   CICICAN · camada de acabamento
   imagens, sombras, faixas com foto, revelação no scroll
   Carregada depois de style.css.
   ========================================================== */
:root{
  --sh-1:0 1px 2px rgba(12,17,16,.05),0 8px 22px -14px rgba(12,17,16,.16);
  --sh-2:0 2px 4px rgba(12,17,16,.06),0 20px 44px -22px rgba(12,17,16,.26);
  --sh-3:0 8px 18px -8px rgba(12,17,16,.18),0 40px 80px -34px rgba(12,17,16,.42);
}

/* ---------- revelação no scroll ---------- */
[data-rv]{opacity:0;transform:translateY(20px);
  transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--d,0ms)}
[data-rv].rv-in{opacity:1;transform:none}
.gold-rule{transform-origin:left center;transition:transform .6s cubic-bezier(.2,.7,.2,1) .12s}
[data-rv] .gold-rule{transform:scaleX(.18)}
[data-rv].rv-in .gold-rule{transform:scaleX(1)}

/* ---------- imagens: placeholder de cor + fade-in ---------- */
.ph{background:var(--ph,var(--paper-3))}
img[data-ld]{opacity:0;transition:opacity .6s ease}
img[data-ld].ld{opacity:1}

/* ---------- hero em duas colunas com foto ---------- */
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;
  padding:100px 0 0;position:relative}
.hero-grid .hero-in{padding:0;max-width:none}
.hero-grid h1{font-size:clamp(2.2rem,3.55vw,3.3rem)}
.hero-grid .lead{font-size:1.1rem;max-width:52ch}
.hero-media{position:relative;isolation:isolate}
.hero-media::before{content:"";position:absolute;inset:14% -9% -14% 7%;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(0,179,104,.32),rgba(0,179,104,0) 66%);filter:blur(30px)}
.hm-img{border-radius:18px;overflow:hidden;box-shadow:var(--sh-3);aspect-ratio:1180/826;
  will-change:transform}
.hm-img img{width:100%;height:100%;object-fit:cover}
.hm-card{position:absolute;left:-26px;bottom:-24px;max-width:274px;background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:15px 17px;
  box-shadow:var(--sh-2);display:flex;gap:12px;align-items:flex-start}
.hm-card b{display:block;font:600 14px/1.25 var(--disp);letter-spacing:-.02em;color:var(--ink)}
.hm-card .tx{display:block;margin-top:4px;font:400 12.6px/1.42 var(--sans);color:var(--muted)}
.dot{flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--acc);
  box-shadow:0 0 0 4px rgba(0,179,104,.18);animation:pulseDot 2.6s ease-in-out infinite}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 4px rgba(0,179,104,.18)}
  50%{box-shadow:0 0 0 9px rgba(0,179,104,.04)}}

/* ---------- faixas com foto de fundo ---------- */
.band{position:relative;overflow:hidden;display:flex;align-items:center;min-height:360px;
  background:var(--ph,#3A4238);isolation:isolate}
.band-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.band::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(8,12,11,.90) 0%,rgba(8,12,11,.68) 46%,rgba(8,12,11,.30) 100%)}
.band-in{position:relative;padding:72px 0}
.band-q{font:700 clamp(1.7rem,3.3vw,2.6rem)/1.14 var(--disp);letter-spacing:-.032em;color:#fff;
  max-width:26ch;margin:0}
.band-q em{font-style:normal;color:#4FE39B}
.band-s{margin-top:18px;font:400 1.06rem/1.55 var(--sans);color:#C2CFC9;max-width:48ch}
.band-cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.band-sm{min-height:300px}
.band-sm .band-q{font-size:clamp(1.45rem,2.6vw,2.05rem);max-width:32ch}
.band .btn-s{color:#fff;border-color:rgba(255,255,255,.42)}
.band .btn-s:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.band .kicker{color:#4FE39B}

/* ---------- textura + granulado na seção escura ---------- */
.sec-tex{position:relative;isolation:isolate}
.sec-tex::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.30;
  background-image:url(img/tex-estufa.webp);background-size:cover;background-position:center}
.sec-tex::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 90% at 84% 0%,rgba(0,179,104,.22),rgba(12,17,16,0) 56%),
             linear-gradient(180deg,rgba(12,17,16,.78),rgba(12,17,16,.95))}
.sec-dark .wrap{position:relative;z-index:1}

/* ---------- cartões de imagem ---------- */
.im-c{margin:0;position:relative;border-radius:var(--r);overflow:hidden;
  background:var(--ph,var(--paper-3));box-shadow:var(--sh-1);transition:.25s ease}
.im-c:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.im-c img{width:100%;height:100%;object-fit:cover;aspect-ratio:10/7;transition:transform .6s ease}
.im-c:hover img{transform:scale(1.045)}
.im-c figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 14px;
  font:500 12.6px/1.4 var(--sans);color:#fff;
  background:linear-gradient(180deg,rgba(8,12,11,0),rgba(8,12,11,.84))}
.im-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.im-wide img{aspect-ratio:16/9}

/* ---------- sombras nos blocos que já existiam ---------- */
.fig,.price,.kpis{box-shadow:var(--sh-1)}
.pil-i:hover,.art:hover{box-shadow:var(--sh-2)}
.nl .form{box-shadow:0 30px 70px -40px rgba(0,0,0,.75)}
.btn-p,.btn-g{box-shadow:0 1px 2px rgba(12,17,16,.14),0 10px 24px -14px rgba(12,17,16,.5)}
.btn-p:hover,.btn-g:hover{box-shadow:0 2px 4px rgba(12,17,16,.16),0 16px 34px -16px rgba(12,17,16,.55)}
.btn svg{transition:transform .18s ease}
.btn:hover svg{transform:translateX(3px)}

/* ---------- header no scroll ---------- */
.hd{transition:box-shadow .25s ease,background .25s ease}
.hd-in{transition:height .25s ease}
.hd.stuck{background:rgba(255,255,255,.93);
  box-shadow:0 1px 0 var(--line),0 10px 30px -22px rgba(12,17,16,.35)}
.hd.stuck .hd-in{height:70px}

/* ---------- contagem dos números ---------- */
.cnt{font-variant-numeric:tabular-nums}

/* ---------- brilho atrás do formulário do boletim ---------- */
.nl-glow{position:relative;isolation:isolate}
.nl-glow::before{content:"";position:absolute;left:-12%;top:-34%;width:58%;height:160%;z-index:-1;
  background:radial-gradient(circle,rgba(0,179,104,.20),rgba(0,179,104,0) 62%);filter:blur(12px)}

/* ---------- chamada final sobre foto ---------- */
.cta-img{background:var(--ph,#3A4238);border-top:0;position:relative;overflow:hidden;
  isolation:isolate;padding:98px 0}
.cta-img::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(95deg,rgba(8,12,11,.91) 0%,rgba(8,12,11,.72) 52%,rgba(8,12,11,.34) 100%)}
.cta-img .wrap{position:relative;z-index:1}
.cta-img h2{color:#fff}
.cta-img .lead{color:#C2CFC9}
.cta-img .kicker{color:#4FE39B}
.cta-img .btn-s{color:#fff;border-color:rgba(255,255,255,.42)}
.cta-img .btn-s:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}

/* ---------- quadro curto ao lado do texto longo (A Câmara) ----------
   Sem o gráfico que ficava embaixo dele, o quadro deixava meia coluna
   vazia. Como nao ha mais bloco irmao abaixo, o sticky e seguro aqui.  */
@media(min-width:1001px){
  #camara .split{align-items:stretch}
  #camara .fig{position:sticky;top:98px}
}

/* ---------- faixa curta de associação ---------- */
.cta-sm{padding:58px 0}
.cta-sm .cta-in{gap:36px}
.cta-sm h2{font-size:clamp(1.5rem,2.5vw,2rem);max-width:26ch}
.cta-sm .lead{margin-top:10px;font-size:1.02rem;max-width:54ch}
.cta-sm .kicker{margin-bottom:14px}

/* ---------- crédito de imagens no rodapé ---------- */
.ft-cred{margin-top:14px;font-size:11.8px;line-height:1.55;color:#5C6864}
.ft-cred a{display:inline;color:#5C6864;text-decoration:underline;text-decoration-color:#39433F}
.ft-cred a:hover{color:var(--acc)}

/* ---------- responsivo ---------- */
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:46px;padding-top:78px}
  .hero-media{max-width:640px}
  .hm-card{left:auto;right:-8px;bottom:-20px}
  .band{min-height:320px}
}
@media(max-width:620px){
  .hero-grid{padding-top:56px;gap:36px}
  .hm-img{border-radius:14px}
  .hm-card{position:static;max-width:none;margin-top:16px;left:auto;right:auto;bottom:auto}
  .im-2{grid-template-columns:1fr}
  .band,.band-sm{min-height:0}
  .band-in{padding:54px 0}
  .cta-img{padding:66px 0}
  .cta-sm{padding:46px 0}
  .sec-tex::before{opacity:.2}
}
@media(prefers-reduced-motion:reduce){
  [data-rv]{opacity:1!important;transform:none!important}
  .dot{animation:none}
  .gold-rule,[data-rv] .gold-rule{transform:none!important}
  .im-c:hover img,.art:hover .art-im img{transform:none}
}

/* ---------- valor ainda em aberto (XXXX) ---------- */
.pr-aberto{color:var(--ink-2);letter-spacing:-.02em}
.pr-aberto::after{content:"";display:block;height:3px;margin-top:6px;border-radius:2px;
  background:repeating-linear-gradient(90deg,var(--line-2) 0 7px,transparent 7px 13px)}

/* ---------- blocos de noticias por tema dentro das secoes ---------- */
.rel{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.rel-3{margin-top:42px}
.rel-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.rel-h span{font:700 11.4px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--acc-d)}
.rel-h a{font:500 12.4px/1.3 var(--sans);color:var(--muted);white-space:nowrap}
.rel-h a:hover{color:var(--acc-d)}
.rel-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rel-3 .rel-l{grid-template-columns:repeat(3,1fr);gap:14px}
.rel-i a{display:flex;gap:14px;align-items:center;padding:10px;margin:0 -10px;
  border-radius:10px;transition:background .16s ease,transform .16s ease}
.rel-i a:hover{background:var(--paper-2)}
.rel-3 .rel-i a{margin:0;background:rgba(255,255,255,.03);border:1px solid var(--dk-line);align-items:flex-start}
.rel-im{flex:0 0 auto;width:76px;height:58px;border-radius:8px;overflow:hidden;background:var(--paper-3)}
.rel-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.rel-i a:hover .rel-im img{transform:scale(1.06)}
.rel-t{display:block;font:600 14.4px/1.34 var(--disp);letter-spacing:-.015em;color:var(--ink)}
.rel-i a:hover .rel-t{color:var(--acc-d)}
.rel-m{display:block;margin-top:5px;font:500 11.6px/1.3 var(--sans);color:var(--muted)}
.rel-sk{height:58px;border-radius:8px;background:var(--paper-2);animation:pulse 1.5s ease-in-out infinite}
.sec-dark .rel{border-top-color:var(--dk-line)}
.sec-dark .rel-h span{color:var(--acc)}
.sec-dark .rel-h a{color:#7D8B85}
.sec-dark .rel-i a:hover{background:var(--dk-3);border-color:rgba(0,179,104,.4)}
.sec-dark .rel-t{color:#fff}
.sec-dark .rel-i a:hover .rel-t{color:var(--acc)}
.sec-dark .rel-im{background:var(--dk-3)}
.sec-dark .rel-sk{background:var(--dk-2)}
@media(max-width:1000px){.rel-3 .rel-l{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .rel-3 .rel-l{grid-template-columns:1fr}
  .rel-h{flex-wrap:wrap;gap:6px}
  .rel-h span{flex:1 1 100%}
  .rel-h a{margin-left:auto}
}

/* ==========================================================
   09/09/2026 · reforma de texto pedida pela diretoria
   ========================================================== */

/* hidden precisa vencer o display das classes (.form, .fld, .f2) */
[hidden]{display:none!important}

/* segunda linha do lead, em destaque */
.lead-b{margin-top:14px;font-weight:600;color:var(--ink)}
.sec-dark .lead-b,.band .lead-b{color:#fff}

/* trilha do hero: Conexões | Mercados | Inteligência | Representação */
.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px}
.trilha span{font:600 13.4px/1.4 var(--sans);letter-spacing:.04em;color:var(--ink-2)}
.trilha span+span{padding-left:15px;border-left:1px solid var(--line-2)}

/* "Por que internacional?" dentro do texto corrido */
.sub-q{font-size:1.12rem;margin:26px 0 10px;color:var(--ink)}
/* os seis verbos da Câmara e a lista de setores: texto corrido com ponto
   médio; separador em <i> para clarear sem virar risco solto na quebra  */
.verbos{margin:22px 0;font:600 14.8px/1.9 var(--sans);color:var(--ink)}
.setores{margin-top:18px;font:400 14.4px/1.9 var(--sans);color:var(--ink-2)}
.verbos i,.setores i{font-style:normal;color:var(--acc);padding:0 3px}
.frase-f{font:600 1.06rem/1.5 var(--disp);letter-spacing:-.018em;color:var(--acc-d)}

/* cartões de conexão: texto longo pede duas colunas */
.pil-2{grid-template-columns:repeat(2,1fr);gap:20px}
.pil-2 .pil-i{padding:32px 32px 34px;display:flex;flex-direction:column}
.pil-2 .pil-i p{margin-bottom:.9em}
.pil-q{margin-top:6px;padding-top:16px;border-top:1px solid var(--line);
  font:600 15px/1.5 var(--sans);color:var(--acc-d)}

/* cartão do hero com texto mais longo (marco regulatório) */
.hm-card-lg{max-width:330px}

/* adesão: o formulário só aparece quando pedem */
.ad-box{display:flex;flex-direction:column}
.ad-box .form{width:100%}
.ad-cta{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:34px 32px 32px;box-shadow:var(--sh-1)}
.ad-cta h3{font-size:1.28rem;margin-bottom:10px}
.ad-cta .small{margin:0 0 24px;max-width:38ch}

/* empresa ou pessoa física */
.seg{display:inline-flex;align-self:flex-start;background:var(--paper-3);border-radius:var(--r-s);
  padding:4px;gap:2px}
.seg button{font:600 14px/1 var(--sans);padding:11px 18px;border:0;background:transparent;
  color:var(--ink-2);cursor:pointer;transition:.15s;border-radius:6px}
.seg button.on{background:var(--ink);color:#fff}
.chk-g3{grid-template-columns:repeat(3,1fr)}
/* pessoa fisica nao tem "Funcionários": a linha vira Cidade + UF */
.form.e-pf .f3{grid-template-columns:1fr .38fr}

@media(max-width:900px){
  .pil-2{grid-template-columns:1fr}
}
@media(max-width:620px){
  .chk-g3{grid-template-columns:1fr}
  .hm-card-lg{max-width:none}
  .verbos span{border-right:0;padding-right:0;margin-right:14px}
}

/* ---------- ancoras: folga para o header fixo ---------- */
section[id],div[id],a[id]{scroll-margin-top:98px}
@media(max-width:620px){section[id],div[id],a[id]{scroll-margin-top:84px}}

/* ---------- 27/10/2026: quatro categorias, passos da adesao, texto legal ---------- */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.cat{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:28px 24px;box-shadow:var(--sh-1)}
.cat-top{border-color:var(--ink);box-shadow:0 22px 44px -26px rgba(12,17,16,.45)}
.cat-k{font:700 11.4px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--acc-d);margin:0 0 14px}
.cat-v{font:700 clamp(1.9rem,2.6vw,2.3rem)/1 var(--disp);letter-spacing:-.04em;color:var(--ink);white-space:nowrap}
.cat-v small{font:500 14px/1 var(--sans);letter-spacing:0;color:var(--muted);margin-left:4px}
.cat-u{font-size:14px;color:var(--muted);margin:8px 0 0}
.cat-g{font:600 14.4px/1.45 var(--sans);color:var(--ink);margin:20px 0 18px;padding-top:18px;border-top:1px solid var(--line)}
.cat-inc{font-size:13.4px;color:var(--muted);margin:0 0 12px}
.cat .ck{gap:10px;margin-bottom:26px}
.cat .ck li{font-size:14.6px}
.cat .btn{margin-top:auto;justify-content:center}
.cats-nota{margin:26px 0 0;font-size:14px;color:var(--muted);max-width:70ch}
.passos{list-style:none;margin:0;padding:0;counter-reset:p;display:grid;gap:14px}
.passos li{counter-increment:p;position:relative;padding-left:40px;font-size:15.6px;line-height:1.55;color:var(--ink-2)}
.passos li::before{content:counter(p);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;
  background:var(--ink);color:#fff;font:700 12.5px/26px var(--sans);text-align:center}
.passos li strong{color:var(--ink);font-weight:600}
.legal h2{font-size:1.25rem;margin:36px 0 12px}
.legal h2:first-child{margin-top:0}
.legal p{font-size:16px;line-height:1.68;color:var(--ink-2);margin:0 0 12px}
.consent a{color:inherit;text-decoration:underline}
@media(max-width:1100px){.cats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cats{grid-template-columns:1fr}.cat{padding:24px 20px}}

/* coluna de grade nao pode crescer alem da tela em celular de 320px */
.split>*,.nl>*{min-width:0}

/* foto com <picture>: o elemento nao pode virar caixa propria dentro do quadro */
.hm-img picture{display:contents}