/* ── a margem que o WordPress injeta ────────────────────────
   O núcleo dá 24px de topo a todo filho de grupo, menos ao primeiro.
   Dentro de uma grade isso desalinha colunas inteiras, e entre seções
   cria faixas de fundo que ninguém pediu.
   A regra vive aqui no alto de propósito: tem o mesmo peso da regra do
   núcleo e vem depois dela, então vence; e perde para qualquer margem
   que o sistema declare mais abaixo neste arquivo. */
:root :where(.is-layout-flow, .is-layout-constrained) > *{margin-block-start:0}

/* Ritmo vertical de emergência para a Home e a Metodologia.
   Nessas duas, invólucros da maquete se perderam na conversão e levaram
   junto as margens deles. As páginas do pacote 2 trazem o CSS completo
   da própria maquete, então não entram aqui: o piso só atrapalharia. */
/* `main` é essencial: o cabeçalho também usa `.env`, e sem ele o menu
   e o botão Apoie levavam 48px de margem enquanto a marca ficava em
   zero. Era o menu torto que só a Home tinha. */
.pg-home main .env > * + *,
.pg-metodologia main .env > * + *{margin-top:var(--e6)}

/* ═══════════════════════════════════════════════════════════
   Sistema visual Elos
   Gerado a partir de maquetes/home-v10.html e maquetes/metodologia.html.
   Os valores vêm de sistema/tokens.md. Nenhum literal novo entra aqui:
   se um bloco precisa de cor ou tamanho que não existe, o token entra
   em tokens.md antes, e depois aqui.
   ═══════════════════════════════════════════════════════════ */

/* ── 1 · base do sistema, da home ─────────────────────────── */
/* ───────────────────────────────────────────────────────────────
   HOME v9, Instituto Elos
   Construída sobre /estilo (sistema) e /componentes (catálogo).
   Nenhum valor literal: se falta token, ele entra em tokens.md antes.
   ─────────────────────────────────────────────────────────────── */
:root{
  --roxo:#2b1c54; --creme:#f2dcc2; --verde:#295629; --roxo-vib:#822bd9;
  --laranja:#ff7023; --amarelo:#ffb643; --rosa:#ff95ac; --vermelho:#f44b38;
  --papel:#f7f4ef;

  --d1:4.5rem;  --t1:2.75rem; --t2:1.75rem;
  --c1:1.125rem; --c2:.9375rem; --et:.75rem;
  --lh-d:1.02; --lh-t:1.14; --lh-c:1.6;

  --e1:.25rem; --e2:.5rem; --e3:1rem; --e4:1.5rem; --e5:2rem;
  --e6:3rem; --e7:4.5rem; --e8:7rem; --e9:10rem;

  --gutter:1.5rem; --max:78rem; --margem:clamp(1.25rem,4.5vw,4rem);
  --raio:2px;

  --t-resp:120ms; --t-estado:200ms; --t-revel:320ms;
  --curva:cubic-bezier(.2,0,0,1);
}
@media (max-width:720px){
  :root{--d1:2.5rem; --t1:1.875rem; --t2:1.375rem; --c1:1.0625rem; --c2:.875rem; --et:.6875rem}
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--roxo);
  font-family:"Host Grotesk","Helvetica Neue",Arial,sans-serif;
  font-size:var(--c1);line-height:var(--lh-c);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
button{font:inherit}

.env{max-width:var(--max);margin-inline:auto;padding-inline:var(--margem)}
.d1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em}
.t1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em}
.t2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);letter-spacing:-.012em}
.c1{font-size:var(--c1)}
.c2{font-size:var(--c2)}
.et{font-family:"DM Mono",monospace;font-size:var(--et);font-weight:500;
  letter-spacing:.12em;text-transform:uppercase}
.mono{font-family:"DM Mono",monospace}
.regra{height:1px;background:currentColor;border:0;margin:0;opacity:1}

/* ── botões e links ─────────────────────────────────────── */
.bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;
  padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2);
  font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),
    color var(--t-resp) var(--curva)}
/* Sempre junto de .bt: no editor, .bt-1 e .bt-2 viram a classe do
   invólucro de botões, e sozinhas desenhavam uma moldura vazia. */
.bt.bt-1{background:var(--laranja);color:var(--roxo)}
.bt.bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.bt.bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.bt.bt-2:hover{background:var(--roxo);color:var(--papel)}
.escuro .bt.bt-2{color:var(--creme);box-shadow:inset 0 0 0 2px var(--creme)}
.escuro .bt.bt-2:hover{background:var(--creme);color:var(--roxo)}
:focus-visible{outline:3px solid var(--roxo-vib);outline-offset:2px}
.escuro :focus-visible{outline-color:var(--amarelo)}
.seta{display:inline-flex;align-items:center;gap:.45rem;min-height:1.5rem;
  font-size:var(--c2);font-weight:500;text-decoration:none;color:var(--roxo-vib)}
.seta::after{content:"\2192";transition:transform var(--t-resp) var(--curva)}
.seta:hover::after{transform:translateX(.25rem)}
.escuro .seta{color:var(--amarelo)}

/* ── seções e ritmo ─────────────────────────────────────── */
section{padding-block:var(--e8)}
.creme{background:var(--creme)}
.escuro{background:var(--roxo);color:var(--creme)}
.amarelo{background:var(--amarelo);color:var(--roxo)}
.cab-s{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--e4) var(--gutter);align-items:end;margin-bottom:var(--e6)}
.cab-s .et{color:var(--verde);display:block;margin-bottom:var(--e3)}
/* Quando o olho da seção é um bloco inteiro, e não um pedaço de linha,
   ele carrega o próprio respiro até o título. */
p.et,h2.et,h3.et,h4.et{display:block;margin-bottom:var(--e3)}
.escuro .cab-s .et{color:var(--amarelo)}
.cab-s p:not(.et){max-width:42ch;font-size:var(--c1)}
.risca{height:1px;background:var(--roxo);border:0;margin-bottom:var(--e6)}
.escuro .risca{background:var(--creme)}
.amarelo .risca{background:var(--roxo)}

/* ── movimento nível 01: uma revelação por seção ────────── */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .revela{animation:sobe var(--t-revel) var(--curva) both;
      animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition-duration:1ms!important;
    scroll-behavior:auto!important}
}

/* ── CHROME ─────────────────────────────────────────────── */
.skip{position:absolute;left:var(--e3);top:var(--e3);z-index:60;background:var(--roxo);
  color:var(--papel);display:inline-flex;align-items:center;min-height:2.75rem;
  padding:0 var(--e3);border-radius:var(--raio);font-size:var(--c2);text-decoration:none;
  transform:translateY(-250%);transition:transform var(--t-estado) var(--curva)}
.skip:focus{transform:none}
.topo{position:sticky;top:0;z-index:50;background:var(--papel);
  border-bottom:1px solid var(--roxo);transition:background var(--t-estado) var(--curva)}
.topo.compacta{background:var(--creme)}
.serv{border-bottom:1px solid var(--roxo);transition:opacity var(--t-estado) var(--curva)}
.topo.compacta .serv{display:none}
.serv ul{display:flex;justify-content:flex-end;gap:var(--e4);align-items:center;
  padding-block:.35rem;font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em}
.serv a{display:inline-flex;align-items:center;min-height:1.5rem;text-decoration:none}
.serv a:hover{text-decoration:underline;text-underline-offset:.2em}
.serv .idi span{color:var(--verde)}
.barra{display:flex;align-items:center;gap:var(--e5);padding-block:var(--e3);
  transition:padding var(--t-estado) var(--curva)}
.topo.compacta .barra{padding-block:var(--e2)}
/* A arte da marca é 816 por 240, proporção 3,4. O arquivo que está na
   Biblioteca de mídia tem outra proporção, 2,04, porque veio com margem
   transparente em cima e embaixo. O WordPress escreve a altura a partir
   DESSE arquivo (`height="54"` para 110 de largura), e a troca por
   `content:url` não reescreve essa medida.

   O Chrome refaz a conta pela imagem trocada e acerta. O Safari fica com
   a medida dos atributos e espicha a arte para preencher: a mandala, que
   é redonda, saía 68% mais alta que larga. Medido no print da Paula em
   01/10: logo 192 x 94, proporção 2,04 onde devia ser 3,40.

   Travar a proporção aqui resolve nos dois, e segue valendo mesmo que
   outro arquivo seja enviado um dia. */
.marca img, .rod .marca-rodape img, .rod .wp-block-site-logo img,
.barra .wp-block-site-logo img{aspect-ratio:816/240;object-fit:contain}
.marca img{height:2.4rem;width:auto;transition:height var(--t-estado) var(--curva)}
.topo.compacta .marca img{height:1.9rem}
.nav{flex:1}
.nav > ul{display:flex;gap:var(--e5)}
.nav > ul > li{position:relative}
.nav > ul > li > a{display:inline-flex;align-items:center;min-height:2.75rem;
  text-decoration:none;font-size:var(--c2);border-bottom:2px solid transparent;
  transition:border-color var(--t-resp) var(--curva)}
.nav > ul > li > a:hover{border-bottom-color:var(--roxo)}
.sub{position:absolute;top:100%;left:0;min-width:15rem;background:var(--papel);
  border:1px solid var(--roxo);border-radius:var(--raio);padding:var(--e2) 0;display:none}
.sub li a{display:flex;align-items:center;min-height:2.75rem;padding:.4rem var(--e3);
  font-size:var(--c2);text-decoration:none}
.sub li a:hover{background:var(--creme)}
.nav li:hover > .sub,.nav li:focus-within > .sub{display:block}
.hamb{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.75rem;
  height:2.75rem;background:none;border:0;cursor:pointer;padding:0 .6rem}
.hamb i{display:block;height:2px;background:var(--roxo)}
.painel{display:none;border-top:1px solid var(--roxo);padding:var(--e3) 0 var(--e5)}
.painel > ul > li{border-bottom:1px solid var(--roxo)}
.painel > ul > li > a{display:flex;align-items:center;min-height:3rem;text-decoration:none}
.painel .subm{padding:0 0 var(--e3) var(--e3)}
.painel .subm a{display:flex;align-items:center;min-height:2.75rem;font-size:var(--c2);
  text-decoration:none;color:var(--verde)}

/* ── 1. HERO ────────────────────────────────────────────── */
.hero{padding-block:var(--e8) var(--e7)}
.hero h1{max-width:28ch}
.hero-baixo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:var(--e4) var(--gutter);align-items:start;
  margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo)}
.hero .def{max-width:44ch;margin-bottom:var(--e3)}
.hero .escopo{max-width:44ch;font-size:var(--c2);margin-bottom:var(--e5)}
.lastro{display:flex;flex-direction:column;gap:var(--e2);font-family:"DM Mono",monospace;
  font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}

/* ── 2. CRENÇAS ─────────────────────────────────────────── */
.quadros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.quadro{border-top:1px solid var(--roxo);padding-top:var(--e4)}
.quadro .n{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;
  color:var(--verde);display:block;margin-bottom:var(--e3)}
.quadro h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2)}
.quadro p{font-size:var(--c2)}
/* `:not(section)` é o que separa os dois sentidos de `fecho`. Como
   bloco de texto, 52ch está certo. Como `<section>` de cor cheia, na
   Quem nos financia e na Apoie, essa largura encolhia a faixa inteira
   para 608px dentro de uma coluna de 932 e deixava a margem branca. */
.fecho:not(section){margin-top:var(--e7);max-width:52ch}
.fecho:not(section) p{margin-top:var(--e3);font-size:var(--c2);max-width:46ch}

/* ── 3. METODOLOGIA, campo escuro ───────────────────────── */
.eixos{display:grid;gap:var(--e5)}
/* Regra de traço, 28/09: numa seção que já tem a risca, o cartão
   não carrega borda própria. Uma linha por seção. */
.eixo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e2) var(--gutter);
  padding-top:var(--e4);align-items:start}
.eixo h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);color:var(--amarelo)}
.eixo p{max-width:52ch}
.disciplinas{margin-top:var(--e7);display:flex;flex-wrap:wrap;gap:var(--e2) var(--e4);
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;text-transform:uppercase}

/* ── 4. ALCANCE: número grande + lista com régua + mapa ─── */
.alcance{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:var(--e6) var(--gutter);align-items:start}
.grande .v{font-size:var(--d1);font-weight:300;line-height:.88;letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;display:block}
.grande .r{font-size:var(--c1);max-width:12ch;margin-top:var(--e3)}
.grande .f{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;
  color:var(--verde);display:block;margin-top:var(--e3)}
.lista-num li{display:grid;grid-template-columns:7rem 1fr auto;gap:var(--e3);align-items:baseline;
  border-top:1px solid var(--roxo);padding-block:var(--e3)}
.lista-num .v{font-size:var(--t2);font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.lista-num .r{font-size:var(--c2)}
.lista-num .f{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;
  color:var(--verde);text-align:right}
.mapa-cx{margin-top:var(--e7)}
svg.mapa{width:100%;height:auto;display:block}
svg.mapa .terra path{fill:none;stroke:var(--roxo);stroke-width:.6;stroke-linejoin:round;
  vector-effect:non-scaling-stroke}
svg.mapa .raio{stroke:var(--roxo-vib);stroke-width:.5;vector-effect:non-scaling-stroke}
svg.mapa .raio.on{stroke-width:1.8}
svg.mapa .no rect{fill:var(--roxo)}
svg.mapa .no.origem rect{fill:var(--roxo-vib)}
/* Retângulo invisível que recebe o mouse no mapa inteiro. */
svg.mapa .mapa-captura{fill:transparent}
svg.mapa .no{pointer-events:none}
/* O nome só existe no passar do mouse. O contorno da cor do papel
   abre espaço no meio das linhas para o nome ficar legível. */
svg.mapa .no text{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.04em;
  fill:var(--roxo);stroke:var(--papel);stroke-width:4;paint-order:stroke fill;
  opacity:0;transition:opacity var(--t-resp) var(--curva);pointer-events:none}
svg.mapa .no.ativo text,svg.mapa .no:hover text,svg.mapa .no:focus text{opacity:1}
svg.mapa .no:focus{outline:none}
svg.mapa .no:focus rect{fill:var(--roxo-vib)}
/* cidades do Brasil: discretas até alguém olhar para o país */
svg.mapa .raio-br{stroke:var(--verde);stroke-width:.4}
svg.mapa .raio-br.on{stroke-width:1.4}
svg.mapa .no.br rect{fill:var(--verde);opacity:.45;
  transition:opacity var(--t-resp) var(--curva)}
svg.mapa .br-visivel .no.br rect,
svg.mapa .no.br.ativo rect,svg.mapa .no.br:focus rect{opacity:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── 5. CASOS: pilha ────────────────────────────────────── */
.pilha{display:grid;gap:var(--e5)}
.pg-home .caso{position:sticky;background:var(--papel);border:1px solid var(--roxo);
  border-radius:var(--raio);overflow:hidden;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pg-home .caso:nth-child(1){top:var(--e6)}
.pg-home .caso:nth-child(2){top:calc(var(--e6) + 1.25rem)}
.pg-home .caso:nth-child(3){top:calc(var(--e6) + 2.5rem)}
.pg-home .caso:nth-child(4){top:calc(var(--e6) + 3.75rem)}
.pg-home .caso .foto{border-right:1px solid var(--roxo);overflow:hidden}
/* A foto ocupa a metade esquerda inteira, seja qual for a proporção do
   arquivo. O bloco de imagem do WordPress põe um <figure> no meio, e aí
   `height:100%` na foto virava 100% do figure, que tem o tamanho da
   própria foto: sobrava um vão branco embaixo. Trocar a foto no
   WordPress não pode desalinhar o cartão. */
.pg-home .caso .foto{display:flex}
.pg-home .caso .foto > figure{margin:0;flex:1;min-height:0;display:flex}
.pg-home .caso .foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0}
.pg-home .caso .foto span{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;
  color:var(--verde);text-transform:uppercase}
.pg-home .caso .txt{padding:var(--e5)}
.pg-home .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2);margin-bottom:var(--e3)}
.pg-home .caso .tag{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;
  text-transform:uppercase;border:1px solid var(--verde);color:var(--verde);
  border-radius:999px;padding:.15rem .6rem}
.pg-home .caso .tag.b{background:var(--verde);color:var(--papel)}
.pg-home .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3)}
.pg-home .caso .mec{font-size:var(--c2);margin-bottom:var(--e3)}
.pg-home .caso .res{font-size:var(--c2);font-weight:600;border-top:1px solid var(--roxo);
  padding-top:var(--e3);margin-bottom:var(--e4)}
.pg-home .caso .cont{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;
  color:var(--verde);display:block;margin-bottom:var(--e3)}

/* ── 6. O QUE FAZEMOS ───────────────────────────────────── */
.caminhos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
/* Regra de traço, 28/09: numa seção que já tem a risca, o cartão
   não carrega borda própria. Uma linha por seção. */
.caminho{padding-top:var(--e4);display:flex;
  flex-direction:column;gap:var(--e3)}
.caminho h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.caminho p{font-size:var(--c2)}
.caminho .seta{margin-top:auto}
.convite-com{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e2) var(--e3);
  margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo);font-size:var(--c2)}

/* ── 7. APOIE, campo amarelo ────────────────────────────── */
.apoie-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);
  gap:var(--e6) var(--gutter);align-items:end}
.apoie-grid h2{max-width:14ch}
.apoie-grid .sub{position:static;display:block;border:0;background:none;padding:0;
  max-width:40ch;margin-top:var(--e4);min-width:0}
.escolha-rot{font-family:"DM Mono",monospace;font-size:var(--et);font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:var(--e3)}
.valores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e2)}
.valor{position:relative;border:2px solid var(--roxo);border-radius:var(--raio);
  padding:var(--e4) var(--e3) var(--e3);background:transparent;color:var(--roxo);cursor:pointer;
  text-align:left;min-height:6.5rem;display:flex;flex-direction:column;justify-content:flex-end;
  transition:background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.valor:hover{background:var(--roxo);color:var(--amarelo)}
.valor[aria-pressed="true"]{background:var(--roxo);color:var(--amarelo)}
.valor b{display:block;font-size:var(--t2);font-weight:600;letter-spacing:-.012em;line-height:1}
.valor span{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;
  margin-top:.35rem}
.valor .marca-esc{position:absolute;top:var(--e2);right:var(--e2);width:1.4rem;height:1.4rem;
  border-radius:50%;background:var(--amarelo);color:var(--roxo);display:none;
  align-items:center;justify-content:center;font-size:.8rem;font-weight:600;line-height:1}
.valor[aria-pressed="true"] .marca-esc{display:flex}
.escolha-linha{display:flex;flex-wrap:wrap;gap:var(--e2) var(--e4);align-items:baseline;
  margin-top:var(--e3);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em}
.outro{display:inline-flex;align-items:center;min-height:1.5rem;color:var(--roxo);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.outro:hover{text-decoration-thickness:2px}
.apoie-acao{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:center;margin-top:var(--e5)}
.amarelo .bt-1,.cartela .bt-1{background:var(--roxo);color:var(--amarelo)}
.amarelo .bt-1:hover,.cartela .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo);background:transparent;color:var(--roxo)}
.amarelo .seta,.cartela .seta{color:var(--roxo)}

/* ── 8. RODAPÉ ──────────────────────────────────────────── */
.rod{background:var(--roxo);color:var(--creme);padding-block:var(--e7) var(--e5)}
.rod-cols{display:grid;grid-template-columns:1.2fr 1fr 1.25fr 1fr 1.3fr;gap:var(--e5) var(--gutter)}
.rod h3{font-family:"DM Mono",monospace;font-size:var(--et);font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--amarelo);margin-bottom:var(--e3)}
.rod li{padding-block:.2rem;font-size:var(--c2)}
.rod a:not(.bt){display:inline-flex;align-items:center;min-height:1.5rem;text-decoration:none}
.rod a:hover{text-decoration:underline;text-underline-offset:.2em}
.rod .filho{padding-left:var(--e3)}
.rod-id{font-size:var(--c2);line-height:1.7}
.rod-id img{height:2.6rem;width:auto;margin-bottom:var(--e4)}
.rod-news form{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e2)}
.rod-news input{flex:1 1 11rem;min-width:0;font:inherit;font-size:var(--c2);
  background:transparent;border:1px solid var(--creme);color:var(--creme);
  border-radius:var(--raio);min-height:2.75rem;padding:0 var(--e3)}
.rod-news input::placeholder{color:var(--creme);opacity:.7}
.assin{border-top:1px solid var(--creme);margin-top:var(--e6);padding-top:var(--e3);
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e5);
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em;text-transform:uppercase}
.assin a{min-height:0}

/* ── IMAGEM: proporções fixas, sem véu, sem degradê ─────── */
figure{margin:0}
.img{display:block;width:100%;height:auto;border-radius:var(--raio);object-fit:cover}
.p219{aspect-ratio:21/9} .p32{aspect-ratio:3/2} .p45{aspect-ratio:4/5}
.p11{aspect-ratio:1/1}   .p169{aspect-ratio:16/9}
/* Na maquete a proporção fica no próprio `<img class="img p45">`.
   O bloco de imagem do WordPress embrulha tudo num `<figure>` e leva a
   classe para ele, então a proporção passava a valer para a moldura e
   a foto ficava com a altura que ela tivesse. Enquanto as três fotos da
   fileira tinham a mesma proporção ninguém via. Ao trocar uma por um
   retrato, a coluna crescia e a fileira inteira saía do lugar.

   Daqui em diante a proporção vale para a foto de dentro, e a foto é
   recortada para caber. Qualquer foto, em qualquer proporção, entra no
   mesmo espaço: trocar foto no WordPress deixa de mexer no desenho. */
figure.p219, figure.p32, figure.p45, figure.p11, figure.p169{aspect-ratio:auto}
figure.p219 > img{aspect-ratio:21/9} figure.p32 > img{aspect-ratio:3/2}
figure.p45  > img{aspect-ratio:4/5}  figure.p11 > img{aspect-ratio:1/1}
figure.p169 > img{aspect-ratio:16/9}
figure.p219 > img, figure.p32 > img, figure.p45 > img,
figure.p11  > img, figure.p169 > img{
  display:block;width:100%;height:auto;object-fit:cover;border-radius:var(--raio)}
.cred{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;
  color:var(--verde);margin-top:var(--e2);display:block}
.escuro .cred{color:var(--creme)}

/* faixa de largura plena: a imagem sangra, o crédito respeita a coluna */
.faixa{margin-top:var(--e7);position:relative}
.faixa img{width:100%;height:auto;display:block;border-radius:0;aspect-ratio:21/9;object-fit:cover}
/* crédito: detalhe em branco sobre a própria foto. Não gasta altura de página. */
.cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2;
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel);background:var(--roxo);color:var(--creme);padding:.3rem .7rem}
.faixa .cred-foto{right:var(--margem);bottom:var(--e3)}

/* três retratos 4:5 dentro dos quadros */
.quadro figure{margin-bottom:var(--e4)}
.quadro .img{aspect-ratio:4/5}

/* vídeo: 16:9, pôster obrigatório, nunca autoplay, nunca fundo */
.video{position:relative;display:block;border-radius:var(--raio);overflow:hidden;
  border:1px solid var(--creme)}
.video img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
/* o vídeo de verdade, com os controles do navegador */
.video video{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;background:var(--roxo)}
.play{position:absolute;left:var(--e4);bottom:var(--e4);display:inline-flex;align-items:center;
  gap:var(--e2);min-height:2.75rem;padding:0 var(--e4);background:var(--amarelo);color:var(--roxo);
  border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2);font-weight:500;cursor:pointer;
  transition:box-shadow var(--t-resp) var(--curva)}
.play:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.play::before{content:"\25B6";font-size:.7em}

/* cartela: bloco de cor cheia sobre a imagem. Nunca véu, nunca degradê. */
.cartela-sec{position:relative;padding:0;isolation:isolate}
.cartela-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cartela-env{position:relative;z-index:1;max-width:var(--max);margin-inline:auto;
  padding:var(--e8) var(--margem);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.cartela{background:var(--amarelo);color:var(--roxo);padding:var(--e6);border-radius:var(--raio)}
.cartela .et{color:var(--roxo);display:block;margin-bottom:var(--e3)}
.cartela h2{max-width:15ch;margin-bottom:var(--e4)}
.cartela .cartela-txt{max-width:40ch;margin-bottom:var(--e5);font-size:var(--c1)}


@media (max-width:900px){
  .nav,.serv{display:none}
  .hamb{display:flex}
  .topo.aberto .painel{display:block}
  .barra{justify-content:space-between}
  .marca{flex:1}
  .cartela-env{grid-template-columns:1fr;padding-block:0}
  .cartela-sec{display:grid}
  .cartela-fundo{position:static;aspect-ratio:3/2;height:auto}
  .cartela{padding:var(--e5) var(--margem);border-radius:0;margin-inline:calc(-1 * var(--margem))}
  .cartela-sec .cred-foto{right:var(--margem);bottom:auto;top:var(--e2)}
  .hero-baixo,.cab-s,.quadros,.eixo,.alcance,.caminhos,.apoie-grid,.rod-cols,.caso{grid-template-columns:1fr}
  .caso .foto{border-right:0;border-bottom:1px solid var(--roxo);aspect-ratio:21/9}
  .caso{position:static}
  .lista-num li{grid-template-columns:5.5rem 1fr;}
  .lista-num .f{grid-column:2;text-align:left}
}
@media (max-width:720px){
  section{padding-block:var(--e7)}
  .valores{grid-template-columns:1fr}
  .caso .txt{padding:var(--e4)}
}

/* ── 2 · o que só a Metodologia usa ───────────────────────── */
h1,h2,h3,h4,p,figure{margin:0}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .revela{animation:sobe var(--t-revel) var(--curva) both;
      animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.nav > ul > li.ativo > a{font-weight:600;border-bottom-color:var(--roxo-vib)}
.topo.aberto .painel{display:block}
.hero-grid{margin-top:var(--e5);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6);
  align-items:center}
.hero figure{position:relative}
.hero img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio);width:100%}
.migalha{display:flex;gap:.5rem;font-family:"DM Mono",monospace;font-size:var(--et);
  letter-spacing:.08em;margin-bottom:var(--e5)}
.migalha li::after{content:"/";margin-left:.5rem;color:var(--verde)}
.migalha li:last-child::after{content:""}
.migalha a{text-decoration:none;min-height:1.5rem;display:inline-flex;align-items:center}
.migalha a:hover{text-decoration:underline}
.capacidades{display:grid;gap:0}
.capacidade{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--e3) var(--gutter);
  border-top:1px solid var(--roxo);padding-block:var(--e5)}
.capacidade h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.capacidade p{max-width:62ch}
.passos{position:relative;border-top:1px solid var(--roxo)}
.passos::before{content:"";position:absolute;left:1.75rem;top:0;bottom:0;width:2px;
  background:var(--roxo);transform-origin:top;transform:scaleY(0);z-index:0}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .passos::before{animation:desenha linear both;
      animation-timeline:view();animation-range:entry 90% cover 60%}
  }
}
@keyframes desenha{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@supports not (animation-timeline: view()){.passos::before{transform:scaleY(1)}}
details.passo{border-bottom:1px solid var(--roxo);position:relative;z-index:1}
details.passo summary{display:grid;grid-template-columns:3.5rem minmax(0,4fr) minmax(0,8fr) 2.75rem;
  gap:var(--e3) var(--e4);align-items:center;padding-block:var(--e4);cursor:pointer;list-style:none;
  min-height:4.5rem;transition:background var(--t-resp) var(--curva)}
details.passo summary::-webkit-details-marker{display:none}
details.passo summary:hover{background:var(--creme)}
details.passo .icone{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--roxo);
  display:flex;align-items:center;justify-content:center;flex:none}
details.passo .icone svg{width:1.75rem;height:1.75rem;stroke:var(--creme);fill:none;
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
details.passo .nome{display:flex;align-items:baseline;gap:var(--e3)}
details.passo .n{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;color:var(--verde)}
details.passo h3{font-size:var(--t2);font-weight:500;letter-spacing:-.01em}
details.passo .curta{font-size:var(--c2)}
details.passo .mais{width:2.75rem;height:2.75rem;border:2px solid var(--roxo);border-radius:50%;background:var(--papel);
  display:flex;align-items:center;justify-content:center;font-family:"DM Mono",monospace;
  font-size:1.1rem;justify-self:end;transition:background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
details.passo summary:hover .mais{background:var(--roxo);color:var(--creme)}
details.passo[open] .mais{background:var(--roxo);color:var(--creme)}
details.passo .mais::before{content:"+";font-weight:500;line-height:1}
details.passo[open] .mais::before{content:"\2212"}
details.passo .aberto{padding:0 var(--e4) var(--e5) calc(3.5rem + var(--e4));max-width:70ch}
details.passo .aberto p{font-size:var(--c1);margin-bottom:var(--e3)}
details.passo .aberto p:last-child{margin-bottom:0}
details.passo .aberto b{font-weight:600}
.banner{background:var(--roxo);color:var(--creme);border-radius:var(--raio);padding:var(--e6);
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--e4) var(--e5);align-items:center}
.banner .et{color:var(--amarelo);display:block;margin-bottom:var(--e3)}
.banner h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:22ch}
.banner p{font-size:var(--c2);margin-top:var(--e3);max-width:44ch}
.banner .acao{display:flex;flex-direction:column;gap:var(--e3);align-items:flex-start}
.banner .meta{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em}
.caminhos3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.caminho img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio);margin-bottom:var(--e2)}
.prova-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.prova-inline .v{font-size:var(--t1);font-weight:300;line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;display:block;color:var(--amarelo)}
.prova-inline .r{font-size:var(--c2);max-width:18ch;margin-top:var(--e2)}
.prova-inline .f{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;display:block;margin-top:var(--e2)}
.virada{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5) var(--e6);
  margin-top:var(--e7)}
.capacidades + p{margin-top:var(--e5);max-width:64ch;color:var(--verde)}
/* Na maquete estes três eram estilo escrito direto na tag, e a conversão
   para blocos os perdeu. Viraram classe para não se perderem de novo. */
.cab-estreita{max-width:52rem;margin-bottom:var(--e7)}
.fonte{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;
  color:var(--verde);margin-top:var(--e2)}
.lado{border-top:2px solid var(--creme);padding-top:var(--e4)}
.lado .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;
  text-transform:uppercase;display:block;margin-bottom:var(--e3)}
.lado.outros{opacity:1}
.lado.outros .rot{color:var(--creme)}
.lado.elos{border-top-color:var(--amarelo)}
.lado.elos .rot{color:var(--amarelo)}
.lado .abre{font-size:var(--c2);margin-bottom:var(--e4)}
.lado .quem{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:20ch}
.lado.elos .quem{color:var(--amarelo)}
.frase-peso{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;
  max-width:24ch;margin-top:var(--e7);padding-top:var(--e5);border-top:1px solid var(--creme)}
.aplicacoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.aplic{display:flex;flex-direction:column;gap:var(--e3);border:1px solid var(--roxo);
  border-radius:var(--raio);overflow:hidden;background:var(--papel);
  transition:box-shadow var(--t-resp) var(--curva)}
.aplic:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.aplic img{aspect-ratio:3/2;object-fit:cover;width:100%}
.aplic .dentro{padding:var(--e4) var(--e4) var(--e5);display:flex;flex-direction:column;
  gap:var(--e3);flex:1}
.aplic .tag{align-self:flex-start;font-family:"DM Mono",monospace;font-size:var(--et);
  letter-spacing:.08em;text-transform:uppercase;background:var(--verde);color:var(--papel);
  border-radius:999px;padding:.2rem .7rem}
.aplic h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.aplic p{font-size:var(--c2)}
.aplic .seta{margin-top:auto}
.escala{display:flex;flex-wrap:wrap;gap:var(--e3) var(--e5);margin-top:var(--e5);
  padding-top:var(--e4);border-top:1px solid var(--roxo);font-family:"DM Mono",monospace;
  font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.caso-c{display:flex;flex-direction:column;gap:var(--e3)}
.caso-c img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio)}
.caso-c .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.caso-c .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;
  text-transform:uppercase;border:1px solid var(--verde);color:var(--verde);
  border-radius:999px;padding:.15rem .6rem}
.caso-c h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.caso-c .mec{font-size:var(--c2)}
.caso-c .res{font-size:var(--c2);font-weight:600;border-top:1px solid var(--roxo);
  padding-top:var(--e3);margin-top:auto}
.viveu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e6) var(--e6);
  align-items:start}
.numeros-viveu{display:grid;gap:var(--e4)}
.nv{display:grid;grid-template-columns:6rem 1fr;gap:var(--e3);align-items:baseline;
  border-top:1px solid var(--roxo);padding-top:var(--e3)}
.nv .v{font-size:var(--t1);font-weight:300;line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:var(--roxo-vib)}
.nv .r{font-size:var(--c2);max-width:26ch}
.vitrine{display:grid;gap:var(--e3)}
.dep{border:1px solid var(--roxo);border-radius:var(--raio);padding:var(--e5);background:var(--papel)}
.dep blockquote{font-size:var(--t2);font-weight:300;line-height:1.3;letter-spacing:-.01em;
  max-width:34ch;margin-bottom:var(--e4)}
.dep figcaption{font-size:var(--c2)}
.dep figcaption b{display:block;font-weight:600}
.dep figcaption span{color:var(--verde)}
.dep.vazio{border-style:dashed;display:flex;align-items:center;justify-content:center;
  min-height:9rem;text-align:center}
.dep.vazio p{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;
  text-transform:uppercase;color:var(--verde);max-width:28ch}
.pendente{display:inline-flex;align-items:center;gap:.35rem;font-family:"DM Mono",monospace;
  font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:var(--vermelho);
  border:1px solid var(--vermelho);border-radius:999px;padding:.15rem .6rem .15rem .5rem}
.pendente::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--vermelho)}
details.passo .aberto .ancora{font-size:var(--c2);border-left:2px solid var(--verde);
  padding-left:var(--e3);margin-bottom:var(--e3)}
details.passo .aberto .ancora.sem{border-left-color:var(--vermelho);color:var(--verde)}
details.passo .aberto .segunda{font-size:var(--c2);color:var(--verde);
  padding-top:var(--e3);border-top:1px solid var(--roxo);margin-bottom:0}
details.passo .aberto .segunda b{color:var(--roxo)}

/* ── 3 · respostas de tela da Metodologia ─────────────────── */
@media (max-width:720px){
  :root{--d1:2.5rem; --t1:1.875rem; --t2:1.375rem; --c1:1.0625rem; --c2:.875rem; --et:.6875rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:1ms!important;scroll-behavior:auto!important}
}
@media (prefers-reduced-motion: reduce){.passos::before{transform:scaleY(1)}}
@media (max-width:900px){
  .nav,.serv{display:none}
  .hamb{display:flex}
  .barra{justify-content:space-between}
  .marca{flex:1}
  .hero-grid,.cab-s,.capacidade,.banner,.caminhos3,.prova-inline,.rod-cols{grid-template-columns:1fr}
  details.passo summary{grid-template-columns:3rem 1fr 2.75rem;grid-template-areas:"i n m" ". c c"}
  details.passo .icone{grid-area:i;width:3rem;height:3rem}
  details.passo .nome{grid-area:n}
  details.passo .curta{grid-area:c}
  details.passo .mais{grid-area:m}
  details.passo .aberto{padding-left:var(--e4)}
  .passos::before{left:1.5rem}
}
@media (max-width:900px){
  .virada,.aplicacoes,.casos,.viveu{grid-template-columns:1fr}
  .nv{grid-template-columns:1fr}
}

/* ── 4 · variações da Metodologia, escopadas na página ────── */
.pg-metodologia .cab-s p:not(.et) {max-width:42ch}
.pg-metodologia .caminho {display:flex;flex-direction:column;gap:var(--e3)}
.pg-metodologia .faixa {position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-metodologia .faixa img {width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-metodologia .hero {padding-block:var(--e7) var(--e7)}
.pg-metodologia .hero .def {max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35;
  letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-metodologia .hero h1 {max-width:14ch;margin-bottom:var(--e4)}
.pg-metodologia .serv {border-bottom:1px solid var(--roxo)}

/* ── 5 · ponte com o editor de blocos ─────────────────────── */
/* ═══════════════════════════════════════════════════════════
   PONTE PARA OS BLOCOS DO WORDPRESS
   O editor do WordPress envolve tudo em elementos próprios
   (wp-block-group, wp-block-columns, wp-block-button...).
   Este trecho faz o sistema continuar valendo dentro deles.
   ═══════════════════════════════════════════════════════════ */

/* o editor não deve impor largura nem margem: quem manda é o sistema */
/* :where() zera a força deste reset: ele tira o padrão do editor
   e perde para qualquer classe do sistema (.fecho, .cab-s, .risca...). */
:where(.wp-block-group, .wp-block-columns, .wp-block-column,
.wp-block-image, .wp-block-buttons) { margin: 0; max-width: none }
.wp-block-image img { border-radius: var(--raio) }
.wp-block-image.faixa img { border-radius: 0 }

/* botões: a classe vai no invólucro, o estilo vai no link */
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: var(--e3); align-items: center }
.wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem;
  padding: 0 var(--e4); border: 0; border-radius: var(--raio); font: inherit;
  font-size: var(--c2); font-weight: 500; text-decoration: none; white-space: nowrap;
  background: var(--laranja); color: var(--roxo);
  transition: box-shadow var(--t-resp) var(--curva), background var(--t-resp) var(--curva),
              color var(--t-resp) var(--curva);
}
.wp-block-button__link:hover { box-shadow: inset 0 0 0 2px var(--roxo) }
.bt-2 .wp-block-button__link { background: transparent; color: var(--roxo);
  box-shadow: inset 0 0 0 2px var(--roxo) }
.bt-2 .wp-block-button__link:hover { background: var(--roxo); color: var(--papel) }
.escuro .bt-2 .wp-block-button__link { color: var(--creme); box-shadow: inset 0 0 0 2px var(--creme) }
.escuro .bt-2 .wp-block-button__link:hover { background: var(--creme); color: var(--roxo) }
.cartela .wp-block-button__link { background: var(--roxo); color: var(--amarelo) }
.cartela .wp-block-button__link:hover { background: transparent; color: var(--roxo);
  box-shadow: inset 0 0 0 2px var(--roxo) }

/* Colunas viram as grades do sistema.
   O WordPress impõe `body .is-layout-flex{display:flex}` e
   `.is-layout-flex > :is(*,div){margin:0}`, ambos com peso 0,1,1.
   Por isso estas regras levam `body` na frente: sem ele, nada aqui pega. */
body .wp-block-columns { display: grid; gap: var(--e5) var(--gutter);
  align-items: start; flex-wrap: initial }
body .wp-block-columns > .wp-block-column { margin: 0; min-width: 0; flex-basis: auto }
body .quadros.wp-block-columns  { grid-template-columns: repeat(3, minmax(0,1fr)) }
body .caminhos.wp-block-columns { grid-template-columns: repeat(3, minmax(0,1fr)) }
body .alcance.wp-block-columns  { grid-template-columns: minmax(0,4fr) minmax(0,8fr) }
body .rod-cols.wp-block-columns { grid-template-columns: 1.2fr 1fr 1.25fr 1fr 1.3fr }

/* separador vira a régua do sistema */
/* O separador do editor nasce com 100px de largura, e a regra do núcleo
   que faz isso tem três classes de peso:
   `.wp-block-separator:not(.is-style-wide):not(.is-style-dots)`.
   Esta aqui repete o mesmo peso e vem depois, então vence. */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots),
.wp-block-separator { border: 0; height: 1px; background: currentColor;
  opacity: 1; margin-bottom: var(--e6) }
/* `currentColor` serve ao separador solto, que não tem cor de marca.
   A risca tem, e esta regra é mais pesada que `.risca`, então vencia e
   pintava a régua de cinza em todo o site. Aqui a risca recupera a cor
   que o sistema escolheu para ela. */
/* Peso importa aqui: a regra de cima tem três classes, e a primeira
   tentativa desta correção tinha duas. A régua continuou cinza. */
.wp-block-separator.risca:not(.is-style-wide):not(.is-style-dots){background:var(--roxo)}
.escuro .wp-block-separator.risca:not(.is-style-wide):not(.is-style-dots){background:var(--creme)}
.amarelo .wp-block-separator.risca:not(.is-style-wide):not(.is-style-dots){background:var(--roxo)}
/* O respiro de cima fica com o padrão do navegador, que é o que as
   maquetes do pacote 2 usam. Home e Metodologia pedem folga maior,
   cada uma com a medida da sua maquete. */
.pg-home .wp-block-separator { margin-top: var(--e5) }
.pg-metodologia .wp-block-separator { margin-top: var(--e6) }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){ width: 100%; max-width: none }
.escuro .wp-block-separator { background: var(--creme) }

/* a seção Apoie usa o bloco Capa, com a sobreposição desligada */
.wp-block-cover.cartela-sec { padding: 0; min-height: 0 }
.wp-block-cover.cartela-sec .wp-block-cover__background { display: none }
.wp-block-cover.cartela-sec .wp-block-cover__inner-container {
  width: 100%; max-width: var(--max); margin-inline: auto;
  padding: var(--e8) var(--margem);
  display: grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr) }
.wp-block-cover.cartela-sec img.wp-block-cover__image-background { border-radius: 0 }

/* a área editável não deve herdar largura do tema pai */
.entry-content, .site-content, .wrap { max-width: none; margin: 0; padding: 0 }

/* dentro do editor, dar o fundo certo para não editar no escuro */
.editor-styles-wrapper { background: var(--papel) }

@media (max-width: 900px) {
  body .quadros.wp-block-columns, body .caminhos.wp-block-columns,
  body .alcance.wp-block-columns, body .rod-cols.wp-block-columns { grid-template-columns: 1fr }
  .wp-block-cover.cartela-sec .wp-block-cover__inner-container {
    grid-template-columns: 1fr; padding: 0 }
}

/* section{padding-block} do sistema original só vale para a tag <section>.
   Os blocos do editor geram <div>. Esta classe repõe o mesmo respiro. */
.sec { padding-block: var(--e8) }

/* ═══════════════════════════════════════════════════════════
   PONTE 2 · BLOCOS QUE O EDITOR MONTA COM MARCAÇÃO PRÓPRIA
   O bloco Navegação e o bloco Detalhes não produzem o HTML
   da maquete. Aqui o sistema é reposto em cima da marcação
   que o WordPress realmente gera.
   ═══════════════════════════════════════════════════════════ */

/* ── menu principal ─────────────────────────────────────── */
/* A lista fica três níveis abaixo do <nav>, então nenhuma regra
   com `>` alcança os links. Tudo aqui é por descendência. */
.barra .nav{flex:1}
.barra .nav .wp-block-navigation__container{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--e5);
  padding:0;margin:0;list-style:none}
.barra .nav .wp-block-navigation-item__content{
  display:inline-flex;align-items:center;min-height:2.75rem;
  font-size:var(--c2);line-height:1;text-decoration:none;color:inherit;
  border-bottom:2px solid transparent;
  transition:border-color var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.barra .nav .wp-block-navigation-item__content:hover{border-bottom-color:var(--roxo)}
.barra .nav .wp-block-navigation-item__content:focus-visible{
  outline:2px solid var(--roxo);outline-offset:3px;border-radius:var(--raio)}
.barra .nav .current-menu-item > .wp-block-navigation-item__content,
.barra .nav [aria-current="page"]{font-weight:600;border-bottom-color:var(--roxo-vib)}

/* A marca do site vem do Customizer e tem recorte diferente do da maquete.
   Aqui ela é trocada pela arte do tema, que é a mesma que a maquete usa. */
.barra .wp-block-site-logo img{content:url("../img/logo-roxo.png")}
.barra .wp-block-site-logo,.barra .wp-block-site-logo img{
  height:2.4rem;width:auto;max-width:none;
  transition:height var(--t-estado) var(--curva)}
.topo.compacta .barra .wp-block-site-logo,
.topo.compacta .barra .wp-block-site-logo img{height:1.9rem}

/* submenus do bloco Navegação */
.barra .nav .wp-block-navigation-item{position:relative}
.barra .nav .wp-block-navigation__submenu-icon{display:none}
.barra .nav .wp-block-navigation__submenu-container{
  position:absolute;top:100%;left:0;z-index:60;
  background:var(--papel);color:var(--roxo);
  border:1px solid var(--roxo);border-radius:var(--raio);
  padding:var(--e2) 0;min-width:15rem;width:max-content;max-width:22rem;
  opacity:0;visibility:hidden;
  transition:opacity var(--t-resp) var(--curva),visibility var(--t-resp) var(--curva)}
.barra .nav .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.barra .nav .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container{
  opacity:1;visibility:visible}
.barra .nav .wp-block-navigation__submenu-container a{
  display:flex;align-items:center;min-height:2.75rem;padding:.4rem var(--e3);
  font-size:var(--c2);border-bottom:0;color:var(--roxo)}
.barra .nav .wp-block-navigation__submenu-container a:hover{background:var(--creme)}
/* o item de topo não pode perder o sublinhado enquanto o submenu está aberto */
.barra .nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content{
  border-bottom-color:var(--roxo)}
/* a língua atual, na barra de serviço */
.serv .idi-ativo .wp-block-navigation-item__content{font-weight:700}

/* barra de serviço: mesma marcação, tipografia menor */
.serv .wp-block-navigation__container{
  display:flex;justify-content:flex-end;align-items:center;gap:var(--e4);
  padding:0;margin:0;list-style:none}
.serv .wp-block-navigation-item__content{
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;
  color:inherit;text-decoration:none}

/* botão Apoie do cabeçalho */
.barra .bt-apoie{flex:none}

/* ── o menu não pode sumir ──────────────────────────────── */
/* A regra antiga escondia .nav a partir de 900px, mas o menu-sanduíche
   do bloco Navegação só entra em 600px. Entre os dois não sobrava menu. */
@media (max-width:900px){
  .barra .nav{display:block}
  .barra .nav .wp-block-navigation__container{gap:var(--e4)}
  .barra .nav .wp-block-navigation-item__content{font-size:var(--et)}
  .barra{gap:var(--e4)}
}
@media (max-width:600px){
  .serv{display:none}
  .barra .nav .wp-block-navigation__responsive-container.is-menu-open{
    color:var(--roxo)}
  .barra .nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-close{
      background:var(--papel);width:100%;min-height:100vh;
      padding:var(--e5) var(--margem)}
  .barra .nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog{width:100%}
  .barra .nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container{
      display:block;gap:0;width:100%}
  .barra .nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item{width:100%}
  .barra .nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content{
      display:flex;width:100%;min-height:3rem;font-size:var(--t2);
      border-bottom:1px solid var(--roxo)}
  .barra .nav .wp-block-navigation__responsive-container-open,
  .barra .nav .wp-block-navigation__responsive-container-close{
    color:var(--roxo);padding:0;background:none;border:0}
  .barra .nav .wp-block-navigation__responsive-container-open svg,
  .barra .nav .wp-block-navigation__responsive-container-close svg{
    width:2rem;height:2rem;fill:currentColor}
}

/* ── os sete passos ─────────────────────────────────────── */
/* O bloco Detalhes guarda o resumo como texto com formatação simples.
   Então o disco, o ícone, o número e o botão de abrir vêm todos do CSS.
   No editor você mexe só no texto, e o nome do passo fica em negrito. */
.passos{counter-reset:passo}
details.passo{counter-increment:passo;border-bottom:1px solid var(--roxo);position:relative}
body details.passo > summary{
  display:flex;align-items:center;gap:var(--e4);
  padding-block:var(--e4);padding-right:4rem;position:relative;
  min-height:4.5rem;cursor:pointer;list-style:none;
  font-size:var(--c2);line-height:var(--lh-c);
  transition:background var(--t-resp) var(--curva)}
details.passo > summary::-webkit-details-marker{display:none}

/* o disco com o ícone do passo */
details.passo > summary::before{
  content:"";flex:none;width:3.5rem;height:3.5rem;border-radius:50%;
  background-color:var(--roxo);background-repeat:no-repeat;
  background-position:center;background-size:1.75rem}
details.passo:nth-of-type(1) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M4 24c6-11 34-11 40 0-6 11-34 11-40 0Z'/><circle cx='24' cy='24' r='6'/></svg>")}  /* Olhar */
details.passo:nth-of-type(2) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='18' cy='24' r='11'/><circle cx='30' cy='24' r='11'/></svg>")}  /* Afeto */
details.passo:nth-of-type(3) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M24 5 29 18 42 18 31 26 35 40 24 32 13 40 17 26 6 18 19 18Z'/></svg>")}  /* Sonho */
details.passo:nth-of-type(4) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M14 34 30 10'/><path d='M20 12h10v10'/><circle cx='14' cy='34' r='3'/></svg>")}  /* Cuidado */
details.passo:nth-of-type(5) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M24 40V12'/><path d='M14 22 24 12 34 22'/><circle cx='10' cy='30' r='2'/><circle cx='38' cy='30' r='2'/></svg>")}  /* Milagre */
details.passo:nth-of-type(6) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='24' cy='24' r='4'/><path d='M24 8v6M24 34v6M8 24h6M34 24h6M13 13l4 4M31 31l4 4M35 13l-4 4M17 31l-4 4'/></svg>")}  /* Celebração */
details.passo:nth-of-type(7) > summary::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2dcc2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M36 16a14 14 0 1 0 2 12'/><path d='M38 8v10h-10'/></svg>")}  /* Re-evolução */

/* o nome do passo, com o número na frente */
details.passo > summary strong{
  font-size:var(--t2);font-weight:500;line-height:var(--lh-t);letter-spacing:-.01em}
details.passo > summary strong::before{
  content:counter(passo,decimal-leading-zero) " ";
  font-family:"DM Mono",monospace;font-size:var(--et);font-weight:400;
  letter-spacing:.1em;color:var(--verde);margin-right:.35rem}

/* o botão de abrir */
details.passo > summary::after{
  content:"+";position:absolute;right:0;top:50%;translate:0 -50%;
  width:2.75rem;height:2.75rem;border:2px solid var(--roxo);border-radius:50%;
  background:var(--papel);display:flex;align-items:center;justify-content:center;
  font-family:"DM Mono",monospace;font-size:1.1rem;font-weight:500;line-height:1;
  transition:background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
details.passo > summary:hover{background:var(--creme)}
details.passo > summary:hover::after,
details.passo[open] > summary::after{background:var(--roxo);color:var(--creme)}
details.passo[open] > summary::after{content:"\2212"}
/* Mesma caixa da maquete: recuo do disco à esquerda, respiro à direita,
   e a medida de leitura descontando os dois. */
body details.passo > *:not(summary){
  margin-left:calc(3.5rem + var(--e4));margin-right:var(--e4);
  max-width:calc(70ch - 3.5rem - var(--e4) - var(--e4));font-size:var(--c1)}
body details.passo > *:not(summary):last-child{padding-bottom:var(--e5)}

/* ── rodapé: a marca roxa sumia no fundo roxo ─────────────── */
/* Parte de template não executa PHP, então quem troca a arte pela
   versão creme é o CSS. O caminho é relativo a este arquivo. */
.rod .marca-rodape img,
.rod .wp-block-site-logo img{content:url("../img/logo-creme.png")}
.rod .marca-rodape,.rod .wp-block-site-logo{margin-bottom:var(--e5)}
.rod .marca-rodape img,.rod .wp-block-site-logo img{width:110px;height:auto;display:block}

@media (max-width:900px){
  body details.passo > summary{gap:var(--e3);padding-right:3.25rem}
  details.passo > summary::before{width:3rem;height:3rem;background-size:1.5rem}
  body details.passo > *:not(summary){margin-left:0}
}
@media (max-width:600px){
  /* em tela estreita o nome grande quebra no meio da palavra */
  details.passo > summary strong{font-size:var(--c1)}
}



/* ── espaço do formulário embutido ──────────────────────── */
/* Fica acima do marcador do pacote 2 de propósito: a mesclagem
   reescreve tudo o que vem depois dele. */
.campos-sub{display:flex;flex-direction:column;align-items:flex-start;gap:var(--e4)}
.campos-sub p{font-size:var(--c2);margin:0}
.campos-sub a:not(.bt){color:inherit;text-decoration:underline;text-underline-offset:.2em}
.slot-formulario{width:100%}
/* `:not(:has(*))` e não `:empty`: o editor guarda quebras de linha dentro
   do bloco, e para o `:empty` isso já conta como conteúdo. */
.slot-formulario:not(:has(*)){display:none}
.editor-styles-wrapper .slot-formulario:not(:has(*)){
  display:flex;align-items:center;justify-content:center;min-height:9rem;
  border:2px dashed currentColor;border-radius:var(--raio);opacity:.55}
.editor-styles-wrapper .slot-formulario:not(:has(*))::before{
  content:"Cole aqui o formulário do Salesforce";
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em}


/* ── faixa de logos ─────────────────────────────────────── */
/* Um componente só para os quatro lugares que antes tinham três
   desenhos diferentes: reconhecimentos, marcas e quem já contratou.
   Cada item aceita uma imagem. Enquanto o logo não chega, o nome
   fica escrito, então a faixa nunca aparece vazia no site.
   A altura responde à quantidade, porque o número de logos muda de
   uma página para outra. Fica acima do marcador do pacote 2 de
   propósito: a mesclagem reescreve tudo o que vem depois dele. */
.logos{--logo-h:4rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:var(--e4) var(--e6);margin:0;padding:0;list-style:none}
.logos:has(> .logo:nth-child(4)){--logo-h:3.25rem;gap:var(--e4) var(--e5)}
.logos:has(> .logo:nth-child(7)){--logo-h:2.5rem;gap:var(--e3) var(--e5)}
/* até dez logos, que é o teto combinado para a faixa de clientes da
   Consultoria. Acima de nove a altura cai de novo e a largura máxima
   aperta, para que uma marca de nome comprido não domine a linha. */
.logos:has(> .logo:nth-child(9)){--logo-h:2.25rem;gap:var(--e3) var(--e4)}
.logos:has(> .logo:nth-child(9)) .logo img{max-width:9rem}
.logo{display:flex;align-items:center;justify-content:center;
  min-height:var(--logo-h);margin:0}
.logo figure{margin:0;display:flex;align-items:center}
.logo img{display:block;width:auto;height:auto;border-radius:0;
  max-height:var(--logo-h);max-width:12rem;object-fit:contain}
.logo-nome{margin:0;text-align:center;line-height:1.25;
  font-family:"DM Mono",monospace;font-size:var(--c2);letter-spacing:.04em;
  border:1px solid currentColor;border-radius:999px;padding:.25rem .9rem}
/* com o logo no lugar o nome continua no HTML, para quem lê a página
   por leitor de tela e para quando a imagem não carrega */
.logo:has(img) .logo-nome{position:absolute;width:1px;height:1px;
  padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.editor-styles-wrapper .logos::after{
  content:"Cada item aceita um logo: clique no + dentro dele e escolha Imagem";
  flex-basis:100%;text-align:center;opacity:.55;
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em}

/* ── nível 00: o que faltava de resposta ────────────────
   O sistema diz que nível 00 não tem cota: todo elemento
   operável responde. Estas três faltas apareceram medindo
   a transição calculada de cada componente, não olhando. */

/* 1. O acordeão abria de um talho. Onde o navegador sabe
   interpolar `auto`, ele passa a abrir em 200ms; onde não
   sabe, abre como sempre abriu, porque o estado final é o
   estado padrão do HTML. */
@supports (interpolate-size: allow-keywords) and (selector(::details-content)){
  @media (prefers-reduced-motion: no-preference){
    :root{interpolate-size:allow-keywords}
    details.passo::details-content,
    details.item::details-content{
      block-size:0;overflow:clip;content-visibility:hidden;
      transition:block-size var(--t-estado) var(--curva),
                 content-visibility var(--t-estado) allow-discrete}
    details.passo[open]::details-content,
    details.item[open]::details-content{block-size:auto;content-visibility:visible}
  }
}

/* 2. O cartão inteiro é alvo de ponteiro, mas quem se move
   é a seta que já existe dentro dele: o movimento aponta
   para onde o clique leva, em vez de enfeitar a borda. */
.caso:hover .seta::after, .caminho:hover .seta::after,
.sol:hover .seta::after, .aplic:hover .seta::after,
.caso-c:hover .seta::after, .quadro:hover .seta::after{transform:translateX(.25rem)}

/* 3. O sublinhado de link aparecia de uma vez. Existindo
   sempre, transparente, ele passa a chegar com a mesma
   duração de todo o resto. */
.serv a, .rod a:not(.bt), .migalha a{
  text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;
  transition:text-decoration-color var(--t-resp) var(--curva),
             color var(--t-resp) var(--curva)}
.serv a:hover, .rod a:not(.bt):hover, .migalha a:hover{text-decoration-color:currentColor}

/* ── linhas que carregam um link ────────────────────────
   Um link solto não é editável no editor: bloco de HTML cru
   aparece como caixa de código. Envolto num parágrafo, o
   texto e o endereço passam a ser campos. O parágrafo é só
   o carregador, então ele não traz margem nenhuma de si. */
.linha-seta, .linha-bt, .linha-desvio, .linha-acao, .linha-fim{margin:0}
/* `display:contents` e não `margin:0`: o parágrafo precisa sumir do
   layout, não só perder a margem. Com ele no meio, o link deixava de
   ser filho do contêiner flex e perdia tanto o `margin-top:auto` que o
   empurra para o pé do cartão quanto a largura da coluna. Dentro do
   editor ele volta a ser caixa, senão não dá para clicar nele. */
.linha-seta, .linha-bt, .linha-desvio{display:contents}
.editor-styles-wrapper .linha-seta,
.editor-styles-wrapper .linha-bt,
.editor-styles-wrapper .linha-desvio{display:block}
/* estas duas repõem, com nome, o que antes era estilo embutido, e por
   isso continuam sendo caixa */
.linha-acao{margin-top:var(--e4)}
.linha-fim{margin-top:var(--e6)}
/* dois níveis porque `.pg-metodologia .faixa` zera a margem de baixo,
   e esta classe repõe o que antes era estilo embutido, que vencia tudo */
.faixa.faixa-colada{margin-bottom:calc(-1 * var(--e8))}

/* ── espaço do vídeo ────────────────────────────────────
   Irmão do espaço do formulário. Enquanto está vazio, o
   pôster e o botão seguem à mostra. Assim que um vídeo ou
   um embutido entra aqui, os dois somem e quem manda é o
   vídeo de verdade. Nada disso precisa de JavaScript. */
.slot-video{width:100%}
.slot-video:not(:has(*)){display:none}
.video:has(.slot-video *) .video-poster,
.video:has(.slot-video *) .play{display:none}
.video:has(.slot-video *) .slot-video{position:relative;z-index:1}
.slot-video iframe, .slot-video video{width:100%;aspect-ratio:16/9;display:block;border:0}
.editor-styles-wrapper .slot-video:not(:has(*)){
  display:flex;align-items:center;justify-content:center;min-height:7rem;
  border:2px dashed currentColor;border-radius:var(--raio);opacity:.55}
.editor-styles-wrapper .slot-video:not(:has(*))::before{
  content:"Cole aqui o vídeo: arquivo, YouTube ou Vimeo";
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em}

/* ── vídeo de fundo ─────────────────────────────────────
   Entrou no sistema em 24/09/2026, a pedido da Paula, e
   saiu da lista de "nunca". Continua valendo o que tinha
   posto ele lá, só que como condição e não como proibição:
   o pôster carrega sempre e o vídeo é o que vem por cima,
   o texto nunca fica sobre a imagem em movimento, e quem
   pediu menos movimento recebe o pôster parado.

   É o mesmo herói em sangria com cartela que já é padrão:
   troca a foto pelo laço, e nada mais muda. */
.video-fundo{position:relative;display:block;margin:0}
.video-fundo img, .video-fundo video{
  display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
/* o pôster ocupa o lugar e o vídeo entra por cima: sem salto de layout
   enquanto ele carrega, e com o pôster à mostra se ele nunca carregar */
.video-fundo video{position:absolute;inset:0;height:100%;opacity:0;
  transition:opacity var(--t-estado) var(--curva)}
.video-fundo video.pronto{opacity:1}
@media (max-width:900px){.video-fundo img,.video-fundo video{aspect-ratio:3/2}}
/* sem laço para quem pediu menos movimento: fica o pôster */
@media (prefers-reduced-motion: reduce){.video-fundo video{display:none}}

/* a faixa de reconhecimento da home é baixa, não é uma seção inteira */
.selos{padding-block:var(--e6)}
.selos .et{display:block;text-align:center;color:var(--verde);margin-bottom:var(--e4)}
/* a regra que vence o separador do núcleo tem três classes;
   esta precisa do mesmo peso para valer dentro da faixa */
.selos .wp-block-separator.risca{margin-top:0;margin-bottom:var(--e5)}
/* a home dá 48px entre os filhos de .env; nesta faixa o espaço é
   menor, então a regra geral sai e as margens de cima valem */
.pg-home .selos .env > * + *{margin-top:0}



/* ── hero da Metodologia ────────────────────────────────── */
/* A Metodologia não passa pelo construtor do pacote 2, então a
   regra da foto maior entra aqui, escopada na página. */
.pg-metodologia .hero .hero-grid{
  grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}
.pg-metodologia .hero figure{position:static}
.pg-metodologia .hero img{aspect-ratio:4/5}
@media (max-width:900px){
  .pg-metodologia .hero .hero-grid{grid-template-columns:1fr}
  .pg-metodologia .hero img{aspect-ratio:3/2}
}


/* ── citação ────────────────────────────────────────────── */
/* O bloco Citação do editor desenha uma risca de 0,25em à esquerda.
   O sistema desenha a dele no invólucro, e as duas juntas viravam
   duas riscas paralelas em quase toda página com depoimento. */
.wp-block-quote{border:0;padding:0;margin:0;font-style:normal}
.wp-block-quote cite,.wp-block-quote__citation{font-style:normal}



/* ── carrossel que arrasta ──────────────────────────────────
   O guia de estilo proíbe carrossel automático, e continua
   proibindo. Este é o outro: não anda sozinho, não tem tempo,
   não tem laço. Quem lê decide quando avança, arrastando,
   rolando ou pelo teclado. Nasceu na Quem somos, como linha do
   tempo, e no template de caso. Sobe para cá porque a Escola de
   Transformação, os casos e o Impacto usam o mesmo desenho.

   `--marco-w` é o que cada página ajusta. O resto não muda. */
.tempo{--marco-w:min(28rem,84%);
  display:flex;gap:var(--gutter);overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-padding-inline:0;
  overscroll-behavior-x:contain;padding-bottom:var(--e4);
  scrollbar-width:thin;scrollbar-color:var(--roxo) transparent}
.tempo:focus-visible{outline:3px solid var(--roxo-vib);outline-offset:4px}
.marco{flex:0 0 var(--marco-w);scroll-snap-align:start;
  display:flex;flex-direction:column;gap:var(--e3);margin:0}
.marco figure{margin:0;position:relative}
/* O índice do cartão: ano, etapa, capítulo. Escrito, abre entrada na
   régua; vazio, o cartão continua no índice anterior. Cada página ajusta
   o tamanho; a base fica aqui para o componente nascer legível. */
.marco .indice{font-family:"DM Mono",monospace;color:var(--verde);font-variant-numeric:tabular-nums}
.escuro .marco .indice{color:var(--amarelo)}
.marco img{width:100%;object-fit:cover;border-radius:var(--raio)}
/* A barra de controle não está escrita em lugar nenhum: o elos.js a
   monta a partir dos cartões. Quem edita acrescenta ou apaga um marco e
   a régua acompanha. Por isso o desenho mora aqui, e não na página. */
.tempo-ctl{display:flex;align-items:center;gap:var(--e3);margin-top:var(--e4);flex-wrap:wrap}
.tempo-ctl button{width:2.75rem;height:2.75rem;border:1px solid var(--roxo);background:transparent;
  border-radius:999px;cursor:pointer;color:var(--roxo);font-size:1rem;line-height:1}
.tempo-ctl button:hover{background:var(--roxo);color:var(--papel)}
.tempo-ctl button[disabled]{opacity:.35;cursor:default}
.tempo-ctl button[disabled]:hover{background:transparent;color:var(--roxo)}
.regua{display:flex;gap:var(--e3);flex-wrap:wrap;margin-left:var(--e3)}
.regua a{font-family:"DM Mono",monospace;font-size:var(--c2);text-decoration:none;
  min-height:2.75rem;display:inline-flex;align-items:center;border-bottom:2px solid transparent}
.regua a:hover,.regua a[aria-current="true"]{border-bottom-color:var(--roxo-vib)}
.escuro .tempo-ctl button{border-color:var(--creme);color:var(--creme)}
.escuro .tempo-ctl button:hover{background:var(--creme);color:var(--roxo)}
.escuro .regua a:hover,.escuro .regua a[aria-current="true"]{border-bottom-color:var(--amarelo)}
/* Cartão que continua o índice do anterior: o parágrafo do índice fica
   vazio de propósito, e vazio na tela vira um buraco. O `.segue` vem do
   elos.js; no editor a classe não existe e o parágrafo continua à
   vista, que é onde ele precisa estar para ser escrito. */
.marco.segue .indice,.marco.segue .ano{display:none}

/* No editor a rolagem lateral atrapalha a edição: lá vira grade. */
.editor-styles-wrapper .tempo{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));overflow:visible}
.editor-styles-wrapper .marco{flex:none}


/* ═══ PÁGINAS DO PACOTE 2 ═══ */

/* ══ FORMAÇÃO ═══════════════════════════════════
   Vem de maquetes/formacao.html. Tudo escopado em .pg-formacao: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-formacao .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-formacao .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-formacao .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-formacao .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-formacao .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-formacao .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-formacao .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-formacao .hero{padding-block:var(--e7) var(--e7)}
.pg-formacao .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-formacao .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-formacao .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-formacao .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-formacao .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-formacao .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-formacao section{padding-block:var(--e7)}
.pg-formacao section.escuro, .pg-formacao section.creme, .pg-formacao section.cafe{padding-block:var(--e8)}
.pg-formacao .risca{margin-bottom:var(--e5)}
.pg-formacao .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-formacao .hero{padding-block:var(--e5) var(--e7)}
.pg-formacao .hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:var(--e5) var(--e6);align-items:start}
.pg-formacao .hero h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:34ch;margin-bottom:var(--e4)}
.pg-formacao .hero .corpo p{font-size:var(--c1);max-width:54ch}
.pg-formacao .hero .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-formacao .hero .corpo p{max-width:60ch}
.pg-formacao .hero .condicao{margin-top:var(--e4);padding-top:var(--e3);border-top:2px solid var(--verde)}
.pg-formacao .hero .condicao p{font-size:var(--c2);max-width:54ch}
.pg-formacao .hero .condicao b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-formacao .hero figure{position:relative;margin:0;position:sticky;top:7rem}
.pg-formacao .hero img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-formacao .cred-foto{right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-formacao .solucoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.pg-formacao .sol{border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden; display:flex;flex-direction:column;background:var(--papel)}
.pg-formacao .sol figure{position:relative;margin:0}
.pg-formacao .sol img{aspect-ratio:1/1;object-fit:cover;width:100%}
.pg-formacao .sol .cartela{position:absolute;left:0;right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e3);min-height:6rem;display:flex;flex-direction:column;justify-content:flex-end}
.pg-formacao .sol.s4 .cartela{background:var(--verde)}
.pg-formacao .sol .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e1)}
.pg-formacao .sol.s4 .rot{color:var(--creme)}
.pg-formacao .sol .cartela h3{font-size:var(--c2);font-weight:600;line-height:1.25}
.pg-formacao .sol .txt{padding:var(--e4) var(--e3);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-formacao .sol .quando{font-size:var(--c2)}
.pg-formacao .sol .pe{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--e2)}
.pg-formacao .sol .prazo{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;font-weight:500;color:var(--verde)}
.pg-formacao .problema .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-formacao .problema .pergunta{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-formacao .problema h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:16ch}
.pg-formacao .problema p{font-size:var(--c1);max-width:56ch}
.pg-formacao .difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-formacao .dif{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-formacao .dif h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3); max-width:18ch}
.pg-formacao .dif p{font-size:var(--c2)}
.pg-formacao .cafe{background:var(--laranja);color:var(--roxo)}
.pg-formacao .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-formacao .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-formacao .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-formacao .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:30ch; margin-bottom:var(--e4)}
.pg-formacao .passos-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3); margin-bottom:var(--e5)}
.pg-formacao .passo-cta{border-top:2px solid var(--roxo);padding-top:var(--e2);font-size:var(--c2)}
.pg-formacao .passo-cta b{display:block;font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.12em;font-weight:500}
.pg-formacao .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-formacao .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-formacao .casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-formacao .caso{display:flex;flex-direction:column;gap:var(--e3)}
.pg-formacao .caso figure{position:relative;margin:0}
.pg-formacao .caso img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-formacao .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-formacao .caso .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem}
.pg-formacao .caso .tg.aberta{border-style:dashed}
.pg-formacao .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-formacao .caso .mec, .pg-formacao .caso .res-c{font-size:var(--c2)}
.pg-formacao .caso .res-c{font-weight:600}
.pg-formacao .caso .seta{margin-top:auto}
.pg-formacao .vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-formacao .voz{border-left:2px solid var(--roxo-vib);padding-left:var(--e3)}
.pg-formacao .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-formacao .voz .quem{font-size:var(--c2)}
.pg-formacao .voz .quem b{display:block;font-weight:600}
.pg-formacao .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-formacao .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-formacao .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-formacao .campo.largo{grid-column:1 / -1}
.pg-formacao .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-formacao .campo input, .pg-formacao .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-formacao .campo textarea{min-height:4rem;resize:vertical}
.pg-formacao .campo.assina label{color:var(--laranja)}
.pg-formacao .campo.assina input, .pg-formacao .campo.assina textarea{border-bottom:2px solid var(--laranja)}
.pg-formacao .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-formacao .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-formacao .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-formacao .nota-f{font-size:var(--c2);max-width:38ch;margin-top:var(--e3)}
@media (max-width:900px){
  .pg-formacao .hero-grid, .pg-formacao .cab-s, .pg-formacao .rod-cols, .pg-formacao .problema .env, .pg-formacao .form-grid, .pg-formacao .cafe .env{grid-template-columns:1fr}
  .pg-formacao .hero figure{position:static}
  .pg-formacao .solucoes, .pg-formacao .difs, .pg-formacao .vozes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-formacao .casos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-formacao .caso:last-child{grid-column:1 / -1}
}
@media (max-width:720px){
  .pg-formacao .solucoes, .pg-formacao .difs, .pg-formacao .vozes, .pg-formacao .casos, .pg-formacao .campos, .pg-formacao .passos-cta{grid-template-columns:1fr}
  .pg-formacao .caso:last-child{grid-column:auto}
  .pg-formacao .hero img{aspect-ratio:3/2}
}
.pg-formacao .solucoes.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-formacao .sol.s3 .cartela{background:var(--roxo-vib)}
.pg-formacao .sol.s3 .rot{color:var(--creme)}
.pg-formacao .temas .selo-t{display:block;color:var(--verde);margin-bottom:var(--e4)}
.pg-formacao .temas .grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:0 var(--e6);align-items:end}
.pg-formacao .temas h2{grid-column:1;grid-row:1;display:grid;font-size:var(--t2);font-weight:400; line-height:1.16;letter-spacing:-.02em;border-top:1px solid var(--roxo)}
.pg-formacao .temas h2 span{display:block;padding-block:var(--e3);border-bottom:1px solid var(--roxo)}
.pg-formacao .temas p:not(.et){grid-column:2;grid-row:1;font-size:var(--c1);max-width:42ch;padding-bottom:var(--e4)}
.pg-formacao .cafe.simples .env{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}
.pg-formacao .cafe.simples h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:18ch;margin-bottom:0}
.pg-formacao .cafe.simples p{font-size:var(--c1);max-width:46ch;margin-bottom:var(--e4)}
.pg-formacao .trajs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gutter)}
.pg-formacao .traj{display:flex;flex-direction:column;gap:var(--e2)}
.pg-formacao .traj figure{margin:0}
.pg-formacao .traj img{aspect-ratio:1/1;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-formacao .traj .retrato{aspect-ratio:1/1;border:1px dashed var(--roxo-vib);border-radius:var(--raio); display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--e2); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;color:var(--roxo-vib)}
.pg-formacao .traj .retrato{padding:0;overflow:hidden;margin:0}
.pg-formacao .traj .retrato img{width:100%;height:100%;object-fit:cover;border-radius:0}
.pg-formacao .traj .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem;align-self:flex-start}
.pg-formacao .traj h3{font-size:var(--c1);font-weight:600;line-height:var(--lh-t);min-height:2.6rem}
.pg-formacao .traj p{font-size:var(--c2)}
.pg-formacao .quem .cab-s{align-items:baseline}
.pg-formacao .lastro-rede{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em; max-width:30ch}
.pg-formacao .lastro-rede .fonte{display:block;font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.08em;margin-top:var(--e2);font-weight:500;color:var(--verde)}
.pg-formacao .voz.slot{border-left-style:dashed}
.pg-formacao .voz.slot p{font-size:var(--c2);max-width:32ch}
.pg-formacao .selos-f{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo)}
.pg-formacao .selos-f .et{display:block;color:var(--verde);margin-bottom:var(--e3)}
@media (max-width:900px){
  .pg-formacao .solucoes.tres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-formacao .sol.s3{grid-column:1 / -1}
  .pg-formacao .temas .grade{grid-template-columns:1fr}
  .pg-formacao .temas h2, .pg-formacao .temas p:not(.et){grid-column:1}
  .pg-formacao .temas p:not(.et){grid-row:2;padding-top:var(--e4);padding-bottom:0}
  .pg-formacao .cafe.simples .env{grid-template-columns:1fr}
  .pg-formacao .trajs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .pg-formacao .solucoes.tres, .pg-formacao .trajs{grid-template-columns:1fr}
  .pg-formacao .traj h3{min-height:0}
  .pg-formacao .sol.s3{grid-column:auto}
}
.pg-formacao .hero.amarelo{background:var(--amarelo);color:var(--roxo)}
.pg-formacao .hero.amarelo .migalha, .pg-formacao .hero.amarelo .migalha a{color:var(--roxo)}
.pg-formacao .hero.amarelo .migalha li::after{color:var(--verde)}
.pg-formacao .hero.amarelo .condicao{border-top-color:var(--roxo)}
.pg-formacao .hero.amarelo .bt-2{color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-formacao .hero.amarelo .bt-2:hover{background:var(--roxo);color:var(--amarelo)}
.pg-formacao .hero .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}
.pg-formacao .hero figure{position:static}
.pg-formacao .hero img{aspect-ratio:4/5}
@media (max-width:900px){
  .pg-formacao .hero .hero-grid{grid-template-columns:1fr}
  .pg-formacao .hero img{aspect-ratio:3/2}
}
.pg-formacao .fecho-pg{background:var(--creme);color:var(--roxo)}
.pg-formacao .fecho-pg .cab-s .et, .pg-formacao .fecho-pg .et{color:var(--verde)}
.pg-formacao .fecho-pg .seta{color:var(--roxo-vib)}
.pg-formacao .fecho-pg .risca, .pg-formacao .fecho-pg .wp-block-separator{background:var(--roxo)}
.pg-formacao .campo.largo.enviar{flex-direction:row}
@media (min-width:901px){
  @supports (grid-template-rows: subgrid){
  .pg-formacao .difs{grid-template-rows:auto auto}
  .pg-formacao .difs > *{display:grid;grid-row:span 2;grid-template-rows:subgrid}
}
}

/* ══ GERAÇÃO GSA ═══════════════════════════════════
   Vem de maquetes/geracao-gsa.html. Tudo escopado em .pg-geracao-gsa: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-geracao-gsa .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-geracao-gsa .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-geracao-gsa .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-geracao-gsa .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-geracao-gsa .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-geracao-gsa .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-geracao-gsa .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-geracao-gsa .hero{padding-block:var(--e7) var(--e7)}
.pg-geracao-gsa .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-geracao-gsa .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-geracao-gsa .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-geracao-gsa .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-geracao-gsa .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-geracao-gsa .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-geracao-gsa section{padding-block:var(--e7)}
.pg-geracao-gsa section.escuro, .pg-geracao-gsa section.creme, .pg-geracao-gsa section.cafe{padding-block:var(--e8)}
.pg-geracao-gsa .risca{margin-bottom:var(--e5)}
.pg-geracao-gsa .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-geracao-gsa .hero{padding-block:var(--e5) var(--e7)}
.pg-geracao-gsa .hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:var(--e5) var(--e6);align-items:start}
.pg-geracao-gsa .hero h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:34ch;margin-bottom:var(--e4)}
.pg-geracao-gsa .hero .corpo p{font-size:var(--c1);max-width:54ch}
.pg-geracao-gsa .hero .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-geracao-gsa .hero .corpo p{max-width:60ch}
.pg-geracao-gsa .hero .condicao{margin-top:var(--e4);padding-top:var(--e3);border-top:2px solid var(--verde)}
.pg-geracao-gsa .hero .condicao p{font-size:var(--c2);max-width:54ch}
.pg-geracao-gsa .hero .condicao b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-geracao-gsa .hero figure{position:relative;margin:0;position:sticky;top:7rem}
.pg-geracao-gsa .hero img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-geracao-gsa .cred-foto{right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-geracao-gsa .solucoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.pg-geracao-gsa .sol{border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden; display:flex;flex-direction:column;background:var(--papel)}
.pg-geracao-gsa .sol figure{position:relative;margin:0}
.pg-geracao-gsa .sol img{aspect-ratio:1/1;object-fit:cover;width:100%}
.pg-geracao-gsa .sol .cartela{position:absolute;left:0;right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e3);min-height:6rem;display:flex;flex-direction:column;justify-content:flex-end}
.pg-geracao-gsa .sol.s4 .cartela{background:var(--verde)}
.pg-geracao-gsa .sol .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e1)}
.pg-geracao-gsa .sol.s4 .rot{color:var(--creme)}
.pg-geracao-gsa .sol .cartela h3{font-size:var(--c2);font-weight:600;line-height:1.25}
.pg-geracao-gsa .sol .txt{padding:var(--e4) var(--e3);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-geracao-gsa .sol .quando{font-size:var(--c2)}
.pg-geracao-gsa .sol .pe{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--e2)}
.pg-geracao-gsa .sol .prazo{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;font-weight:500;color:var(--verde)}
.pg-geracao-gsa .problema .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-geracao-gsa .problema .pergunta{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-geracao-gsa .problema h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:16ch}
.pg-geracao-gsa .problema p{font-size:var(--c1);max-width:56ch}
.pg-geracao-gsa .difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-geracao-gsa .dif{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-geracao-gsa .dif h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3); max-width:18ch}
.pg-geracao-gsa .dif p{font-size:var(--c2)}
.pg-geracao-gsa .cafe{background:var(--laranja);color:var(--roxo)}
.pg-geracao-gsa .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-geracao-gsa .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-geracao-gsa .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-geracao-gsa .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:30ch; margin-bottom:var(--e4)}
.pg-geracao-gsa .passos-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3); margin-bottom:var(--e5)}
.pg-geracao-gsa .passo-cta{border-top:2px solid var(--roxo);padding-top:var(--e2);font-size:var(--c2)}
.pg-geracao-gsa .passo-cta b{display:block;font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.12em;font-weight:500}
.pg-geracao-gsa .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-geracao-gsa .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-geracao-gsa .casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-geracao-gsa .caso{display:flex;flex-direction:column;gap:var(--e3)}
.pg-geracao-gsa .caso figure{position:relative;margin:0}
.pg-geracao-gsa .caso img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-geracao-gsa .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-geracao-gsa .caso .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem}
.pg-geracao-gsa .caso .tg.aberta{border-style:dashed}
.pg-geracao-gsa .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-geracao-gsa .caso .mec, .pg-geracao-gsa .caso .res-c{font-size:var(--c2)}
.pg-geracao-gsa .caso .res-c{font-weight:600}
.pg-geracao-gsa .caso .seta{margin-top:auto}
.pg-geracao-gsa .vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-geracao-gsa .voz{border-left:2px solid var(--roxo-vib);padding-left:var(--e3)}
.pg-geracao-gsa .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-geracao-gsa .voz .quem{font-size:var(--c2)}
.pg-geracao-gsa .voz .quem b{display:block;font-weight:600}
.pg-geracao-gsa .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-geracao-gsa .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-geracao-gsa .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-geracao-gsa .campo.largo{grid-column:1 / -1}
.pg-geracao-gsa .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-geracao-gsa .campo input, .pg-geracao-gsa .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-geracao-gsa .campo textarea{min-height:4rem;resize:vertical}
.pg-geracao-gsa .campo.assina label{color:var(--laranja)}
.pg-geracao-gsa .campo.assina input, .pg-geracao-gsa .campo.assina textarea{border-bottom:2px solid var(--laranja)}
.pg-geracao-gsa .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-geracao-gsa .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-geracao-gsa .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-geracao-gsa .nota-f{font-size:var(--c2);max-width:38ch;margin-top:var(--e3)}
@media (max-width:900px){
  .pg-geracao-gsa .hero-grid, .pg-geracao-gsa .cab-s, .pg-geracao-gsa .rod-cols, .pg-geracao-gsa .problema .env, .pg-geracao-gsa .form-grid, .pg-geracao-gsa .cafe .env{grid-template-columns:1fr}
  .pg-geracao-gsa .hero figure{position:static}
  .pg-geracao-gsa .solucoes, .pg-geracao-gsa .difs, .pg-geracao-gsa .vozes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-geracao-gsa .casos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-geracao-gsa .caso:last-child{grid-column:1 / -1}
}
@media (max-width:720px){
  .pg-geracao-gsa .solucoes, .pg-geracao-gsa .difs, .pg-geracao-gsa .vozes, .pg-geracao-gsa .casos, .pg-geracao-gsa .campos, .pg-geracao-gsa .passos-cta{grid-template-columns:1fr}
  .pg-geracao-gsa .caso:last-child{grid-column:auto}
  .pg-geracao-gsa .hero img{aspect-ratio:3/2}
}
.pg-geracao-gsa .hero.vibrante{background:var(--roxo-vib);color:var(--papel);padding-block:var(--e6) var(--e8)}
.pg-geracao-gsa .vibrante .migalha li::after{color:var(--papel)}
.pg-geracao-gsa .vibrante .desvio{color:var(--papel);border-bottom-color:var(--papel)}
.pg-geracao-gsa .vibrante .bt-1{background:var(--amarelo);color:var(--roxo)}
.pg-geracao-gsa .vibrante .bt-1:hover{box-shadow:inset 0 0 0 2px var(--papel)}
.pg-geracao-gsa .vibrante .risca{background:var(--papel)}
.pg-geracao-gsa .vibrante :focus-visible{outline-color:var(--amarelo)}
.pg-geracao-gsa section.rosa{background:var(--rosa);color:var(--roxo);padding-block:var(--e8)}
.pg-geracao-gsa .rosa .risca{background:var(--roxo)}
.pg-geracao-gsa .rosa .nota-f{color:var(--roxo)}
.pg-geracao-gsa .rosa .campo label{color:var(--roxo)}
.pg-geracao-gsa .rosa .campo input, .pg-geracao-gsa .rosa .campo textarea{border-bottom-color:var(--roxo);color:var(--roxo)}
.pg-geracao-gsa .rosa .campo.assina label{color:var(--roxo)}
.pg-geracao-gsa .rosa .campo.assina input, .pg-geracao-gsa .rosa .campo.assina textarea{border-bottom:2px solid var(--roxo-vib)}
.pg-geracao-gsa .rosa .bt-1{background:var(--roxo);color:var(--creme)}
.pg-geracao-gsa .rosa .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-geracao-gsa .rosa :focus-visible{outline-color:var(--roxo)}
.pg-geracao-gsa section.amarelo{background:var(--amarelo);color:var(--roxo);padding-block:var(--e8)}
.pg-geracao-gsa .amarelo .etapa{border-top-color:var(--roxo)}
.pg-geracao-gsa .amarelo .etapa .un{color:var(--verde)}
.pg-geracao-gsa .amarelo :focus-visible{outline-color:var(--roxo)}
.pg-geracao-gsa section.verde{background:var(--verde);color:var(--creme);padding-block:var(--e8)}
.pg-geracao-gsa .verde .risca{background:var(--amarelo)}
.pg-geracao-gsa .verde .cab-s .et{color:var(--amarelo)}
.pg-geracao-gsa .verde .voz{border-left-color:var(--amarelo)}
.pg-geracao-gsa .verde :focus-visible{outline-color:var(--amarelo)}
.pg-geracao-gsa .hero .acao-hero{margin-top:var(--e5);display:flex;flex-wrap:wrap;align-items:center; gap:var(--e3) var(--e4)}
.pg-geracao-gsa .hero .acao-hero .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-geracao-gsa .hero .pergunta-h{display:block;font-weight:600;margin-top:var(--e3)}
.pg-geracao-gsa .desvio{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-size:var(--c2); font-weight:500;text-decoration:none;color:var(--roxo-vib);border-bottom:1px solid var(--roxo-vib)}
.pg-geracao-gsa .desvio::after{content:"\2193"}
.pg-geracao-gsa .videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4) var(--gutter)}
.pg-geracao-gsa .video figure{position:relative;margin:0 0 var(--e3)}
.pg-geracao-gsa .video img, .pg-geracao-gsa .video .semfilme{aspect-ratio:9/16;object-fit:cover;width:100%;border-radius:var(--raio);display:block}
.pg-geracao-gsa .video .semfilme{border:1px dashed var(--roxo-vib);display:flex;align-items:center; justify-content:center;text-align:center;padding:var(--e3);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:var(--roxo-vib)}
.pg-geracao-gsa .video .play-circulo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:3.5rem;height:3.5rem;border-radius:50%;background:var(--roxo);border:0;cursor:pointer; display:flex;align-items:center;justify-content:center}
.pg-geracao-gsa .video .play-circulo::before{content:"";border-left:.9rem solid var(--amarelo); border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;margin-left:.25rem}
.pg-geracao-gsa .video .play-circulo:hover{background:var(--roxo-vib)}
.pg-geracao-gsa .video h3{font-size:var(--c1);font-weight:600;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-geracao-gsa .video p{font-size:var(--c2)}
.pg-geracao-gsa .etapas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--e6)}
.pg-geracao-gsa .etapa{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-geracao-gsa .etapa .n{display:block;font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-geracao-gsa .etapa .un{display:block;font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;font-weight:500;color:var(--verde);margin-top:var(--e2)}
.pg-geracao-gsa .etapa h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin:var(--e3) 0 var(--e2)}
.pg-geracao-gsa .etapa p{font-size:var(--c2)}
.pg-geracao-gsa .cred-s .cab-s{align-items:baseline}
.pg-geracao-gsa .cred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-geracao-gsa .hist{display:flex;flex-direction:column;gap:var(--e3)}
.pg-geracao-gsa .hist .retrato{aspect-ratio:1/1;border:1px dashed var(--roxo-vib);border-radius:var(--raio); display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--e2); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;color:var(--roxo-vib)}
.pg-geracao-gsa .hist .retrato{padding:0;overflow:hidden;margin:0}
.pg-geracao-gsa .hist .retrato img{width:100%;height:100%;object-fit:cover;border-radius:0}
.pg-geracao-gsa .hist blockquote{margin:0;font-size:var(--c1);line-height:1.45}
.pg-geracao-gsa .hist .quem{font-size:var(--c2);margin-top:auto;padding-top:var(--e2)}
.pg-geracao-gsa .hist .quem b{display:block;font-weight:600}
.pg-geracao-gsa .hist.slot blockquote{font-size:var(--c2)}
.pg-geracao-gsa .assina-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e5) var(--e6); align-items:start}
.pg-geracao-gsa .assina-grid p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-geracao-gsa .assina-grid .intro p{font-size:var(--c1)}
.pg-geracao-gsa .afirmar{border-top:2px solid var(--amarelo);padding-top:var(--e3)}
.pg-geracao-gsa .afirmar b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e3);font-weight:500}
.pg-geracao-gsa .afirmar p{font-size:var(--c2)}
.pg-geracao-gsa .acc{border-top:1px solid var(--creme);margin-top:var(--e5)}
.pg-geracao-gsa details.item{border-bottom:1px solid var(--creme)}
.pg-geracao-gsa details.item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e3); min-height:3.25rem;cursor:pointer;list-style:none;font-size:var(--c1);font-weight:500}
.pg-geracao-gsa details.item summary::-webkit-details-marker{display:none}
.pg-geracao-gsa details.item .mais{width:1.75rem;height:1.75rem;border:2px solid var(--creme);border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:var(--c2);flex:none}
.pg-geracao-gsa details.item .mais::before{content:"+"}
.pg-geracao-gsa details.item[open] .mais::before{content:"\2212"}
.pg-geracao-gsa details.item summary:hover .mais{background:var(--creme);color:var(--roxo)}
.pg-geracao-gsa details.item p{font-size:var(--c2);max-width:62ch;padding-bottom:var(--e4)}
.pg-geracao-gsa .falta{margin-top:var(--e5);padding-top:var(--e3);border-top:2px solid var(--amarelo)}
.pg-geracao-gsa .falta b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-geracao-gsa .falta p{font-size:var(--c2);max-width:58ch}
.pg-geracao-gsa .campo.largo.enviar{flex-direction:row}
.pg-geracao-gsa .cafe.simples .env{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.pg-geracao-gsa .cafe.simples h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:14ch;margin-bottom:0}
.pg-geracao-gsa .cafe.simples p{font-size:var(--c1);max-width:48ch;margin-bottom:var(--e4)}
@media (max-width:900px){
  .pg-geracao-gsa .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-geracao-gsa .etapas, .pg-geracao-gsa .cred{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-geracao-gsa .cafe.simples .env, .pg-geracao-gsa .assina-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pg-geracao-gsa .etapas, .pg-geracao-gsa .cred{grid-template-columns:1fr}
  .pg-geracao-gsa .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pg-geracao-gsa .hero-foto{padding:0;position:relative}
.pg-geracao-gsa .hero-foto figure{margin:0;position:relative}
.pg-geracao-gsa .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-geracao-gsa .hero-foto .cred-foto{right:var(--margem);bottom:var(--e3)}
.pg-geracao-gsa .cartela-vib .hero-cartela{position:absolute;left:0;bottom:0;z-index:2; background:var(--roxo-vib);color:var(--papel); padding:var(--e5) var(--e6);max-width:44rem}
.pg-geracao-gsa .cartela-vib .hero-cartela .migalha, .pg-geracao-gsa .cartela-vib .hero-cartela .migalha a{color:var(--papel)}
.pg-geracao-gsa .cartela-vib .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-geracao-gsa .cartela-vib .hero-cartela h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:22ch;margin-bottom:0}
.pg-geracao-gsa .cartela-vib .hero-cartela .pergunta-h{display:block;font-weight:600;margin-top:var(--e3); color:var(--amarelo)}
.pg-geracao-gsa .hero-abaixo{padding-block:var(--e6) var(--e8)}
.pg-geracao-gsa .hero-abaixo .corpo p{font-size:var(--c1);max-width:60ch}
.pg-geracao-gsa .hero-abaixo .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-geracao-gsa .hero-abaixo .acao-hero{margin-top:var(--e5);display:flex;gap:var(--e4); align-items:center;flex-wrap:wrap}
@media (max-width:900px){
  .pg-geracao-gsa .cartela-vib .hero-cartela{position:static;max-width:none; padding:var(--e5) var(--margem)}
  .pg-geracao-gsa .hero-foto img{aspect-ratio:3/2}
}

/* ══ GUERREIROS SEM ARMAS ═══════════════════════════════════
   Vem de maquetes/gsa.html. Tudo escopado em .pg-guerreiros-sem-armas: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-guerreiros-sem-armas .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-guerreiros-sem-armas .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-guerreiros-sem-armas .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-guerreiros-sem-armas .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-guerreiros-sem-armas .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-guerreiros-sem-armas .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-guerreiros-sem-armas .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-guerreiros-sem-armas .hero{padding-block:var(--e7) var(--e7)}
.pg-guerreiros-sem-armas .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-guerreiros-sem-armas .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-guerreiros-sem-armas .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-guerreiros-sem-armas .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-guerreiros-sem-armas .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-guerreiros-sem-armas .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-guerreiros-sem-armas section{padding-block:var(--e7)}
.pg-guerreiros-sem-armas section.escuro, .pg-guerreiros-sem-armas section.creme, .pg-guerreiros-sem-armas section.cafe{padding-block:var(--e8)}
.pg-guerreiros-sem-armas .risca{margin-bottom:var(--e5)}
.pg-guerreiros-sem-armas .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-guerreiros-sem-armas .hero{padding-block:var(--e5) var(--e7)}
.pg-guerreiros-sem-armas .hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:var(--e5) var(--e6);align-items:start}
.pg-guerreiros-sem-armas .hero h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:34ch;margin-bottom:var(--e4)}
.pg-guerreiros-sem-armas .hero .corpo p{font-size:var(--c1);max-width:54ch}
.pg-guerreiros-sem-armas .hero .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-guerreiros-sem-armas .hero .corpo p{max-width:60ch}
.pg-guerreiros-sem-armas .hero .condicao{margin-top:var(--e4);padding-top:var(--e3);border-top:2px solid var(--verde)}
.pg-guerreiros-sem-armas .hero .condicao p{font-size:var(--c2);max-width:54ch}
.pg-guerreiros-sem-armas .hero .condicao b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-guerreiros-sem-armas .hero figure{position:relative;margin:0;position:sticky;top:7rem}
.pg-guerreiros-sem-armas .hero img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .cred-foto{right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-guerreiros-sem-armas .solucoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.pg-guerreiros-sem-armas .sol{border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden; display:flex;flex-direction:column;background:var(--papel)}
.pg-guerreiros-sem-armas .sol figure{position:relative;margin:0}
.pg-guerreiros-sem-armas .sol img{aspect-ratio:1/1;object-fit:cover;width:100%}
.pg-guerreiros-sem-armas .sol .cartela{position:absolute;left:0;right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e3);min-height:6rem;display:flex;flex-direction:column;justify-content:flex-end}
.pg-guerreiros-sem-armas .sol.s4 .cartela{background:var(--verde)}
.pg-guerreiros-sem-armas .sol .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e1)}
.pg-guerreiros-sem-armas .sol.s4 .rot{color:var(--creme)}
.pg-guerreiros-sem-armas .sol .cartela h3{font-size:var(--c2);font-weight:600;line-height:1.25}
.pg-guerreiros-sem-armas .sol .txt{padding:var(--e4) var(--e3);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-guerreiros-sem-armas .sol .quando{font-size:var(--c2)}
.pg-guerreiros-sem-armas .sol .pe{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--e2)}
.pg-guerreiros-sem-armas .sol .prazo{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;font-weight:500;color:var(--verde)}
.pg-guerreiros-sem-armas .problema .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-guerreiros-sem-armas .problema .pergunta{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-guerreiros-sem-armas .problema h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:16ch}
.pg-guerreiros-sem-armas .problema p{font-size:var(--c1);max-width:56ch}
.pg-guerreiros-sem-armas .difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-guerreiros-sem-armas .dif{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-guerreiros-sem-armas .dif h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3); max-width:18ch}
.pg-guerreiros-sem-armas .dif p{font-size:var(--c2)}
.pg-guerreiros-sem-armas .cafe{background:var(--laranja);color:var(--roxo)}
.pg-guerreiros-sem-armas .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-guerreiros-sem-armas .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-guerreiros-sem-armas .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-guerreiros-sem-armas .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:30ch; margin-bottom:var(--e4)}
.pg-guerreiros-sem-armas .passos-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3); margin-bottom:var(--e5)}
.pg-guerreiros-sem-armas .passo-cta{border-top:2px solid var(--roxo);padding-top:var(--e2);font-size:var(--c2)}
.pg-guerreiros-sem-armas .passo-cta b{display:block;font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.12em;font-weight:500}
.pg-guerreiros-sem-armas .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-guerreiros-sem-armas .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-guerreiros-sem-armas .casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-guerreiros-sem-armas .caso{display:flex;flex-direction:column;gap:var(--e3)}
.pg-guerreiros-sem-armas .caso figure{position:relative;margin:0}
.pg-guerreiros-sem-armas .caso img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-guerreiros-sem-armas .caso .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem}
.pg-guerreiros-sem-armas .caso .tg.aberta{border-style:dashed}
.pg-guerreiros-sem-armas .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-guerreiros-sem-armas .caso .mec, .pg-guerreiros-sem-armas .caso .res-c{font-size:var(--c2)}
.pg-guerreiros-sem-armas .caso .res-c{font-weight:600}
.pg-guerreiros-sem-armas .caso .seta{margin-top:auto}
.pg-guerreiros-sem-armas .vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-guerreiros-sem-armas .voz{border-left:2px solid var(--roxo-vib);padding-left:var(--e3)}
.pg-guerreiros-sem-armas .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-guerreiros-sem-armas .voz .quem{font-size:var(--c2)}
.pg-guerreiros-sem-armas .voz .quem b{display:block;font-weight:600}
.pg-guerreiros-sem-armas .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-guerreiros-sem-armas .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-guerreiros-sem-armas .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-guerreiros-sem-armas .campo.largo{grid-column:1 / -1}
.pg-guerreiros-sem-armas .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-guerreiros-sem-armas .campo input, .pg-guerreiros-sem-armas .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-guerreiros-sem-armas .campo textarea{min-height:4rem;resize:vertical}
.pg-guerreiros-sem-armas .campo.assina label{color:var(--laranja)}
.pg-guerreiros-sem-armas .campo.assina input, .pg-guerreiros-sem-armas .campo.assina textarea{border-bottom:2px solid var(--laranja)}
.pg-guerreiros-sem-armas .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-guerreiros-sem-armas .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-guerreiros-sem-armas .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-guerreiros-sem-armas .nota-f{font-size:var(--c2);max-width:38ch;margin-top:var(--e3)}
@media (max-width:900px){
  .pg-guerreiros-sem-armas .hero-grid, .pg-guerreiros-sem-armas .cab-s, .pg-guerreiros-sem-armas .rod-cols, .pg-guerreiros-sem-armas .problema .env, .pg-guerreiros-sem-armas .form-grid, .pg-guerreiros-sem-armas .cafe .env{grid-template-columns:1fr}
  .pg-guerreiros-sem-armas .hero figure{position:static}
  .pg-guerreiros-sem-armas .solucoes, .pg-guerreiros-sem-armas .difs, .pg-guerreiros-sem-armas .vozes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-guerreiros-sem-armas .casos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-guerreiros-sem-armas .caso:last-child{grid-column:1 / -1}
}
@media (max-width:720px){
  .pg-guerreiros-sem-armas .solucoes, .pg-guerreiros-sem-armas .difs, .pg-guerreiros-sem-armas .vozes, .pg-guerreiros-sem-armas .casos, .pg-guerreiros-sem-armas .campos, .pg-guerreiros-sem-armas .passos-cta{grid-template-columns:1fr}
  .pg-guerreiros-sem-armas .caso:last-child{grid-column:auto}
  .pg-guerreiros-sem-armas .hero img{aspect-ratio:3/2}
}
.pg-guerreiros-sem-armas .hero.vibrante{background:var(--roxo-vib);color:var(--papel);padding-block:var(--e6) var(--e8)}
.pg-guerreiros-sem-armas .vibrante .migalha li::after{color:var(--papel)}
.pg-guerreiros-sem-armas .vibrante .desvio{color:var(--papel);border-bottom-color:var(--papel)}
.pg-guerreiros-sem-armas .vibrante .bt-1{background:var(--amarelo);color:var(--roxo)}
.pg-guerreiros-sem-armas .vibrante .bt-1:hover{box-shadow:inset 0 0 0 2px var(--papel)}
.pg-guerreiros-sem-armas .vibrante .risca{background:var(--papel)}
.pg-guerreiros-sem-armas .vibrante :focus-visible{outline-color:var(--amarelo)}
.pg-guerreiros-sem-armas section.rosa{background:var(--rosa);color:var(--roxo);padding-block:var(--e8)}
.pg-guerreiros-sem-armas .rosa .risca{background:var(--roxo)}
.pg-guerreiros-sem-armas .rosa .nota-f{color:var(--roxo)}
.pg-guerreiros-sem-armas .rosa .campo label{color:var(--roxo)}
.pg-guerreiros-sem-armas .rosa .campo input, .pg-guerreiros-sem-armas .rosa .campo textarea{border-bottom-color:var(--roxo);color:var(--roxo)}
.pg-guerreiros-sem-armas .rosa .campo.assina label{color:var(--roxo)}
.pg-guerreiros-sem-armas .rosa .campo.assina input, .pg-guerreiros-sem-armas .rosa .campo.assina textarea{border-bottom:2px solid var(--roxo-vib)}
.pg-guerreiros-sem-armas .rosa .bt-1{background:var(--roxo);color:var(--creme)}
.pg-guerreiros-sem-armas .rosa .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-guerreiros-sem-armas .rosa :focus-visible{outline-color:var(--roxo)}
.pg-guerreiros-sem-armas section.amarelo{background:var(--amarelo);color:var(--roxo);padding-block:var(--e8)}
.pg-guerreiros-sem-armas .amarelo .etapa{border-top-color:var(--roxo)}
.pg-guerreiros-sem-armas .amarelo .etapa .un{color:var(--verde)}
.pg-guerreiros-sem-armas .amarelo :focus-visible{outline-color:var(--roxo)}
.pg-guerreiros-sem-armas section.verde{background:var(--verde);color:var(--creme);padding-block:var(--e8)}
.pg-guerreiros-sem-armas .verde .risca{background:var(--amarelo)}
.pg-guerreiros-sem-armas .verde .cab-s .et{color:var(--amarelo)}
.pg-guerreiros-sem-armas .verde .voz{border-left-color:var(--amarelo)}
.pg-guerreiros-sem-armas .verde :focus-visible{outline-color:var(--amarelo)}
.pg-guerreiros-sem-armas .hero .acao-hero{margin-top:var(--e5);display:flex;flex-wrap:wrap;align-items:center; gap:var(--e3) var(--e4)}
.pg-guerreiros-sem-armas .hero .acao-hero .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-guerreiros-sem-armas .hero .pergunta-h{display:block;font-weight:600;margin-top:var(--e3)}
.pg-guerreiros-sem-armas .desvio{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-size:var(--c2); font-weight:500;text-decoration:none;color:var(--roxo-vib);border-bottom:1px solid var(--roxo-vib)}
.pg-guerreiros-sem-armas .desvio::after{content:"\2193"}
.pg-guerreiros-sem-armas .videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4) var(--gutter)}
.pg-guerreiros-sem-armas .video figure{position:relative;margin:0 0 var(--e3)}
.pg-guerreiros-sem-armas .video img, .pg-guerreiros-sem-armas .video .semfilme{aspect-ratio:9/16;object-fit:cover;width:100%;border-radius:var(--raio);display:block}
.pg-guerreiros-sem-armas .video .semfilme{border:1px dashed var(--roxo-vib);display:flex;align-items:center; justify-content:center;text-align:center;padding:var(--e3);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:var(--roxo-vib)}
.pg-guerreiros-sem-armas .video .play-circulo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:3.5rem;height:3.5rem;border-radius:50%;background:var(--roxo);border:0;cursor:pointer; display:flex;align-items:center;justify-content:center}
.pg-guerreiros-sem-armas .video .play-circulo::before{content:"";border-left:.9rem solid var(--amarelo); border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;margin-left:.25rem}
.pg-guerreiros-sem-armas .video .play-circulo:hover{background:var(--roxo-vib)}
.pg-guerreiros-sem-armas .video h3{font-size:var(--c1);font-weight:600;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .video p{font-size:var(--c2)}
.pg-guerreiros-sem-armas .etapas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--e6)}
.pg-guerreiros-sem-armas .etapa{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-guerreiros-sem-armas .etapa .n{display:block;font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-guerreiros-sem-armas .etapa .un{display:block;font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;font-weight:500;color:var(--verde);margin-top:var(--e2)}
.pg-guerreiros-sem-armas .etapa h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin:var(--e3) 0 var(--e2)}
.pg-guerreiros-sem-armas .etapa p{font-size:var(--c2)}
.pg-guerreiros-sem-armas .cred-s .cab-s{align-items:baseline}
.pg-guerreiros-sem-armas .cred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-guerreiros-sem-armas .hist{display:flex;flex-direction:column;gap:var(--e3)}
.pg-guerreiros-sem-armas .hist .retrato{aspect-ratio:1/1;border:1px dashed var(--roxo-vib);border-radius:var(--raio); display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--e2); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;color:var(--roxo-vib)}
.pg-guerreiros-sem-armas .hist blockquote{margin:0;font-size:var(--c1);line-height:1.45}
.pg-guerreiros-sem-armas .hist .quem{font-size:var(--c2);margin-top:auto;padding-top:var(--e2)}
.pg-guerreiros-sem-armas .hist .quem b{display:block;font-weight:600}
.pg-guerreiros-sem-armas .hist.slot blockquote{font-size:var(--c2)}
.pg-guerreiros-sem-armas .assina-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e5) var(--e6); align-items:start}
.pg-guerreiros-sem-armas .assina-grid p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-guerreiros-sem-armas .assina-grid .intro p{font-size:var(--c1)}
.pg-guerreiros-sem-armas .afirmar{border-top:2px solid var(--amarelo);padding-top:var(--e3)}
.pg-guerreiros-sem-armas .afirmar b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e3);font-weight:500}
.pg-guerreiros-sem-armas .afirmar p{font-size:var(--c2)}
.pg-guerreiros-sem-armas .acc{border-top:1px solid var(--creme);margin-top:var(--e5)}
.pg-guerreiros-sem-armas details.item{border-bottom:1px solid var(--creme)}
.pg-guerreiros-sem-armas details.item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e3); min-height:3.25rem;cursor:pointer;list-style:none;font-size:var(--c1);font-weight:500}
.pg-guerreiros-sem-armas details.item summary::-webkit-details-marker{display:none}
.pg-guerreiros-sem-armas details.item .mais{width:1.75rem;height:1.75rem;border:2px solid var(--creme);border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:var(--c2);flex:none}
.pg-guerreiros-sem-armas details.item .mais::before{content:"+"}
.pg-guerreiros-sem-armas details.item[open] .mais::before{content:"\2212"}
.pg-guerreiros-sem-armas details.item summary:hover .mais{background:var(--creme);color:var(--roxo)}
.pg-guerreiros-sem-armas details.item p{font-size:var(--c2);max-width:62ch;padding-bottom:var(--e4)}
.pg-guerreiros-sem-armas .falta{margin-top:var(--e5);padding-top:var(--e3);border-top:2px solid var(--amarelo)}
.pg-guerreiros-sem-armas .falta b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-guerreiros-sem-armas .falta p{font-size:var(--c2);max-width:58ch}
.pg-guerreiros-sem-armas .campo.largo.enviar{flex-direction:row}
.pg-guerreiros-sem-armas .cafe.simples .env{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.pg-guerreiros-sem-armas .cafe.simples h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:14ch;margin-bottom:0}
.pg-guerreiros-sem-armas .cafe.simples p{font-size:var(--c1);max-width:48ch;margin-bottom:var(--e4)}
@media (max-width:900px){
  .pg-guerreiros-sem-armas .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-guerreiros-sem-armas .etapas, .pg-guerreiros-sem-armas .cred{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-guerreiros-sem-armas .cafe.simples .env, .pg-guerreiros-sem-armas .assina-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pg-guerreiros-sem-armas .etapas, .pg-guerreiros-sem-armas .cred{grid-template-columns:1fr}
  .pg-guerreiros-sem-armas .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pg-guerreiros-sem-armas .hero-foto{padding:0;position:relative}
.pg-guerreiros-sem-armas .hero-foto figure{margin:0;position:relative}
.pg-guerreiros-sem-armas .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-guerreiros-sem-armas .hero-foto .cred-foto{right:var(--margem);bottom:var(--e3)}
.pg-guerreiros-sem-armas .cartela-vib .hero-cartela{position:absolute;left:0;bottom:0;z-index:2; background:var(--roxo-vib);color:var(--papel); padding:var(--e5) var(--e6);max-width:44rem}
.pg-guerreiros-sem-armas .cartela-vib .hero-cartela .migalha, .pg-guerreiros-sem-armas .cartela-vib .hero-cartela .migalha a{color:var(--papel)}
.pg-guerreiros-sem-armas .cartela-vib .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-guerreiros-sem-armas .cartela-vib .hero-cartela h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:22ch;margin-bottom:0}
.pg-guerreiros-sem-armas .cartela-vib .hero-cartela .pergunta-h{display:block;font-weight:600;margin-top:var(--e3); color:var(--amarelo)}
.pg-guerreiros-sem-armas .hero-abaixo{padding-block:var(--e6) var(--e8)}
.pg-guerreiros-sem-armas .hero-abaixo .corpo p{font-size:var(--c1);max-width:60ch}
.pg-guerreiros-sem-armas .hero-abaixo .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-guerreiros-sem-armas .hero-abaixo .acao-hero{margin-top:var(--e5);display:flex;gap:var(--e4); align-items:center;flex-wrap:wrap}
@media (max-width:900px){
  .pg-guerreiros-sem-armas .cartela-vib .hero-cartela{position:static;max-width:none; padding:var(--e5) var(--margem)}
  .pg-guerreiros-sem-armas .hero-foto img{aspect-ratio:3/2}
}
.pg-guerreiros-sem-armas .cartela-roxo .hero-cartela{position:absolute;left:0;bottom:0;z-index:2; background:var(--roxo);color:var(--creme);padding:var(--e5) var(--e6);max-width:46rem}
.pg-guerreiros-sem-armas .cartela-roxo .hero-cartela .migalha, .pg-guerreiros-sem-armas .cartela-roxo .hero-cartela .migalha a{color:var(--creme)}
.pg-guerreiros-sem-armas .cartela-roxo .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-guerreiros-sem-armas .cartela-roxo .hero-cartela h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:24ch;margin-bottom:0}
.pg-guerreiros-sem-armas .ficha-gsa{margin-top:var(--e4);padding-top:var(--e3);border-top:1px solid var(--roxo); display:flex;flex-wrap:wrap;gap:var(--e2) var(--e5);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-guerreiros-sem-armas .etapas{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-guerreiros-sem-armas .etapa figure{margin:0 0 var(--e3)}
.pg-guerreiros-sem-armas .etapa img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio)}
.pg-guerreiros-sem-armas section{padding-block:var(--e7)}
.pg-guerreiros-sem-armas section.creme, .pg-guerreiros-sem-armas section.escuro, .pg-guerreiros-sem-armas section.amarelo, .pg-guerreiros-sem-armas section.fecho-gsa{padding-block:var(--e8) var(--e7)}
.pg-guerreiros-sem-armas section.sangria{padding:0}
.pg-guerreiros-sem-armas .cartaz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e6); border-top:1px solid var(--roxo);padding-top:var(--e5)}
.pg-guerreiros-sem-armas .faixa-n{display:block;padding:0;border:0}
.pg-guerreiros-sem-armas .faixa-n .n{margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .faixa-n .n{font-size:clamp(3rem,5vw,4rem);font-weight:300;line-height:.85; letter-spacing:-.045em;font-variant-numeric:tabular-nums;display:flex;align-items:flex-start}
.pg-guerreiros-sem-armas .faixa-n .n sup{font-size:.26em;font-weight:500;color:var(--verde);margin-top:.45em;margin-left:.08em}
.pg-guerreiros-sem-armas .faixa-n .rot{color:var(--verde);display:block;margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .faixa-n h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t); letter-spacing:-.012em;max-width:34ch}
.pg-guerreiros-sem-armas .faixa-n .apoio{margin-top:var(--e3);display:flex;flex-direction:column;gap:var(--e2)}
.pg-guerreiros-sem-armas .faixa-n .apoio span{font-size:var(--c2)}
.pg-guerreiros-sem-armas .faixa-n .apoio b{font-weight:600;font-variant-numeric:tabular-nums}
.pg-guerreiros-sem-armas .fonte-s{margin-top:var(--e5);font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-guerreiros-sem-armas .etapas{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-guerreiros-sem-armas .etapa figure{margin:0 0 var(--e3)}
.pg-guerreiros-sem-armas .etapa img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .etapas{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-guerreiros-sem-armas .etapa figure{margin:0 0 var(--e3)}
.pg-guerreiros-sem-armas .etapa img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .etapas{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-guerreiros-sem-armas .etapa figure{margin:0 0 var(--e3)}
.pg-guerreiros-sem-armas .etapa img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .capac{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e6) var(--e6)}
.pg-guerreiros-sem-armas .capac .cap h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .capac .cap > p{font-size:var(--c2);max-width:46ch;margin-bottom:var(--e3)}
.pg-guerreiros-sem-armas .capac .dado{display:grid;grid-template-columns:3.4rem 1fr;gap:var(--e3);align-items:baseline; padding-block:var(--e2);border-top:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .capac .dado b{font-weight:500;font-variant-numeric:tabular-nums;font-size:var(--c1)}
.pg-guerreiros-sem-armas .capac .dado span{font-size:var(--c2)}
.pg-guerreiros-sem-armas .fonte-s{margin-top:var(--e5);padding-top:var(--e3);border-top:1px solid var(--roxo); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--verde)}
.pg-guerreiros-sem-armas .falas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e5) var(--e4)}
.pg-guerreiros-sem-armas .fala{display:flex;flex-direction:column}
.pg-guerreiros-sem-armas .fala figure{margin:0 0 var(--e3);position:relative}
.pg-guerreiros-sem-armas .fala img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .fala .rot{color:var(--amarelo);display:block;margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .fala blockquote{margin:0;font-size:var(--c1);font-weight:300;line-height:1.4;flex:1}
.pg-guerreiros-sem-armas .fala .quem{margin-top:var(--e3);font-size:var(--c2)}
.pg-guerreiros-sem-armas .fala .quem b{display:block;font-weight:600}
.pg-guerreiros-sem-armas .escuro .abre{max-width:56ch;margin-bottom:var(--e6)}
.pg-guerreiros-sem-armas .escuro .fecha{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--creme);max-width:64ch}
.pg-guerreiros-sem-armas section.sangria{padding:0;position:relative}
.pg-guerreiros-sem-armas .sangria figure{margin:0}
.pg-guerreiros-sem-armas .sangria img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-guerreiros-sem-armas .sangria figcaption{position:absolute;left:var(--margem);bottom:var(--e5); background:var(--roxo);color:var(--creme);padding:var(--e3) var(--e4);max-width:38rem}
.pg-guerreiros-sem-armas .sangria figcaption p{font-size:var(--t2);font-weight:300;line-height:1.25}
.pg-guerreiros-sem-armas .sangria figcaption .et{color:var(--amarelo);display:block;margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .invest{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e5) var(--e6); align-items:start}
.pg-guerreiros-sem-armas .inv-lista{border-top:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .inv-linha{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4); align-items:baseline;padding-block:var(--e3);border-bottom:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .inv-linha .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--verde)}
.pg-guerreiros-sem-armas .inv-linha .val{font-size:var(--c1)}
.pg-guerreiros-sem-armas .inv-linha.forte .val{font-size:var(--t2);font-weight:500;line-height:1.2}
.pg-guerreiros-sem-armas .invest h3{font-size:var(--c1);font-weight:600;margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .invest .lista{margin-bottom:var(--e5)}
.pg-guerreiros-sem-armas .invest .lista p{font-size:var(--c2);max-width:60ch}
.pg-guerreiros-sem-armas .bolsas{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo); display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e3) var(--e6)}
.pg-guerreiros-sem-armas .bolsas h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:14ch}
.pg-guerreiros-sem-armas .bolsas p{font-size:var(--c2);max-width:60ch}
.pg-guerreiros-sem-armas .bolsas p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-guerreiros-sem-armas .rede-n{display:flex;flex-wrap:wrap;gap:var(--e4) var(--e8);margin-block:var(--e5); padding-block:var(--e4);border-block:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .rede-n div{display:flex;flex-direction:column;gap:var(--e1)}
.pg-guerreiros-sem-armas .rede-n b{font-size:var(--d1);font-weight:300;line-height:.95;letter-spacing:-.035em; font-variant-numeric:tabular-nums}
.pg-guerreiros-sem-armas .rede-n span{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase}
.pg-guerreiros-sem-armas .vozes-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter); align-items:stretch}
.pg-guerreiros-sem-armas .vozes-g .voz{display:flex;flex-direction:column;height:100%}
.pg-guerreiros-sem-armas .vozes-g blockquote{margin:0;font-size:var(--c2);line-height:1.5;flex:1; border-left:2px solid var(--roxo);padding-left:var(--e3)}
.pg-guerreiros-sem-armas .vozes-g .quem{font-size:var(--c2);margin-top:var(--e3)}
.pg-guerreiros-sem-armas .vozes-g .quem b{display:block;font-weight:600}
.pg-guerreiros-sem-armas .faq{border-top:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .faq .pergunta{border-bottom:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .faq .pergunta summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e4); min-height:3.25rem;padding-block:var(--e2);cursor:pointer;list-style:none; font-size:var(--c1);font-weight:500}
.pg-guerreiros-sem-armas .faq .pergunta summary::-webkit-details-marker{display:none}
.pg-guerreiros-sem-armas .faq .pergunta summary::after{content:"+";font-family:"DM Mono",monospace;font-size:var(--t2); font-weight:400;line-height:1;color:var(--verde);flex:none; transition:transform var(--t-estado) var(--curva)}
.pg-guerreiros-sem-armas .faq .pergunta[open] summary::after{transform:rotate(45deg)}
.pg-guerreiros-sem-armas .faq .pergunta summary strong{font-weight:500}
.pg-guerreiros-sem-armas .faq .pergunta summary:hover{color:var(--roxo-vib)}
.pg-guerreiros-sem-armas .faq .pergunta summary:focus-visible{outline:3px solid var(--roxo-vib);outline-offset:2px}
.pg-guerreiros-sem-armas .faq .pergunta p{font-size:var(--c2);max-width:66ch;padding-bottom:var(--e4)}
.pg-guerreiros-sem-armas .rec{margin-top:var(--e7);padding-top:var(--e4);border-top:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .rec .rec-rot{display:block;color:var(--verde);margin-bottom:var(--e4)}
.pg-guerreiros-sem-armas .rec .logos{justify-content:flex-start;gap:var(--e4) var(--e6)}
.pg-guerreiros-sem-armas .cta-meio{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e5); margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .cta-meio p{font-size:var(--c1);max-width:44ch}
.pg-guerreiros-sem-armas .creme .cta-meio .bt-1{background:var(--roxo);color:var(--creme)}
.pg-guerreiros-sem-armas .creme .cta-meio .bt-1:hover{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-guerreiros-sem-armas .rolante{overflow:hidden;background:var(--creme);color:var(--roxo); border-block:1px solid var(--roxo);padding-block:var(--e3)}
.pg-guerreiros-sem-armas .rolante ul{display:flex;width:max-content;margin:0;padding:0;list-style:none; animation:rola 45s linear infinite;will-change:transform}
.pg-guerreiros-sem-armas .rolante li{display:flex;align-items:center;gap:var(--e6);padding-right:var(--e6); font-family:"DM Mono",monospace;font-size:var(--et);font-weight:500; letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.pg-guerreiros-sem-armas .rolante li::after{content:"·";color:var(--verde)}
.pg-guerreiros-sem-armas .rolante:hover ul, .pg-guerreiros-sem-armas .rolante:focus-within ul{animation-play-state:paused}
@keyframes rola{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .pg-guerreiros-sem-armas .rolante ul{animation:none;flex-wrap:wrap;width:auto}
  .pg-guerreiros-sem-armas .rolante li[aria-hidden]{display:none}
}
.pg-guerreiros-sem-armas .oque{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--e4) var(--e6);align-items:start}
.pg-guerreiros-sem-armas .oque h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:16ch}
.pg-guerreiros-sem-armas .oque p{font-size:var(--c1);max-width:56ch}
.pg-guerreiros-sem-armas .oque p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-guerreiros-sem-armas .aplica{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--e4)}
.pg-guerreiros-sem-armas .apl{display:flex;flex-direction:column}
.pg-guerreiros-sem-armas .apl figure{margin:0 0 var(--e3)}
.pg-guerreiros-sem-armas .apl img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio)}
.pg-guerreiros-sem-armas .apl .rot{color:var(--verde);display:block;margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .apl h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-guerreiros-sem-armas .apl p{font-size:var(--c2);flex:1}
.pg-guerreiros-sem-armas .apl .seta{margin-top:var(--e3)}
.pg-guerreiros-sem-armas .filme figure{margin:0;position:relative}
.pg-guerreiros-sem-armas .filme video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block; border-radius:var(--raio);background:var(--roxo)}
.pg-guerreiros-sem-armas .filme figcaption{margin-top:var(--e3);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
@media (max-width:900px){
  .pg-guerreiros-sem-armas .oque, .pg-guerreiros-sem-armas .aplica{grid-template-columns:1fr}
}
.pg-guerreiros-sem-armas section.fecho-gsa{background:var(--creme);color:var(--roxo);padding-block:var(--e8)}
.pg-guerreiros-sem-armas .fecho-gsa .env{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--e5) var(--e6);align-items:start}
.pg-guerreiros-sem-armas .fecho-gsa h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:16ch;margin-bottom:var(--e3)}
.pg-guerreiros-sem-armas .fecho-gsa p{font-size:var(--c1);max-width:44ch}
.pg-guerreiros-sem-armas .fecho-gsa .acoes{display:flex;flex-direction:column;gap:var(--e3);align-items:flex-start}
.pg-guerreiros-sem-armas .fecho-gsa .bt-1{background:var(--roxo);color:var(--creme);min-height:3.25rem;font-size:var(--c1)}
.pg-guerreiros-sem-armas .fecho-gsa .bt-1:hover{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-guerreiros-sem-armas .baixar{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-size:var(--c2); font-weight:500;color:var(--roxo);text-decoration:none;border-bottom:1px solid var(--roxo)}
.pg-guerreiros-sem-armas .baixar::before{content:"\2193";font-family:"DM Mono",monospace}
.pg-guerreiros-sem-armas .baixar:hover{color:var(--roxo-vib);border-bottom-color:var(--roxo-vib)}
@media (max-width:900px){
  .pg-guerreiros-sem-armas .cartela-roxo .hero-cartela{position:static;max-width:none;padding:var(--e5) var(--margem)}
  .pg-guerreiros-sem-armas .invest, .pg-guerreiros-sem-armas .bolsas, .pg-guerreiros-sem-armas .vozes-g, .pg-guerreiros-sem-armas .fecho-gsa .env{grid-template-columns:1fr}
  .pg-guerreiros-sem-armas .cartaz, .pg-guerreiros-sem-armas .falas{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5) var(--e4)}
  .pg-guerreiros-sem-armas .sangria img{aspect-ratio:3/2}
  .pg-guerreiros-sem-armas .sangria figcaption{position:static;max-width:none}
  .pg-guerreiros-sem-armas .etapas{grid-template-columns:1fr}
  .pg-guerreiros-sem-armas .rede-n{gap:var(--e4)}
}
@media (min-width:901px) and (max-width:1100px){
  .pg-guerreiros-sem-armas .etapas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .pg-guerreiros-sem-armas .invest dl{grid-template-columns:1fr;gap:var(--e1)}
  .pg-guerreiros-sem-armas .invest dt{padding-top:var(--e2)}
}

/* ══ ELOS NA LIDERANÇA ═══════════════════════════════════
   Vem de maquetes/elos-na-lideranca.html. Tudo escopado em .pg-elos-na-lideranca: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-elos-na-lideranca .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-elos-na-lideranca .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-elos-na-lideranca .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-elos-na-lideranca .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-elos-na-lideranca .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-elos-na-lideranca .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-elos-na-lideranca .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-elos-na-lideranca .hero{padding-block:var(--e7) var(--e7)}
.pg-elos-na-lideranca .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-elos-na-lideranca .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-elos-na-lideranca .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-elos-na-lideranca .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-elos-na-lideranca .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-elos-na-lideranca .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-elos-na-lideranca section{padding-block:var(--e7)}
.pg-elos-na-lideranca section.escuro, .pg-elos-na-lideranca section.creme, .pg-elos-na-lideranca section.cafe{padding-block:var(--e8)}
.pg-elos-na-lideranca .risca{margin-bottom:var(--e5)}
.pg-elos-na-lideranca .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-elos-na-lideranca .hero{padding-block:var(--e5) var(--e7)}
.pg-elos-na-lideranca .hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:var(--e5) var(--e6);align-items:start}
.pg-elos-na-lideranca .hero h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:34ch;margin-bottom:var(--e4)}
.pg-elos-na-lideranca .hero .corpo p{font-size:var(--c1);max-width:54ch}
.pg-elos-na-lideranca .hero .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-elos-na-lideranca .hero .corpo p{max-width:60ch}
.pg-elos-na-lideranca .hero .condicao{margin-top:var(--e4);padding-top:var(--e3);border-top:2px solid var(--verde)}
.pg-elos-na-lideranca .hero .condicao p{font-size:var(--c2);max-width:54ch}
.pg-elos-na-lideranca .hero .condicao b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-elos-na-lideranca .hero figure{position:relative;margin:0;position:sticky;top:7rem}
.pg-elos-na-lideranca .hero img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-elos-na-lideranca .cred-foto{right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-elos-na-lideranca .solucoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.pg-elos-na-lideranca .sol{border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden; display:flex;flex-direction:column;background:var(--papel)}
.pg-elos-na-lideranca .sol figure{position:relative;margin:0}
.pg-elos-na-lideranca .sol img{aspect-ratio:1/1;object-fit:cover;width:100%}
.pg-elos-na-lideranca .sol .cartela{position:absolute;left:0;right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e3);min-height:6rem;display:flex;flex-direction:column;justify-content:flex-end}
.pg-elos-na-lideranca .sol.s4 .cartela{background:var(--verde)}
.pg-elos-na-lideranca .sol .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e1)}
.pg-elos-na-lideranca .sol.s4 .rot{color:var(--creme)}
.pg-elos-na-lideranca .sol .cartela h3{font-size:var(--c2);font-weight:600;line-height:1.25}
.pg-elos-na-lideranca .sol .txt{padding:var(--e4) var(--e3);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-elos-na-lideranca .sol .quando{font-size:var(--c2)}
.pg-elos-na-lideranca .sol .pe{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--e2)}
.pg-elos-na-lideranca .sol .prazo{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;font-weight:500;color:var(--verde)}
.pg-elos-na-lideranca .problema .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-elos-na-lideranca .problema .pergunta{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-elos-na-lideranca .problema h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:16ch}
.pg-elos-na-lideranca .problema p{font-size:var(--c1);max-width:56ch}
.pg-elos-na-lideranca .difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-elos-na-lideranca .dif{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-elos-na-lideranca .dif h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3); max-width:18ch}
.pg-elos-na-lideranca .dif p{font-size:var(--c2)}
.pg-elos-na-lideranca .cafe{background:var(--laranja);color:var(--roxo)}
.pg-elos-na-lideranca .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-elos-na-lideranca .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-elos-na-lideranca .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-elos-na-lideranca .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:30ch; margin-bottom:var(--e4)}
.pg-elos-na-lideranca .passos-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3); margin-bottom:var(--e5)}
.pg-elos-na-lideranca .passo-cta{border-top:2px solid var(--roxo);padding-top:var(--e2);font-size:var(--c2)}
.pg-elos-na-lideranca .passo-cta b{display:block;font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.12em;font-weight:500}
.pg-elos-na-lideranca .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-elos-na-lideranca .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-elos-na-lideranca .casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-elos-na-lideranca .caso{display:flex;flex-direction:column;gap:var(--e3)}
.pg-elos-na-lideranca .caso figure{position:relative;margin:0}
.pg-elos-na-lideranca .caso img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-elos-na-lideranca .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-elos-na-lideranca .caso .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem}
.pg-elos-na-lideranca .caso .tg.aberta{border-style:dashed}
.pg-elos-na-lideranca .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-elos-na-lideranca .caso .mec, .pg-elos-na-lideranca .caso .res-c{font-size:var(--c2)}
.pg-elos-na-lideranca .caso .res-c{font-weight:600}
.pg-elos-na-lideranca .caso .seta{margin-top:auto}
.pg-elos-na-lideranca .vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-elos-na-lideranca .voz{border-left:2px solid var(--roxo-vib);padding-left:var(--e3)}
.pg-elos-na-lideranca .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-elos-na-lideranca .voz .quem{font-size:var(--c2)}
.pg-elos-na-lideranca .voz .quem b{display:block;font-weight:600}
.pg-elos-na-lideranca .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-elos-na-lideranca .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-elos-na-lideranca .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-elos-na-lideranca .campo.largo{grid-column:1 / -1}
.pg-elos-na-lideranca .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-elos-na-lideranca .campo input, .pg-elos-na-lideranca .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-elos-na-lideranca .campo textarea{min-height:4rem;resize:vertical}
.pg-elos-na-lideranca .campo.assina label{color:var(--laranja)}
.pg-elos-na-lideranca .campo.assina input, .pg-elos-na-lideranca .campo.assina textarea{border-bottom:2px solid var(--laranja)}
.pg-elos-na-lideranca .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-elos-na-lideranca .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-elos-na-lideranca .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-elos-na-lideranca .nota-f{font-size:var(--c2);max-width:38ch;margin-top:var(--e3)}
@media (max-width:900px){
  .pg-elos-na-lideranca .hero-grid, .pg-elos-na-lideranca .cab-s, .pg-elos-na-lideranca .rod-cols, .pg-elos-na-lideranca .problema .env, .pg-elos-na-lideranca .form-grid, .pg-elos-na-lideranca .cafe .env{grid-template-columns:1fr}
  .pg-elos-na-lideranca .hero figure{position:static}
  .pg-elos-na-lideranca .solucoes, .pg-elos-na-lideranca .difs, .pg-elos-na-lideranca .vozes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-elos-na-lideranca .casos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-elos-na-lideranca .caso:last-child{grid-column:1 / -1}
}
@media (max-width:720px){
  .pg-elos-na-lideranca .solucoes, .pg-elos-na-lideranca .difs, .pg-elos-na-lideranca .vozes, .pg-elos-na-lideranca .casos, .pg-elos-na-lideranca .campos, .pg-elos-na-lideranca .passos-cta{grid-template-columns:1fr}
  .pg-elos-na-lideranca .caso:last-child{grid-column:auto}
  .pg-elos-na-lideranca .hero img{aspect-ratio:3/2}
}
.pg-elos-na-lideranca .hero.vibrante{background:var(--roxo-vib);color:var(--papel);padding-block:var(--e6) var(--e8)}
.pg-elos-na-lideranca .vibrante .migalha li::after{color:var(--papel)}
.pg-elos-na-lideranca .vibrante .desvio{color:var(--papel);border-bottom-color:var(--papel)}
.pg-elos-na-lideranca .vibrante .bt-1{background:var(--amarelo);color:var(--roxo)}
.pg-elos-na-lideranca .vibrante .bt-1:hover{box-shadow:inset 0 0 0 2px var(--papel)}
.pg-elos-na-lideranca .vibrante .risca{background:var(--papel)}
.pg-elos-na-lideranca .vibrante :focus-visible{outline-color:var(--amarelo)}
.pg-elos-na-lideranca section.rosa{background:var(--rosa);color:var(--roxo);padding-block:var(--e8)}
.pg-elos-na-lideranca .rosa .risca{background:var(--roxo)}
.pg-elos-na-lideranca .rosa .nota-f{color:var(--roxo)}
.pg-elos-na-lideranca .rosa .campo label{color:var(--roxo)}
.pg-elos-na-lideranca .rosa .campo input, .pg-elos-na-lideranca .rosa .campo textarea{border-bottom-color:var(--roxo);color:var(--roxo)}
.pg-elos-na-lideranca .rosa .campo.assina label{color:var(--roxo)}
.pg-elos-na-lideranca .rosa .campo.assina input, .pg-elos-na-lideranca .rosa .campo.assina textarea{border-bottom:2px solid var(--roxo-vib)}
.pg-elos-na-lideranca .rosa .bt-1{background:var(--roxo);color:var(--creme)}
.pg-elos-na-lideranca .rosa .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-elos-na-lideranca .rosa :focus-visible{outline-color:var(--roxo)}
.pg-elos-na-lideranca section.amarelo{background:var(--amarelo);color:var(--roxo);padding-block:var(--e8)}
.pg-elos-na-lideranca .amarelo .etapa{border-top-color:var(--roxo)}
.pg-elos-na-lideranca .amarelo .etapa .un{color:var(--verde)}
.pg-elos-na-lideranca .amarelo :focus-visible{outline-color:var(--roxo)}
.pg-elos-na-lideranca section.verde{background:var(--verde);color:var(--creme);padding-block:var(--e8)}
.pg-elos-na-lideranca .verde .risca{background:var(--amarelo)}
.pg-elos-na-lideranca .verde .cab-s .et{color:var(--amarelo)}
.pg-elos-na-lideranca .verde .voz{border-left-color:var(--amarelo)}
.pg-elos-na-lideranca .verde :focus-visible{outline-color:var(--amarelo)}
.pg-elos-na-lideranca .hero .acao-hero{margin-top:var(--e5);display:flex;flex-wrap:wrap;align-items:center; gap:var(--e3) var(--e4)}
.pg-elos-na-lideranca .hero .acao-hero .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-elos-na-lideranca .hero .pergunta-h{display:block;font-weight:600;margin-top:var(--e3)}
.pg-elos-na-lideranca .desvio{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-size:var(--c2); font-weight:500;text-decoration:none;color:var(--roxo-vib);border-bottom:1px solid var(--roxo-vib)}
.pg-elos-na-lideranca .desvio::after{content:"\2193"}
.pg-elos-na-lideranca .videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4) var(--gutter)}
.pg-elos-na-lideranca .video figure{position:relative;margin:0 0 var(--e3)}
.pg-elos-na-lideranca .video img, .pg-elos-na-lideranca .video .semfilme{aspect-ratio:9/16;object-fit:cover;width:100%;border-radius:var(--raio);display:block}
.pg-elos-na-lideranca .video .semfilme{border:1px dashed var(--roxo-vib);display:flex;align-items:center; justify-content:center;text-align:center;padding:var(--e3);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:var(--roxo-vib)}
.pg-elos-na-lideranca .video .play-circulo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:3.5rem;height:3.5rem;border-radius:50%;background:var(--roxo);border:0;cursor:pointer; display:flex;align-items:center;justify-content:center}
.pg-elos-na-lideranca .video .play-circulo::before{content:"";border-left:.9rem solid var(--amarelo); border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;margin-left:.25rem}
.pg-elos-na-lideranca .video .play-circulo:hover{background:var(--roxo-vib)}
.pg-elos-na-lideranca .video h3{font-size:var(--c1);font-weight:600;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-elos-na-lideranca .video p{font-size:var(--c2)}
.pg-elos-na-lideranca .etapas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--e6)}
.pg-elos-na-lideranca .etapa{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-elos-na-lideranca .etapa .n{display:block;font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-elos-na-lideranca .etapa .un{display:block;font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;font-weight:500;color:var(--verde);margin-top:var(--e2)}
.pg-elos-na-lideranca .etapa h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin:var(--e3) 0 var(--e2)}
.pg-elos-na-lideranca .etapa p{font-size:var(--c2)}
.pg-elos-na-lideranca .cred-s .cab-s{align-items:baseline}
.pg-elos-na-lideranca .cred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-elos-na-lideranca .hist{display:flex;flex-direction:column;gap:var(--e3)}
.pg-elos-na-lideranca .hist .retrato{aspect-ratio:1/1;border:1px dashed var(--roxo-vib);border-radius:var(--raio); display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--e2); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;color:var(--roxo-vib)}
.pg-elos-na-lideranca .hist blockquote{margin:0;font-size:var(--c1);line-height:1.45}
.pg-elos-na-lideranca .hist .quem{font-size:var(--c2);margin-top:auto;padding-top:var(--e2)}
.pg-elos-na-lideranca .hist .quem b{display:block;font-weight:600}
.pg-elos-na-lideranca .hist.slot blockquote{font-size:var(--c2)}
.pg-elos-na-lideranca .assina-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e5) var(--e6); align-items:start}
.pg-elos-na-lideranca .assina-grid p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-elos-na-lideranca .assina-grid .intro p{font-size:var(--c1)}
.pg-elos-na-lideranca .afirmar{border-top:2px solid var(--amarelo);padding-top:var(--e3)}
.pg-elos-na-lideranca .afirmar b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e3);font-weight:500}
.pg-elos-na-lideranca .afirmar p{font-size:var(--c2)}
.pg-elos-na-lideranca .acc{border-top:1px solid var(--creme);margin-top:var(--e5)}
.pg-elos-na-lideranca details.item{border-bottom:1px solid var(--creme)}
.pg-elos-na-lideranca details.item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e3); min-height:3.25rem;cursor:pointer;list-style:none;font-size:var(--c1);font-weight:500}
.pg-elos-na-lideranca details.item summary::-webkit-details-marker{display:none}
.pg-elos-na-lideranca details.item .mais{width:1.75rem;height:1.75rem;border:2px solid var(--creme);border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:var(--c2);flex:none}
.pg-elos-na-lideranca details.item .mais::before{content:"+"}
.pg-elos-na-lideranca details.item[open] .mais::before{content:"\2212"}
.pg-elos-na-lideranca details.item summary:hover .mais{background:var(--creme);color:var(--roxo)}
.pg-elos-na-lideranca details.item p{font-size:var(--c2);max-width:62ch;padding-bottom:var(--e4)}
.pg-elos-na-lideranca .falta{margin-top:var(--e5);padding-top:var(--e3);border-top:2px solid var(--amarelo)}
.pg-elos-na-lideranca .falta b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-elos-na-lideranca .falta p{font-size:var(--c2);max-width:58ch}
.pg-elos-na-lideranca .campo.largo.enviar{flex-direction:row}
.pg-elos-na-lideranca .cafe.simples .env{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.pg-elos-na-lideranca .cafe.simples h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:14ch;margin-bottom:0}
.pg-elos-na-lideranca .cafe.simples p{font-size:var(--c1);max-width:48ch;margin-bottom:var(--e4)}
@media (max-width:900px){
  .pg-elos-na-lideranca .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-elos-na-lideranca .etapas, .pg-elos-na-lideranca .cred{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-elos-na-lideranca .cafe.simples .env, .pg-elos-na-lideranca .assina-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pg-elos-na-lideranca .etapas, .pg-elos-na-lideranca .cred{grid-template-columns:1fr}
  .pg-elos-na-lideranca .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pg-elos-na-lideranca .hero-foto{padding:0;position:relative}
.pg-elos-na-lideranca .hero-foto figure{margin:0;position:relative}
.pg-elos-na-lideranca .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-elos-na-lideranca .hero-foto .cred-foto{right:var(--margem);bottom:var(--e3)}
.pg-elos-na-lideranca .cartela-vib .hero-cartela{position:absolute;left:0;bottom:0;z-index:2; background:var(--roxo-vib);color:var(--papel); padding:var(--e5) var(--e6);max-width:44rem}
.pg-elos-na-lideranca .cartela-vib .hero-cartela .migalha, .pg-elos-na-lideranca .cartela-vib .hero-cartela .migalha a{color:var(--papel)}
.pg-elos-na-lideranca .cartela-vib .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-elos-na-lideranca .cartela-vib .hero-cartela h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:22ch;margin-bottom:0}
.pg-elos-na-lideranca .cartela-vib .hero-cartela .pergunta-h{display:block;font-weight:600;margin-top:var(--e3); color:var(--amarelo)}
.pg-elos-na-lideranca .hero-abaixo{padding-block:var(--e6) var(--e8)}
.pg-elos-na-lideranca .hero-abaixo .corpo p{font-size:var(--c1);max-width:60ch}
.pg-elos-na-lideranca .hero-abaixo .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-elos-na-lideranca .hero-abaixo .acao-hero{margin-top:var(--e5);display:flex;gap:var(--e4); align-items:center;flex-wrap:wrap}
@media (max-width:900px){
  .pg-elos-na-lideranca .cartela-vib .hero-cartela{position:static;max-width:none; padding:var(--e5) var(--margem)}
  .pg-elos-na-lideranca .hero-foto img{aspect-ratio:3/2}
}
.pg-elos-na-lideranca section{padding-block:var(--e7)}
.pg-elos-na-lideranca section.creme, .pg-elos-na-lideranca section.escuro, .pg-elos-na-lideranca section.cafe, .pg-elos-na-lideranca section.fecho-pg{padding-block:var(--e8) var(--e7)}
.pg-elos-na-lideranca section.hero-foto{padding:0}
.pg-elos-na-lideranca .cartela-roxo .hero-cartela{position:absolute;left:0;bottom:0;z-index:2; background:var(--roxo);color:var(--creme);padding:var(--e5) var(--e6);max-width:48rem}
.pg-elos-na-lideranca .cartela-roxo .hero-cartela .migalha, .pg-elos-na-lideranca .cartela-roxo .hero-cartela .migalha a{color:var(--creme)}
.pg-elos-na-lideranca .cartela-roxo .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-elos-na-lideranca .cartela-roxo .hero-cartela h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.025em;margin-bottom:0;max-width:24ch}
.pg-elos-na-lideranca .enl-ficha{margin-top:var(--e4);padding-top:var(--e3);border-top:1px solid var(--roxo); display:flex;flex-wrap:wrap;gap:var(--e2) var(--e5);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-elos-na-lideranca .enl-pressoes .env{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--e5) var(--e6);align-items:start}
.pg-elos-na-lideranca .enl-pressoes h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:18ch}
.pg-elos-na-lideranca .enl-duas{display:flex;flex-direction:column;gap:var(--e5)}
.pg-elos-na-lideranca .enl-duas h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-elos-na-lideranca .enl-duas p{font-size:var(--c2);max-width:46ch}
.pg-elos-na-lideranca .enl-fecha{grid-column:1 / -1;margin-top:var(--e3);padding-top:var(--e4); border-top:1px solid var(--creme);max-width:72ch}
.pg-elos-na-lideranca .enl-fecha b{font-weight:500;color:var(--amarelo)}
.pg-elos-na-lideranca .enl-cartaz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e6); border-top:1px solid var(--roxo);padding-top:var(--e5)}
.pg-elos-na-lideranca .enl-dado .n{font-size:clamp(2.75rem,4.5vw,3.75rem);font-weight:300;line-height:.85; letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-bottom:var(--e2)}
.pg-elos-na-lideranca .enl-dado .n sup{font-size:.28em;font-weight:500;color:var(--verde); vertical-align:super;margin-left:.06em}
.pg-elos-na-lideranca .enl-dado p{font-size:var(--c2);max-width:32ch}
.pg-elos-na-lideranca .enl-dado .fonte{display:block;margin-top:var(--e2);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-elos-na-lideranca .enl-remate{margin-top:var(--e5);padding-top:var(--e4);border-top:1px solid var(--roxo); font-size:var(--c1);max-width:72ch}
.pg-elos-na-lideranca .enl-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--e4) var(--e6);align-items:start;margin-bottom:var(--e5)}
.pg-elos-na-lideranca .enl-intro h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:17ch}
.pg-elos-na-lideranca .enl-intro p{font-size:var(--c1);max-width:48ch}
.pg-elos-na-lideranca .enl-pilares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--e4)}
.pg-elos-na-lideranca .enl-pilar figure{margin:0 0 var(--e3)}
.pg-elos-na-lideranca .enl-pilar img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio)}
.pg-elos-na-lideranca .enl-pilar .rot{color:var(--verde);display:block;margin-bottom:var(--e2)}
.pg-elos-na-lideranca .enl-pilar h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-elos-na-lideranca .enl-pilar p{font-size:var(--c2)}
.pg-elos-na-lideranca .enl-soaqui{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo); display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e3) var(--e6)}
.pg-elos-na-lideranca .enl-soaqui h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:16ch}
.pg-elos-na-lideranca .enl-soaqui p{font-size:var(--c2);max-width:58ch}
.pg-elos-na-lideranca .enl-tres{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--e4) var(--e6);align-items:start}
.pg-elos-na-lideranca .enl-tres h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:12ch}
.pg-elos-na-lideranca .enl-tres .apoio{font-size:var(--c2);margin-top:var(--e3);max-width:38ch}
.pg-elos-na-lideranca .enl-pilha{border-top:1px solid var(--roxo)}
.pg-elos-na-lideranca .enl-elo{padding-block:var(--e4);border-bottom:1px solid var(--roxo)}
.pg-elos-na-lideranca .enl-elo h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2)}
.pg-elos-na-lideranca .enl-elo p{font-size:var(--c2);max-width:62ch}
.pg-elos-na-lideranca .enl-vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--e5) var(--gutter);align-items:stretch}
.pg-elos-na-lideranca .enl-voz{display:flex;flex-direction:column;height:100%}
.pg-elos-na-lideranca .enl-voz blockquote{margin:0;font-size:var(--c2);line-height:1.5;flex:1; border-left:2px solid var(--roxo-vib);padding-left:var(--e3)}
.pg-elos-na-lideranca .enl-voz .quem{font-size:var(--c2);margin-top:var(--e3)}
.pg-elos-na-lideranca .enl-voz .quem b{display:block;font-weight:600}
.pg-elos-na-lideranca .enl-lastro{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo); display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4) var(--e6)}
.pg-elos-na-lideranca .enl-lastro p{font-size:var(--c2);max-width:52ch}
.pg-elos-na-lideranca .enl-lastro b{font-weight:600}
.pg-elos-na-lideranca .enl-portas{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--e5) var(--e6);align-items:start}
.pg-elos-na-lideranca .enl-portas h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t); letter-spacing:-.02em;max-width:14ch;margin-bottom:var(--e3)}
.pg-elos-na-lideranca .enl-portas .apoio{font-size:var(--c1);max-width:34ch;margin-bottom:var(--e5)}
.pg-elos-na-lideranca .enl-turma{border-top:1px solid var(--roxo)}
.pg-elos-na-lideranca .enl-linha{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4); align-items:baseline;padding-block:var(--e3);border-bottom:1px solid var(--roxo)}
.pg-elos-na-lideranca .enl-linha .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--verde)}
.pg-elos-na-lideranca .enl-linha .val{font-size:var(--c2)}
.pg-elos-na-lideranca .enl-linha.forte .val{font-size:var(--t2);font-weight:500;line-height:1.2}
.pg-elos-na-lideranca .enl-turma .bt-1{background:var(--roxo);color:var(--creme);margin-top:var(--e4)}
.pg-elos-na-lideranca .enl-turma .bt-1:hover{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-elos-na-lideranca .fecho-pg .campos .enl-rotulo{grid-column:1 / -1;font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde); padding-bottom:var(--e1);border-bottom:1px solid var(--roxo)}
.pg-elos-na-lideranca .campo.largo.enviar{flex-direction:row}
@media (max-width:900px){
  .pg-elos-na-lideranca .enl-pressoes .env, .pg-elos-na-lideranca .enl-intro, .pg-elos-na-lideranca .enl-soaqui, .pg-elos-na-lideranca .enl-tres, .pg-elos-na-lideranca .enl-portas, .pg-elos-na-lideranca .enl-lastro{grid-template-columns:1fr}
  .pg-elos-na-lideranca .enl-cartaz, .pg-elos-na-lideranca .enl-pilares, .pg-elos-na-lideranca .enl-vozes{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5) var(--e4)}
  .pg-elos-na-lideranca .cartela-roxo .hero-cartela{position:static;max-width:none;padding:var(--e5) var(--margem)}
  .pg-elos-na-lideranca .hero-foto img{aspect-ratio:4/3}
}
@media (max-width:720px){
  .pg-elos-na-lideranca .enl-cartaz, .pg-elos-na-lideranca .enl-pilares, .pg-elos-na-lideranca .enl-vozes{grid-template-columns:1fr}
  .pg-elos-na-lideranca .enl-linha{grid-template-columns:1fr;gap:var(--e1)}
}

/* ══ CONSULTORIA ═══════════════════════════════════
   Vem de maquetes/consultoria.html. Tudo escopado em .pg-consultoria: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-consultoria .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-consultoria .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-consultoria .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-consultoria .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-consultoria .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-consultoria .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-consultoria .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-consultoria .hero{padding-block:var(--e7) var(--e7)}
.pg-consultoria .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-consultoria .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-consultoria .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-consultoria .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-consultoria .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-consultoria .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-consultoria section{padding-block:var(--e7)}
.pg-consultoria section.escuro, .pg-consultoria section.creme, .pg-consultoria section.cafe{padding-block:var(--e8)}
.pg-consultoria .risca{margin-bottom:var(--e5)}
.pg-consultoria .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-consultoria .hero{padding-block:var(--e5) var(--e7)}
.pg-consultoria .hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:var(--e5) var(--e6);align-items:start}
.pg-consultoria .hero h1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:34ch;margin-bottom:var(--e4)}
.pg-consultoria .hero .corpo p{font-size:var(--c1);max-width:54ch}
.pg-consultoria .hero .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-consultoria .hero .corpo p{max-width:60ch}
.pg-consultoria .hero .condicao{margin-top:var(--e4);padding-top:var(--e3);border-top:2px solid var(--verde)}
.pg-consultoria .hero .condicao p{font-size:var(--c2);max-width:54ch}
.pg-consultoria .hero .condicao b{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);display:block;margin-bottom:var(--e2);font-weight:500}
.pg-consultoria .hero figure{position:relative;margin:0;position:sticky;top:7rem}
.pg-consultoria .hero img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-consultoria .cred-foto{right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-consultoria .solucoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.pg-consultoria .sol{border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden; display:flex;flex-direction:column;background:var(--papel)}
.pg-consultoria .sol figure{position:relative;margin:0}
.pg-consultoria .sol img{aspect-ratio:1/1;object-fit:cover;width:100%}
.pg-consultoria .sol .cartela{position:absolute;left:0;right:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e3);min-height:6rem;display:flex;flex-direction:column;justify-content:flex-end}
.pg-consultoria .sol.s4 .cartela{background:var(--verde)}
.pg-consultoria .sol .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo);display:block;margin-bottom:var(--e1)}
.pg-consultoria .sol.s4 .rot{color:var(--creme)}
.pg-consultoria .sol .cartela h3{font-size:var(--c2);font-weight:600;line-height:1.25}
.pg-consultoria .sol .txt{padding:var(--e4) var(--e3);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-consultoria .sol .quando{font-size:var(--c2)}
.pg-consultoria .sol .pe{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--e2)}
.pg-consultoria .sol .prazo{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;font-weight:500;color:var(--verde)}
.pg-consultoria .problema .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-consultoria .problema .pergunta{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-consultoria .problema h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:16ch}
.pg-consultoria .problema p{font-size:var(--c1);max-width:56ch}
.pg-consultoria .difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-consultoria .dif{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-consultoria .dif h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3); max-width:18ch}
.pg-consultoria .dif p{font-size:var(--c2)}
.pg-consultoria .cafe{background:var(--laranja);color:var(--roxo)}
.pg-consultoria .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-consultoria .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-consultoria .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-consultoria .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:30ch; margin-bottom:var(--e4)}
.pg-consultoria .passos-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3); margin-bottom:var(--e5)}
.pg-consultoria .passo-cta{border-top:2px solid var(--roxo);padding-top:var(--e2);font-size:var(--c2)}
.pg-consultoria .passo-cta b{display:block;font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.12em;font-weight:500}
.pg-consultoria .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-consultoria .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-consultoria .casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-consultoria .caso{display:flex;flex-direction:column;gap:var(--e3)}
.pg-consultoria .caso figure{position:relative;margin:0}
.pg-consultoria .caso img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-consultoria .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-consultoria .caso .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem}
.pg-consultoria .caso .tg.aberta{border-style:dashed}
.pg-consultoria .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-consultoria .caso .mec, .pg-consultoria .caso .res-c{font-size:var(--c2)}
.pg-consultoria .caso .res-c{font-weight:600}
.pg-consultoria .caso .seta{margin-top:auto}
.pg-consultoria .vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-consultoria .voz{border-left:2px solid var(--roxo-vib);padding-left:var(--e3)}
.pg-consultoria .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-consultoria .voz .quem{font-size:var(--c2)}
.pg-consultoria .voz .quem b{display:block;font-weight:600}
.pg-consultoria .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-consultoria .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-consultoria .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-consultoria .campo.largo{grid-column:1 / -1}
.pg-consultoria .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-consultoria .campo input, .pg-consultoria .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-consultoria .campo textarea{min-height:4rem;resize:vertical}
.pg-consultoria .campo.assina label{color:var(--laranja)}
.pg-consultoria .campo.assina input, .pg-consultoria .campo.assina textarea{border-bottom:2px solid var(--laranja)}
.pg-consultoria .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-consultoria .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-consultoria .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-consultoria .nota-f{font-size:var(--c2);max-width:38ch;margin-top:var(--e3)}
@media (max-width:900px){
  .pg-consultoria .hero-grid, .pg-consultoria .cab-s, .pg-consultoria .rod-cols, .pg-consultoria .problema .env, .pg-consultoria .form-grid, .pg-consultoria .cafe .env{grid-template-columns:1fr}
  .pg-consultoria .hero figure{position:static}
  .pg-consultoria .solucoes, .pg-consultoria .difs, .pg-consultoria .vozes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-consultoria .casos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-consultoria .caso:last-child{grid-column:1 / -1}
}
@media (max-width:720px){
  .pg-consultoria .solucoes, .pg-consultoria .difs, .pg-consultoria .vozes, .pg-consultoria .casos, .pg-consultoria .campos, .pg-consultoria .passos-cta{grid-template-columns:1fr}
  .pg-consultoria .caso:last-child{grid-column:auto}
  .pg-consultoria .hero img{aspect-ratio:3/2}
}
.pg-consultoria .hero.verde{background:var(--verde);color:var(--papel)}
.pg-consultoria .hero.verde .migalha, .pg-consultoria .hero.verde .migalha a{color:var(--papel)}
.pg-consultoria .hero.verde .migalha li::after{color:var(--amarelo)}
.pg-consultoria .hero.verde .bt-2{color:var(--papel);box-shadow:inset 0 0 0 2px var(--papel)}
.pg-consultoria .hero.verde .bt-2:hover{background:var(--papel);color:var(--verde)}
.pg-consultoria .hero.verde .condicao{border-top-color:var(--amarelo)}
.pg-consultoria .hero .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.pg-consultoria .hero figure{position:static}
.pg-consultoria .hero img{aspect-ratio:4/5}
@media (max-width:900px){
  .pg-consultoria .hero .hero-grid{grid-template-columns:1fr}
  .pg-consultoria .hero img{aspect-ratio:3/2}
}
.pg-consultoria .fecho-pg{background:var(--creme);color:var(--roxo)}
.pg-consultoria .fecho-pg .cab-s .et, .pg-consultoria .fecho-pg .et{color:var(--verde)}
.pg-consultoria .fecho-pg .seta{color:var(--roxo-vib)}
.pg-consultoria .fecho-pg .risca, .pg-consultoria .fecho-pg .wp-block-separator{background:var(--roxo)}
.pg-consultoria .hero.verde .condicao b{color:var(--amarelo)}
.pg-consultoria .hero.verde .condicao{border-top-color:var(--amarelo)}
.pg-consultoria .campo.largo.enviar{flex-direction:row}
@media (min-width:901px){
  @supports (grid-template-rows: subgrid){
  .pg-consultoria .casos{grid-template-rows:auto auto auto auto auto auto}
  .pg-consultoria .casos > *{display:grid;grid-row:span 6;grid-template-rows:subgrid}
}
}

/* ══ VIVÊNCIA OASIS ═══════════════════════════════════
   Vem de maquetes/vivencia-oasis.html. Tudo escopado em .pg-vivencia-oasis: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-vivencia-oasis .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-vivencia-oasis .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-vivencia-oasis .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-vivencia-oasis .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-vivencia-oasis .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-vivencia-oasis .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-vivencia-oasis .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-vivencia-oasis .hero{padding-block:var(--e7) var(--e7)}
.pg-vivencia-oasis .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-vivencia-oasis .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-vivencia-oasis .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-vivencia-oasis .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-vivencia-oasis .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-vivencia-oasis .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-vivencia-oasis section{padding-block:var(--e7)}
.pg-vivencia-oasis section.escuro, .pg-vivencia-oasis section.creme, .pg-vivencia-oasis section.cafe{padding-block:var(--e8)}
.pg-vivencia-oasis .risca{margin-bottom:var(--e5)}
.pg-vivencia-oasis .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-vivencia-oasis .hero-foto{padding:0;position:relative}
.pg-vivencia-oasis .hero-foto figure{margin:0;position:relative}
.pg-vivencia-oasis .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-vivencia-oasis .hero-cartela{position:absolute;left:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e5) var(--e6) var(--e6);max-width:min(58rem,86%)}
.pg-vivencia-oasis .hero-cartela .migalha{margin-bottom:var(--e3);color:var(--creme)}
.pg-vivencia-oasis .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-vivencia-oasis .hero-cartela h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d); letter-spacing:-.035em;margin-bottom:var(--e4)}
.pg-vivencia-oasis .hero-cartela p{font-size:var(--c1);max-width:52ch}
.pg-vivencia-oasis .cred-foto{right:0;top:0;bottom:auto;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-vivencia-oasis .momentos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter); position:relative}
.pg-vivencia-oasis .mom{display:flex;flex-direction:column;gap:var(--e3)}
.pg-vivencia-oasis .mom figure{margin:0;position:relative}
.pg-vivencia-oasis .mom img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio)}
.pg-vivencia-oasis .mom .n{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.14em; color:var(--verde);font-weight:500}
.pg-vivencia-oasis .mom h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-vivencia-oasis .mom p{font-size:var(--c2)}
.pg-vivencia-oasis .trilho{position:relative;height:2px;background:transparent;margin-bottom:var(--e5)}
.pg-vivencia-oasis .trilho::after{content:"";position:absolute;inset:0;background:var(--roxo-vib); transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-vivencia-oasis .trilho::after{animation:corre linear both;animation-timeline:view(); animation-range:entry 90% cover 40%}
}
}
@supports not (animation-timeline: view()){
  .pg-vivencia-oasis .trilho::after{transform:none}
}
@media (prefers-reduced-motion: reduce){
  .pg-vivencia-oasis .trilho::after{transform:none}
}
@keyframes corre{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pg-vivencia-oasis .ficha-linha{margin-top:var(--e5);padding-top:var(--e3);border-top:1px solid var(--roxo); display:flex;flex-wrap:wrap;gap:var(--e2) var(--e5);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-vivencia-oasis .galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e2); margin-bottom:var(--e5)}
.pg-vivencia-oasis .galeria img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio)}
.pg-vivencia-oasis .galeria figure{margin:0}
.pg-vivencia-oasis .galeria figure:first-child{grid-column:span 2;grid-row:span 2}
.pg-vivencia-oasis .galeria figure:first-child img{aspect-ratio:1/1;height:100%}
.pg-vivencia-oasis .feitos{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-vivencia-oasis .feitos h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:14ch}
.pg-vivencia-oasis .feitos .apoio{font-size:var(--c2);margin-top:var(--e3)}
.pg-vivencia-oasis .lista-feitos{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-vivencia-oasis .feito{font-family:"DM Mono",monospace;font-size:var(--c2);letter-spacing:.03em; border:1px solid var(--roxo);border-radius:999px;padding:.2rem .8rem}
.pg-vivencia-oasis .feito b{font-weight:500}
.pg-vivencia-oasis .onde{font-size:var(--c2);margin-top:var(--e4);padding-top:var(--e3); border-top:1px solid var(--roxo);max-width:60ch}
.pg-vivencia-oasis .cafe{background:var(--laranja);color:var(--roxo)}
.pg-vivencia-oasis .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-vivencia-oasis .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-vivencia-oasis .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-vivencia-oasis .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:28ch; margin-bottom:var(--e4)}
.pg-vivencia-oasis .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-vivencia-oasis .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-vivencia-oasis .vozes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e6) var(--gutter)}
.pg-vivencia-oasis .voz{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e4); align-items:start}
.pg-vivencia-oasis .voz img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio)}
.pg-vivencia-oasis .voz figure{margin:0}
.pg-vivencia-oasis .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-vivencia-oasis .voz .quem{font-size:var(--c2)}
.pg-vivencia-oasis .voz .quem b{display:block;font-weight:600}
.pg-vivencia-oasis .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-vivencia-oasis .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-vivencia-oasis .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-vivencia-oasis .campo.largo{grid-column:1 / -1}
.pg-vivencia-oasis .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-vivencia-oasis .campo input, .pg-vivencia-oasis .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-vivencia-oasis .campo textarea{min-height:4rem;resize:vertical}
.pg-vivencia-oasis .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-vivencia-oasis .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-vivencia-oasis .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
@media (max-width:900px){
  .pg-vivencia-oasis .cab-s, .pg-vivencia-oasis .rod-cols, .pg-vivencia-oasis .feitos, .pg-vivencia-oasis .form-grid, .pg-vivencia-oasis .cafe .env{grid-template-columns:1fr}
  .pg-vivencia-oasis .momentos, .pg-vivencia-oasis .vozes{grid-template-columns:1fr}
  .pg-vivencia-oasis .voz{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
  .pg-vivencia-oasis .hero-cartela{position:static;max-width:none;padding:var(--e5) var(--margem)}
  .pg-vivencia-oasis .hero-foto img{aspect-ratio:3/2}
}
@media (max-width:720px){
  .pg-vivencia-oasis .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-vivencia-oasis .galeria figure:first-child{grid-column:span 2;grid-row:auto}
  .pg-vivencia-oasis .campos{grid-template-columns:1fr}
  .pg-vivencia-oasis .voz{grid-template-columns:1fr}
  .pg-vivencia-oasis .voz img{aspect-ratio:3/2}
}
.pg-vivencia-oasis .fecho-pg{background:var(--creme);color:var(--roxo)}
.pg-vivencia-oasis .fecho-pg .cab-s .et, .pg-vivencia-oasis .fecho-pg .et{color:var(--verde)}
.pg-vivencia-oasis .fecho-pg .seta{color:var(--roxo-vib)}
.pg-vivencia-oasis .fecho-pg .risca, .pg-vivencia-oasis .fecho-pg .wp-block-separator{background:var(--roxo)}
.pg-vivencia-oasis .fecho-pg .campo label{color:var(--verde)}
.pg-vivencia-oasis .fecho-pg .campo input, .pg-vivencia-oasis .fecho-pg .campo textarea{color:var(--roxo);border-bottom-color:var(--roxo)}
.pg-vivencia-oasis .fecho-pg .campo input:focus-visible, .pg-vivencia-oasis .fecho-pg .campo textarea:focus-visible{outline:2px solid var(--roxo-vib);outline-offset:2px}
.pg-vivencia-oasis .campo.largo.enviar{flex-direction:row}

/* ══ INTELIGÊNCIA E ESTRATÉGIA TERRITORIAL ═══════════════════════════════════
   Vem de maquetes/inteligencia-territorial.html. Tudo escopado em .pg-inteligencia-territorial: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-inteligencia-territorial .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-inteligencia-territorial .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-inteligencia-territorial .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-inteligencia-territorial .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-inteligencia-territorial .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-inteligencia-territorial .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-inteligencia-territorial .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-inteligencia-territorial .hero{padding-block:var(--e7) var(--e7)}
.pg-inteligencia-territorial .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-inteligencia-territorial .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-inteligencia-territorial .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-inteligencia-territorial .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-inteligencia-territorial .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-inteligencia-territorial .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-inteligencia-territorial section{padding-block:var(--e7)}
.pg-inteligencia-territorial section.escuro, .pg-inteligencia-territorial section.creme, .pg-inteligencia-territorial section.cafe{padding-block:var(--e8)}
.pg-inteligencia-territorial .risca{margin-bottom:var(--e5)}
.pg-inteligencia-territorial .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-inteligencia-territorial .hero-foto{padding:0;position:relative}
.pg-inteligencia-territorial .hero-foto figure{margin:0;position:relative}
.pg-inteligencia-territorial .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-inteligencia-territorial .hero-cartela{position:absolute;left:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e5) var(--e6) var(--e6);max-width:min(58rem,86%)}
.pg-inteligencia-territorial .hero-cartela .migalha{margin-bottom:var(--e3);color:var(--creme)}
.pg-inteligencia-territorial .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-inteligencia-territorial .hero-cartela h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d); letter-spacing:-.035em;margin-bottom:var(--e4)}
.pg-inteligencia-territorial .hero-cartela p{font-size:var(--c1);max-width:52ch}
.pg-inteligencia-territorial .cred-foto{right:0;top:0;bottom:auto;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-inteligencia-territorial .momentos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter); position:relative}
.pg-inteligencia-territorial .mom{display:flex;flex-direction:column;gap:var(--e3)}
.pg-inteligencia-territorial .mom figure{margin:0;position:relative}
.pg-inteligencia-territorial .mom img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio)}
.pg-inteligencia-territorial .mom .n{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.14em; color:var(--verde);font-weight:500}
.pg-inteligencia-territorial .mom h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-inteligencia-territorial .mom p{font-size:var(--c2)}
.pg-inteligencia-territorial .trilho{position:relative;height:2px;background:transparent;margin-bottom:var(--e5)}
.pg-inteligencia-territorial .trilho::after{content:"";position:absolute;inset:0;background:var(--roxo-vib); transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-inteligencia-territorial .trilho::after{animation:corre linear both;animation-timeline:view(); animation-range:entry 90% cover 40%}
}
}
@supports not (animation-timeline: view()){
  .pg-inteligencia-territorial .trilho::after{transform:none}
}
@media (prefers-reduced-motion: reduce){
  .pg-inteligencia-territorial .trilho::after{transform:none}
}
.pg-inteligencia-territorial .ficha-linha{margin-top:var(--e5);padding-top:var(--e3);border-top:1px solid var(--roxo); display:flex;flex-wrap:wrap;gap:var(--e2) var(--e5);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-inteligencia-territorial .galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e2); margin-bottom:var(--e5)}
.pg-inteligencia-territorial .galeria img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio)}
.pg-inteligencia-territorial .galeria figure{margin:0}
.pg-inteligencia-territorial .galeria figure:first-child{grid-column:span 2;grid-row:span 2}
.pg-inteligencia-territorial .galeria figure:first-child img{aspect-ratio:1/1;height:100%}
.pg-inteligencia-territorial .feitos{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-inteligencia-territorial .feitos h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:14ch}
.pg-inteligencia-territorial .feitos .apoio{font-size:var(--c2);margin-top:var(--e3)}
.pg-inteligencia-territorial .lista-feitos{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-inteligencia-territorial .feito{font-family:"DM Mono",monospace;font-size:var(--c2);letter-spacing:.03em; border:1px solid var(--roxo);border-radius:999px;padding:.2rem .8rem}
.pg-inteligencia-territorial .feito b{font-weight:500}
.pg-inteligencia-territorial .onde{font-size:var(--c2);margin-top:var(--e4);padding-top:var(--e3); border-top:1px solid var(--roxo);max-width:60ch}
.pg-inteligencia-territorial .cafe{background:var(--laranja);color:var(--roxo)}
.pg-inteligencia-territorial .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-inteligencia-territorial .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-inteligencia-territorial .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-inteligencia-territorial .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:28ch; margin-bottom:var(--e4)}
.pg-inteligencia-territorial .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-inteligencia-territorial .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-inteligencia-territorial .vozes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e6) var(--gutter)}
.pg-inteligencia-territorial .voz{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e4); align-items:start}
.pg-inteligencia-territorial .voz img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio)}
.pg-inteligencia-territorial .voz figure{margin:0}
.pg-inteligencia-territorial .voz blockquote{margin:0 0 var(--e3);font-size:var(--c1);line-height:1.45}
.pg-inteligencia-territorial .voz .quem{font-size:var(--c2)}
.pg-inteligencia-territorial .voz .quem b{display:block;font-weight:600}
.pg-inteligencia-territorial .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-inteligencia-territorial .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-inteligencia-territorial .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-inteligencia-territorial .campo.largo{grid-column:1 / -1}
.pg-inteligencia-territorial .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-inteligencia-territorial .campo input, .pg-inteligencia-territorial .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-inteligencia-territorial .campo textarea{min-height:4rem;resize:vertical}
.pg-inteligencia-territorial .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-inteligencia-territorial .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-inteligencia-territorial .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
@media (max-width:900px){
  .pg-inteligencia-territorial .cab-s, .pg-inteligencia-territorial .rod-cols, .pg-inteligencia-territorial .feitos, .pg-inteligencia-territorial .form-grid, .pg-inteligencia-territorial .cafe .env{grid-template-columns:1fr}
  .pg-inteligencia-territorial .momentos, .pg-inteligencia-territorial .vozes{grid-template-columns:1fr}
  .pg-inteligencia-territorial .voz{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
  .pg-inteligencia-territorial .hero-cartela{position:static;max-width:none;padding:var(--e5) var(--margem)}
  .pg-inteligencia-territorial .hero-foto img{aspect-ratio:3/2}
}
@media (max-width:720px){
  .pg-inteligencia-territorial .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-inteligencia-territorial .galeria figure:first-child{grid-column:span 2;grid-row:auto}
  .pg-inteligencia-territorial .campos{grid-template-columns:1fr}
  .pg-inteligencia-territorial .voz{grid-template-columns:1fr}
  .pg-inteligencia-territorial .voz img{aspect-ratio:3/2}
}
.pg-inteligencia-territorial .entregas{border-top:1px solid var(--roxo)}
.pg-inteligencia-territorial .entrega{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e2) var(--e6); border-bottom:1px solid var(--roxo);padding-block:var(--e4)}
.pg-inteligencia-territorial .entrega h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-inteligencia-territorial .entrega p{font-size:var(--c2);max-width:60ch}
.pg-inteligencia-territorial .caso-inteiro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--e5) var(--e6);align-items:start}
.pg-inteligencia-territorial .caso-inteiro figure{margin:0;position:relative;position:sticky;top:7rem}
.pg-inteligencia-territorial .caso-inteiro img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--raio)}
.pg-inteligencia-territorial .parte + .parte{margin-top:var(--e5)}
.pg-inteligencia-territorial .parte .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);display:block;margin-bottom:var(--e2)}
.pg-inteligencia-territorial .parte p{font-size:var(--c1);max-width:56ch}
.pg-inteligencia-territorial .parte p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-inteligencia-territorial .parte.chamada p{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em}
.pg-inteligencia-territorial .faixa-caso{margin-top:var(--e7)}
.pg-inteligencia-territorial .faixa-caso img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-inteligencia-territorial .faixa-caso figure{margin:0;position:relative}
.pg-inteligencia-territorial .ci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter)}
.pg-inteligencia-territorial .contratou-lin{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6); align-items:baseline}
@media (max-width:900px){
  .pg-inteligencia-territorial .entrega, .pg-inteligencia-territorial .caso-inteiro, .pg-inteligencia-territorial .contratou-lin{grid-template-columns:1fr}
  .pg-inteligencia-territorial .caso-inteiro figure{position:static}
  .pg-inteligencia-territorial .ci{grid-template-columns:1fr}
}
.pg-inteligencia-territorial .fecho-pg{background:var(--creme);color:var(--roxo)}
.pg-inteligencia-territorial .fecho-pg .cab-s .et, .pg-inteligencia-territorial .fecho-pg .et{color:var(--verde)}
.pg-inteligencia-territorial .fecho-pg .seta{color:var(--roxo-vib)}
.pg-inteligencia-territorial .fecho-pg .risca, .pg-inteligencia-territorial .fecho-pg .wp-block-separator{background:var(--roxo)}
.pg-inteligencia-territorial .fecho-pg .campo label{color:var(--verde)}
.pg-inteligencia-territorial .fecho-pg .campo input, .pg-inteligencia-territorial .fecho-pg .campo textarea{color:var(--roxo);border-bottom-color:var(--roxo)}
.pg-inteligencia-territorial .fecho-pg .campo input:focus-visible, .pg-inteligencia-territorial .fecho-pg .campo textarea:focus-visible{outline:2px solid var(--roxo-vib);outline-offset:2px}
.pg-inteligencia-territorial .campo.largo.enviar{flex-direction:row}
@media (min-width:901px){
  @supports (grid-template-rows: subgrid){
  .pg-inteligencia-territorial .momentos{grid-template-rows:auto auto auto auto}
  .pg-inteligencia-territorial .momentos > *{display:grid;grid-row:span 4;grid-template-rows:subgrid}
}
}

/* ══ ESCOLA DE TRANSFORMAÇÃO ═══════════════════════════════════
   Vem de maquetes/escola-de-transformacao.html. Tudo escopado em .pg-escola-de-transformacao: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-escola-de-transformacao .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-escola-de-transformacao .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-escola-de-transformacao .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-escola-de-transformacao .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-escola-de-transformacao .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-escola-de-transformacao .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-escola-de-transformacao .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-escola-de-transformacao .hero{padding-block:var(--e7) var(--e7)}
.pg-escola-de-transformacao .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-escola-de-transformacao .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-escola-de-transformacao .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-escola-de-transformacao .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-escola-de-transformacao .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-escola-de-transformacao .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-escola-de-transformacao section{padding-block:var(--e7)}
.pg-escola-de-transformacao section.escuro, .pg-escola-de-transformacao section.creme, .pg-escola-de-transformacao section.cafe{padding-block:var(--e8)}
.pg-escola-de-transformacao .risca{margin-bottom:var(--e5)}
.pg-escola-de-transformacao .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-escola-de-transformacao .hero-foto{padding:0;position:relative}
.pg-escola-de-transformacao .hero-foto figure{margin:0;position:relative}
.pg-escola-de-transformacao .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-escola-de-transformacao .hero-cartela{position:absolute;left:0;bottom:0;background:var(--roxo);color:var(--creme); padding:var(--e5) var(--e6) var(--e6);max-width:min(58rem,86%)}
.pg-escola-de-transformacao .hero-cartela .migalha{margin-bottom:var(--e3);color:var(--creme)}
.pg-escola-de-transformacao .hero-cartela .migalha li::after{color:var(--amarelo)}
.pg-escola-de-transformacao .hero-cartela h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d); letter-spacing:-.035em;margin-bottom:var(--e4)}
.pg-escola-de-transformacao .hero-cartela p{font-size:var(--c1);max-width:52ch}
.pg-escola-de-transformacao .cred-foto{right:0;top:0;bottom:auto;background:var(--roxo);color:var(--creme); padding:.3rem .7rem;letter-spacing:.06em}
.pg-escola-de-transformacao .problema .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-escola-de-transformacao .problema .pergunta{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-escola-de-transformacao .problema h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em; max-width:16ch}
.pg-escola-de-transformacao .problema p{font-size:var(--c1);max-width:56ch}
.pg-escola-de-transformacao .trilho{position:relative;height:2px;background:transparent;margin-bottom:var(--e5)}
.pg-escola-de-transformacao .trilho::after{content:"";position:absolute;inset:0;background:var(--roxo-vib); transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-escola-de-transformacao .trilho::after{animation:corre linear both;animation-timeline:view(); animation-range:entry 90% cover 45%}
}
}
@supports not (animation-timeline: view()){
  .pg-escola-de-transformacao .trilho::after{transform:none}
}
@media (prefers-reduced-motion: reduce){
  .pg-escola-de-transformacao .trilho::after{transform:none}
}
.pg-escola-de-transformacao .fases{--marco-w:min(22rem,80%)}
.pg-escola-de-transformacao .fase{gap:var(--e3)}
.pg-escola-de-transformacao .fase figure{margin:0;position:relative}
.pg-escola-de-transformacao .fase img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--raio)}
.pg-escola-de-transformacao .fase .indice{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.14em; color:var(--verde);font-weight:500;text-transform:uppercase}
.pg-escola-de-transformacao .fase h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-escola-de-transformacao .fase p{font-size:var(--c2)}
.pg-escola-de-transformacao .nota-fases{margin-top:var(--e5);padding-top:var(--e3);border-top:1px solid var(--roxo); font-size:var(--c2);max-width:64ch}
.pg-escola-de-transformacao .frentes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-escola-de-transformacao .frente{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-escola-de-transformacao .frente h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3); max-width:20ch}
.pg-escola-de-transformacao .frente p{font-size:var(--c2)}
.pg-escola-de-transformacao .conexao{position:relative;margin-top:var(--e8)}
.pg-escola-de-transformacao .conexao figure{margin:0;position:relative}
.pg-escola-de-transformacao .conexao img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-escola-de-transformacao .conexao .cartela{position:absolute;left:0;bottom:0;background:var(--verde);color:var(--creme); padding:var(--e4) var(--e6) var(--e5);max-width:min(46rem,88%)}
.pg-escola-de-transformacao .conexao .cartela .et{color:var(--amarelo);display:block;margin-bottom:var(--e3)}
.pg-escola-de-transformacao .conexao .cartela h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t); margin-bottom:var(--e3)}
.pg-escola-de-transformacao .conexao .cartela p{font-size:var(--c2);max-width:52ch}
.pg-escola-de-transformacao .conexao .cred-foto{right:0;top:0}
.pg-escola-de-transformacao .tamanhos{border-top:1px solid var(--roxo)}
.pg-escola-de-transformacao .tam{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,7fr); gap:var(--e2) var(--e5);border-bottom:1px solid var(--roxo);padding-block:var(--e4); align-items:baseline}
.pg-escola-de-transformacao .tam .dur{font-size:var(--t2);font-weight:500;line-height:var(--lh-t); font-variant-numeric:tabular-nums}
.pg-escola-de-transformacao .tam .foco{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde)}
.pg-escola-de-transformacao .tam p{font-size:var(--c2);max-width:64ch}
.pg-escola-de-transformacao .tam-nota{margin-top:var(--e5);font-size:var(--c2);max-width:62ch}
.pg-escola-de-transformacao .cafe{background:var(--laranja);color:var(--roxo)}
.pg-escola-de-transformacao .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-escola-de-transformacao .cafe .relogio{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.pg-escola-de-transformacao .cafe .relogio small{display:block;font-size:var(--et);font-family:"DM Mono",monospace; font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:var(--e3)}
.pg-escola-de-transformacao .cafe h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);max-width:28ch; margin-bottom:var(--e4)}
.pg-escola-de-transformacao .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-escola-de-transformacao .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
.pg-escola-de-transformacao .contratou-lin{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6); align-items:baseline}
.pg-escola-de-transformacao .form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e5) var(--e6); align-items:start}
.pg-escola-de-transformacao .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.pg-escola-de-transformacao .campo{display:flex;flex-direction:column;gap:var(--e1)}
.pg-escola-de-transformacao .campo.largo{grid-column:1 / -1}
.pg-escola-de-transformacao .campo label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;color:var(--amarelo)}
.pg-escola-de-transformacao .campo input, .pg-escola-de-transformacao .campo textarea{min-height:2.75rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c2); padding:.4rem 0;border-radius:0}
.pg-escola-de-transformacao .campo textarea{min-height:4rem;resize:vertical}
.pg-escola-de-transformacao .enviar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.pg-escola-de-transformacao .enviar .bt-1{min-height:3.25rem;font-size:var(--c1)}
.pg-escola-de-transformacao .escuro .bt-1:hover{box-shadow:inset 0 0 0 2px var(--creme)}
.pg-escola-de-transformacao .casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pg-escola-de-transformacao .caso{display:flex;flex-direction:column;gap:var(--e3)}
.pg-escola-de-transformacao .caso figure{position:relative;margin:0}
.pg-escola-de-transformacao .caso img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--raio)}
.pg-escola-de-transformacao .caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-escola-de-transformacao .caso .tg{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;border:1px solid var(--verde);color:var(--verde); border-radius:999px;padding:.1rem .55rem}
.pg-escola-de-transformacao .caso .tg.aberta{border-style:dashed}
.pg-escola-de-transformacao .caso h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-escola-de-transformacao .caso .mec, .pg-escola-de-transformacao .caso .res-c{font-size:var(--c2)}
.pg-escola-de-transformacao .caso .res-c{font-weight:600}
.pg-escola-de-transformacao .caso .seta{margin-top:auto}
.pg-escola-de-transformacao .fecho-pg{background:var(--creme);color:var(--roxo)}
.pg-escola-de-transformacao .fecho-pg .cab-s .et, .pg-escola-de-transformacao .fecho-pg .et{color:var(--verde)}
.pg-escola-de-transformacao .fecho-pg .seta{color:var(--roxo-vib)}
.pg-escola-de-transformacao .fecho-pg .risca, .pg-escola-de-transformacao .fecho-pg .wp-block-separator{background:var(--roxo)}
.pg-escola-de-transformacao .fecho-pg .campo label{color:var(--verde)}
.pg-escola-de-transformacao .fecho-pg .campo input, .pg-escola-de-transformacao .fecho-pg .campo textarea{color:var(--roxo);border-bottom-color:var(--roxo)}
.pg-escola-de-transformacao .fecho-pg .campo input:focus-visible, .pg-escola-de-transformacao .fecho-pg .campo textarea:focus-visible{outline:2px solid var(--roxo-vib);outline-offset:2px}
@media (max-width:900px){
  .pg-escola-de-transformacao .cab-s, .pg-escola-de-transformacao .rod-cols, .pg-escola-de-transformacao .form-grid, .pg-escola-de-transformacao .cafe .env, .pg-escola-de-transformacao .problema .env{grid-template-columns:1fr}
  .pg-escola-de-transformacao .frentes{grid-template-columns:1fr}
  .pg-escola-de-transformacao .tam, .pg-escola-de-transformacao .contratou-lin{grid-template-columns:1fr}
  .pg-escola-de-transformacao .casos{grid-template-columns:1fr}
  .pg-escola-de-transformacao .hero-cartela{position:static;max-width:none;padding:var(--e5) var(--margem)}
  .pg-escola-de-transformacao .hero-foto img{aspect-ratio:3/2}
  .pg-escola-de-transformacao .conexao .cartela{position:static;max-width:none;padding:var(--e4) var(--margem) var(--e5)}
  .pg-escola-de-transformacao .conexao img{aspect-ratio:3/2}
}
@media (max-width:720px){
  .pg-escola-de-transformacao .fase img{aspect-ratio:3/2}
  .pg-escola-de-transformacao .campos{grid-template-columns:1fr}
}
.pg-escola-de-transformacao .campo.largo.enviar{flex-direction:row}
@media (min-width:901px){
  @supports (grid-template-rows: subgrid){
  .pg-escola-de-transformacao .frentes{grid-template-rows:auto auto}
  .pg-escola-de-transformacao .frentes > *{display:grid;grid-row:span 2;grid-template-rows:subgrid}
}
}

/* ══ GOVERNANÇA E TRANSPARÊNCIA ═══════════════════════════════════
   Vem de maquetes/governanca.html. Tudo escopado em .pg-governanca: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-governanca .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-governanca .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-governanca .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-governanca section{padding-block:var(--e7)}
.pg-governanca section.escuro, .pg-governanca section.creme{padding-block:var(--e8)}
.pg-governanca .cab-s h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:20ch}
.pg-governanca .cab-s p{max-width:44ch}
.pg-governanca .rod-id .logo-img{height:2.4rem;width:auto;margin-bottom:var(--e4)}
.pg-governanca .gov-hero{padding-block:var(--e5) var(--e7)}
.pg-governanca .gov-hero h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:16ch;margin-bottom:var(--e4)}
.pg-governanca .gov-hero .et{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-governanca .gov-hero .apoio{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em;max-width:40ch}
.pg-governanca .prova .num-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-governanca .prova .num{border-top:2px solid var(--amarelo);padding-top:var(--e3)}
.pg-governanca .prova .num b{display:block;font-size:var(--d1);font-weight:300;line-height:.95;letter-spacing:-.04em;color:var(--amarelo);font-variant-numeric:tabular-nums}
.pg-governanca .prova .num .rot{display:block;margin-top:var(--e2);font-size:var(--c1)}
.pg-governanca .prova .num .per{display:block;margin-top:var(--e1);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;color:var(--creme);opacity:.85}
.pg-governanca .prova .fonte{margin-top:var(--e5);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--creme);opacity:.85}
.pg-governanca .grupos{display:flex;flex-direction:column;gap:var(--e7)}
.pg-governanca .grupo > .g-cab{display:flex;align-items:baseline;gap:var(--e3);margin-bottom:var(--e4);flex-wrap:wrap}
.pg-governanca .grupo h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-governanca .grupo .g-meta{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:var(--verde)}
.pg-governanca .docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter)}
.pg-governanca .doc{border:1px solid var(--roxo);border-radius:var(--raio);padding:var(--e4);display:flex;flex-direction:column;gap:var(--e3);background:var(--papel)}
.pg-governanca .doc h4{font-size:var(--c1);font-weight:600;line-height:var(--lh-t)}
.pg-governanca .doc .d-meta{font-size:var(--c2);color:#4a3d6b}
.pg-governanca .anos{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-governanca .ano{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--roxo);border-radius:999px;padding:.3rem .6rem;font-family:"DM Mono",monospace;font-size:var(--c2);text-decoration:none;transition:background var(--t-resp) var(--curva)}
.pg-governanca .ano:hover{background:var(--creme)}
.pg-governanca .ano::after{content:"\2193"}
.pg-governanca .baixar{margin-top:auto;align-self:flex-start}
.pg-governanca .doc.lista .doc-lista{display:flex;flex-direction:column;gap:0;margin-top:var(--e2)}
.pg-governanca .doc-lista li{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);padding:.6rem 0;border-top:1px solid rgba(43,28,84,.18);font-size:var(--c2)}
.pg-governanca .doc-lista li:first-child{border-top:0}
.pg-governanca .doc-lista .ano{padding:.2rem .55rem}
.pg-governanca .arquivo-link{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid var(--roxo)}
.pg-governanca .conduz .pessoas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-governanca .pessoa{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-governanca .pessoa .nome{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-governanca .pessoa .cargo{font-size:var(--c2);color:#4a3d6b;margin-top:var(--e1)}
.pg-governanca .conduz .conselho{margin-top:var(--e6);font-size:var(--c1);max-width:60ch}
.pg-governanca .due .env{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e5) var(--e6);align-items:center}
.pg-governanca .due h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:18ch}
.pg-governanca .due .links{display:flex;flex-direction:column;gap:var(--e3)}
.pg-governanca .due .links a{font-size:var(--c1)}
@media (max-width:900px){
  .pg-governanca .cab-s, .pg-governanca .rod-cols, .pg-governanca .prova .num-grid, .pg-governanca .conduz .pessoas, .pg-governanca .due .env{grid-template-columns:1fr}
  .pg-governanca .docs{grid-template-columns:1fr}
  .pg-governanca .prova .num-grid{gap:var(--e5)}
}

/* ══ QUEM NOS FINANCIA ═══════════════════════════════════
   Vem de maquetes/quem-nos-financia.html. Tudo escopado em .pg-quem-nos-financia: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-quem-nos-financia .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2);font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-quem-nos-financia .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-quem-nos-financia .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-quem-nos-financia section{padding-block:var(--e7)}
.pg-quem-nos-financia section.escuro, .pg-quem-nos-financia section.creme, .pg-quem-nos-financia section.amarelo{padding-block:var(--e8)}
.pg-quem-nos-financia .amarelo :focus-visible{outline-color:var(--roxo)}
.pg-quem-nos-financia .cab-s h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:20ch}
.pg-quem-nos-financia .cab-s p{max-width:44ch}
.pg-quem-nos-financia .rod-id .logo-img{height:2.4rem;width:auto;margin-bottom:var(--e4)}
.pg-quem-nos-financia .fin-hero{padding-block:var(--e5) var(--e7)}
.pg-quem-nos-financia .fin-hero .et{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-quem-nos-financia .fin-hero h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:14ch;margin-bottom:var(--e4)}
.pg-quem-nos-financia .fin-hero .apoio{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em;max-width:40ch}
.pg-quem-nos-financia .comp .barra-fontes{display:flex;height:4rem;border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden;margin-bottom:var(--e5)}
.pg-quem-nos-financia .comp .barra-fontes > *{flex:1;position:relative;margin:0}
.pg-quem-nos-financia .comp .barra-fontes .s1{background:var(--roxo);flex:29.89}
.pg-quem-nos-financia .comp .barra-fontes .s2{background:var(--roxo-vib);flex:29.74}
.pg-quem-nos-financia .comp .barra-fontes .s3{background:var(--verde);flex:17.58}
.pg-quem-nos-financia .comp .barra-fontes .s4{background:var(--amarelo);flex:7.52}
.pg-quem-nos-financia .comp .barra-fontes .s5{background:var(--laranja);flex:7.49}
.pg-quem-nos-financia .comp .barra-fontes .s6{background:var(--rosa);flex:4.33}
.pg-quem-nos-financia .comp .barra-fontes .s7{background:var(--vermelho);flex:1.6}
.pg-quem-nos-financia .comp .barra-fontes .s8{background:color-mix(in srgb, var(--verde) 55%, var(--papel));flex:0.93}
.pg-quem-nos-financia .comp .barra-fontes .s9{background:color-mix(in srgb, var(--roxo) 40%, var(--papel));flex:0.92}
.pg-quem-nos-financia .comp .legenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e3) var(--e6)}
.pg-quem-nos-financia .fonte-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--e3); padding-block:var(--e3);border-top:1px solid rgba(43,28,84,.18)}
.pg-quem-nos-financia .fonte-item .sw{width:1.1rem;height:1.1rem;border-radius:3px;flex:none}
.pg-quem-nos-financia .fonte-item .sw.s1{background:var(--roxo)}
.pg-quem-nos-financia .fonte-item .sw.s2{background:var(--roxo-vib)}
.pg-quem-nos-financia .fonte-item .sw.s3{background:var(--verde)}
.pg-quem-nos-financia .fonte-item .sw.s4{background:var(--amarelo)}
.pg-quem-nos-financia .fonte-item .sw.s5{background:var(--laranja)}
.pg-quem-nos-financia .fonte-item .sw.s6{background:var(--rosa)}
.pg-quem-nos-financia .fonte-item .sw.s7{background:var(--vermelho)}
.pg-quem-nos-financia .fonte-item .sw.s8{background:color-mix(in srgb, var(--verde) 55%, var(--papel))}
.pg-quem-nos-financia .fonte-item .sw.s9{background:color-mix(in srgb, var(--roxo) 40%, var(--papel))}
.pg-quem-nos-financia .fonte-item .nome{font-size:var(--c1);font-weight:500;line-height:1.2}
.pg-quem-nos-financia .fonte-item .nome small{display:block;font-weight:400;font-size:var(--c2);color:#4a3d6b}
.pg-quem-nos-financia .pct{font-family:"DM Mono",monospace;font-size:var(--t2);font-weight:500;letter-spacing:.02em; color:var(--roxo-vib);border:1px dashed var(--roxo-vib);border-radius:var(--raio);padding:.1rem .5rem;white-space:nowrap}
.pg-quem-nos-financia .comp .cap{margin-top:var(--e5);font-size:var(--c2)}
.pg-quem-nos-financia .risco .env{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e5) var(--e6);align-items:center}
.pg-quem-nos-financia .risco .num-ph{font-size:var(--d1);font-weight:300;line-height:.95;letter-spacing:-.04em;color:var(--amarelo); border:2px dashed var(--amarelo);border-radius:var(--raio);padding:var(--e3) var(--e4);display:inline-block}
.pg-quem-nos-financia .risco .num-ph small{display:block;font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--creme);opacity:.85;margin-top:var(--e2)}
.pg-quem-nos-financia .risco h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:16ch;margin-bottom:var(--e4)}
.pg-quem-nos-financia .risco p{font-size:var(--c1);max-width:56ch}
.pg-quem-nos-financia .risco p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-quem-nos-financia .fecho .env{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5) var(--e6)}
.pg-quem-nos-financia .fecho .bloco h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3)}
.pg-quem-nos-financia .fecho .bloco p{font-size:var(--c1);max-width:44ch;margin-bottom:var(--e4)}
@media (max-width:900px){
  .pg-quem-nos-financia .cab-s, .pg-quem-nos-financia .rod-cols, .pg-quem-nos-financia .comp .legenda, .pg-quem-nos-financia .risco .env, .pg-quem-nos-financia .fecho .env{grid-template-columns:1fr}
}

/* ══ APOIE ═══════════════════════════════════
   Vem de maquetes/apoie.html. Tudo escopado em .pg-apoie: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-apoie fieldset{border:0;margin:0;padding:0}
.pg-apoie .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-apoie .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-apoie .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-apoie .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-apoie .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-apoie section{padding-block:var(--e7)}
.pg-apoie section.escuro, .pg-apoie section.creme, .pg-apoie section.amarelo{padding-block:var(--e8)}
.pg-apoie .amarelo :focus-visible{outline-color:var(--roxo)}
.pg-apoie .cab-s h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:20ch}
.pg-apoie .cab-s p{max-width:42ch}
.pg-apoie .bt-apoie.atual .bt-1{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-apoie .rod-id .logo-img{height:2.4rem;width:auto;margin-bottom:var(--e4)}
.pg-apoie .hero-foto{padding:0;position:relative}
.pg-apoie .hero-foto figure{margin:0;position:relative}
.pg-apoie .hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.pg-apoie .hero-foto .cred{position:absolute;right:var(--margem);top:var(--e4);z-index:2;background:rgba(43,28,84,.82); color:var(--papel);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em; text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}
.pg-apoie .hero-cartela{position:absolute;left:0;bottom:0;z-index:2;background:var(--amarelo);color:var(--roxo); padding:var(--e5) var(--e6);max-width:44rem}
.pg-apoie .hero-cartela .migalha{color:var(--roxo);margin-bottom:var(--e3)}
.pg-apoie .hero-cartela .migalha li::after{color:var(--roxo)}
.pg-apoie .hero-cartela .et{color:var(--roxo);display:block;margin-bottom:var(--e2)}
.pg-apoie .hero-cartela h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:12ch}
.pg-apoie .hero-cartela .apoio{font-size:var(--t2);font-weight:300;line-height:1.3;letter-spacing:-.01em;max-width:36ch;margin-top:var(--e3)}
.pg-apoie .manifesto-s{padding-block:var(--e8) var(--e7)}
.pg-apoie .manifesto{max-width:62ch}
.pg-apoie .manifesto .lead{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em}
.pg-apoie .manifesto p{font-size:var(--c1)}
.pg-apoie .manifesto p:not(.rotulo) + p{margin-top:var(--e4)}
.pg-apoie .manifesto a{color:var(--roxo-vib);font-weight:500;text-decoration:none;border-bottom:1px solid var(--roxo-vib)}
.pg-apoie .painel-a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);align-items:stretch}
.pg-apoie .cartao{border:1px solid var(--roxo);border-radius:var(--raio);background:var(--papel); padding:var(--e5);display:flex;flex-direction:column;gap:var(--e3)}
.pg-apoie .cartao .num{color:var(--verde)}
.pg-apoie .cartao h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-apoie .cartao .desc{font-size:var(--c2)}
.pg-apoie .cartao .acao{margin-top:auto;display:flex;flex-direction:column;gap:var(--e2);align-items:flex-start}
.pg-apoie .cartao .bt-1{min-height:3rem}
.pg-apoie .frase{border-left:2px solid var(--roxo-vib);padding-left:var(--e3);margin:var(--e2) 0}
.pg-apoie .frase b{display:block;font-size:var(--c1);font-weight:600;margin-bottom:var(--e1)}
.pg-apoie .frase span{font-size:var(--c2)}
.pg-apoie .quantias{display:flex;gap:var(--e2);flex-wrap:wrap}
.pg-apoie .quantia{position:relative;display:inline-flex;align-items:center;border:1px solid var(--roxo); border-radius:var(--raio);padding:.55rem .8rem;font-weight:500;font-variant-numeric:tabular-nums; font-size:var(--c2);white-space:nowrap;cursor:pointer; transition:background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-apoie .quantia input{position:absolute;opacity:0;width:0;height:0}
.pg-apoie .quantia:hover{background:#efe7db}
.pg-apoie .quantia.on, .pg-apoie .quantia:has(input:checked){background:var(--amarelo);border-color:var(--amarelo);color:var(--roxo)}
.pg-apoie .quantia:has(input:focus-visible){outline:3px solid var(--roxo-vib);outline-offset:2px}
.pg-apoie .outro{font-size:var(--c2)}
.pg-apoie .outro a{color:var(--roxo-vib);text-decoration:none;border-bottom:1px solid var(--roxo-vib)}
.pg-apoie .cartao.nfp{border-color:var(--amarelo);box-shadow:inset 0 0 0 1px var(--amarelo)}
.pg-apoie .tag-canal{align-self:flex-start;font-family:"DM Mono",monospace;font-size:var(--et);font-weight:500; letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px; border:1px solid var(--verde);color:var(--verde)}
.pg-apoie .tag-canal.custo{background:var(--amarelo);border-color:var(--amarelo);color:var(--roxo)}
.pg-apoie .cartao .lm-nota{font-size:var(--c2);color:#4a3d6b}
.pg-apoie .tr-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e5) var(--e6);align-items:center;margin-bottom:var(--e6)}
.pg-apoie .tr-head .et{color:var(--amarelo);display:block;margin-bottom:var(--e3)}
.pg-apoie .tr-head h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:18ch}
.pg-apoie .tr-head figure{margin:0;position:relative}
.pg-apoie .tr-head img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio)}
.pg-apoie .tr-head .cred{position:absolute;right:var(--e2);bottom:var(--e2);background:rgba(43,28,84,.82);color:var(--papel); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;padding:.25rem .55rem;border-radius:999px}
.pg-apoie .tr-corpo{max-width:62ch}
.pg-apoie .tr-corpo p{font-size:var(--c1)}
.pg-apoie .tr-corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-apoie .lm{margin-top:var(--e6);max-width:46rem}
.pg-apoie .lm label{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;text-transform:uppercase; color:var(--amarelo);display:block;margin-bottom:var(--e2)}
.pg-apoie .lm-linha{display:flex;gap:var(--e3);flex-wrap:wrap;align-items:center}
.pg-apoie .lm input{flex:1;min-width:15rem;min-height:3rem;background:transparent;border:0; border-bottom:1px solid var(--creme);color:var(--creme);font:inherit;font-size:var(--c1);padding:.4rem 0}
.pg-apoie .lm input::placeholder{color:#b9a888}
.pg-apoie .lm .bt-1{min-height:3rem}
.pg-apoie .outras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--gutter)}
.pg-apoie .outra{border-top:2px solid var(--roxo);padding-top:var(--e3)}
.pg-apoie .outra h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e2);max-width:20ch}
.pg-apoie .outra p{font-size:var(--c2)}
.pg-apoie .outra a{color:var(--roxo-vib);text-decoration:none;border-bottom:1px solid var(--roxo-vib)}
.pg-apoie .fecho .env{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6);align-items:center}
.pg-apoie .fecho h2{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:12ch}
.pg-apoie .fecho p{font-size:var(--c1);max-width:42ch;margin-top:var(--e4)}
.pg-apoie .fecho .lastro-linha{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em; text-transform:uppercase;margin-top:var(--e4);display:block}
.pg-apoie .fecho .bt-1{background:var(--roxo);color:var(--amarelo);min-height:3.25rem;font-size:var(--c1);margin-top:var(--e5)}
.pg-apoie .fecho .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-apoie .fecho figure{margin:0;position:relative}
.pg-apoie .fecho img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--raio)}
@media (max-width:900px){
  .pg-apoie .cab-s, .pg-apoie .rod-cols, .pg-apoie .tr-head, .pg-apoie .fecho .env{grid-template-columns:1fr}
  .pg-apoie .painel-a, .pg-apoie .outras{grid-template-columns:1fr}
  .pg-apoie .hero-foto img{aspect-ratio:3/4;max-height:78vh}
  .pg-apoie .hero-cartela{position:static;max-width:none;padding:var(--e5) var(--margem)}
  .pg-apoie .fecho figure{order:-1}
}

/* ══ DOAR SEM CUSTO ═══════════════════════════════════
   Vem de maquetes/apoie-nota-fiscal.html. Tudo escopado em .pg-doar-sem-custo: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-doar-sem-custo{--govbr:#1351b4}
.pg-doar-sem-custo .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-doar-sem-custo .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-doar-sem-custo .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-doar-sem-custo .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-doar-sem-custo .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-doar-sem-custo section{padding-block:var(--e7)}
.pg-doar-sem-custo .cab-s h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:20ch}
.pg-doar-sem-custo .cab-s p{max-width:42ch}
.pg-doar-sem-custo .bt-apoie.atual .bt-1{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-doar-sem-custo .rod-id .logo-img{height:2.4rem;width:auto;margin-bottom:var(--e4)}
.pg-doar-sem-custo .nfp-hero{padding-block:var(--e5) var(--e7)}
.pg-doar-sem-custo .nfp-hero .env{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6);align-items:start}
.pg-doar-sem-custo .nfp-hero .et{color:var(--verde);display:block;margin-bottom:var(--e3)}
.pg-doar-sem-custo .nfp-hero h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:12ch;margin-bottom:var(--e4)}
.pg-doar-sem-custo .nfp-hero .corpo p{font-size:var(--c1);max-width:52ch}
.pg-doar-sem-custo .nfp-hero .corpo p:not(.rotulo) + p{margin-top:var(--e3)}
.pg-doar-sem-custo .nfp-hero .selo{display:inline-flex;align-items:center;gap:.5rem;background:var(--amarelo);color:var(--roxo); font-family:"DM Mono",monospace;font-size:var(--et);font-weight:500;letter-spacing:.1em;text-transform:uppercase; padding:.3rem .7rem;border-radius:999px;margin-bottom:var(--e4)}
.pg-doar-sem-custo .acesso{background:var(--creme);border:1px solid var(--roxo);border-radius:var(--raio);padding:var(--e5); display:flex;flex-direction:column;gap:var(--e4)}
.pg-doar-sem-custo .acesso h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-doar-sem-custo .acesso .qr-linha{display:flex;gap:var(--e4);align-items:center}
.pg-doar-sem-custo .qr{background:#fff;border-radius:var(--raio);padding:var(--e3);width:9.5rem;flex:none;border:1px solid var(--roxo)}
.pg-doar-sem-custo .qr img, .pg-doar-sem-custo .qr svg{width:100%;height:auto;display:block}
.pg-doar-sem-custo .qr-linha .qr-txt{font-size:var(--c2)}
.pg-doar-sem-custo .qr-linha .qr-txt b{display:block;font-size:var(--c1)}
.pg-doar-sem-custo .govbr{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--govbr);color:#fff; min-height:3rem;padding:0 var(--e4);border-radius:1.6rem;font-weight:700;text-decoration:none;font-size:var(--c1); letter-spacing:.01em;align-self:flex-start}
.pg-doar-sem-custo .govbr:hover{filter:brightness(1.08)}
.pg-doar-sem-custo .govbr small{font-weight:400;font-size:var(--c2)}
.pg-doar-sem-custo .acesso .obs{font-size:var(--c2);color:#4a3d6b}
.pg-doar-sem-custo .cnpj{border:2px solid var(--amarelo);border-radius:var(--raio);padding:var(--e3) var(--e4);background:var(--papel)}
.pg-doar-sem-custo .cnpj .rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;text-transform:uppercase; color:var(--verde);display:block;margin-bottom:var(--e2)}
.pg-doar-sem-custo .cnpj .linha{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:center}
.pg-doar-sem-custo .cnpj .num{font-family:"DM Mono",monospace;font-size:var(--t2);font-weight:500;letter-spacing:.01em}
.pg-doar-sem-custo .cnpj .copiar{background:var(--roxo);color:var(--papel);border:0;border-radius:var(--raio);min-height:2.4rem; padding:0 var(--e3);font-size:var(--c2);font-weight:500;cursor:pointer}
.pg-doar-sem-custo .cnpj .copiar:hover{background:var(--roxo-vib)}
.pg-doar-sem-custo .cnpj .razao{font-size:var(--c2);margin-top:var(--e2)}
.pg-doar-sem-custo .cnpj .razao b{font-weight:600}
.pg-doar-sem-custo .nfp-passos{display:flex;flex-direction:column;gap:var(--e7)}
.pg-doar-sem-custo .nfp-passo{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--e4) var(--e5);align-items:start}
.pg-doar-sem-custo .nfp-passo .n{font-size:var(--d1);font-weight:300;line-height:.9;letter-spacing:-.04em;color:var(--roxo-vib); font-variant-numeric:tabular-nums}
.pg-doar-sem-custo .nfp-passo .p-rot{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em;text-transform:uppercase; color:var(--verde);display:block;margin-bottom:var(--e2)}
.pg-doar-sem-custo .nfp-passo h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-bottom:var(--e3);max-width:24ch}
.pg-doar-sem-custo .nfp-passo p{font-size:var(--c1);max-width:56ch}
.pg-doar-sem-custo .nfp-passo p .destaque{background:var(--amarelo);padding:.05em .35em;border-radius:var(--raio);font-family:"DM Mono",monospace; font-size:.95em;white-space:nowrap}
.pg-doar-sem-custo .nfp-passo .govbr-inline{display:inline-flex;align-items:center;background:var(--govbr);color:#fff;font-weight:700; padding:.15rem .6rem;border-radius:1rem;font-size:.9em}
.pg-doar-sem-custo .print-ph{margin-top:var(--e4);border:2px dashed var(--roxo-vib);border-radius:var(--raio);overflow:hidden;background:#fff}
.pg-doar-sem-custo .print-ph .barra-nav{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;background:#ece6dc;border-bottom:1px solid #d9cfbf}
.pg-doar-sem-custo .print-ph .barra-nav i{width:.7rem;height:.7rem;border-radius:50%;background:#c8bca8;display:block}
.pg-doar-sem-custo .print-ph .barra-nav span{margin-left:.6rem;font-family:"DM Mono",monospace;font-size:var(--et);color:#6b5f49; letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-doar-sem-custo .print-ph .area{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center; padding:var(--e4);font-family:"DM Mono",monospace;font-size:var(--c2);letter-spacing:.08em;text-transform:uppercase; color:var(--roxo-vib)}
.pg-doar-sem-custo .nfp-passo .print-img{margin-top:var(--e4);border:1px solid var(--roxo);border-radius:var(--raio);width:100%}
.pg-doar-sem-custo .brinde .env{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--e5) var(--e6);align-items:center}
.pg-doar-sem-custo .brinde h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:16ch}
.pg-doar-sem-custo .brinde p{font-size:var(--c1);max-width:44ch;margin-top:var(--e3)}
.pg-doar-sem-custo .brinde .zap{font-family:"DM Mono",monospace;font-size:var(--t2);font-weight:500;margin-top:var(--e3);display:block}
.pg-doar-sem-custo .brinde .bt-1{background:var(--roxo);color:var(--amarelo);min-height:3.25rem;font-size:var(--c1);margin-top:var(--e4)}
.pg-doar-sem-custo .brinde .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-doar-sem-custo .brinde .obs{font-size:var(--c2);margin-top:var(--e3)}
.pg-doar-sem-custo .volta{padding-block:var(--e6)}
.pg-doar-sem-custo .volta .env{display:flex;justify-content:center}
@media (max-width:900px){
  .pg-doar-sem-custo .nfp-hero .env, .pg-doar-sem-custo .cab-s, .pg-doar-sem-custo .rod-cols, .pg-doar-sem-custo .brinde .env{grid-template-columns:1fr}
  .pg-doar-sem-custo .nfp-passo{grid-template-columns:3rem minmax(0,1fr);gap:var(--e3) var(--e4)}
  .pg-doar-sem-custo .nfp-passo .n{font-size:var(--t1)}
}

/* ══ QUEM SOMOS ═══════════════════════════════════
   Vem de maquetes/quem-somos.html. Tudo escopado em .pg-quem-somos: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-quem-somos de baixo, .pg-quem-somos que vence por vir depois e diz a mesma coisa. O que o tema traz e a cópia não tem é o carrossel: `.tempo`, .pg-quem-somos `.marco` e a barra de controle viraram componente e saíram daqui. Sem este <link> a linha do tempo aparecia como uma coluna só. --> <link rel="stylesheet" href="../tema/elos/assets/css/elos.css"> <style> :root{--roxo:#2b1c54; --creme:#f2dcc2; --verde:#295629; --roxo-vib:#822bd9; --laranja:#ff7023; --amarelo:#ffb643; --rosa:#ff95ac; --vermelho:#f44b38; --papel:#f7f4ef; --d1:4.5rem; --t1:2.75rem; --t2:1.75rem; --c1:1.125rem; --c2:.9375rem; --et:.75rem; --lh-d:1.02; --lh-t:1.14; --lh-c:1.6; --e1:.25rem; --e2:.5rem; --e3:1rem; --e4:1.5rem; --e5:2rem; --e6:3rem; --e7:4.5rem; --e8:7rem; --e9:10rem; --gutter:1.5rem; --max:78rem; --margem:clamp(1.25rem,4.5vw,4rem); --raio:2px; --t-resp:120ms; --t-estado:200ms; --t-revel:320ms; --curva:cubic-bezier(.2,0,0,1);}
.pg-quem-somos .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem; padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2); font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-quem-somos .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-quem-somos .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-quem-somos .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-quem-somos .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-quem-somos .cab-s p{max-width:42ch}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
  .pg-quem-somos .revela{animation:sobe var(--t-revel) var(--curva) both; animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
.pg-quem-somos .hero{padding-block:var(--e7) var(--e7)}
.pg-quem-somos .hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--e6) var(--e6); align-items:center}
.pg-quem-somos .hero h1{max-width:14ch;margin-bottom:var(--e4)}
.pg-quem-somos .hero .def{max-width:44ch;font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;margin-bottom:var(--e5)}
.pg-quem-somos .cred-foto{position:absolute;right:var(--e3);bottom:var(--e2);z-index:2; font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;color:var(--papel)}
.pg-quem-somos .faixa{position:relative;margin-top:var(--e8);margin-bottom:0}
.pg-quem-somos .faixa img{width:100%;aspect-ratio:21/9;object-fit:cover}
.pg-quem-somos section{padding-block:var(--e7)}
.pg-quem-somos section.escuro, .pg-quem-somos section.creme, .pg-quem-somos section.cafe{padding-block:var(--e8)}
.pg-quem-somos .risca{margin-bottom:var(--e5)}
.pg-quem-somos .cab-s{margin-bottom:var(--e5);align-items:end}
.pg-quem-somos .abre{padding-block:var(--e8) var(--e7)}
.pg-quem-somos .abre-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--e6);align-items:center}
.pg-quem-somos .abre h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em; max-width:16ch;margin-bottom:var(--e5)}
.pg-quem-somos .abre .apoio{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em;max-width:46ch}
.pg-quem-somos .abre figure{margin:0;position:relative}
.pg-quem-somos .abre img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--raio)}
.pg-quem-somos .lastro{margin-top:var(--e6);padding-top:var(--e3);border-top:1px solid var(--roxo); display:flex;flex-wrap:wrap;gap:var(--e2) var(--e5);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde)}
.pg-quem-somos .tese .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e4) var(--e6)}
.pg-quem-somos .tese h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:14ch}
.pg-quem-somos .tese p{font-size:var(--c1);max-width:58ch}
.pg-quem-somos .tese p:not(.rotulo) + p{margin-top:var(--e4)}
.pg-quem-somos .tese .forte{font-size:var(--t2);font-weight:300;line-height:1.35;letter-spacing:-.01em}
.pg-quem-somos .tese .ponte{margin-top:var(--e5)}
.pg-quem-somos .marco img{aspect-ratio:3/2}
.pg-quem-somos .marco .indice{font-family:"DM Mono",monospace;font-size:var(--t2);font-weight:500; letter-spacing:.02em;color:var(--verde);font-variant-numeric:tabular-nums}
.pg-quem-somos .marco h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-quem-somos .marco p{font-size:var(--c2)}
.pg-quem-somos .emprestada{position:absolute;left:0;top:0;background:var(--roxo);color:var(--amarelo); font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;padding:.25rem .6rem}
.pg-quem-somos .fecho-tempo{margin-top:var(--e6);font-size:var(--t2);font-weight:300;line-height:1.35; letter-spacing:-.01em;max-width:34ch}
.pg-quem-somos .premios{border-top:1px solid var(--creme)}
.pg-quem-somos .premio{display:grid;grid-template-columns:8rem minmax(0,10fr);gap:var(--e3) var(--e5); border-bottom:1px solid var(--creme);padding-block:var(--e5);align-items:center}
.pg-quem-somos .premio .logo{width:8rem;height:4rem;display:flex;align-items:center;justify-content:center; border:1px dashed var(--creme);border-radius:var(--raio);overflow:hidden}
.pg-quem-somos .premio .logo img{max-width:100%;max-height:100%;object-fit:contain}
.pg-quem-somos .premio .logo .vazio{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em; color:var(--creme);opacity:.6;text-align:center;padding:.2rem}
.pg-quem-somos .premio p{font-size:var(--c1);max-width:58ch}
.pg-quem-somos .premio .detalhe{display:block;margin-top:var(--e2);font-family:"DM Mono",monospace; font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--amarelo); font-variant-numeric:tabular-nums}
.pg-quem-somos .conduz + .conduz{margin-top:var(--e6)}
.pg-quem-somos .conduz h3{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em; text-transform:uppercase;color:var(--verde);margin-bottom:var(--e4)}
.pg-quem-somos .pessoas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gutter)}
.pg-quem-somos .pessoa{display:flex;flex-direction:column;gap:var(--e2)}
.pg-quem-somos .pessoa .retrato{width:100%;aspect-ratio:1/1;background:var(--creme);border-radius:var(--raio); overflow:hidden;display:flex;align-items:center;justify-content:center}
.pg-quem-somos .pessoa .retrato, .pg-quem-somos .premio .logo, .pg-quem-somos .financia .marca-vaga{margin:0}
.pg-quem-somos .pessoa .retrato img{width:100%;height:100%;object-fit:cover}
.pg-quem-somos .pessoa .retrato .vazio{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em; color:var(--roxo);opacity:.45;text-align:center;padding:.3rem}
.pg-quem-somos .pessoa.vaga .retrato{background:transparent;border:1px dashed var(--roxo)}
.pg-quem-somos .pessoa b{font-size:var(--c2);font-weight:600;line-height:1.25}
.pg-quem-somos .pessoa span{font-size:var(--et);font-family:"DM Mono",monospace;letter-spacing:.06em;color:var(--verde)}
.pg-quem-somos .pessoa.vaga b, .pg-quem-somos .pessoa.vaga span{color:var(--roxo);opacity:.5}
.pg-quem-somos .financia{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gutter)}
.pg-quem-somos .financia .marca-vaga{height:4.5rem;border:1px dashed var(--roxo);border-radius:var(--raio); display:flex;align-items:center;justify-content:center;overflow:hidden}
.pg-quem-somos .financia .marca-vaga img{max-width:78%;max-height:70%;object-fit:contain}
.pg-quem-somos .financia .marca-vaga .vazio{font-family:"DM Mono",monospace;font-size:var(--et); letter-spacing:.06em;color:var(--roxo);opacity:.45;text-align:center;padding:.3rem}
.pg-quem-somos .financia-nota{margin-top:var(--e4);font-size:var(--c2);max-width:60ch}
.pg-quem-somos .contas{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e4) var(--e6)}
.pg-quem-somos .contas h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:14ch}
.pg-quem-somos .contas p{font-size:var(--c1);max-width:58ch}
.pg-quem-somos .contas p:not(.rotulo) + p{margin-top:var(--e4)}
.pg-quem-somos .contas .seta{margin-top:var(--e5)}
.pg-quem-somos .cafe{background:var(--laranja);color:var(--roxo)}
.pg-quem-somos .cafe .env{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--e5) var(--e6);align-items:center}
.pg-quem-somos .cafe h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);max-width:16ch}
.pg-quem-somos .cafe p{font-size:var(--c1);max-width:52ch;margin-bottom:var(--e4)}
.pg-quem-somos .cafe .bt-1{background:var(--roxo);color:var(--laranja);min-height:3.25rem;font-size:var(--c1)}
.pg-quem-somos .cafe .bt-1:hover{box-shadow:inset 0 0 0 2px var(--laranja)}
@media (max-width:900px){
  .pg-quem-somos .cab-s, .pg-quem-somos .rod-cols, .pg-quem-somos .abre-grid, .pg-quem-somos .tese .env, .pg-quem-somos .contas, .pg-quem-somos .cafe .env{grid-template-columns:1fr}
  .pg-quem-somos .premio{grid-template-columns:1fr}
  .pg-quem-somos .pessoas, .pg-quem-somos .financia{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-quem-somos .abre img{aspect-ratio:3/2}
}
@media (max-width:720px){
  .pg-quem-somos .pessoas, .pg-quem-somos .financia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-quem-somos .premio{grid-template-columns:1fr}
  .pg-quem-somos .marco{flex-basis:88%}
}

/* ══ CASO ═══════════════════════════════════
   Vem de maquetes/caso.html. Tudo escopado em .pg-caso: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-caso .t1{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:22ch}
.pg-caso .seta{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-size:var(--c2);font-weight:500;text-decoration:none;color:var(--roxo-vib)}
.pg-caso .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 var(--e4); border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2);font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap; transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-caso .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-caso .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-caso .bt-2{background:transparent;color:var(--roxo);box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-caso .bt-2:hover{background:var(--roxo);color:var(--papel)}
.pg-caso section{padding-block:var(--e7)}
.pg-caso .mig{border-bottom:1px solid rgba(43,28,84,.15)}
.pg-caso .mig .linha-voltar{margin:0}
.pg-caso .mig .env{display:flex;gap:var(--e4);align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:var(--e3)}
.pg-caso .mig .cami{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:#6a5d88}
.pg-caso .caso-cab{padding-block:var(--e7) var(--e5)}
.pg-caso .tags{display:flex;flex-wrap:wrap;gap:var(--e2);margin-bottom:var(--e4)}
.pg-caso .tag{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border:1px solid var(--roxo);border-radius:999px;line-height:1}
.pg-caso .tag.b{background:var(--verde);color:var(--papel);border-color:var(--verde)}
.pg-caso .contexto{margin-top:var(--e4);max-width:56ch;color:#4a3d6b}
.pg-caso .tempo{--marco-w:min(32rem,88%)}
.pg-caso .marco .indice{font-size:var(--c1);font-weight:500;letter-spacing:.02em}
.pg-caso .marco img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio);background:#e6ddd0}
.pg-caso .marco p{font-size:var(--c1);line-height:1.4;max-width:36ch}
.pg-caso .emprestada{position:absolute;left:0;bottom:0;background:var(--roxo);color:var(--amarelo);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;padding:.35rem .6rem;max-width:100%}
.pg-caso .foto-pend{width:100%;aspect-ratio:3/2;border:1px dashed rgba(43,28,84,.4);border-radius:var(--raio); display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--e4); font-family:"DM Mono",monospace;font-size:var(--c2);color:#8a7da8;background:rgba(43,28,84,.03)}
.pg-caso .reservado{font-size:var(--c1);color:#8a7da8;border:1px dashed rgba(43,28,84,.3);border-radius:var(--raio);padding:var(--e5)}
.pg-caso .numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--e5) var(--gutter); border-top:1px solid rgba(43,28,84,.15);border-bottom:1px solid rgba(43,28,84,.15);padding-block:var(--e6)}
.pg-caso .numero .val{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--roxo);font-family:"Host Grotesk",sans-serif}
.pg-caso .numero .rot{display:block;margin-top:var(--e2);font-size:var(--c2);color:#4a3d6b;max-width:24ch;line-height:1.35}
.pg-caso .numero .fonte{display:block;margin-top:var(--e2);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;color:#8a7da8}
.pg-caso .fecho-caso{margin-top:var(--e7);display:grid;grid-template-columns:1fr 1fr;gap:var(--e4) var(--e6);max-width:64rem}
@media(max-width:720px){
  .pg-caso .fecho-caso{grid-template-columns:1fr}
}
.pg-caso .fecho-caso p{font-size:var(--c1);line-height:1.45}
.pg-caso .fecho-caso .rot{display:block;font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;text-transform:uppercase;color:var(--verde);margin-bottom:var(--e2)}
.pg-caso .materia{max-width:40rem;margin-inline:auto}
.pg-caso .materia p{font-size:var(--c1);line-height:var(--lh-c);margin-bottom:var(--e4)}
.pg-caso .materia p:first-of-type::first-letter{font-size:3.1rem;line-height:.86;font-weight:300;float:left;margin:.2rem .6rem 0 0;color:var(--roxo)}
.pg-caso .destaque{margin:var(--e6) 0;padding-left:var(--e4);border-left:3px solid var(--laranja); font-size:var(--t2);font-weight:300;line-height:1.28;letter-spacing:-.012em;color:var(--roxo);max-width:34ch}
.pg-caso .bloco-tit{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin-bottom:var(--e5)}
.pg-caso .deps{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--gutter)}
.pg-caso .dep{display:flex;flex-direction:column;gap:var(--e3);border:1px solid rgba(43,28,84,.18);border-radius:var(--raio);padding:var(--e5);background:var(--papel)}
.pg-caso .dep .retrato{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio);background:#e6ddd0}
.pg-caso .dep blockquote{font-size:var(--c1);line-height:1.45;font-weight:300}
.pg-caso .dep blockquote::before{content:"\201C"}
.pg-caso .dep blockquote::after{content:"\201D"}
.pg-caso .dep .quem{margin-top:auto}
.pg-caso .dep .quem b{display:block;font-weight:500}
.pg-caso .dep .quem span{font-size:var(--c2);color:#6a5d88}
.pg-caso .dep.pend{border-style:dashed;background:transparent}
.pg-caso .dep.pend .ph{width:100%;aspect-ratio:1/1;border:1px dashed rgba(43,28,84,.35);border-radius:var(--raio);display:flex;align-items:center;justify-content:center;color:#8a7da8}
.pg-caso .dep.pend .aviso{font-size:var(--c2);color:#8a7da8;line-height:1.4}
.pg-caso .item-midia{border-top:1px solid rgba(43,28,84,.18);display:flex;gap:var(--e4); align-items:center;padding-block:var(--e4);flex-wrap:wrap}
.pg-caso .item-midia:last-child{border-bottom:1px solid rgba(43,28,84,.18)}
.pg-caso .midia .thumb-mold{margin:0;flex:none}
.pg-caso .midia .corpo{display:flex;flex-direction:column;gap:.35rem}
.pg-caso .midia .tit a{text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem}
.pg-caso .midia .tit a:hover{text-decoration:underline;text-underline-offset:.2em}
.pg-caso .midia .thumb{width:9rem;aspect-ratio:16/10;object-fit:cover;border-radius:var(--raio);flex:none;border:1px solid rgba(43,28,84,.18)}
.pg-caso .midia .corpo{display:flex;flex-direction:column;gap:.35rem}
.pg-caso .midia .tit{font-size:var(--c1)}
.pg-caso .midia .veic{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;color:#6a5d88}
.pg-caso .prox-caso{background:var(--roxo);color:var(--creme)}
.pg-caso .prox-caso .env{display:flex;gap:var(--e5);align-items:center;justify-content:space-between;flex-wrap:wrap}
.pg-caso .prox-caso .et{color:var(--amarelo);display:block;margin-bottom:var(--e2)}
.pg-caso .prox-caso h2{font-size:var(--t1);font-weight:300;line-height:var(--lh-t);letter-spacing:-.02em;max-width:20ch}
.pg-caso .prox-caso .bt-1{background:var(--amarelo)}
.pg-caso .apoio{background:var(--creme)}
.pg-caso .apoio .env{display:flex;gap:var(--e5);align-items:center;justify-content:space-between;flex-wrap:wrap}
.pg-caso .apoio h2{font-size:var(--t2);font-weight:500;max-width:28ch}
@media(max-width:720px){
  .pg-caso .rod-cols{grid-template-columns:1fr}
}

/* ══ IMPACTO ═══════════════════════════════════
   Vem de maquetes/impacto.html. Tudo escopado em .pg-impacto: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-impacto .seta{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-size:var(--c2);font-weight:500;text-decoration:none;color:var(--roxo-vib)}
.pg-impacto .bt{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 var(--e4);border:0;border-radius:var(--raio);font:inherit;font-size:var(--c2);font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:box-shadow var(--t-resp) var(--curva),background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.pg-impacto .bt-1{background:var(--laranja);color:var(--roxo)}
.pg-impacto .bt-1:hover{box-shadow:inset 0 0 0 2px var(--roxo)}
.pg-impacto .bt-2{background:transparent;color:var(--creme);box-shadow:inset 0 0 0 2px var(--creme)}
.pg-impacto .bt-2:hover{background:var(--creme);color:var(--roxo)}
.pg-impacto .cab-s{margin-bottom:var(--e6);max-width:64rem}
.pg-impacto .cab-s h2{font-size:var(--t1);font-weight:300;letter-spacing:-.02em}
.pg-impacto .cab-s p{max-width:52ch;margin-top:var(--e3);color:#4a3d6b}
.pg-impacto .escuro .cab-s p{color:#e7d6bf}
.pg-impacto .hero{background:var(--roxo);color:var(--creme);padding-block:var(--e8)}
.pg-impacto .hero .et{color:var(--amarelo);display:block;margin-bottom:var(--e4)}
.pg-impacto .hero h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:16ch}
.pg-impacto .hero p{max-width:56ch;margin-top:var(--e5);color:#e7d6bf;font-size:var(--c1)}
.pg-impacto .mecanismo{border-top:2px solid var(--verde)}
.pg-impacto .disc{display:grid;grid-template-columns:3.5rem minmax(0,4fr) minmax(0,8fr); align-items:baseline;gap:var(--e3) var(--e4); border-bottom:1px solid rgba(43,28,84,.18);padding-block:var(--e4)}
.pg-impacto .disc .n{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.14em;color:var(--verde)}
.pg-impacto .disc h3{font-size:var(--t2);font-weight:500;letter-spacing:.01em;text-transform:uppercase}
.pg-impacto .disc p{font-size:var(--c2);color:#4a3d6b;max-width:52ch}
@media(max-width:720px){
  .pg-impacto .disc{grid-template-columns:3.5rem minmax(0,1fr)}
  .pg-impacto .disc p{grid-column:2}
}
.pg-impacto .mec-fecho{margin-top:var(--e7);font-size:var(--t2);font-weight:300;line-height:1.3;letter-spacing:-.01em;max-width:44ch;color:var(--roxo)}
.pg-impacto .numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--e5) var(--gutter)}
.pg-impacto .numero .val{font-size:clamp(2rem,4.2vw,2.75rem);font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--roxo)}
.pg-impacto .escuro .numero .val{color:var(--amarelo)}
.pg-impacto .numero .rot{display:block;margin-top:var(--e2);font-size:var(--c2);color:#4a3d6b;max-width:22ch;line-height:1.35}
.pg-impacto .escuro .numero .rot{color:#e7d6bf}
.pg-impacto .aviso{margin-top:var(--e5);font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.06em;color:#7a6d98}
.pg-impacto .escuro .aviso{color:#b7a7cf}
.pg-impacto .frente-cab{margin-bottom:var(--e6)}
.pg-impacto .frente-cab .kick{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.12em;text-transform:uppercase;color:var(--verde)}
.pg-impacto .frente-cab h2{font-size:var(--t1);font-weight:300;letter-spacing:-.02em;margin-top:var(--e2)}
.pg-impacto .frente-cab .desc{max-width:56ch;color:#4a3d6b;margin-top:var(--e3)}
.pg-impacto .destaque-linha{border-top:6px solid var(--verde)}
.pg-impacto .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}
@media(max-width:900px){
  .pg-impacto .grade{grid-template-columns:1fr}
}
.pg-impacto .grade.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){
  .pg-impacto .grade.g2{grid-template-columns:1fr}
}
.pg-impacto .card{position:relative;display:flex;flex-direction:column;border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden;background:var(--papel);text-decoration:none;transition:box-shadow var(--t-resp) var(--curva),transform var(--t-resp) var(--curva)}
.pg-impacto .card:hover{box-shadow:0 12px 30px rgba(43,28,84,.14);transform:translateY(-2px)}
.pg-impacto .card .foto{aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--roxo);background:#e6ddd0}
.pg-impacto .card .foto img{width:100%;height:100%;object-fit:cover}
.pg-impacto .card .foto .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"DM Mono",monospace;font-size:var(--et);color:#8a7da8}
.pg-impacto .card .txt{padding:var(--e5);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-impacto .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-impacto .tag{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border:1px solid var(--roxo);border-radius:999px;line-height:1}
.pg-impacto .tag.b{background:var(--verde);color:var(--papel);border-color:var(--verde)}
.pg-impacto .card h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-impacto .card .ctx{font-size:var(--c2);color:#4a3d6b}
.pg-impacto .card .foto{margin:0}
.pg-impacto .bandeira .foto{margin:0}
.pg-impacto .linha-ler{margin-top:auto}
.pg-impacto .card .ler, .pg-impacto .bandeira .ler{text-decoration:none;color:var(--roxo-vib);font-weight:500;font-size:var(--c2); display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem}
.pg-impacto .card .ler::before, .pg-impacto .bandeira .ler::before{content:"";position:absolute;inset:0}
.pg-impacto .card:hover .ler, .pg-impacto .bandeira:hover .ler{text-decoration:underline;text-underline-offset:.2em}
.pg-impacto .card .ler::after{content:"\2192";transition:transform var(--t-resp) var(--curva)}
.pg-impacto .card:hover .ler::after{transform:translateX(.25rem)}
.pg-impacto .bandeira{position:relative;display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden;text-decoration:none;background:var(--papel);margin-bottom:var(--gutter);transition:box-shadow var(--t-resp) var(--curva)}
.pg-impacto .bandeira:hover{box-shadow:0 16px 40px rgba(43,28,84,.16)}
@media(max-width:820px){
  .pg-impacto .bandeira{grid-template-columns:1fr}
}
.pg-impacto .bandeira .foto{overflow:hidden;background:#e6ddd0;height:100%;min-height:16rem}
.pg-impacto .bandeira .foto img{width:100%;height:100%;object-fit:cover}
.pg-impacto .bandeira .txt{padding:var(--e5);display:flex;flex-direction:column;gap:var(--e3);justify-content:center}
.pg-impacto .bandeira h3{font-size:var(--t2);font-weight:400;line-height:var(--lh-t);letter-spacing:-.015em}
.pg-impacto .bandeira .ctx{color:#4a3d6b}
.pg-impacto .bandeira .mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3)}
.pg-impacto .bandeira .mini b{display:block;font-size:var(--c1);font-weight:500}
.pg-impacto .bandeira .mini span{display:block;margin-top:var(--e1);font-size:var(--et); font-family:"DM Mono",monospace;letter-spacing:.04em;line-height:1.3;color:#7a6d98}
.pg-impacto .aval{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--e7);align-items:start}
@media(max-width:820px){
  .pg-impacto .aval{grid-template-columns:1fr;gap:var(--e6)}
}
.pg-impacto .aval .lead{font-size:var(--t2);font-weight:300;line-height:1.3;letter-spacing:-.01em}
.pg-impacto .aval .corpo{color:#4a3d6b;margin-top:var(--e4)}
.pg-impacto .aval .box{border:1px dashed rgba(43,28,84,.3);border-radius:var(--raio);padding:var(--e5);color:#6a5d88;font-size:var(--c2)}
.pg-impacto .selo{border-top:1px solid rgba(43,28,84,.18);padding-top:var(--e3)}
.pg-impacto .selo b{display:block;font-weight:500}
.pg-impacto .selo span{font-size:var(--c2);color:#6a5d88}
.pg-impacto .redes{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}
@media(max-width:720px){
  .pg-impacto .redes{grid-template-columns:1fr}
}
.pg-impacto .rede{border:1px solid var(--roxo);border-radius:var(--raio);padding:var(--e6);display:flex;flex-direction:column;gap:var(--e3)}
.pg-impacto .rede h3{font-size:var(--t2);font-weight:500}
.pg-impacto .rede p{color:#4a3d6b;font-size:var(--c2)}
.pg-impacto .rede .porta{margin-top:var(--e3);font-weight:500;color:var(--roxo-vib)}
.pg-impacto .rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}
@media(max-width:900px){
  .pg-impacto .rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .pg-impacto .rel-grid{grid-template-columns:1fr}
}
.pg-impacto .rel{border:1px solid var(--roxo);border-radius:var(--raio);padding:var(--e5);text-decoration:none;display:flex;flex-direction:column;gap:var(--e2);min-height:9rem;transition:background var(--t-resp) var(--curva)}
.pg-impacto .rel:hover{background:var(--creme)}
.pg-impacto .rel .ano{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.1em;color:var(--verde)}
.pg-impacto .rel b{font-size:var(--c1);font-weight:500}
.pg-impacto .rel .baixar{margin-top:auto;font-size:var(--c2);color:var(--roxo-vib)}
.pg-impacto .fecho h2{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.03em;max-width:18ch}
.pg-impacto .fecho p{max-width:52ch;margin-top:var(--e5);color:#e7d6bf}
.pg-impacto .fecho .acoes{display:flex;gap:var(--e3);flex-wrap:wrap;margin-top:var(--e6)}
@media(max-width:720px){
  .pg-impacto .rod-cols{grid-template-columns:1fr}
}

/* ══ CASOS DE SUCESSO ═══════════════════════════════════
   Vem de maquetes/casos-index.html. Tudo escopado em .pg-casos: nada
   daqui alcança as outras páginas.
   ══════════════════════════════════════════════ */
.pg-casos .pagina-cab{background:var(--roxo);color:var(--creme);padding-block:var(--e7) var(--e6)}
.pg-casos .pagina-cab .et{color:var(--amarelo);display:block;margin-bottom:var(--e3)}
.pg-casos .pagina-cab h1{font-size:var(--d1);font-weight:300;line-height:var(--lh-d);letter-spacing:-.035em;max-width:20ch}
.pg-casos .pagina-cab p{max-width:52ch;margin-top:var(--e4);color:#e7d6bf}
.pg-casos .nota{font-size:var(--c2);color:#cbb89e;margin-top:var(--e4)}
.pg-casos .pagina-cab + section{padding-block:var(--e8)}
.pg-casos .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}
@media(max-width:900px){
  .pg-casos .grade{grid-template-columns:1fr}
}
.pg-casos .card{position:relative;display:flex;flex-direction:column;border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden;background:var(--papel);text-decoration:none;transition:box-shadow var(--t-resp) var(--curva),transform var(--t-resp) var(--curva)}
.pg-casos .card:hover{box-shadow:0 12px 30px rgba(43,28,84,.14);transform:translateY(-2px)}
.pg-casos .card .foto{aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--roxo);background:#e6ddd0}
.pg-casos .card .foto img{width:100%;height:100%;object-fit:cover}
.pg-casos .card .foto .foto-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"DM Mono",monospace;font-size:var(--et);color:#8a7da8}
.pg-casos .card .txt{padding:var(--e5);display:flex;flex-direction:column;gap:var(--e3);flex:1}
.pg-casos .tags{display:flex;flex-wrap:wrap;gap:var(--e2)}
.pg-casos .tag{font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border:1px solid var(--roxo);border-radius:999px;line-height:1}
.pg-casos .tag.b{background:var(--verde);color:var(--papel);border-color:var(--verde)}
.pg-casos .card h3{font-size:var(--t2);font-weight:500;line-height:var(--lh-t)}
.pg-casos .card .ctx{font-size:var(--c2);color:#4a3d6b}
.pg-casos .card .foto{margin:0}
.pg-casos .linha-ler{margin-top:auto}
.pg-casos .card .ler{text-decoration:none;color:var(--roxo-vib);font-weight:500;font-size:var(--c2); display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem}
.pg-casos .card .ler::before{content:"";position:absolute;inset:0}
.pg-casos .card:hover .ler{text-decoration:underline;text-underline-offset:.2em}
.pg-casos .card .ler::after{content:"\2192";transition:transform var(--t-resp) var(--curva)}
.pg-casos .card:hover .ler::after{transform:translateX(.25rem)}
@media(max-width:720px){
  .pg-casos .rod-cols{grid-template-columns:1fr}
}

/* ── T8, Post ──────────────────────────────────────────────
   Primeiro template do site para prosa contínua (os 627 posts
   do blog). Até aqui nenhuma página tinha texto corrido de
   tamanho livre, só blocos desenhados; por isso as regras de
   tipografia de corpo abaixo são novas, não repetição. */
.post{padding-block:var(--e7) var(--e8)}
.post-cab > * + *{margin-top:var(--e3)}
.post-cab .t1{margin-top:var(--e2)}

.post-meta{gap:var(--e3);font-size:var(--c2);color:var(--roxo);opacity:.7}
.post-meta > *{margin:0}
.post-meta > * + *{position:relative;padding-left:var(--e3)}
.post-meta > * + *::before{content:"·";position:absolute;left:0}

.post-foto{aspect-ratio:21/9;margin-top:var(--e6);margin-bottom:0}
.post-foto img{width:100%;height:100%;object-fit:cover;border-radius:var(--raio)}

/* Medida de leitura: 70ch é a régua do corpo, não do .env (78rem),
   que é largo demais para parágrafo corrido. */
.post-corpo{max-width:70ch;margin-top:var(--e6)}
.post-corpo > * + *{margin-top:var(--e4)}
.post-corpo p{font-size:var(--c1);line-height:var(--lh-c)}
.post-corpo h2{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);margin-top:var(--e6)}
.post-corpo h3{font-size:var(--c1);font-weight:600;line-height:var(--lh-t);margin-top:var(--e5)}
.post-corpo a{color:var(--roxo-vib);text-decoration:underline;text-underline-offset:.15em}
.post-corpo ul,.post-corpo ol{padding-left:1.25em}
.post-corpo ul{list-style:disc}
.post-corpo ol{list-style:decimal}
.post-corpo li + li{margin-top:var(--e2)}
.post-corpo img{border-radius:var(--raio)}
.post-corpo figcaption{font-size:var(--c2);color:var(--roxo);opacity:.7;margin-top:var(--e2)}
.post-corpo blockquote{border-left:2px solid var(--roxo-vib);padding-left:var(--e4);
  font-size:var(--t2);font-weight:300;line-height:1.3;letter-spacing:-.01em}
.post-corpo blockquote cite{display:block;margin-top:var(--e3);font-size:var(--c2);
  font-style:normal;font-weight:500}

/* "Veja outros posts sobre": o bloco Termos do Post de novo, agora como
   convite de saída, no mesmo visual do link .seta usado no resto do
   site, sem depender da classe .seta (o bloco embrulha o link num
   invólucro próprio, não dá pra pôr a classe direto na tag <a>). */
.linha-cats{margin-top:var(--e6);font-size:var(--c2)}
.linha-cats a{color:var(--roxo-vib);text-decoration:none;font-weight:500}
.linha-cats a:hover{text-decoration:underline}
.linha-cats a::after{content:"\2192";margin-left:.45rem}

/* ── T9, Arquivo do blog ───────────────────────────────────
   Serve /blog/ (home.html) e categoria, etiqueta, data e autor
   (archive.html), os dois pela mesma parte arquivo-blog. */
.blog-cab{padding-block:var(--e7) var(--e5)}
.blog-cab .et{display:block;margin-bottom:var(--e3)}
.blog-cab .d1{max-width:18ch}
.blog-cab .blog-intro{max-width:52ch;margin-top:var(--e4)}
.blog-cab .blog-intro:empty{display:none}

.blog-lista{padding-block:var(--e5) var(--e8)}

/* Filtro por tema: a taxonomia à vista, sempre. */
.filtro{gap:var(--e2);align-items:center;margin-bottom:var(--e6)}
.filtro > *{margin:0}
/* O rótulo é o título do filtro: sozinho na primeira linha, em peso, antes dos botões. */
.filtro .filtro-rot{flex-basis:100%;margin:0 0 var(--e2);color:var(--roxo);
  font-family:inherit;font-size:var(--c1);font-weight:600;letter-spacing:0;text-transform:none}
.filtro .wp-block-categories{display:contents}
.filtro .wp-block-categories li{display:inline-flex}
.filtro a{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .8rem;
  border:1px solid var(--roxo);border-radius:999px;text-decoration:none;
  font-family:"DM Mono",monospace;font-size:var(--et);letter-spacing:.08em;text-transform:uppercase;
  transition:background var(--t-resp) var(--curva),color var(--t-resp) var(--curva)}
.filtro a:hover,.filtro .current-cat a{background:var(--roxo);color:var(--papel)}
.filtro .filtro-todos{display:inline-flex}

.lista-posts .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--gutter);margin:0;padding:0;list-style:none}
.lista-posts .wp-block-post{margin:0}
.post-card{position:relative;display:flex;flex-direction:column;height:100%;
  border:1px solid var(--roxo);border-radius:var(--raio);overflow:hidden;background:var(--papel);
  transition:box-shadow var(--t-resp) var(--curva),transform var(--t-resp) var(--curva)}
.post-card:hover{box-shadow:0 12px 30px rgba(43,28,84,.14);transform:translateY(-2px)}
.post-card .card-foto{margin:0;border-bottom:1px solid var(--roxo)}
.post-card .card-foto img{width:100%;display:block}
.card-txt{display:flex;flex-direction:column;gap:var(--e2);padding:var(--e4);flex:1}
.card-txt > *{margin:0}
.card-txt .et{color:var(--verde)}
.card-titulo{font-size:var(--t2);font-weight:500;line-height:var(--lh-t);letter-spacing:-.012em}
.card-titulo a{text-decoration:none}
.card-titulo a::after{content:"";position:absolute;inset:0}
.card-data{font-size:var(--c2);opacity:.7}
.card-resumo{font-size:var(--c2);margin-top:var(--e2)}
.card-resumo p{margin:0}

.paginacao{margin-top:var(--e7);gap:var(--e3);font-family:"DM Mono",monospace;
  font-size:var(--et);letter-spacing:.08em;text-transform:uppercase}
.paginacao a{text-decoration:none;min-height:1.5rem;display:inline-flex;align-items:center}
.paginacao a:hover{text-decoration:underline}
.paginacao .page-numbers{padding:.2rem .6rem;border-radius:var(--raio)}
.paginacao .page-numbers.current{background:var(--roxo);color:var(--papel)}

/* CtaApoiar (padrão elos/cta-apoiar), usado no fecho do post e do arquivo. */
.cta-apoiar{margin-bottom:0}
.cta-apoiar > * + *{margin-top:var(--e4)}
.cta-apoiar .linha-bt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e4);margin-top:var(--e5)}

@media (max-width:960px){
  .lista-posts .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .lista-posts .wp-block-post-template{grid-template-columns:1fr}
}

/* Rodapé: o Blog tem coluna própria, em painel, com os temas à vista. */
.rod-blog{border:1px solid var(--amarelo);border-radius:var(--raio);padding:var(--e4)}
.rod-blog > * + *{margin-top:var(--e3)}
.rod-blog h3{margin-bottom:0}
.rod-blog .wp-block-categories{margin:0;padding:0;list-style:none}
.rod-blog .linha-seta{display:block}
.rod-blog .seta{color:var(--amarelo)}