/* =====================================================================
   Taboca · Relatório de Sustentabilidade 2025
   Folha única do tema. Tokens do design system Taboca v1.0.
   ===================================================================== */

@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(../fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations"),url(../fonts/archivo-latin-wdth-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(../fonts/archivo-latin-wdth-italic.woff2) format("woff2-variations"),url(../fonts/archivo-latin-wdth-italic.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-display:swap;font-weight:400;
  src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-display:swap;font-weight:500;
  src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

:root{
  /* marca */
  --tb-noite:#0B2416; --tb-floresta:#164022; --tb-institucional:#036D45;
  --tb-verde:#00A056; --tb-musgo:#5AA06B; --tb-sage:#6F989A;
  --tb-lima:#C8D428; --tb-lima-tinta:#6E7615; --tb-vegetacao:#C5DCC9; --tb-papel:#F7F8F5;
  /* papéis de interface */
  --ground:#F7F8F5; --surface:#FFFFFF; --surface-2:#EEF2EC;
  --ink:#132B1D; --ink-2:#3D5546; --ink-3:#56695C;
  --rule:#D6DFD6; --rule-forte:#B4C4B7;
  --acento:#036D45; --acento-vivo:#00A056; --foco:#036D45;
  --sombra:0 14px 36px rgba(11,36,22,.16);
  /* dados */
  --d1:#00894C; --d2:#3A7FB0; --d3:#7E8A0F; --d4:#8055B0; --d5:#C05A1E; --d6:#118A78;
  /* tipografia */
  --face:"Archivo","PF DIN Text Pro","DIN Next",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --t-12:.75rem; --t-13:.8125rem; --t-14:.875rem; --t-16:1rem; --t-18:1.125rem;
  --t-21:1.3125rem; --t-28:1.75rem; --t-38:2.375rem; --t-52:3.25rem;
  /* espaço e forma */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --chev:24px;
  --max:1120px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]){
    --ground:#0B2416; --surface:#12301E; --surface-2:#193A26;
    --ink:#E8EFE6; --ink-2:#B7C9BB; --ink-3:#8AA391;
    --rule:#26492F; --rule-forte:#3A6244;
    --acento:#57C88E; --acento-vivo:#2FB876; --foco:#C8D428;
    --sombra:0 14px 36px rgba(0,0,0,.45);
    --d1:#17A063; --d2:#5599CC; --d3:#8B9820; --d4:#9670C4; --d5:#D4762F; --d6:#1F9F89;
  }
}
:root[data-tema="escuro"]{
  --ground:#0B2416; --surface:#12301E; --surface-2:#193A26;
  --ink:#E8EFE6; --ink-2:#B7C9BB; --ink-3:#8AA391;
  --rule:#26492F; --rule-forte:#3A6244;
  --acento:#57C88E; --acento-vivo:#2FB876; --foco:#C8D428;
  --sombra:0 14px 36px rgba(0,0,0,.45);
  --d1:#17A063; --d2:#5599CC; --d3:#8B9820; --d4:#9670C4; --d5:#D4762F; --d6:#1F9F89;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--face);font-size:var(--t-16);line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
p{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:var(--acento)}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
.pular{position:absolute;left:-9999px;top:0;background:var(--tb-lima);color:var(--tb-floresta);
  padding:12px 20px;z-index:200;font-weight:600}
.pular:focus{left:0}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--s5)}
.prosa{max-width:64ch}
.eyebrow{font-size:var(--t-12);letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:var(--acento);margin-bottom:var(--s3)}
h2{font-size:clamp(1.5rem,3.2vw,var(--t-38));font-weight:300;text-transform:uppercase;
  letter-spacing:.13em;line-height:1.2}
h3{font-size:var(--t-18);font-weight:600}
.lead{font-size:var(--t-21);font-weight:300;line-height:1.5;color:var(--ink-2);max-width:62ch}
.nota{font-size:var(--t-13);color:var(--ink-3);line-height:1.6}
section{padding:var(--s9) 0}
.grade{display:grid;gap:var(--s4)}
.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pilha{display:flex;flex-direction:column;gap:var(--s4)}

/* ---------------------------------------------------------- barra --- */
.progresso{position:fixed;top:0;left:0;height:3px;width:0;background:var(--tb-lima);z-index:80}
.barra{position:sticky;top:0;z-index:70;background:rgba(22,64,34,.94);color:#fff;
  backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}
.barra-in{display:flex;align-items:center;gap:var(--s5);min-height:58px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;padding:6px 0}
.logo img{height:19px;width:auto;display:block}
.logo:hover img,.logo:focus-visible img{opacity:.86}
.barra nav{display:flex;gap:var(--s5);flex-wrap:wrap;font-size:var(--t-13);
  letter-spacing:.1em;text-transform:uppercase;margin-left:auto}
.barra nav a{color:#C7D8C9;text-decoration:none}
.barra nav a:hover,.barra nav a:focus-visible{color:var(--tb-lima)}
.ferramentas{display:flex;align-items:center;gap:var(--s3);
  border-left:1px solid rgba(255,255,255,.2);padding-left:var(--s4)}
.mini{background:none;border:1px solid rgba(255,255,255,.35);color:#C7D8C9;font:inherit;
  font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;
  min-height:32px;cursor:pointer}
.mini:hover{border-color:var(--tb-lima);color:var(--tb-lima)}
.mini[aria-pressed="true"]{background:var(--tb-lima);color:var(--tb-floresta);border-color:var(--tb-lima)}
.idioma{font-size:var(--t-12);letter-spacing:.1em;color:#9FB8A6}
.idioma b{color:#fff}

/* ------------------------------------------------------ parallax --- */
.cena{position:relative;overflow:hidden;isolation:isolate}
.cena .camada{position:absolute;inset:-12% 0;z-index:0;will-change:transform}
.cena .camada img{width:100%;height:100%;object-fit:cover}
.cena .veu{position:absolute;inset:0;z-index:1}
.cena .conteudo{position:relative;z-index:3}
.chev-camada{position:absolute;z-index:2;will-change:transform;pointer-events:none}
.chev{clip-path:polygon(50% 0,100% 42%,100% 100%,50% 58%,0 100%,0 42%)}
.recorte{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chev)),50% 100%,0 calc(100% - var(--chev)))}

/* --------------------------------------------------------- capa --- */
.capa{color:#fff;background:var(--tb-floresta);min-height:min(88vh,760px);display:flex;
  flex-direction:column;justify-content:flex-end}
.capa .veu{background:linear-gradient(100deg,#0F3018 6%,rgba(15,48,24,.88) 42%,rgba(15,48,24,.30) 100%)}
.capa .c1{right:-6%;top:-14%;width:48%;height:120%;background:var(--tb-institucional);opacity:.42}
.capa .c2{right:8%;top:10%;width:34%;height:96%;background:var(--tb-sage);opacity:.24}
.capa-in{padding:var(--s10) 0 var(--s8)}
.capa .eyebrow{color:var(--tb-lima)}
.capa h1{font-size:clamp(2.3rem,6.2vw,4.4rem);line-height:1.03;font-weight:500;
  letter-spacing:-.015em;margin-bottom:var(--s5);max-width:16ch}
.capa .tese{font-size:var(--t-21);color:#D3E2D4;max-width:52ch;font-weight:300}
.acoes{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s6)}
.btn{display:inline-flex;align-items:center;gap:var(--s2);min-height:46px;padding:12px 22px;
  font:inherit;font-size:var(--t-13);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid transparent;cursor:pointer;text-decoration:none}
.btn-lima{background:var(--tb-lima);color:var(--tb-floresta)}
.btn-lima:hover{background:#B6C221}
.btn-linha{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-linha:hover{border-color:var(--tb-lima);color:var(--tb-lima)}
.btn-cheio{background:var(--tb-institucional);color:#fff}
.btn-cheio:hover{background:var(--tb-floresta)}
.btn-vazio{background:var(--surface);color:var(--acento);border-color:var(--rule-forte)}
.btn-vazio:hover{border-color:var(--acento)}

.faixa-num{position:relative;z-index:3;background:rgba(11,36,22,.62);
  border-top:1px solid rgba(255,255,255,.16)}
.faixa-num .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:var(--s5);padding-top:var(--s5);padding-bottom:var(--s5)}
.kpi .v{font-size:var(--t-28);font-weight:600;line-height:1.1;color:#fff;
  font-variant-numeric:tabular-nums;display:block}
.kpi .r{font-size:var(--t-13);color:#A9C0AD;line-height:1.4;display:block;margin-top:2px}

/* ------------------------------------------------------- portas --- */
.porta{background:var(--surface);border:1px solid var(--rule);display:flex;flex-direction:column}
.porta .topo{height:8px;background:var(--tb-institucional)}
.porta:nth-child(2) .topo{background:var(--tb-lima)}
.porta:nth-child(3) .topo{background:var(--tb-sage)}
.porta .corpo{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);flex:1}
.porta .conta{font-family:var(--mono);font-size:var(--t-12);color:var(--ink-3);
  letter-spacing:.06em;text-transform:uppercase}
.porta p{font-size:var(--t-14);color:var(--ink-2)}

/* ---------------------------------------------------- cena texto --- */
.cena-texto{color:#fff;min-height:min(76vh,660px);display:flex;align-items:center}
.cena-texto .veu{background:linear-gradient(90deg,rgba(11,36,22,.95) 0%,rgba(11,36,22,.88) 52%,rgba(11,36,22,.40) 100%)}
.cena-texto .conteudo{padding:var(--s9) 0}
.cena-texto h2{color:#fff}
.cena-texto .lead{color:#CBDCCD}
.cena-texto .eyebrow{color:var(--tb-lima)}
.cena-texto .creditos{position:absolute;right:var(--s5);bottom:var(--s4);z-index:3;
  font-size:var(--t-12);color:rgba(255,255,255,.6);writing-mode:vertical-rl}
.selo{display:inline-flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6);
  padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.22)}
.selo div{min-width:130px}
.selo .v{font-size:var(--t-28);font-weight:600;color:var(--tb-lima);display:block;line-height:1.1;
  font-variant-numeric:tabular-nums}
.selo .r{font-size:var(--t-13);color:#A9C0AD;display:block;max-width:22ch}

/* ------------------------------------------------------ revelar --- */
.js .revelar{opacity:0;transform:translate3d(0,18px,0)}
.js .revelar.dentro{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.16,.72,.3,1)}
.js .revelar.d1.dentro{transition-delay:.08s}
.js .revelar.d2.dentro{transition-delay:.16s}
.js .revelar.d3.dentro{transition-delay:.24s}
html[data-movimento="reduzido"] .js .revelar,
html[data-movimento="reduzido"] .revelar{opacity:1!important;transform:none!important;transition:none!important}
html[data-movimento="reduzido"] .camada,
html[data-movimento="reduzido"] .chev-camada,
html[data-movimento="reduzido"] .tri{transform:none!important}
html[data-movimento="reduzido"]{scroll-behavior:auto}

/* -------------------------------------------------------- teste --- */
.teste{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--sombra)}
.teste-cab{padding:var(--s5);border-bottom:1px solid var(--rule);display:flex;
  justify-content:space-between;gap:var(--s4);flex-wrap:wrap;align-items:flex-end}
.controles{display:flex;gap:var(--s3);flex-wrap:wrap;padding:var(--s5);
  border-bottom:1px solid var(--rule);background:var(--surface-2)}
.campo{display:flex;flex-direction:column;gap:6px;min-width:170px;flex:1}
.campo label{font-size:var(--t-12);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.campo input,.campo select{font:inherit;font-size:var(--t-14);padding:10px 12px;min-height:44px;
  border:1px solid var(--rule-forte);background:var(--surface);color:var(--ink);border-radius:0}
.teste-corpo{display:grid;grid-template-columns:1.35fr 1fr}
.lista{max-height:440px;overflow:auto;border-right:1px solid var(--rule)}
.lista table{border-collapse:collapse;width:100%;font-size:var(--t-14)}
.lista th,.lista td{text-align:left;padding:10px var(--s4);border-bottom:1px solid var(--rule)}
.lista thead th{position:sticky;top:0;background:var(--surface-2);font-size:var(--t-12);
  text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);z-index:2}
.lista tbody tr{cursor:pointer}
.lista tbody tr:hover{background:var(--surface-2)}
.lista tbody tr[aria-pressed="true"]{background:var(--tb-lima);color:var(--tb-floresta)}
.lista tbody tr[aria-pressed="true"] .cod{color:var(--tb-floresta)}
.lista .cod{font-family:var(--mono);font-weight:500;color:var(--acento);white-space:nowrap}
.registro{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}
.registro .cod-g{font-family:var(--mono);font-size:var(--t-12);letter-spacing:.12em;
  color:var(--acento);text-transform:uppercase}
.registro h3.reg-tit,.registro h4{font-size:var(--t-21);font-weight:600;line-height:1.25}
.registro dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s4);font-size:var(--t-14)}
.registro dt{color:var(--ink-3);font-size:var(--t-12);text-transform:uppercase;letter-spacing:.08em;padding-top:3px}
.registro dd{margin:0;color:var(--ink-2)}
.ods{display:flex;gap:6px;flex-wrap:wrap}
.ods span{font-size:var(--t-12);border:1px solid var(--rule-forte);padding:2px 8px;color:var(--ink-2)}
.perma{font-family:var(--mono);font-size:var(--t-12);background:var(--surface-2);
  padding:8px 10px;color:var(--ink-2);overflow-x:auto;white-space:nowrap}
.vazio{padding:var(--s7) var(--s5);color:var(--ink-3);font-size:var(--t-14);text-align:center}
.teste-pe{padding:var(--s4) var(--s5);border-top:1px solid var(--rule);display:flex;
  gap:var(--s4);justify-content:space-between;align-items:center;flex-wrap:wrap;
  font-size:var(--t-13);color:var(--ink-3)}
.csv{margin:0;padding:var(--s4) var(--s5);background:var(--tb-noite);color:#DCE7DC;
  font-family:var(--mono);font-size:var(--t-12);overflow-x:auto;border-top:1px solid var(--rule)}
.csv[hidden]{display:none}
.aviso{border-left:4px solid var(--tb-lima);background:var(--surface-2);padding:var(--s4) var(--s5);
  font-size:var(--t-13);color:var(--ink-2);max-width:76ch}

/* --------------------------------------------------------- chip --- */
.trecho{background:var(--surface);border:1px solid var(--rule);padding:var(--s6);
  display:flex;flex-direction:column;gap:var(--s4)}
.trecho p{max-width:62ch}
.gri{position:relative;display:inline-block}
.gri-chip{font:inherit;font-size:.84em;font-weight:600;letter-spacing:.05em;background:var(--surface-2);
  color:var(--acento);border:1px solid var(--rule-forte);padding:2px 9px;min-height:24px;cursor:pointer;
  font-variant-numeric:tabular-nums}
.gri-chip:hover{background:var(--tb-lima);color:var(--tb-floresta);border-color:var(--tb-lima)}
.gri-balao{position:absolute;left:0;top:calc(100% + 10px);z-index:40;width:min(320px,78vw);
  background:var(--tb-floresta);color:#fff;padding:var(--s4);border-left:4px solid var(--tb-lima);
  box-shadow:var(--sombra);font-size:var(--t-14);line-height:1.5;display:flex;flex-direction:column;gap:6px}
.gri-balao[hidden]{display:none}
.gri-balao b{font-size:var(--t-16)}
.gri-balao .c{font-family:var(--mono);font-size:var(--t-12);color:var(--tb-lima);letter-spacing:.08em}
.gri-balao .m{color:#B7C9BB;font-size:var(--t-12)}
.gri-balao button{background:none;border:0;color:var(--tb-lima);font:inherit;font-size:var(--t-13);
  padding:0;cursor:pointer;text-align:left;text-decoration:underline;min-height:24px}

/* ---------------------------------------------------- capítulos --- */
.cap{position:relative;background:var(--surface);border:1px solid var(--rule);display:flex;
  flex-direction:column;text-decoration:none;color:inherit;overflow:hidden}
.cap figure{margin:0;position:relative;overflow:hidden}
.cap figure img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .7s cubic-bezier(.16,.72,.3,1)}
.cap:hover figure img{transform:scale(1.05)}
.cap .faixa{height:70px;background:var(--tb-institucional);display:flex;align-items:flex-start;
  justify-content:flex-end;padding:var(--s3) var(--s4)}
.cap .n{font-size:var(--t-38);font-weight:700;color:rgba(255,255,255,.34);line-height:1}
.cap .corpo{padding:var(--s4) var(--s5) var(--s5);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.cap h3{font-size:var(--t-16);text-transform:uppercase;letter-spacing:.06em}
.cap .meta{font-size:var(--t-12);color:var(--ink-3);font-family:var(--mono);letter-spacing:.04em}
.cap:hover .faixa{background:var(--tb-verde)}

/* ------------------------------------------------------- placar --- */
.placar{background:var(--tb-floresta);color:#fff}
.placar h2{color:#fff}.placar .lead{color:#C7D8C9}.placar .eyebrow{color:var(--tb-lima)}
.placar-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s5);
  margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.2)}
.placar-num .v{font-size:var(--t-52);font-weight:600;color:var(--tb-lima);line-height:1;display:block;
  font-variant-numeric:tabular-nums}
.placar-num .r{font-size:var(--t-13);color:#A9C0AD;display:block;margin-top:var(--s2);max-width:22ch}

/* ---------------------------------------------------- downloads --- */
.baixar{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);
  padding:var(--s4) var(--s5);border:1px solid var(--rule);background:var(--surface);flex-wrap:wrap}
.baixar .t{font-weight:600;font-size:var(--t-14)}
.baixar .p{font-size:var(--t-12);color:var(--ink-3);font-family:var(--mono)}

.rodape{background:var(--tb-noite);color:#9FB8A6;padding:var(--s8) 0;font-size:var(--t-13)}
.rodape .wrap{display:flex;flex-direction:column;gap:var(--s4)}
.rodape strong{color:#fff}
.rodape a{color:var(--tb-lima)}

@media (max-width:820px){
  .teste-corpo{grid-template-columns:1fr}
  .lista{border-right:0;border-bottom:1px solid var(--rule);max-height:320px}
  .cena-texto .creditos{display:none}
  section{padding:var(--s8) 0}
  .capa-in{padding:var(--s9) 0 var(--s7)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .revelar{opacity:1!important;transform:none!important;transition:none!important}
  .camada,.chev-camada,.tri{transform:none!important}
  .cap figure img{transition:none}
}
@media print{
  .barra,.progresso,.chev-camada,.camada{display:none}
  body{background:#fff;color:#000}
}

/* =====================================================================
   Template de capítulo
   ===================================================================== */
.migalha{background:var(--surface-2);border-bottom:1px solid var(--rule);font-size:var(--t-12);
  letter-spacing:.06em;text-transform:uppercase}
.migalha .wrap{display:flex;gap:var(--s2);align-items:center;padding-top:10px;padding-bottom:10px;
  flex-wrap:wrap;color:var(--ink-3)}
.migalha a{color:var(--ink-2);text-decoration:none}
.migalha a:hover{color:var(--acento)}
.migalha .sep{color:var(--rule-forte)}

.capa-cap{color:#fff;background:var(--tb-floresta);min-height:min(62vh,540px);display:flex;
  align-items:flex-end}
.capa-cap .veu{background:linear-gradient(95deg,#0F3018 4%,rgba(15,48,24,.90) 46%,rgba(15,48,24,.34) 100%)}
.capa-cap .c1{right:-8%;top:-18%;width:44%;height:130%;background:var(--tb-institucional);opacity:.40}
.capa-cap .c2{right:10%;top:16%;width:26%;height:92%;background:var(--tb-sage);opacity:.22}
.capa-cap .conteudo{padding:var(--s9) 0 var(--s7);width:100%}
.capa-cap .numero-cap{display:flex;align-items:baseline;gap:var(--s4);margin-bottom:var(--s3)}
.capa-cap .numero-cap b{font-size:clamp(3rem,9vw,6rem);line-height:.9;font-weight:700;color:var(--tb-verde)}
.capa-cap .numero-cap span{font-size:var(--t-12);letter-spacing:.22em;text-transform:uppercase;
  color:var(--tb-lima);font-weight:600}
.capa-cap h1{font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:300;text-transform:uppercase;
  letter-spacing:.1em;line-height:1.15;max-width:20ch}
.capa-cap .resumo{font-size:var(--t-21);color:#D3E2D4;max-width:56ch;font-weight:300;margin-top:var(--s5)}
.fichas{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s6)}
.ficha{border:1px solid rgba(255,255,255,.32);padding:6px 12px;font-size:var(--t-12);
  letter-spacing:.08em;text-transform:uppercase;color:#C7D8C9}
.ficha b{color:var(--tb-lima)}

.corpo-cap{display:grid;grid-template-columns:236px 1fr;gap:var(--s8);align-items:start;
  padding:var(--s9) 0}
.indice{position:sticky;top:88px;display:flex;flex-direction:column;gap:var(--s3);
  border-left:2px solid var(--rule);padding-left:var(--s4)}
.indice p{font-size:var(--t-12);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);
  font-weight:600;margin-bottom:var(--s1)}
.indice a{font-size:var(--t-14);color:var(--ink-2);text-decoration:none;line-height:1.35;
  padding:2px 0;border-left:2px solid transparent;margin-left:calc(var(--s4) * -1 - 2px);
  padding-left:calc(var(--s4) + 2px)}
.indice a:hover{color:var(--acento)}
.indice a[aria-current="true"]{color:var(--acento);font-weight:600;border-left-color:var(--tb-lima)}
.indice .conta-gri{font-size:var(--t-12);color:var(--ink-3);margin-top:var(--s3);font-family:var(--mono)}

.texto-cap{max-width:none;display:flex;flex-direction:column;gap:var(--s9)}
.sec-cap{scroll-margin-top:96px;display:flex;flex-direction:column;gap:var(--s5)}
.sec-cap h2{font-size:clamp(1.4rem,2.8vw,var(--t-28));letter-spacing:.1em}
.sec-cap .codigos{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}
.sec-cap p{max-width:66ch}
.sec-cap .figura{display:flex;flex-direction:column;gap:var(--s3)}
.legenda-fig{font-size:var(--t-12);color:var(--ink-3);line-height:1.5}

.destaques{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s4)}
.destaques div{border-top:3px solid var(--tb-lima);padding-top:var(--s3)}
.destaques .v{font-size:var(--t-28);font-weight:600;line-height:1.1;display:block;
  font-variant-numeric:tabular-nums}
.destaques .r{font-size:var(--t-13);color:var(--ink-2);display:block;margin-top:var(--s1)}

.pilar{background:var(--surface);border:1px solid var(--rule);padding:var(--s5);
  display:flex;flex-direction:column;gap:var(--s3)}
.pilar .cab{display:flex;flex-direction:column;gap:var(--s1);border-bottom:1px solid var(--rule);
  padding-bottom:var(--s3)}
.pilar .cab span{font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
  font-weight:600}
.pilar .cab b{font-size:var(--t-16);line-height:1.3}
.pilar ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;
  font-size:var(--t-14);color:var(--ink-2)}
.pilar .ods-linha{font-size:var(--t-12);color:var(--ink-3);font-family:var(--mono)}

.barras{display:flex;flex-direction:column;gap:10px}
.barra-linha{display:grid;grid-template-columns:minmax(120px,190px) 1fr auto;gap:var(--s4);
  align-items:center;font-size:var(--t-14)}
.barra-linha .rot{color:var(--ink-2)}
.barra-linha .trilho{height:16px;background:var(--surface-2);position:relative;display:block}
.barra-linha .fill{height:100%;display:block;background:var(--d1);border-radius:0 4px 4px 0}
.barra-linha .val{font-variant-numeric:tabular-nums;color:var(--ink);min-width:74px;text-align:right}
.barra-linha:hover .fill{filter:brightness(1.08)}

.gri-linha-alvo{animation:pisca 1.6s ease}
@keyframes pisca{0%,100%{background:transparent}18%,58%{background:var(--tb-lima)}}
html[data-movimento="reduzido"] .gri-linha-alvo{animation:none;outline:3px solid var(--tb-lima);
  outline-offset:-3px}

.sumario-cap{background:var(--surface-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sumario-cap .voltar-trecho{font-size:var(--t-13);white-space:nowrap}
.sumario-cap td,.sumario-cap th{vertical-align:top}
.sumario-cap tbody th{font-family:var(--mono);font-weight:500;color:var(--acento);white-space:nowrap}

.nav-cap{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.nav-cap a{background:var(--surface);border:1px solid var(--rule);padding:var(--s5);
  text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--s1)}
.nav-cap a:hover{border-color:var(--acento)}
.nav-cap span{font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nav-cap b{font-size:var(--t-16);font-weight:600}
.nav-cap .dir{text-align:right;align-items:flex-end}

.cap figure{position:relative;isolation:isolate}
.marca-pronto{position:absolute;top:var(--s3);left:var(--s4);z-index:5;background:var(--tb-lima);
  color:var(--tb-floresta);font-size:var(--t-12);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;padding:3px 9px;pointer-events:none}

@media (max-width:900px){
  .corpo-cap{grid-template-columns:1fr;gap:var(--s6)}
  .indice{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--s3);border-left:0;
    border-top:2px solid var(--rule);padding-left:0;padding-top:var(--s4)}
  .indice p{width:100%}
  .indice a{margin-left:0;padding-left:0;border-left:0;border-bottom:2px solid transparent}
  .indice a[aria-current="true"]{border-left:0;border-bottom-color:var(--tb-lima)}
  .nav-cap{grid-template-columns:1fr}
  .barra-linha{grid-template-columns:1fr;gap:4px}
  .barra-linha .val{text-align:left}
}

/* ---------------------------------------------- tabelas de conteúdo --- */
.tabela-rolagem{overflow-x:auto;border:1px solid var(--rule);background:var(--surface)}
.tabela-rolagem table{border-collapse:collapse;width:100%;font-size:var(--t-14);
  font-variant-numeric:tabular-nums}
.tabela-rolagem caption{text-align:left;font-size:var(--t-12);color:var(--ink-3);
  padding:var(--s3) var(--s4);letter-spacing:.08em;text-transform:uppercase;
  border-bottom:1px solid var(--rule)}
.tabela-rolagem th,.tabela-rolagem td{padding:9px var(--s4);text-align:left;
  border-bottom:1px solid var(--rule);white-space:nowrap}
.tabela-rolagem thead th{background:var(--surface-2);font-size:var(--t-12);text-transform:uppercase;
  letter-spacing:.1em;font-weight:600;color:var(--ink-2)}
.tabela-rolagem tbody th[scope="row"]{font-weight:500;color:var(--ink)}
.tabela-rolagem tbody tr:last-child td{border-bottom:0}
.tabela-rolagem td.num{text-align:right;font-variant-numeric:tabular-nums}
.tabela-rolagem .grupo th{background:var(--surface-2);font-size:var(--t-12);letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-2);font-weight:600}
.tabela-rolagem tr.total th,.tabela-rolagem tr.total td{font-weight:600;
  border-top:2px solid var(--rule-forte)}
.sumario-cap .tabela-rolagem td:nth-child(2),
.sumario-cap .tabela-rolagem td:nth-child(4){white-space:normal;min-width:180px}

/* =====================================================================
   Tabelas no padrão do relatório impresso, com realce por mouseover
   ===================================================================== */
.tab-rel table{border-collapse:collapse;width:100%;font-size:var(--t-14);
  font-variant-numeric:tabular-nums}
.tab-rel caption{text-align:left;font-size:var(--t-13);color:var(--ink-2);font-style:italic;
  padding:0 0 var(--s3);letter-spacing:0;text-transform:none;border:0}
.tab-rel th,.tab-rel td{padding:7px var(--s3);text-align:left;border:1px solid var(--rule);
  white-space:nowrap;background:var(--surface)}
.tab-rel td.num,.tab-rel th.num{text-align:right}
.tab-rel thead th{background:var(--tb-institucional);color:#fff;font-weight:600;
  font-size:var(--t-13);letter-spacing:.04em;text-align:center;border-color:var(--tb-institucional)}
.tab-rel tbody tr.grupo>th,.tab-rel tbody tr.grupo>td{background:var(--tb-lima);
  color:var(--tb-floresta);font-weight:700;font-size:var(--t-13);letter-spacing:.02em}
.tab-rel tbody tr.zebra>th,.tab-rel tbody tr.zebra>td{background:#EAF1EA}
.tab-rel tbody tr.total>th,.tab-rel tbody tr.total>td{background:#DCE7DC;font-weight:700}
.tab-rel tbody th[scope="row"]{font-weight:400;color:var(--ink)}
.tab-rel tbody tr.total th[scope="row"]{font-weight:700}
.tab-texto th,.tab-texto td{white-space:normal;vertical-align:top;line-height:1.45}
.tab-texto tbody th[scope="row"]{font-weight:700;min-width:150px}
.tab-texto .ods-cel{min-width:230px}
.tab-texto .ods-cel b{color:var(--ink);white-space:nowrap}

/* realce de linha no mouseover, com precedência sobre a zebra */
.tabela-rolagem tbody tr:hover>th,.tabela-rolagem tbody tr:hover>td{background:var(--surface-2)}
.tab-rel tbody tr:hover>th,.tab-rel tbody tr:hover>td{background:#F3F7C9}
.tab-rel tbody tr.grupo:hover>th,.tab-rel tbody tr.grupo:hover>td{background:#D6E11F}
.tab-rel tbody tr.total:hover>th,.tab-rel tbody tr.total:hover>td{background:#EDF3C0}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) .tab-rel tbody tr:hover>th,
  :root:not([data-tema="claro"]) .tab-rel tbody tr:hover>td{background:#2A4A22}
  :root:not([data-tema="claro"]) .tab-rel tbody tr.total:hover>th,
  :root:not([data-tema="claro"]) .tab-rel tbody tr.total:hover>td{background:#31532A}
}
:root[data-tema="escuro"] .tab-rel tbody tr:hover>th,
:root[data-tema="escuro"] .tab-rel tbody tr:hover>td{background:#2A4A22}
:root[data-tema="escuro"] .tab-rel tbody tr.total:hover>th,
:root[data-tema="escuro"] .tab-rel tbody tr.total:hover>td{background:#31532A}

/* ------------------------------------------------------- figuras --- */
.figura-rel{display:flex;flex-direction:column;gap:var(--s3);margin:0}
.figura-rel img{width:100%;height:auto;background:var(--surface)}
.figura-rel figcaption{font-size:var(--t-13);color:var(--ink-2);font-style:italic;line-height:1.5}
.figura-rel figcaption b{font-style:normal}
.duas-fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s5)}
.citacao{border:0;margin:0;padding:var(--s5) 0;display:flex;gap:var(--s4);align-items:flex-start}
.citacao span{font-size:var(--t-38);line-height:.7;color:var(--rule-forte);font-weight:700}
.citacao p{font-size:clamp(1.15rem,2.4vw,var(--t-28));font-weight:300;color:var(--acento);
  line-height:1.35;max-width:32ch;letter-spacing:.02em}
.pilar-bloco{display:flex;flex-direction:column;gap:var(--s4)}
.pilar-bloco h3{font-size:var(--t-16);text-transform:uppercase;letter-spacing:.1em;
  color:var(--acento);font-weight:600}
.nota-rodape{font-size:var(--t-12);color:var(--ink-3);line-height:1.5;border-top:1px solid var(--rule);
  padding-top:var(--s3)}
.nota-rodape sup{color:var(--acento);font-weight:600}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) .tab-rel tbody tr.zebra>th,
  :root:not([data-tema="claro"]) .tab-rel tbody tr.zebra>td{background:#193A26}
  :root:not([data-tema="claro"]) .tab-rel tbody tr.total>th,
  :root:not([data-tema="claro"]) .tab-rel tbody tr.total>td{background:#21492F}
}
:root[data-tema="escuro"] .tab-rel tbody tr.zebra>th,
:root[data-tema="escuro"] .tab-rel tbody tr.zebra>td{background:#193A26}
:root[data-tema="escuro"] .tab-rel tbody tr.total>th,
:root[data-tema="escuro"] .tab-rel tbody tr.total>td{background:#21492F}

/* --------------------------------------------- selo GPTW no rodapé --- */
.selo-rodape{display:flex;align-items:center;gap:var(--s5);padding-top:var(--s5);
  border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
.selo-rodape img{height:104px;width:auto;display:block;background:#E8E8E8;padding:8px}
.selo-rodape p{font-size:var(--t-13);color:#9FB8A6;max-width:44ch;line-height:1.5}
.selo-rodape b{color:#fff;font-weight:600}

/* ------------------------------- linha inteira do sumário como link --- */
.sumario-cap .tabela-rolagem tbody tr{cursor:pointer}
.sumario-cap .tabela-rolagem tbody tr:focus-within>th,
.sumario-cap .tabela-rolagem tbody tr:focus-within>td{background:var(--surface-2)}

/* =====================================================================
   v2 · linguagem gráfica do relatório impresso
   Triângulos de canto em sage e lima, número de capítulo grande em verde,
   recorte chevron nas fotos e abertura de capítulo em duas colunas.
   ===================================================================== */
.tri{position:absolute;z-index:2;pointer-events:none;will-change:transform}
.tri-baixo{clip-path:polygon(0 0,100% 0,50% 100%)}
.tri-cima{clip-path:polygon(50% 0,100% 100%,0 100%)}
.tri-sage{background:var(--tb-sage)}
.tri-lima{background:var(--tb-lima)}
.tri-verde{background:var(--tb-institucional)}

/* capa da home */
.capa .veu{background:linear-gradient(98deg,rgba(11,36,22,.94) 0%,rgba(15,48,24,.82) 40%,rgba(15,48,24,.18) 78%,rgba(15,48,24,.05) 100%)}
.capa .t1{right:7%;top:0;width:min(26vw,380px);height:min(22vw,320px);opacity:.95}
.capa .t2{right:-3%;bottom:0;width:min(34vw,520px);height:min(20vw,300px)}
.capa .t3{right:21%;bottom:0;width:min(16vw,240px);height:min(10vw,150px);opacity:.9}
.capa h1{font-weight:300;letter-spacing:0;max-width:none;margin-bottom:var(--s5);line-height:1}
.capa h1 .h1-rel{display:block;font-size:clamp(1.15rem,2.3vw,1.85rem);text-transform:uppercase;
  letter-spacing:.16em;font-weight:300;color:#fff}
.capa h1 .h1-ano{display:block;font-size:clamp(4.6rem,13vw,9.5rem);font-weight:800;letter-spacing:-.02em;
  color:var(--tb-verde);line-height:.86;margin-top:.12em;font-stretch:92%}
.capa .faixa-num{background:rgba(11,36,22,.78)}

/* cenas com texto */
.cena-texto .t1{left:-4%;bottom:0;width:min(22vw,320px);height:min(12vw,170px);opacity:.9}
.cena-texto .t2{right:5%;top:0;width:min(14vw,200px);height:min(12vw,170px)}

/* títulos de seção no verde do relatório */
section h2{color:var(--acento)}
.cena-texto h2,.placar h2,.capa-cap h1{color:inherit}

/* cartões de capítulo */
.caps-grade{display:grid;gap:var(--s6) var(--s5);grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.caps-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.caps-grade{grid-template-columns:1fr}}
.cap{background:var(--surface);border:0;box-shadow:0 1px 0 var(--rule)}
.cap figure{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),50% 100%,0 calc(100% - 26px));background:var(--tb-floresta)}
.cap figure img{aspect-ratio:3/2}
.cap .corpo{padding:var(--s4) var(--s5) var(--s5);gap:var(--s3)}
.cap .cap-tit{display:flex;align-items:flex-start;gap:var(--s3)}
.cap .n{font-size:3.4rem;font-weight:800;color:var(--tb-verde);line-height:.8;font-stretch:90%;
  font-variant-numeric:tabular-nums;flex:0 0 auto}
.cap h3{font-size:var(--t-16);font-weight:500;text-transform:uppercase;letter-spacing:.1em;line-height:1.3;padding-top:2px}
.cap .meta{border-top:1px solid var(--rule);padding-top:var(--s3);margin-top:auto}
.cap:hover h3,.cap:focus-visible h3{color:var(--acento)}
.cap:hover .n{color:var(--tb-institucional)}
.cap .faixa{display:none}

/* abertura de capítulo em duas colunas, como a prancha impressa */
.capa-cap.dividida{display:block;position:relative;min-height:min(80vh,700px);background:var(--tb-floresta);
  overflow:hidden;align-items:stretch}
.capa-cap.dividida .capa-foto{position:absolute;left:0;top:0;bottom:0;width:52%;margin:0}
.capa-cap.dividida .capa-foto img{width:100%;height:100%;object-fit:cover;object-position:40% 45%}
.capa-cap.dividida .capa-painel{position:relative;margin-left:40%;min-height:inherit;background:var(--tb-floresta);
  clip-path:polygon(22% 0,100% 0,100% 100%,0 100%,0 38%);display:flex;align-items:center;
  padding:var(--s9) 0 var(--s9) 14%}
.capa-cap.dividida .capa-txt{position:relative;z-index:3;max-width:560px;padding-right:var(--s7)}
.capa-cap.dividida .t1{right:6%;top:0;width:30%;height:30%}
.capa-cap.dividida .t2{right:0;bottom:0;width:44%;height:24%}
.capa-cap .numero-cap{align-items:center;gap:var(--s4);margin-bottom:var(--s4)}
.capa-cap .numero-cap b{font-size:clamp(4.2rem,9vw,7.5rem);font-weight:800;color:var(--tb-verde);line-height:.8;font-stretch:90%}
.capa-cap .numero-cap span{color:#C7D8C9;letter-spacing:.24em}
.capa-cap.dividida h1{color:var(--tb-lima);font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:.12em;line-height:1.18}
.capa-cap.dividida .resumo{font-size:var(--t-18);color:#D3E2D4}
.capa-cap .credito-foto{position:absolute;left:var(--s4);bottom:var(--s3);z-index:3;font-size:var(--t-12);
  color:rgba(255,255,255,.78);text-shadow:0 1px 2px rgba(0,0,0,.6)}
@media (max-width:900px){
  .capa-cap.dividida{min-height:0}
  .capa-cap.dividida .capa-foto{position:relative;width:100%;height:62vw;max-height:460px}
  .capa-cap.dividida .capa-painel{margin:-44px 0 0;clip-path:polygon(0 44px,50% 0,100% 44px,100% 100%,0 100%);
    padding:calc(44px + var(--s6)) 0 var(--s8) 0}
  .capa-cap.dividida .capa-txt{padding:0 var(--s5);max-width:none}
  .capa-cap.dividida .t1{width:28%;height:18%;top:44px}
  .capa-cap.dividida .t2{width:40%;height:14%}
}

/* título de seção do capítulo em verde, chips junto do título */
.sec-cap h2{color:var(--acento)}
.sec-cap .cab-sec{display:flex;flex-direction:column;gap:var(--s3)}
.pilar-bloco h3{color:var(--ink-2)}

/* figura dos pilares redesenhada em HTML */
.pilares{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:var(--s4);align-items:stretch;
  padding:var(--s6) var(--s4) var(--s4);background:var(--surface);border:1px solid var(--rule)}
.pilares .col-meio{display:flex;flex-direction:column;gap:var(--s5)}
.pilar-card{--cor:#007F45;position:relative;background:var(--cor);color:#fff;border-radius:22px;
  padding:58px var(--s4) var(--s5);display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:var(--s3);margin-top:34px;flex:1}
.pilar-card.p-meio{--cor:#036D45}
.pilar-card.p-dir{--cor:#4F7A7C}
.pilar-card .icone{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:84px;height:84px;
  border-radius:50%;background:var(--cor);display:grid;place-items:center}
.pilar-card .icone svg{width:50px;height:50px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pilar-card h3,.pilar-card h4{font-size:var(--t-18);font-weight:600;line-height:1.2;letter-spacing:.01em}
.pilar-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3);
  font-size:var(--t-14);line-height:1.3;color:#EAF3EC}
.valores{position:relative;aspect-ratio:1;width:min(100%,300px);margin:0 auto;isolation:isolate}
.valores::before,.valores::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1}
.valores::before{background:var(--tb-verde);transform:translate(-5%,-3%)}
.valores::after{background:var(--tb-sage);transform:translate(5%,3%);mix-blend-mode:multiply}
.valores .miolo{position:absolute;inset:11%;border-radius:50%;background:#fff;color:#132B1D;display:flex;
  flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:8%}
.valores .miolo img{width:64%;height:auto;margin-bottom:6px}
.valores .miolo b{font-size:var(--t-13);letter-spacing:.16em;font-weight:700}
.valores .miolo span{font-size:var(--t-13);line-height:1.35}
@media (max-width:760px){
  .pilares{grid-template-columns:1fr;padding:var(--s5) var(--s4)}
  .pilares .col-meio{order:-1}
}

/* gráfico do reservatório */
.grafico-uhe{background:var(--surface);border:1px solid var(--rule)}
.grafico-uhe .g-cab{background:var(--tb-institucional);color:#fff;padding:var(--s4) var(--s5);
  font-size:var(--t-14);font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}
.grafico-uhe .g-corpo{padding:var(--s5) var(--s4) var(--s3);position:relative}
.grafico-uhe svg{width:100%;height:auto;display:block;overflow:visible}
.grafico-uhe .eixo text{font-size:12px;fill:var(--ink-3);font-family:var(--face);font-variant-numeric:tabular-nums}
.grafico-uhe .grade line{stroke:var(--rule);stroke-width:1}
.grafico-uhe .b-uhe{fill:#00894C}
.grafico-uhe .b-diesel{fill:#7E8A0F}
.grafico-uhe .linha-nivel{fill:none;stroke:var(--tb-floresta);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.grafico-uhe .ponto{fill:var(--surface);stroke:var(--tb-floresta);stroke-width:2}
.grafico-uhe .mes-alvo{fill:transparent;cursor:crosshair}
.grafico-uhe .mes-alvo:focus{outline:none}
.grafico-uhe .mes.ativo .mes-fundo{fill:var(--surface-2)}
.grafico-uhe .mes-fundo{fill:transparent}
.grafico-uhe .legenda{display:flex;gap:var(--s3) var(--s5);flex-wrap:wrap;padding:0 var(--s5) var(--s4);
  font-size:var(--t-13);color:var(--ink-2)}
.grafico-uhe .legenda span{display:inline-flex;align-items:center;gap:8px}
.grafico-uhe .legenda i{display:inline-block;width:14px;height:14px}
.grafico-uhe .legenda i.l{height:3px;width:22px;background:var(--tb-floresta)}
.g-dica{position:absolute;z-index:5;pointer-events:none;background:var(--tb-floresta);color:#fff;
  padding:10px 12px;font-size:var(--t-13);line-height:1.45;border-left:4px solid var(--tb-lima);
  box-shadow:var(--sombra);min-width:190px;font-variant-numeric:tabular-nums}
.g-dica[hidden]{display:none}
.g-dica b{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:var(--t-12);color:var(--tb-lima)}
.grafico-uhe details{border-top:1px solid var(--rule);padding:var(--s3) var(--s5) var(--s4);font-size:var(--t-13)}
.grafico-uhe summary{cursor:pointer;color:var(--acento);font-weight:600;min-height:24px}
.grafico-uhe details table{margin-top:var(--s3)}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) .grafico-uhe .linha-nivel{stroke:#C8D428}
  :root:not([data-tema="claro"]) .grafico-uhe .ponto{stroke:#C8D428}
  :root:not([data-tema="claro"]) .grafico-uhe .legenda i.l{background:#C8D428}
  :root:not([data-tema="claro"]) .grafico-uhe .b-uhe{fill:#17A063}
  :root:not([data-tema="claro"]) .grafico-uhe .b-diesel{fill:#8B9820}
}
:root[data-tema="escuro"] .grafico-uhe .linha-nivel,:root[data-tema="escuro"] .grafico-uhe .ponto{stroke:#C8D428}
:root[data-tema="escuro"] .grafico-uhe .legenda i.l{background:#C8D428}
:root[data-tema="escuro"] .grafico-uhe .b-uhe{fill:#17A063}
:root[data-tema="escuro"] .grafico-uhe .b-diesel{fill:#8B9820}

/* fotos do capítulo com recorte chevron */
.figura-rel.foto picture,.figura-rel.foto img{display:block}
.figura-rel.foto .recorte-foto{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),50% 100%,0 calc(100% - 28px))}

/* rodapé com marca */
.rodape .marca-rodape{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;
  padding-bottom:var(--s5);margin-bottom:var(--s2);border-bottom:1px solid rgba(255,255,255,.14)}
.rodape .marca-rodape img{height:26px;width:auto}
.rodape .marca-rodape span{font-size:var(--t-12);letter-spacing:.18em;text-transform:uppercase;color:#C7D8C9}
.selo-rodape img{background:#fff;padding:6px}

/* menu no celular */
.menu-btn{display:none}
@media (max-width:860px){
  .barra-in{flex-wrap:nowrap;gap:var(--s3)}
  .menu-btn{display:inline-flex;align-items:center;margin-left:auto}
  .barra nav{display:none;position:absolute;left:0;right:0;top:100%;background:#123A20;flex-direction:column;
    gap:0;padding:var(--s2) var(--s5) var(--s4);border-bottom:1px solid rgba(255,255,255,.12);margin:0}
  .barra nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .barra.aberta nav{display:flex}
  .ferramentas{border-left:0;padding-left:0;gap:var(--s2)}
  #btn-movimento{display:none}
  .barra.aberta #btn-movimento{display:inline-flex}
  .capa .t1{width:34vw;height:28vw;right:4%}
  .capa .t2{width:52vw;height:26vw}
  .capa .t3{display:none}
}
@media (max-width:520px){
  .idioma{display:none}
  .logo img{height:16px}
}

/* ajustes finos v2 */
.grafico-uhe .g-cab{max-width:none;margin:0}
.selo-rodape[hidden]{display:none}
.texto-cap{gap:var(--s8)}
.corpo-cap{grid-template-columns:236px minmax(0,1fr)}
.teste-corpo{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.registro,.lista{min-width:0}
@media (max-width:900px){.corpo-cap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.teste-corpo{grid-template-columns:minmax(0,1fr)}}
.tab-rel{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:620px){
  .tab-texto .ods-cel{min-width:150px}
  .tab-texto tbody th[scope="row"]{min-width:110px}
  .tab-rel th,.tab-rel td{padding:6px 8px;font-size:var(--t-13)}
}
.capa-in{padding-left:var(--s5);padding-right:var(--s5)}
.cena-texto .conteudo{padding-left:var(--s5);padding-right:var(--s5)}
@media (max-width:820px){.cena-texto .conteudo{padding-top:var(--s8);padding-bottom:var(--s8)}}
.corpo-cap{padding-left:var(--s5);padding-right:var(--s5)}
@media (max-width:620px){.sec-cap ul[style*="columns"]{columns:1!important}}
.sec-cap{padding:0}
.texto-cap{gap:var(--s9)}
@media (max-width:900px){.texto-cap{gap:var(--s8)}}
@media (max-width:620px){.capa .t1{width:30vw;height:22vw;right:0;opacity:.55}}
.capa-cap.dividida .t2{width:36%;height:17%}
.capa-cap.dividida .t1{width:26%;height:26%}
.indice a .conta-gri{display:block;margin-top:2px!important;font-family:var(--mono);font-size:var(--t-12);color:var(--ink-3);margin:0;font-weight:400}

/* =====================================================================
   v3 · parallax, hover e celular
   ===================================================================== */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1)}
.progresso{width:100%;transform:scaleX(0);transform-origin:0 50%}
html[data-movimento="reduzido"] [data-parallax],html[data-movimento="reduzido"] [data-mouse],
html[data-movimento="reduzido"] [data-giro]{translate:none!important;rotate:none!important}
@media (prefers-reduced-motion:reduce){[data-parallax],[data-mouse],[data-giro]{translate:none!important;rotate:none!important}}

/* abertura do capítulo: foto maior que a moldura para o parallax não mostrar borda */
.capa-cap.dividida .capa-foto{overflow:hidden}
.capa-cap.dividida .capa-foto img.foto-capa{scale:1.18;will-change:translate}
.capa-cap.dividida .t3{right:34%;bottom:0;width:12%;height:12%;opacity:.9}
.capa-cap .ficha{transition:border-color .2s ease,color .2s ease,background-color .2s ease}

/* números fantasma nas seções */
.sec-cap .cab-sec{position:relative;gap:0;isolation:isolate}
.fantasma{position:absolute;right:0;top:-.62em;z-index:-1;font-size:clamp(4.5rem,11vw,9rem);font-weight:800;
  line-height:1;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px var(--rule);
  font-stretch:88%;pointer-events:none;user-select:none;will-change:translate}

/* fotos das figuras com folga para o parallax */
.figura-rel.foto .recorte-foto{overflow:hidden;background:var(--tb-floresta)}
.figura-rel.foto .recorte-foto img{scale:1.16;will-change:translate;transition:scale .9s var(--ease-out),filter .6s ease}

/* anéis dos valores giram com a rolagem */
.valores::before,.valores::after{display:none}
.valores .anel{position:absolute;inset:0;border-radius:50%;z-index:-1}
.valores .anel.a1{background:conic-gradient(from 10deg,var(--tb-verde) 0 62%,#03804f 62% 100%);inset:-2% 4% 6% -4%}
.valores .anel.a2{background:conic-gradient(from 200deg,var(--tb-sage) 0 55%,#5a8587 55% 100%);inset:4% -4% -2% 4%;mix-blend-mode:multiply}
.valores .miolo{box-shadow:0 0 0 0 rgba(200,212,40,0);transition:box-shadow .5s var(--ease-out)}

/* setas e cartões de navegação */
.nav-cap .seta{font-style:normal;display:inline-block;transition:transform .25s var(--ease-out)}
.nav-cap a{transition:border-color .2s ease,box-shadow .25s ease,transform .25s var(--ease-out)}

/* pressão em tudo que é clicável */
.btn,.mini,.gri-chip,.nav-cap a,.cap,.baixar .btn{transition:transform .16s var(--ease-out),background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .25s ease}
.btn:active,.mini:active,.gri-chip:active,.nav-cap a:active{transform:scale(.97)}

/* ------------------------------------------------ hover (só com mouse) */
@media (hover:hover) and (pointer:fine){
  .capa-cap .ficha:hover{border-color:var(--tb-lima);color:#fff;background:rgba(200,212,40,.08)}
  .figura-rel.foto:hover .recorte-foto img{scale:1.22;filter:saturate(1.08) contrast(1.03)}
  .figura-rel.foto figcaption{transition:color .2s ease}
  .figura-rel.foto:hover figcaption{color:var(--ink)}

  .pilar-card{transition:transform .35s var(--ease-out),box-shadow .35s ease,filter .3s ease}
  .pilar-card:hover{transform:translateY(-8px);box-shadow:0 18px 36px rgba(11,36,22,.22);filter:brightness(1.06)}
  .pilar-card .icone{transition:transform .5s var(--ease-out)}
  .pilar-card:hover .icone{transform:translateX(-50%) rotate(-12deg) scale(1.06)}
  .pilar-card.p-dir:hover .icone{transform:translateX(-50%) rotate(60deg)}
  .pilar-card li{transition:transform .2s var(--ease-out),color .2s ease}
  .pilar-card li:hover{transform:translateX(3px);color:#fff}
  .pilares:has(.pilar-card:hover) .pilar-card:not(:hover){filter:saturate(.7) brightness(.96)}
  .valores:hover .miolo{box-shadow:0 0 0 8px rgba(200,212,40,.55)}

  .indice a{transition:color .2s ease,transform .2s var(--ease-out),border-color .2s ease}
  .indice a:hover{transform:translateX(4px)}

  .destaques div{transition:border-color .2s ease,transform .25s var(--ease-out)}
  .destaques div:hover{border-top-color:var(--tb-institucional);transform:translateY(-3px)}
  .destaques div:hover .v{color:var(--acento)}

  .barras.foco .barra-linha{opacity:.45;transition:opacity .2s ease}
  .barras.foco .barra-linha.ativa{opacity:1}
  .barra-linha .fill{transition:transform .25s var(--ease-out),filter .2s ease;transform-origin:0 50%}
  .barra-linha.ativa .fill{transform:scaleY(1.35)}
  .barra-linha.ativa .rot,.barra-linha.ativa .val{color:var(--ink);font-weight:600}

  .tab-rel td.col-on,.tabela-rolagem td.col-on{box-shadow:inset 0 0 0 999px rgba(200,212,40,.16)}
  .tab-rel tbody tr:hover>th[scope="row"]{box-shadow:inset 4px 0 0 var(--tb-lima)}

  .gri-chip:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(11,36,22,.14)}
  .gri-chip:hover:active{transform:scale(.97)}

  .sec-cap .destaque li{transition:color .15s ease}
  .sec-cap .destaque li:hover{color:var(--acento)}

  .nav-cap a:hover{box-shadow:var(--sombra);transform:translateY(-3px)}
  .nav-cap a:hover .seta{transform:translateX(-4px)}
  .nav-cap a.dir:hover .seta{transform:translateX(4px)}

  .porta{transition:transform .3s var(--ease-out),box-shadow .3s ease}
  .porta .topo{transition:transform .35s var(--ease-out);transform-origin:0 0}
  .porta:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
  .porta:hover .topo{transform:scaleY(1.8)}

  .cap{transition:transform .3s var(--ease-out),box-shadow .3s ease}
  .cap:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
  .cap .n{transition:color .2s ease,transform .35s var(--ease-out)}
  .cap:hover .n{transform:translateY(-4px)}

  .kpi,.selo div,.placar-num div{transition:transform .25s var(--ease-out)}
  .kpi:hover,.selo div:hover,.placar-num div:hover{transform:translateY(-3px)}
  .kpi:hover .v{color:var(--tb-lima)}
  .baixar{transition:border-color .2s ease,box-shadow .25s ease}
  .baixar:hover{border-color:var(--acento);box-shadow:0 6px 18px rgba(11,36,22,.1)}
  .citacao p{transition:letter-spacing .5s var(--ease-out)}
  .citacao:hover p{letter-spacing:.035em}
}

/* ------------------------------------------------ tabelas com rolagem */
.tab-rel,.tabela-rolagem{position:relative}
.tab-rel.rola::after{content:"Arraste para o lado →";position:sticky;left:100%;display:block;width:max-content;
  margin:6px 0 0 auto;font-size:var(--t-12);color:var(--ink-3);letter-spacing:.04em}
.tab-rel.rola.rola-fim::after{visibility:hidden}
.tab-rel.rola{background:
  linear-gradient(to left,var(--ground),rgba(247,248,245,0)) right top/28px 100% no-repeat local,
  radial-gradient(farthest-side at 100% 50%,rgba(11,36,22,.18),transparent) right top/12px 100% no-repeat scroll}

/* ------------------------------------------------ celular */
@media (max-width:900px){
  /* índice vira trilho fixo abaixo do cabeçalho */
  .indice{position:sticky;top:56px;z-index:30;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;
    gap:var(--s2);margin:0 calc(var(--s5) * -1);padding:10px var(--s5);border:0;
    background:rgba(247,248,245,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .indice::-webkit-scrollbar{display:none}
  .indice p{display:none}
  .indice a{flex:0 0 auto;white-space:nowrap;font-size:var(--t-13);padding:7px 12px;margin:0;
    border:1px solid var(--rule-forte);background:var(--surface);scroll-snap-align:center;min-height:36px;
    display:inline-flex;align-items:center}
  .indice a[aria-current="true"]{background:var(--tb-lima);border-color:var(--tb-lima);color:var(--tb-floresta);
    border-bottom:1px solid var(--tb-lima)}
  .indice a .conta-gri{display:none}
  .sec-cap{scroll-margin-top:120px}
  .corpo-cap{padding-top:0}
  .so-desk{display:none}
  .fantasma{font-size:4.4rem;top:-.2em}
  .gri-chip{min-height:32px;padding:4px 10px}
  .capa-cap.dividida .capa-foto img.foto-capa{scale:1.12}
  .capa-cap.dividida .t3{display:none}
  .capa-cap.dividida .t1{width:22%;height:11%;right:5%}
  .fantasma{top:-.35em}
  .figura-rel.foto .recorte-foto img{scale:1.1}
  .citacao p{font-size:1.2rem}
  .pilar-card{margin-top:40px}
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) .indice{background:rgba(11,36,22,.94)}
  :root:not([data-tema="claro"]) .tab-rel.rola{background:none}
}
:root[data-tema="escuro"] .indice{background:rgba(11,36,22,.94)}
:root[data-tema="escuro"] .tab-rel.rola{background:none}
@media (min-width:901px){:root[data-tema="escuro"] .indice,.indice{background:none}}
/* rótulos em caixa alta como no impresso */
.h3-caixa{text-transform:uppercase;letter-spacing:.1em;font-weight:500;color:var(--ink-2)}
.tab-rel tbody tr.grupo>th{text-transform:uppercase}

/* =====================================================================
   v4 · página inicial do relatório
   ===================================================================== */
@media (max-width:1140px) and (min-width:861px){.barra nav{gap:var(--s4);font-size:var(--t-12)}}
.btn .seta{font-style:normal;display:inline-block;transition:transform .25s var(--ease-out)}
.btn-p{font-family:var(--mono);font-size:var(--t-12);opacity:.75;margin-left:2px}
.codigos{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}
section h3.h3-caixa{margin-bottom:var(--s4)}

/* mensagem da liderança */
.carta{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8);align-items:start}
.carta-foto{margin:0;position:sticky;top:96px;isolation:isolate}
.carta-moldura{overflow:hidden;background:var(--tb-floresta);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),50% 100%,0 calc(100% - 34px))}
.carta-moldura img{width:100%;aspect-ratio:4/5;object-fit:cover;scale:1.08}
.carta-tri{left:-22px;bottom:18%;width:92px;height:80px;z-index:-1}
.carta-txt{display:flex;flex-direction:column;gap:var(--s5)}
.carta-txt .codigos{margin:var(--s2) 0 var(--s4)}
.carta-rot{font-size:var(--t-14);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s2)}
.carta-corpo p{max-width:64ch;font-size:1.0625rem;line-height:1.72;color:var(--ink-2);margin-bottom:var(--s4)}
.carta-corpo>p:first-child{font-size:var(--t-21);font-weight:300;line-height:1.5;color:var(--ink)}
.carta-mais{margin:var(--s2) 0 var(--s5)}
.carta-mais summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;
  padding:10px 18px;border:1px solid var(--rule-forte);color:var(--acento);font-weight:600;font-size:var(--t-14);
  background:var(--surface);transition:border-color .2s ease,background-color .2s ease}
.carta-mais summary::-webkit-details-marker{display:none}
.carta-mais summary::after{content:"+";font-size:1.2em;line-height:1;transition:transform .3s var(--ease-out)}
.carta-mais[open] summary::after{transform:rotate(45deg)}
.carta-mais .fechar,.carta-mais[open] .abrir{display:none}
.carta-mais[open] .fechar{display:inline}
.carta-mais[open] summary{margin-bottom:var(--s5)}
.carta-mais[open]>p{animation:surgir .5s var(--ease-out) both}
@keyframes surgir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-movimento="reduzido"] .carta-mais[open]>p{animation:none}
.carta-fim{font-weight:600;color:var(--ink)!important}
.assinatura{border-top:3px solid var(--tb-lima);padding-top:var(--s3);display:inline-block;font-size:var(--t-14)!important;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)!important}
.assinatura b{color:var(--ink);font-weight:700}

/* frases grandes sobre foto */
.frase-cena{font-size:clamp(1.55rem,3.8vw,2.9rem);font-weight:300;line-height:1.18;max-width:24ch;color:#fff;text-wrap:balance}
.frase-cena b{font-weight:700;color:var(--tb-lima)}
.cena-quote .frase-cena{max-width:26ch}

/* resultados expressivos */
.destaques-sec{padding-bottom:var(--s8)}
.grupo-dados{margin-top:var(--s7)}
.dados{display:grid;gap:var(--s5) var(--s5)}
.dados-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dados-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dado{border-top:3px solid var(--tb-lima);padding-top:var(--s3)}
.dado .v,.m-card .v,.m-foto .v{display:block;font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:700;line-height:1.08;
  color:var(--acento);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.dado .r,.m-card .r{display:block;margin-top:var(--s2);font-size:var(--t-14);color:var(--ink-2);line-height:1.5}
.dado .r b{color:var(--ink)}
.bloco-dados .nota-rodape{margin-top:var(--s6);max-width:none}
.mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);grid-auto-flow:dense}
.m-card{--cor:var(--tb-verde);background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--cor);
  padding:var(--s5);display:flex;flex-direction:column;min-height:190px}
.m-card .r{margin-top:auto;padding-top:var(--s3)}
.m-card .v-texto{font-size:var(--t-18);text-transform:uppercase;letter-spacing:.06em;line-height:1.25}
.m-largo{grid-column:span 2}
.c-social{--cor:var(--tb-lima)}
.c-gov{--cor:var(--tb-sage)}
.c-amb{--cor:var(--tb-musgo)}
.c-clima{--cor:var(--tb-institucional)}
.c-agua{--cor:#3A7FB0}
.m-foto{grid-column:span 2;grid-row:span 2;margin:0;position:relative;overflow:hidden;background:var(--tb-floresta);min-height:380px}
.m-foto picture,.m-foto img{position:absolute;inset:0;width:100%;height:100%}
.m-foto img{object-fit:cover;object-position:30% 50%;scale:1.1}
.m-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--s8) var(--s5) var(--s5);color:#fff;
  background:linear-gradient(to top,rgba(11,36,22,.94),rgba(11,36,22,.55) 60%,transparent)}
.m-foto .v{color:var(--tb-lima);font-size:var(--t-21);letter-spacing:.08em}
.m-foto .r{display:block;margin-top:var(--s1);font-size:var(--t-16);color:#E4ECE4}
.m-faixa{grid-column:1/-1;background:var(--tb-floresta);border:0;color:#fff;min-height:0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--s5);align-items:center;padding:var(--s6)}
.m-faixa .v{color:var(--tb-lima)}
.m-faixa .r{margin:0;padding:0;color:#D3E2D4;font-size:var(--t-16)}

/* sobre o relatório e linha do tempo */
.sobre-sec{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sobre{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s8);align-items:start}
.sobre-cab{position:sticky;top:96px;display:flex;flex-direction:column;gap:var(--s4)}
.sobre-txt p{max-width:66ch;color:var(--ink-2);margin-bottom:var(--s4);font-size:1.0625rem;line-height:1.72}
.sobre-txt p:first-child{font-size:var(--t-21);font-weight:300;line-height:1.5;color:var(--ink)}
.historia-wrap{margin-top:var(--s9)}
.historia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative}
.historia::before{content:"";position:absolute;left:0;right:0;top:46px;height:2px;
  background:linear-gradient(90deg,var(--tb-sage),var(--tb-verde) 70%,var(--tb-lima))}
.historia li{position:relative;padding:0 var(--s3) 0 0;display:flex;flex-direction:column;gap:var(--s4)}
.historia b{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:800;color:var(--acento);line-height:1;font-stretch:90%;height:32px}
.historia li::before{content:"";position:absolute;left:0;top:40px;width:14px;height:14px;border-radius:50%;
  background:var(--surface);border:3px solid var(--tb-verde);transition:transform .25s var(--ease-out),background-color .2s ease}
.historia li.agora::before{background:var(--tb-lima);border-color:var(--tb-lima);box-shadow:0 0 0 6px rgba(200,212,40,.28)}
.historia span{padding-top:var(--s5);font-size:var(--t-14);color:var(--ink-2);line-height:1.45}
.historia strong{color:var(--ink)}
.historia sup{font-size:.7em}
.historia-wrap .nota-rodape{margin-top:var(--s5)}

/* propósito, missão, visão e valores */
.cena-proposito .mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6);margin-top:var(--s7);max-width:820px}
.cena-proposito .mv div{border-top:2px solid rgba(200,212,40,.7);padding-top:var(--s3)}
.cena-proposito .mv h3{font-size:var(--t-12);letter-spacing:.22em;text-transform:uppercase;color:var(--tb-lima);margin-bottom:var(--s2)}
.cena-proposito .mv p{color:#D3E2D4;font-size:var(--t-16);line-height:1.55}
.valores-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);flex-wrap:wrap}
.valores-lista{list-style:none;margin:var(--s7) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;border-top:1px solid var(--rule)}
.valores-lista li{padding:var(--s5) var(--s5) var(--s6) 0;border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--s2);position:relative}
.valores-lista li:nth-child(3n+2),.valores-lista li:nth-child(3n){padding-left:var(--s5);border-left:1px solid var(--rule)}
.valores-lista b{font-size:var(--t-18);text-transform:uppercase;letter-spacing:.1em;color:var(--acento);font-weight:600}
.valores-lista span{color:var(--ink-2);font-size:var(--t-16);max-width:36ch}

/* sumário em cartões */
.capitulos-sec{background:var(--surface-2);border-top:1px solid var(--rule)}
.cap{text-decoration:none;color:inherit}
.cap .cap-tit{align-items:flex-start}
.cap .cap-tit h3{flex:1}
.cap .pg-cap{font-family:var(--mono);font-size:var(--t-13);color:var(--ink-3);padding-top:4px}
.sub-cap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:var(--t-14);color:var(--ink-2)}
.sub-cap li{display:flex;align-items:baseline;gap:var(--s2);line-height:1.35}
.sub-cap li span:first-child{flex:0 1 auto}
.sub-cap li::after{content:"";order:1;flex:1 1 12px;border-bottom:1px dotted var(--rule-forte);min-width:12px;transform:translateY(-3px)}
.sub-cap .pg{order:2;font-family:var(--mono);font-size:var(--t-12);color:var(--ink-3)}
.cap .meta{display:flex;justify-content:space-between;align-items:center;font-weight:500;color:var(--acento)}
.cap .meta .seta{font-style:normal;transition:transform .25s var(--ease-out)}
.cap-site .meta{color:var(--tb-institucional)}
.cap-site figure::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--tb-lima);z-index:2}

/* central */
.indicadores-sec{background:var(--ground)}
.teste-pe{flex-wrap:wrap}
.teste-pe b{color:var(--ink);font-family:var(--mono);font-weight:500}
.registro .onde{margin-top:var(--s2)}

/* downloads */
.downloads-sec{background:var(--surface);border-top:1px solid var(--rule)}
.downloads{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s8);align-items:start}
.lista-dl{list-style:none;margin:0;padding:0;gap:0;border-top:1px solid var(--rule)}
.lista-dl .baixar{border:0;border-bottom:1px solid var(--rule);background:none;padding:var(--s4) 0;box-shadow:none}
.lista-dl .t{display:flex;align-items:baseline;gap:var(--s3);font-size:var(--t-16);font-weight:500}
.n-dl{font-weight:800;color:var(--tb-verde);font-size:var(--t-21);min-width:1.1em;line-height:1}
.baixar-destaque{background:var(--tb-floresta)!important;color:#fff;padding:var(--s5)!important;margin-bottom:var(--s3)}
.baixar-destaque .t{font-size:var(--t-18);font-weight:600}
.baixar-destaque .p{color:#A9C0AD}
.baixar-destaque .btn-cheio{background:var(--tb-lima);color:var(--tb-floresta)}
.baixar-destaque .btn-cheio:hover{background:#B6C221}

/* rodapé com expediente */
.rodape a{text-decoration:none}
.rodape a:hover{text-decoration:underline}
.expediente{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7);padding:var(--s5) 0 var(--s6)}
.exp-tit{font-size:var(--t-12)!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--tb-lima)!important;
  font-weight:600!important;margin-bottom:var(--s4)!important;line-height:1.3!important}
.exp-marca{color:#fff;font-weight:600;margin-bottom:var(--s3)}
.exp-gri{font-family:var(--mono);font-size:var(--t-12);color:#C7D8C9;border:1px solid rgba(255,255,255,.25);padding:1px 6px;margin-left:4px;white-space:nowrap}
.expediente dl{margin:0}
.expediente dt{color:#E4ECE4;font-weight:600;margin-top:var(--s3)}
.expediente dt:first-child{margin-top:0}
.expediente dd{margin:2px 0 0;color:#9FB8A6;line-height:1.5}
.expediente p{margin-bottom:var(--s3);line-height:1.6}
.rodape-nav{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);border-top:1px solid rgba(255,255,255,.14);padding-top:var(--s5);
  font-size:var(--t-12);letter-spacing:.1em;text-transform:uppercase}
.rodape-nav a{color:#C7D8C9}
.rodape-nav a:last-child{margin-left:auto;color:var(--tb-lima)}
.rodape-cap .marca-rodape a{display:inline-flex}
.ficha-link{color:#fff;text-decoration:none}
.ficha-link:hover{border-color:var(--tb-lima);color:var(--tb-lima)}

/* hover (só com mouse) */
@media (hover:hover) and (pointer:fine){
  .btn-lima:hover .seta{transform:translateY(3px)}
  .carta-mais summary:hover{border-color:var(--acento);background:var(--surface-2)}
  .dado,.m-card{transition:transform .3s var(--ease-out),box-shadow .3s ease,border-color .2s ease}
  .dado:hover{transform:translateY(-3px)}
  .m-card:hover{transform:translateY(-5px);box-shadow:var(--sombra)}
  .m-card:hover .v{color:var(--ink)}
  .m-faixa:hover{transform:none;box-shadow:none}
  .m-foto img{transition:scale .9s var(--ease-out)}
  .m-foto:hover img{scale:1.16}
  .historia li:hover::before{transform:scale(1.35);background:var(--tb-lima);border-color:var(--tb-lima)}
  .historia li:hover b{color:var(--ink)}
  .valores-lista li{transition:background-color .25s ease}
  .valores-lista li::after{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--tb-lima);transition:width .45s var(--ease-out)}
  .valores-lista li:nth-child(3n+2)::after,.valores-lista li:nth-child(3n)::after{left:-1px}
  .valores-lista li:hover::after{width:100%}
  .cap:hover .meta .seta{transform:translateX(5px)}
  .sub-cap li{transition:color .15s ease}
  .cap:hover .sub-cap li{color:var(--ink)}
  .lista-dl .baixar:not(.baixar-destaque):hover{box-shadow:inset 4px 0 0 var(--tb-lima);padding-left:var(--s4)}
  .lista-dl .baixar{transition:padding .25s var(--ease-out),box-shadow .25s ease}
}

/* telas médias e celular */
@media (max-width:980px){
  .mosaico{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-foto{grid-row:span 1;min-height:0;aspect-ratio:3/2}
  .dados-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .historia{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s3);
    margin:0 calc(var(--s5) * -1);padding-left:var(--s5);scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .historia::before{left:var(--s5);width:calc(190px * 8);right:auto}
  .historia li{flex:0 0 190px;scroll-snap-align:start}
  .expediente{grid-template-columns:repeat(2,minmax(0,1fr))}
  .expediente .exp-col:last-child{grid-column:1/-1}
}
@media (max-width:900px){
  .carta{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .carta-foto{position:relative;top:auto;max-width:420px}
  .carta-moldura img{aspect-ratio:1/1;object-position:50% 12%}
  .sobre,.downloads{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .sobre-cab{position:static}
  .valores-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .valores-lista li,.valores-lista li:nth-child(3n+2),.valores-lista li:nth-child(3n){padding:var(--s5) var(--s4) var(--s5) 0;border-left:0}
  .valores-lista li:nth-child(2n){padding-left:var(--s4);border-left:1px solid var(--rule)}
}
@media (max-width:760px){
  .dados-3{grid-template-columns:minmax(0,1fr)}
  .m-faixa{grid-template-columns:minmax(0,1fr);gap:var(--s3);padding:var(--s5)}
  .cena-proposito .mv{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .rodape-nav a:last-child{margin-left:0}
}
@media (max-width:560px){
  .mosaico{grid-template-columns:minmax(0,1fr)}
  .m-largo,.m-foto{grid-column:auto}
  .m-card{min-height:0}
  .dados-4{grid-template-columns:minmax(0,1fr)}
  .valores-lista{grid-template-columns:minmax(0,1fr)}
  .valores-lista li,.valores-lista li:nth-child(2n){padding:var(--s4) 0;border-left:0}
  .expediente{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .lista-dl .baixar{gap:var(--s3)}
  .lista-dl .baixar>div{min-width:0}
  .lista-dl .baixar .btn{padding:10px 14px;flex:0 0 auto}
  .lista th:nth-child(3),.lista td:nth-child(3){display:none}
  .capa .faixa-num .kpi .r{font-size:var(--t-12)}
  .acoes .btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) .m-card .v{color:#8FD9B0}
}
:root[data-tema="escuro"] .m-card .v{color:#8FD9B0}

/* cabeçalho mais largo para caber as cinco seções */

@media (min-width:861px){.barra-in{flex-wrap:nowrap}.barra nav{flex-wrap:nowrap;white-space:nowrap}}
@media (max-width:1180px) and (min-width:861px){#btn-movimento{display:none}.barra nav{gap:var(--s4);letter-spacing:.06em}}
/* complementos em faixa horizontal */
@media (min-width:981px){
  .cap-comp{grid-column:1/-1;flex-direction:row}
  .cap-comp figure{flex:0 0 calc((100% - var(--s5) * 2) / 3);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)}
  .cap-comp figure img{height:100%;aspect-ratio:auto}
  .cap-comp .corpo{padding:var(--s6) var(--s7) var(--s5) var(--s6);justify-content:center}
  .cap-comp .sub-cap{max-width:460px}
}
.mini,.idioma{white-space:nowrap}
.lista-dl .baixar{flex-wrap:nowrap}
@media (min-width:861px){
  .barra nav{gap:18px;letter-spacing:.05em}
  .ferramentas{padding-left:var(--s3);gap:var(--s2)}
  .barra-in{gap:var(--s4)}
}
@media (max-width:1000px) and (min-width:861px){.barra nav{gap:var(--s3);letter-spacing:.04em}.idioma{display:none}}

/* =====================================================================
   Capítulos 1, 2, 4, 6, 7 e 8 (mesmo template do capítulo 3)
   ===================================================================== */
.sec-cap h2{text-transform:uppercase}
.sec-cap h3.h3-caixa{margin-top:var(--s5)}
.sec-cap h3.h3-caixa b,.sec-cap h3.h3-caixa i{font-weight:inherit}
.sec-cap h3.h3-caixa+.codigos{margin-top:calc(var(--s3) * -1)}
.realce{font-size:var(--t-18);line-height:1.6;color:var(--acento);font-weight:500}
.realce-grande{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.45;color:var(--acento);font-weight:400;
  border-left:4px solid var(--tb-lima);padding-left:var(--s5);max-width:52ch}
.lista-cap{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:var(--s2);max-width:66ch}
.lista-cap li::marker{color:var(--tb-verde)}
.lista-limpa{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}
.frentes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4)}
.frente{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--tb-lima);padding:var(--s5);
  display:flex;flex-direction:column;gap:var(--s3)}
.frente p,.frente li{font-size:var(--t-14);line-height:1.6}
.frente-tit{font-size:var(--t-14);text-transform:uppercase;letter-spacing:.08em;color:var(--acento);font-weight:600;line-height:1.35}
.frente-escura,.caixa{background:var(--tb-floresta);color:#E4ECE4;border-color:var(--tb-floresta)}
.frente-escura .frente-tit,.caixa .frente-tit,.caixa h3,.caixa h4{color:var(--tb-lima)}
.frente-escura li::marker,.caixa li::marker{color:var(--tb-lima)}
.caixa{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3);border-top:4px solid var(--tb-lima)}
.caixa p,.caixa li{max-width:none;font-size:var(--t-14);line-height:1.6}
.caixa b{color:#fff}
.caixa a{color:var(--tb-lima)}
.caixa-lima{background:var(--tb-lima);color:#12301E;padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3)}
.caixa-lima p,.caixa-lima li{max-width:none;font-size:var(--t-14);line-height:1.6}
.caixa-lima .frente-tit,.caixa-lima h3,.caixa-lima h4{color:#12301E}
.caixa-lima li::marker{color:#12301E}
.caixa-clara{background:var(--surface-2);border:1px solid var(--rule);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3)}
.caixa-clara p,.caixa-clara li{max-width:none}
.fotos-2,.fotos-3{display:grid;gap:var(--s3)}
.fotos-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fotos-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fotos-2 .figura-rel img,.fotos-3 .figura-rel img{aspect-ratio:4/3;object-fit:cover}
@media (max-width:620px){.fotos-2,.fotos-3{grid-template-columns:minmax(0,1fr)}}
.duas-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);align-items:start}
.duas-col>*{min-width:0}
@media (max-width:900px){.duas-col{grid-template-columns:minmax(0,1fr)}}
.tab-rel td.txt,.tab-rel th.txt{white-space:normal}
.tab-rel .sub-cab th{background:#E3EDC0;color:#12301E}
.tab-compacta table{font-size:var(--t-13)}
.tab-compacta th,.tab-compacta td{padding:6px 8px}
.mv-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.mv-3>div{background:var(--tb-institucional);color:#fff;padding:var(--s5);border-top:4px solid var(--tb-lima)}
.mv-3>div:first-child{background:var(--tb-musgo)}
.mv-3>div:last-child{background:var(--tb-sage)}
.mv-3 h3{font-size:var(--t-14);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:var(--s2)}
.mv-3 p{font-size:var(--t-16);line-height:1.55;color:#F1F6EF}
@media (max-width:760px){.mv-3{grid-template-columns:minmax(0,1fr)}}
.valores-bloco .lead{margin-top:var(--s2)}
.valores-bloco .valores-lista{margin-top:var(--s5)}
.processo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s4);counter-reset:none}
.processo>li{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--tb-verde);padding:var(--s5);
  display:flex;flex-direction:column;gap:var(--s3);position:relative}
.processo>li:nth-child(n+5){border-top-color:var(--tb-lima)}
.processo .passo-n{font-size:var(--t-38);font-weight:800;line-height:1;color:var(--tb-verde);font-stretch:85%}
.processo h4{font-size:var(--t-16);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.processo .lista-cap{font-size:var(--t-14)}
.processo p{font-size:var(--t-14);color:var(--ink-2)}
.unidades{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3)}
.unidades li{border-left:3px solid var(--tb-lima);padding:var(--s2) var(--s4);display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-14);color:var(--ink-2)}
.unidades b{color:var(--acento);font-size:var(--t-14)}
.comites{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.comites li{background:var(--surface);border:1px solid var(--rule-forte);border-radius:999px;padding:6px 14px;font-size:var(--t-13);line-height:1.3}
.comites li:nth-child(3n+1){background:#EEF3C4;border-color:#D8E07A;color:#12301E}
.comites li:nth-child(3n+2){background:#CFE7D6;border-color:#9FCBAE;color:#12301E}
.operacoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.operacoes .frente-tit{font-size:var(--t-18)}
@media (max-width:760px){.operacoes{grid-template-columns:minmax(0,1fr)}}
.historia-cap{margin-top:0}
.figura-rel.retrato{max-width:560px}
.destaque-verde{background:var(--tb-verde);border-top-color:var(--tb-lima)}
.destaque-verde p{color:#fff;font-style:italic;font-size:var(--t-18);line-height:1.55}
.caixa-com-foto{align-items:stretch}
.caixa-com-foto .figura-rel img{height:100%;object-fit:cover}
.canal a{color:#12301E;text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.canal li{font-size:var(--t-16)}
.carta-cap>div{display:flex;flex-direction:column;gap:var(--s4)}
.carta-cap .carta-tit{font-size:var(--t-21);font-weight:600;color:var(--acento);line-height:1.3;text-transform:uppercase;letter-spacing:.06em}
.carta-cap .carta-rot{margin:0}
.carta-cap .figura-rel img{aspect-ratio:4/5;object-fit:cover}
.pag-cap .assinatura{font-size:var(--t-14);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border-top:2px solid var(--tb-lima);padding-top:var(--s3);max-width:360px}
.pag-cap .carta-fim{font-weight:600}
.lead-cap{font-size:var(--t-21);font-weight:300;line-height:1.5;color:var(--ink)}
.mosaico-cap .m-foto .figura-rel,.mosaico-cap .m-foto picture{position:absolute;inset:0;margin:0}
.mosaico-cap .m-foto img{width:100%;height:100%;object-fit:cover}
.h4-sub{font-size:var(--t-14);text-transform:uppercase;letter-spacing:.1em;color:var(--acento);font-weight:600;margin-top:var(--s4)}
.h4-sub+.codigos{margin-top:calc(var(--s3) * -1)}
.grafico-img{background:var(--tb-floresta);padding:var(--s3)}
.grafico-img.pgd{background:#fff}
.grafico-img figcaption{color:#D3E2D4;font-style:normal;padding:var(--s2) var(--s2) 0}
.grafico-img img{background:transparent}
.caixa-foto{margin:calc(var(--s6) * -1) calc(var(--s6) * -1) var(--s2)}
.caixa-foto img{width:100%;height:auto}
.especies{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--s5);align-items:center}
.especies .mini-foto{margin:0}
.especies .mini-foto img{aspect-ratio:3/4;object-fit:cover}
@media (max-width:620px){.especies{grid-template-columns:minmax(0,1fr)}.especies .mini-foto{max-width:200px}}
.programas{gap:var(--s3)}
.programas li{line-height:1.6}
.declaracao{display:grid;gap:0;border:1px solid var(--rule);background:var(--surface);margin:0}
.declaracao>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--s4);padding:var(--s3) var(--s5);border-bottom:1px solid var(--rule)}
.declaracao>div:last-child{border-bottom:0}
.declaracao dt{font-weight:700;color:var(--ink)}
.declaracao dd{margin:0;color:var(--ink-2)}
@media (max-width:620px){.declaracao>div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}}
.sumario-gri td:nth-child(4){min-width:260px}
.sumario-gri td:last-child,.sumario-gri th:last-child{white-space:nowrap}
.mapa-temas td:last-child{min-width:180px}
.ref-gri{font-family:var(--mono);font-size:.92em;white-space:nowrap}
.expediente-cap dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s3) var(--s5);margin:0}
.expediente-cap dt{font-weight:600;color:var(--ink)}
.expediente-cap dd{margin:0;color:var(--ink-2)}
.expediente-cap .codigos{margin:var(--s2) 0 var(--s4)}
@media (max-width:620px){.expediente-cap dl{grid-template-columns:minmax(0,1fr);gap:var(--s1)}.expediente-cap dd{margin-bottom:var(--s3)}}
.expediente-cap dd .codigos{display:inline-flex;margin:0 var(--s2) 0 0}
.pag-cap .indice a{text-transform:uppercase;font-size:var(--t-12);letter-spacing:.06em;line-height:1.4}
.pag-cap .indice a .conta-gri{text-transform:none;letter-spacing:0}
.pag-cap .sumario-cap td:nth-child(4){text-transform:uppercase;font-size:var(--t-12);letter-spacing:.05em}

.expediente-cap .exp-marca{color:var(--ink);font-weight:600;margin:0}
.sec-cap h2,.sec-cap .h3-caixa,.sec-cap .h4-sub,.frente-tit{overflow-wrap:break-word;hyphens:auto}
@media (max-width:420px){.sec-cap h2{letter-spacing:.04em;font-size:1.25rem}.sec-cap .h3-caixa{letter-spacing:.05em}}
.cap-1 .dado .v,.cap-1 .m-card .v,.cap-1 .m-foto .v{text-transform:uppercase}
.fotos-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.fotos-4 .figura-rel{margin:0}
.fotos-4 img{aspect-ratio:4/3;object-fit:cover}
@media (max-width:620px){.fotos-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aplicacoes figcaption{font-style:normal;font-weight:600;color:var(--ink-2)}
.treinamentos{margin:var(--s2) 0}
.cap-1 .m-card .v:not(.v-texto){font-size:clamp(1.3rem,2vw,1.75rem)}
.cap-1 .m-card .v{overflow-wrap:break-word}
.mosaico-cap .m-largo{grid-column:1/-1;min-height:0}

/* Carta do capítulo: texto corta na altura da foto, botão alinhado à base dela, resto abre abaixo */
.carta-cap{align-items:stretch}
.carta-cap .carta-btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;
  padding:10px 18px;border:1px solid var(--rule-forte);color:var(--acento);font:inherit;font-weight:600;font-size:var(--t-14);
  background:var(--surface);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.carta-cap .carta-btn::after{content:"+";font-size:1.2em;line-height:1;transition:transform .3s var(--ease-out)}
.carta-cap .carta-btn[aria-expanded="true"]::after{transform:rotate(45deg)}
.carta-cap .carta-btn .fechar,.carta-cap .carta-btn[aria-expanded="true"] .abrir{display:none}
.carta-cap .carta-btn[aria-expanded="true"] .fechar{display:inline}
.carta-cap .carta-btn:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
@media (hover:hover){.carta-cap .carta-btn:hover{border-color:var(--acento);background:var(--surface-2)}}
.carta-resto{display:flex;flex-direction:column;gap:var(--s5)}
.carta-resto[hidden]{display:none}
.carta-resto:not([hidden])>*{animation:surgir .5s var(--ease-out) both}
html[data-movimento="reduzido"] .carta-resto>*{animation:none}
@media (min-width:901px){
  .carta-cap:not(.aberta)>.carta-col{contain:size;overflow:hidden}
  .carta-cap:not(.aberta) .carta-abre{flex:1 1 auto;min-height:0;overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
  .carta-cap:not(.aberta) .carta-btn{flex:none}
}

/* Sumário desdobrável no menu: dropdown no desktop, gaveta lateral no celular */
.nav-sum{position:relative;display:inline-flex;align-items:center;gap:6px}
.nav-sum-seta{background:none;border:0;padding:6px 2px;margin:-6px 0;color:#C7D8C9;cursor:pointer;display:inline-flex;align-items:center}
.nav-sum-seta svg{transition:transform .25s var(--ease-out)}
.nav-sum.aberto .nav-sum-seta svg{transform:rotate(180deg)}
.nav-sum-seta:hover,.nav-sum-seta:focus-visible{color:var(--tb-lima)}
.painel-sum{position:absolute;top:calc(100% + 20px);left:-18px;width:360px;z-index:80;
  background:#123A20;border-top:3px solid var(--tb-lima);box-shadow:0 18px 40px rgba(0,0,0,.28);
  padding:var(--s3) 0 var(--s2);text-transform:none;letter-spacing:0;white-space:normal;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .25s var(--ease-out),visibility 0s linear .25s}
.painel-sum::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.painel-sum.aberto{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover) and (min-width:861px){
  .nav-sum:hover .painel-sum,.nav-sum:focus-within .painel-sum{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .nav-sum:hover .nav-sum-seta svg{transform:rotate(180deg)}
}
.painel-sum-cab{display:none}
.painel-sum ol{list-style:none;margin:0;padding:0}
#painel-sumario a{display:grid;grid-template-columns:28px 1fr;gap:var(--s2);align-items:baseline;
  padding:10px var(--s5);color:#E3EDE4;font-size:var(--t-14);line-height:1.35;text-decoration:none;border:0}
#painel-sumario a .n{color:var(--tb-lima);font-weight:600;font-variant-numeric:tabular-nums}
#painel-sumario a:hover,#painel-sumario a:focus-visible{background:rgba(255,255,255,.06);color:#fff}
#painel-sumario a[aria-current="page"]{color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--tb-lima)}
.painel-sum-pe{border-top:1px solid rgba(255,255,255,.12);margin-top:var(--s2);padding-top:var(--s2)}
#painel-sumario .painel-sum-pe a{display:flex;justify-content:space-between;font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:#C7D8C9}
#painel-sumario .painel-sum-pe a i{font-style:normal}
.veu-sum{display:none}
@media (max-width:860px){
  .nav-sum{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
  .barra nav .nav-sum>a{border-bottom:0;flex:1}
  .nav-sum>a::after{content:"›";float:right;font-size:1.3em;line-height:1;color:var(--tb-lima)}
  .nav-sum-seta{display:none}
  .painel-sum{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,380px);border-top:0;border-left:3px solid var(--tb-lima);
    padding:0 0 var(--s5);overflow-y:auto;overscroll-behavior:contain;z-index:95;transform:translateX(100%);box-shadow:-18px 0 40px rgba(0,0,0,.35)}
  .painel-sum::before{display:none}
  .painel-sum .painel-sum-cab{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);
    border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:var(--t-13);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
  .painel-sum-fechar{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;cursor:pointer;font-size:14px}
  #painel-sumario a{padding:14px var(--s5);border-bottom:1px solid rgba(255,255,255,.06)}
  .veu-sum{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:94;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
  .gaveta-sum .veu-sum{opacity:1;visibility:visible;transition-delay:0s}
  .gaveta-sum body{overflow:hidden}
}
html[data-movimento="reduzido"] .painel-sum,html[data-movimento="reduzido"] .veu-sum,html[data-movimento="reduzido"] .nav-sum-seta svg{transition:none}

/* Fichas da abertura do capítulo como atalhos */
.capa-cap .ficha-atalho{font:inherit;font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:#C7D8C9;background:transparent;
  border:1px solid rgba(255,255,255,.32);padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.capa-cap .ficha-atalho:hover,.capa-cap .ficha-atalho:focus-visible,.capa-cap .ficha-atalho[aria-expanded="true"]{border-color:var(--tb-lima);color:#fff;background:rgba(200,212,40,.08)}
.capa-cap .ficha-atalho:focus-visible{outline:2px solid var(--tb-lima);outline-offset:2px}
.ficha-seta{width:7px;height:7px;border-right:1.5px solid var(--tb-lima);border-bottom:1.5px solid var(--tb-lima);transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease-out)}
.ficha-atalho[aria-expanded="true"] .ficha-seta{transform:translateY(2px) rotate(-135deg)}
.painel-ficha{position:absolute;z-index:65;background:#123A20;border-top:3px solid var(--tb-lima);box-shadow:0 18px 40px rgba(0,0,0,.3);
  max-height:min(60vh,520px);overflow-y:auto;overscroll-behavior:contain;padding:var(--s2) 0;color:#E3EDE4;animation:surgir .2s var(--ease-out) both}
.painel-ficha[hidden]{display:none}
.painel-ficha .pf-rot{font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:#C7D8C9;padding:var(--s3) var(--s5) var(--s2);margin:0}
.painel-ficha .pf-rot~.pf-rot,.painel-ficha ol+.pf-rot{border-top:1px solid rgba(255,255,255,.12);margin-top:var(--s2)}
.painel-ficha ol{list-style:none;margin:0;padding:0}
.painel-ficha button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:40px 1fr;gap:var(--s2);width:100%;padding:9px var(--s5);
  cursor:pointer;font-size:var(--t-14);line-height:1.4;color:#E3EDE4}
.painel-ficha button:hover,.painel-ficha button:focus-visible{background:rgba(255,255,255,.07);color:#fff}
.painel-ficha button:focus-visible{outline:2px solid var(--tb-lima);outline-offset:-2px}
.painel-ficha .pf-n{color:var(--tb-lima);font-weight:600;font-variant-numeric:tabular-nums;font-size:var(--t-13)}
.alvo-atalho{scroll-margin-top:110px}
.piscar{animation:piscar-alvo 1.5s ease-out}
@keyframes piscar-alvo{0%,30%{box-shadow:0 0 0 4px var(--tb-lima)}100%{box-shadow:0 0 0 4px transparent}}
html[data-movimento="reduzido"] .painel-ficha,html[data-movimento="reduzido"] .piscar{animation:none}
.fichas-rot{margin:var(--s6) 0 calc(var(--s3) * -1 + 2px);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(199,216,201,.7);display:flex;align-items:center;gap:10px}
.fichas-rot::after{content:"";width:28px;height:1px;background:var(--tb-lima);opacity:.7}
.fichas-rot+.fichas{margin-top:var(--s3)}

/* Propósito, Missão e Visão: realce no mouseover */
.mv-3>div{transition:transform .3s var(--ease-out),box-shadow .3s ease,opacity .3s ease,filter .3s ease;position:relative}
.mv-3>div::after{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;background:var(--tb-lima);transform-origin:left;transform:scaleX(0);transition:transform .35s var(--ease-out);filter:brightness(1.25)}
@media (hover:hover){
  .mv-3:hover>div:not(:hover){opacity:.72;filter:saturate(.85)}
  .mv-3>div:hover{transform:translateY(-6px);box-shadow:0 18px 32px rgba(11,40,22,.28)}
  .mv-3>div:hover::after{transform:scaleX(1)}
}
html[data-movimento="reduzido"] .mv-3>div{transition:none}
html[data-movimento="reduzido"] .mv-3>div:hover{transform:none}

/* Galeria de aplicações: clique amplia */
.ampliavel{cursor:zoom-in;overflow:hidden;position:relative}
.ampliavel img{transition:transform .5s var(--ease-out),filter .3s ease}
.ampliavel::after{content:"";position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;
  background:rgba(18,58,32,.82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8D428' stroke-width='2'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/16px no-repeat;
  opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .25s var(--ease-out)}
@media (hover:hover){.ampliavel:hover img{transform:scale(1.06)}.ampliavel:hover::after{opacity:1;transform:none}}
@media (hover:none){.ampliavel::after{opacity:.9;transform:none}}
.ampliavel:focus-visible{outline:2px solid var(--tb-lima);outline-offset:3px}
.lupa{border:0;padding:0;background:transparent;max-width:min(86vw,1100px);max-height:92vh;overflow:visible;color:#fff}
.lupa::backdrop{background:rgba(8,26,14,.88);backdrop-filter:blur(4px)}
.lupa[open]{animation:surgir .25s var(--ease-out) both}
.lupa figure{margin:0;display:flex;flex-direction:column;gap:var(--s3)}
.lupa img{display:block;width:auto;height:auto;min-width:min(60vw,480px);max-width:min(86vw,1100px);max-height:78vh;object-fit:contain;margin:0 auto;border-top:4px solid var(--tb-lima);background:#123A20}
.lupa figcaption{display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--t-14);color:#D3E2D4}
.lupa-cont{font-variant-numeric:tabular-nums;color:var(--tb-lima);white-space:nowrap}
.lupa button{position:absolute;background:rgba(18,58,32,.9);color:#fff;border:1px solid rgba(255,255,255,.35);width:44px;height:44px;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.lupa button:hover,.lupa button:focus-visible{border-color:var(--tb-lima);color:var(--tb-lima)}
.lupa-fechar{top:-52px;right:0;font-size:16px!important}
.lupa-ant{left:-56px;top:calc(50% - 40px)}
.lupa-prox{right:-56px;top:calc(50% - 40px)}
.lupa.unica .lupa-ant,.lupa.unica .lupa-prox{display:none}
@media (max-width:760px){.lupa-ant{left:6px}.lupa-prox{right:6px}.lupa-fechar{right:6px}}
html[data-movimento="reduzido"] .lupa[open]{animation:none}
html[data-movimento="reduzido"] .ampliavel img{transition:none}

/* Gráfico do PRAD (reproduz o impresso: barras verdes, linha lima) */
.grafico-prad .g-cab span{display:block;font-weight:400;opacity:.85;margin-top:4px}
.grafico-prad .b-ind{fill:#2FAF5D}
.grafico-prad .mes.ativo .b-ind{fill:#22914B}
.grafico-prad .linha-esp{fill:none;stroke:#7E9B10;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}
.grafico-prad .ponto-esp{fill:#B3DB2A;stroke:#5E7A0A;stroke-width:2}
.grafico-prad .mes.ativo~.ponto-esp{}
.grafico-prad .eixo-tit{font-size:11px;letter-spacing:.12em;fill:var(--ink-3)}
.grafico-prad .legenda i.lg-barra{background:#2FAF5D}
.grafico-prad .legenda i.l{background:#7E9B10;height:4px;width:26px;position:relative}
.grafico-prad .legenda i.l::after{content:"";position:absolute;left:8px;top:-4px;width:10px;height:10px;border-radius:50%;background:#B3DB2A;box-shadow:0 0 0 2px #5E7A0A}
.grafico-prad .g-nota{margin-top:var(--s3);font-size:var(--t-12);color:var(--ink-3)}
/* entrada: barras sobem e a linha se desenha */
.grafico-prad .b-ind{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .7s var(--ease-out);transition-delay:calc(var(--i) * 60ms)}
.grafico-prad .linha-esp{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s ease .5s}
.grafico-prad .ponto-esp{opacity:0;transition:opacity .3s ease;transition-delay:calc(.5s + var(--i) * 110ms)}
.grafico-prad.visto .b-ind{transform:none}
.grafico-prad.visto .linha-esp{stroke-dashoffset:0}
.grafico-prad.visto .ponto-esp{opacity:1}
html[data-movimento="reduzido"] .grafico-prad .b-ind,html[data-movimento="reduzido"] .grafico-prad .linha-esp,html[data-movimento="reduzido"] .grafico-prad .ponto-esp{transition:none;transform:none;stroke-dashoffset:0;opacity:1}
:root[data-tema="escuro"] .grafico-prad .linha-esp{stroke:#C8D428}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .grafico-prad .linha-esp{stroke:#C8D428}}

/* Indicador do capítulo atual no menu Sumário */
.nav-sum.tem-atual>a{color:var(--tb-lima)}
.nav-cap-atual{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:8px;border-radius:10px;
  background:var(--tb-lima);color:var(--tb-floresta);font-size:11px;font-weight:700;letter-spacing:0;line-height:1;vertical-align:1px}
#painel-sumario a[aria-current="page"]{background:rgba(200,212,40,.12)}
#painel-sumario a[aria-current="page"] .n{color:var(--tb-floresta);background:var(--tb-lima);border-radius:10px;text-align:center;width:22px;height:22px;line-height:22px;display:inline-block}
#painel-sumario .aqui{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tb-lima);font-weight:600;margin-top:2px}
@media (max-width:860px){.nav-sum.tem-atual>a::after{margin-left:auto}}

/* títulos de lista que subiram de h4 para h3 (hierarquia correta), com o mesmo visual */
.h-lista{font-size:var(--t-16,16px);font-weight:400;line-height:1.65;color:inherit}

/* a11y: links dentro de texto corrido sublinhados (WCAG 1.4.1) */
p a:not([class]),main li a:not([class]){text-decoration:underline;text-underline-offset:2px}

/* ---------- Capa da home: foto de capa do impresso (01/10) ---------- */
.capa .camada-felino img{object-position:50% 50%}
@media (min-width:900px){
  .capa .camada-felino{left:auto;right:0;width:50%}
  .capa .camada-felino img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
  .capa .veu{background:linear-gradient(98deg,rgba(11,36,22,.97) 0%,rgba(15,48,24,.9) 40%,rgba(15,48,24,.25) 58%,rgba(15,48,24,0) 74%)}
  .capa .capa-in{width:100%;max-width:var(--max)}
  .capa .capa-in>*{max-width:min(560px,46vw)}
  .capa .t1{right:1%;top:0;width:min(11vw,160px);height:min(9vw,130px);opacity:.85}
  .capa .t2{right:-2%;width:min(20vw,300px);height:min(11vw,170px)}
  .capa .t3{display:none}
}
/* ---------- Mapas do capítulo 2 (01/10) ---------- */
.mapa-ops{grid-column:1/-1;display:block;margin:var(--s2) 0 0;border-top:1px solid rgba(200,212,40,.28);padding-top:var(--s5)}
.mapa-ops svg{display:block;width:100%;max-width:500px;height:auto;margin:0 auto;overflow:visible}
.mapa-ops .uf{fill:#24503A;stroke:#164022;stroke-width:1.2;transition:fill .3s}
.mapa-ops .uf-on{fill:#00A056}
.mapa-ops .uf:hover{fill:#2F6A4A}.mapa-ops .uf-on:hover{fill:#14B565}
.mapa-ops .mk-pt{fill:#C8D428;stroke:#0B2416;stroke-width:2}
.mapa-ops .mk-halo{fill:#C8D428;opacity:.22;transform-box:fill-box;transform-origin:center;animation:mk-pulso 2.6s ease-out infinite}
.mapa-ops .mk-rot line{stroke:#C8D428;stroke-width:1.5}
.mapa-ops .mk-rot text{fill:#E4ECE4;font-family:var(--face);font-size:15px}
.mapa-ops .mk-rot .rt{fill:#C8D428;font-weight:700}
@keyframes mk-pulso{0%{transform:scale(.5);opacity:.5}100%{transform:scale(1.6);opacity:0}}
html[data-movimento="reduzido"] .mapa-ops .mk-halo{animation:none;opacity:.22}
@media (prefers-reduced-motion:reduce){.mapa-ops .mk-halo{animation:none;opacity:.22}}

.mapa-mercados{margin:0 0 var(--s6);background:linear-gradient(160deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--rule);
  padding:var(--s6);display:flex;flex-direction:column;gap:var(--s6);position:relative;z-index:1}
.mapa-mercados svg{display:block;width:100%;height:auto;overflow:visible}
.mm-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);align-items:center}
.mm-topo .unidades{grid-template-columns:minmax(0,1fr);counter-reset:loc}
.mm-topo .unidades li{counter-increment:loc;position:relative;padding-left:calc(var(--s4) + 30px);transition:border-color .2s,background .2s}
.mm-topo .unidades li::before{content:counter(loc);position:absolute;left:var(--s3);top:var(--s2);width:24px;height:24px;border-radius:50%;
  background:var(--tb-lima);color:#12301E;font-weight:700;font-size:var(--t-13);display:grid;place-items:center}
.mm-topo .unidades li.on{background:var(--surface)}
.mapa-mercados .uf{fill:var(--tb-vegetacao);stroke:var(--surface);stroke-width:1.2}
.mapa-mercados .uf-on{fill:var(--tb-institucional)}
.mapa-mercados .mm-loc{cursor:default}
.mapa-mercados .mm-pt{fill:var(--tb-lima);stroke:var(--tb-floresta);stroke-width:2.5;transition:transform .2s;transform-box:fill-box;transform-origin:center}
.mapa-mercados .mm-loc text{font-family:var(--face);font-size:13px;font-weight:700;fill:#12301E;pointer-events:none}
.mapa-mercados .mm-loc.on .mm-pt{transform:scale(1.3)}
.mapa-mercados .pais{fill:var(--rule);stroke:var(--surface);stroke-width:.6}
.mapa-mercados .pais-br{fill:var(--tb-vegetacao)}
.mapa-mercados .mm-dest{cursor:default;outline:none}
.mapa-mercados .mm-dest circle,.mapa-mercados .mm-dest rect{stroke:var(--surface);stroke-width:2;transition:transform .25s,filter .25s;transform-box:fill-box;transform-origin:center}
.mapa-mercados .est circle{fill:var(--tb-institucional)}
.mapa-mercados .fer rect{fill:var(--tb-lima)}
.mapa-mercados .mm-dest text{font-family:var(--face);font-size:12px;font-weight:700;fill:#fff;pointer-events:none;font-variant-numeric:tabular-nums}
.mapa-mercados .fer text{fill:#12301E}
.mapa-mercados .mm-dest.on circle,.mapa-mercados .mm-dest.on rect,
.mapa-mercados .mm-dest:hover circle,.mapa-mercados .mm-dest:hover rect,
.mapa-mercados .mm-dest:focus-visible circle,.mapa-mercados .mm-dest:focus-visible rect{transform:scale(1.18);filter:drop-shadow(0 4px 8px rgba(11,36,22,.35))}
.mapa-mercados .mm-dest:focus-visible circle,.mapa-mercados .mm-dest:focus-visible rect{stroke:var(--foco);stroke-width:3}
.mm-leg{display:flex;gap:var(--s2) var(--s5);flex-wrap:wrap;margin:var(--s3) 0 0;font-size:var(--t-13);color:var(--ink-2)}
.mm-leg span{display:inline-flex;align-items:center;gap:8px}
.mm-leg i{display:inline-block;width:14px;height:14px}
.mm-leg i.c{border-radius:50%;background:var(--tb-institucional)}
.mm-leg i.q{background:var(--tb-lima)}
tr[data-dest].on>th,tr[data-dest].on>td{background:var(--surface-2)}
.unidades li[data-loc].on{border-left-color:var(--acento-vivo)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .mapa-mercados .uf{fill:#2C5A3A}:root:not([data-tema="claro"]) .mapa-mercados .uf-on{fill:#17A063}:root:not([data-tema="claro"]) .mapa-mercados .pais{fill:#26492F}:root:not([data-tema="claro"]) .mapa-mercados .pais-br{fill:#3A6244}:root:not([data-tema="claro"]) .mapa-mercados .est circle,:root:not([data-tema="claro"]) .mm-leg i.c{fill:#17A063;background:#17A063}}
:root[data-tema="escuro"] .mapa-mercados .uf{fill:#2C5A3A}:root[data-tema="escuro"] .mapa-mercados .uf-on{fill:#17A063}:root[data-tema="escuro"] .mapa-mercados .pais{fill:#26492F}:root[data-tema="escuro"] .mapa-mercados .pais-br{fill:#3A6244}:root[data-tema="escuro"] .mapa-mercados .est circle{fill:#17A063}:root[data-tema="escuro"] .mm-leg i.c{background:#17A063}
@media (max-width:760px){.mapa-mercados{padding:var(--s4)}.mm-topo{grid-template-columns:minmax(0,1fr)}.mm-br{max-width:420px;margin:0 auto;width:100%}}
@media (max-width:760px){
  .mapa-mercados .mm-dest circle,.mapa-mercados .mm-dest rect{transform:scale(1.7)}
  .mapa-mercados .mm-dest.on circle,.mapa-mercados .mm-dest.on rect,.mapa-mercados .mm-dest:hover circle,.mapa-mercados .mm-dest:hover rect{transform:scale(1.9)}
  .mapa-mercados .mm-dest text{font-size:22px}
  .mapa-mercados .mm-pt{transform:scale(1.4)}
  .mapa-mercados .mm-loc text{font-size:17px}
}
@media (max-width:760px){
  .mapa-ops .mk-rot text{font-size:25px}
  .mapa-mercados .mm-dest circle,.mapa-mercados .mm-dest rect{transform:scale(1.4)}
  .mapa-mercados .mm-dest text{font-size:19px}
}

/* ---------- Selo GPTW no rodapé (01/10) ---------- */
.rodape .rodape-dir{display:flex;align-items:center;gap:var(--s5)}
.rodape .selo-gptw{display:block;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.rodape .selo-gptw img{display:block;width:44px;height:auto}
@media (max-width:620px){.rodape .rodape-dir{width:100%;justify-content:space-between}}

/* sumário da home: o cartão inteiro leva ao capítulo e cada subtítulo leva à própria seção */
.cap .cap-link{color:inherit;text-decoration:none}
.cap .cap-link::after{content:"";position:absolute;inset:0;z-index:3}
.cap .cap-link:focus-visible{outline:none}
.cap:focus-within{outline:2px solid var(--acento);outline-offset:3px}
.cap:has(.sub-cap a:focus-visible){outline:none}
.sub-cap li a{position:relative;z-index:4;display:flex;align-items:baseline;gap:var(--s2);flex:1 1 auto;color:inherit;text-decoration:none}
.sub-cap li a span:first-child{flex:0 1 auto}
.sub-cap li a::after{content:"";order:1;flex:1 1 12px;border-bottom:1px dotted var(--rule-forte);min-width:12px;transform:translateY(-3px)}
.sub-cap li a .pg{order:2}
.sub-cap li:has(a)::after{display:none}
.sub-cap li a:hover,.sub-cap li a:focus-visible{color:var(--acento)}
.sub-cap li a:hover span:first-child,.sub-cap li a:focus-visible span:first-child{text-decoration:underline;text-underline-offset:3px}
.cap:hover .cap-link h3,.cap:hover h3 .cap-link{color:var(--acento)}

/* pouso dos links internos: nada fica escondido atrás da barra fixa do topo */
:where([id]){scroll-margin-top:96px}
.gri{scroll-margin-top:35vh}

/* ---- versão em inglês e seletor de idioma ---- */
html[lang="en"] .tab-rel.rola::after{content:"Swipe sideways →"}
.idioma{display:inline-flex;align-items:center;gap:.35em}
.idioma a{color:#9FB8A6;text-decoration:none;padding:4px 2px;border-bottom:1px solid transparent}
.idioma a:hover,.idioma a:focus-visible{color:#fff;border-bottom-color:currentColor}
.idioma span[aria-current]{color:#fff;font-weight:700}
.barra nav a.nav-idioma{display:none}
@media (max-width:520px){.barra .idioma{display:none}.barra nav a.nav-idioma{display:block;color:#C7D8C9;border-bottom:0}}
@media (max-width:1000px) and (min-width:861px){.barra .idioma{display:inline-flex}}
/* ---- gráficos reproduzidos do PDF ---- */
.grafico-pdf{margin:var(--s6) 0}
.grafico-pdf .gp-rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:2px}
.grafico-pdf .gp-rolagem:focus-visible{outline:2px solid var(--lima,#C9D324);outline-offset:3px}
.grafico-pdf picture,.grafico-pdf img{display:block;width:100%;height:auto}
.grafico-pdf .gp-ampliar{margin-top:var(--s3);font-size:var(--t-12);letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:.25em .6em;justify-content:flex-end}
.grafico-pdf .gp-dica{display:none}
@media (max-width:760px){
  .grafico-pdf .gp-rolagem picture,.grafico-pdf .gp-rolagem img{width:760px;max-width:none}
  .grafico-pdf .gp-ampliar{justify-content:flex-start}
  .grafico-pdf .gp-dica{display:inline}
}
/* ---- fim gráficos PDF ---- */