:root{
  /* cores tiradas do retrato e do cartão */
  --c-papel:#e9eaf3;
  --c-papel-claro:#f4f4f9;
  --c-lavanda:#bdc2da;
  --c-grafite:#5d6d7c;
  --c-indigo:#282b49;
  --c-noite:#14162a;
  --c-tinta:#1a1c35;
  --c-tinta-suave:#434763;
  --c-pele:#cdb1b3;
  --c-ouro:#e3a63c;
  --c-linha:189,194,218;           /* lavanda em rgb, para traços do mapa */
  /* tipografia */
  --c-sans:"Rethink Sans",system-ui,sans-serif;
  --c-mono:"Azeret Mono",ui-monospace,monospace;
  /* medidas */
  --c-borda:clamp(16px,3.2vw,48px);
  --c-raio:26px;
  --c-suave:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-papel);color:var(--c-tinta);font-family:var(--c-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}

/* ---------- palco ---------- */
.c-hero{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:0 var(--c-borda) clamp(16px,2.6vh,28px);overflow:hidden}
.c-fundo{position:absolute;inset:-12%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(46% 52% at 12% 16%, color-mix(in oklab, var(--c-lavanda) 78%, white) 0, transparent 72%),
    radial-gradient(40% 46% at 30% 88%, color-mix(in oklab, var(--c-pele) 46%, var(--c-papel)) 0, transparent 70%),
    radial-gradient(52% 60% at 78% 30%, color-mix(in oklab, var(--c-grafite) 26%, var(--c-papel)) 0, transparent 74%),
    radial-gradient(40% 44% at 92% 96%, color-mix(in oklab, var(--c-lavanda) 86%, var(--c-indigo)) 0, transparent 72%),
    linear-gradient(160deg in oklab, var(--c-papel-claro), var(--c-papel) 55%, color-mix(in oklab, var(--c-lavanda) 55%, var(--c-papel)));
  animation:c-respira 34s ease-in-out infinite alternate}
@keyframes c-respira{from{transform:translate3d(-1.5%,-1%,0) rotate(-1deg) scale(1)}to{transform:translate3d(2%,1.5%,0) rotate(1.2deg) scale(1.05)}}

/* ---------- navegação ---------- */
.c-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:clamp(60px,9vh,80px)}
.c-marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.02rem;letter-spacing:-.01em}
.c-marca svg{width:22px;height:22px;flex:none}
.c-marca span span{font-weight:400;color:var(--c-tinta-suave)}
.c-nav-acao{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--c-mono);font-size:.74rem;letter-spacing:.02em;padding:10px 14px;border-radius:999px;border:1px solid color-mix(in oklab, var(--c-tinta) 26%, transparent);transition:background .25s,color .25s,border-color .25s;white-space:nowrap}
.c-nav-acao:hover,.c-nav-acao:focus-visible{background:var(--c-tinta);color:var(--c-papel-claro);border-color:var(--c-tinta)}
.c-nav-acao i{width:6px;height:6px;border-radius:50%;background:var(--c-ouro);box-shadow:0 0 0 3px color-mix(in oklab, var(--c-ouro) 28%, transparent)}

/* ---------- grade ---------- */
.c-corpo{display:grid;min-height:0;grid-template-columns:minmax(380px,31%) 1fr;grid-template-rows:1fr auto;grid-template-areas:"texto mapa" "prova mapa";column-gap:clamp(28px,3.2vw,56px)}
.c-texto{grid-area:texto;align-self:center;padding-block:8px 20px}
.c-sobre{font-family:var(--c-mono);font-size:.7rem;letter-spacing:.055em;white-space:nowrap;text-transform:uppercase;color:var(--c-tinta-suave);margin:0 0 clamp(14px,2.2vh,24px);display:flex;align-items:center;gap:10px}
.c-sobre::before{content:"";width:26px;height:1px;background:var(--c-ouro)}
.c-titulo{margin:0;font-weight:800;font-size:clamp(2.7rem,4.55vw,4.5rem);line-height:1;letter-spacing:-.026em;text-wrap:balance}
.c-titulo .c-l{display:block}
.c-titulo .c-l>span{display:block}
.c-vou{position:relative;width:max-content}
.c-vou::after{content:"";position:absolute;left:.04em;right:.02em;bottom:-.02em;height:.07em;border-radius:2px;background:var(--c-ouro);transform-origin:left;animation:c-risco .7s .75s var(--c-suave) both}
@keyframes c-risco{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.c-apoio{margin:clamp(18px,2.8vh,28px) 0 0;max-width:27em;font-size:clamp(1rem,1.16vw,1.1rem);line-height:1.5;color:var(--c-tinta-suave)}
.c-apoio strong{color:var(--c-tinta);font-weight:600}
.c-acoes{margin-top:clamp(20px,3vh,30px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.c-botao{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1rem;color:var(--c-papel-claro);padding:15px 22px 15px 18px;border-radius:999px;
  background:linear-gradient(135deg in oklab, var(--c-indigo), var(--c-noite));box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 14px 30px -14px rgba(20,22,42,.7);transition:transform .25s var(--c-suave),box-shadow .25s}
.c-botao:hover,.c-botao:focus-visible{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 20px 34px -14px rgba(20,22,42,.75)}
.c-botao svg{width:20px;height:20px;flex:none}
.c-fone{font-family:var(--c-mono);font-size:.72rem;line-height:1.55;color:var(--c-tinta-suave)}
.c-fone b{display:block;font-weight:500;color:var(--c-tinta);font-size:.8rem}

.c-prova{grid-area:prova;margin:0;padding:2px 0 6px 18px;border-left:2px solid var(--c-ouro);max-width:27em}
.c-prova blockquote{margin:0;font-size:1.02rem;line-height:1.42;font-weight:500;font-style:italic;letter-spacing:-.005em}
.c-prova figcaption{margin-top:10px;font-family:var(--c-mono);font-size:.7rem;letter-spacing:.02em;color:var(--c-tinta-suave);display:flex;flex-wrap:wrap;gap:4px 12px}
.c-prova figcaption b{font-weight:500;color:var(--c-tinta)}

/* ---------- placa do mapa ---------- */
.c-placa{grid-area:mapa;position:relative;isolation:isolate;min-height:540px;border-radius:var(--c-raio);overflow:hidden;background:var(--c-noite);color:#eef0f8;
  box-shadow:0 0 0 1px rgba(20,22,42,.5),0 40px 70px -40px rgba(20,22,42,.75),0 12px 24px -16px rgba(20,22,42,.5)}
.c-placa-fundo{position:absolute;inset:-10%;z-index:-1;
  background:
    radial-gradient(44% 46% at 14% 100%, color-mix(in oklab, var(--c-grafite) 92%, var(--c-lavanda)) 0, transparent 72%),
    radial-gradient(26% 30% at 20% 72%, color-mix(in oklab, var(--c-lavanda) 52%, transparent) 0, transparent 75%),
    radial-gradient(50% 55% at 72% 62%, color-mix(in oklab, var(--c-indigo) 88%, var(--c-grafite)) 0, transparent 72%),
    radial-gradient(46% 44% at 88% 6%, color-mix(in oklab, var(--c-grafite) 46%, var(--c-noite)) 0, transparent 74%),
    radial-gradient(38% 40% at 30% 8%, color-mix(in oklab, var(--c-indigo) 70%, var(--c-noite)) 0, transparent 76%),
    linear-gradient(200deg in oklab, #1b1e38, var(--c-noite) 60%, #101224);
  animation:c-respira 28s ease-in-out infinite alternate-reverse}
.c-placa::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.14)}
.c-mapa{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.c-retrato{position:absolute;left:0;bottom:0;z-index:2;width:clamp(300px,46%,430px);height:auto;display:block;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 66%,transparent 99%);mask-image:linear-gradient(90deg,#000 0,#000 66%,transparent 99%);
  filter:saturate(.94) contrast(1.03);animation:c-sobe .9s .15s var(--c-suave) both}
@keyframes c-sobe{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.c-cracha{position:absolute;z-index:3;left:22px;bottom:20px;margin:0;padding:3px 0 3px 12px;border-left:2px solid var(--c-ouro);line-height:1.25;text-shadow:0 1px 10px rgba(16,18,36,.9),0 0 2px rgba(16,18,36,.8);animation:c-sobe .8s .5s var(--c-suave) both}
.c-cracha strong{display:block;font-weight:700;font-size:1.02rem;letter-spacing:-.01em}
.c-cracha span{font-family:var(--c-mono);font-size:.7rem;letter-spacing:.04em;color:#d5d9ea}
.c-leitura{position:absolute;z-index:3;left:28px;top:26px;display:grid;gap:5px;transition:opacity .35s}
.c-leitura.c-troca{opacity:0}
.c-leitura-k{font-family:var(--c-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--c-linha),.72)}
.c-leitura-n{font-weight:700;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.025em;line-height:1.05;color:#f3f4fa}
.c-leitura-s{font-family:var(--c-mono);font-size:.74rem;color:var(--c-ouro);display:flex;align-items:center;gap:8px}
.c-leitura-s::before{content:"";width:14px;height:1px;background:currentColor}

/* ---------- traços do mapa (SVG) ---------- */
.c-mapa text{font-family:var(--c-sans);fill:#dfe2f0}
.c-g-malha line{stroke:rgba(var(--c-linha),.11);stroke-width:1;shape-rendering:crispEdges}
.c-g-malha line.c-fina{stroke:rgba(var(--c-linha),.05)}
.c-g-malha text,.c-g-aneis text{font-family:var(--c-mono);font-size:9.5px;fill:rgba(var(--c-linha),.5);letter-spacing:.04em}
.c-g-aneis circle{fill:none;stroke:rgba(var(--c-linha),.16);stroke-width:1;stroke-dasharray:2 6}
.c-lig{stroke:rgba(var(--c-linha),.26);stroke-width:1;fill:none;transition:stroke .5s}
.c-lig.c-ativa{stroke:rgba(var(--c-linha),.62)}
.c-arco{stroke:rgba(var(--c-linha),.34);stroke-width:1;fill:none;stroke-dasharray:1.5 5;stroke-linecap:round;transition:stroke .5s}
.c-arco.c-ativa{stroke:rgba(var(--c-linha),.7)}
.c-origem{font-family:var(--c-mono) !important;font-size:10.5px;letter-spacing:.05em;fill:rgba(var(--c-linha),.86) !important;transition:fill .4s}
.c-origem.c-ativa{fill:#fff !important}
.c-rot,.c-origem,.c-coord{paint-order:stroke;stroke:#171a31;stroke-width:4px;stroke-linejoin:round}
.c-rot{font-size:13px;font-weight:600;letter-spacing:-.005em;fill:#d9dcec;transition:fill .5s}
.c-coord{font-family:var(--c-mono) !important;font-size:9px;fill:rgba(var(--c-linha),.52) !important;letter-spacing:.03em}
.c-cid .c-aro{fill:none;stroke:rgba(var(--c-linha),.55);stroke-width:1;transition:stroke .5s}
.c-cid .c-pt{fill:#e6e8f4;transition:fill .5s}
.c-cid .c-brilho{opacity:0;transition:opacity 1.6s}
.c-cid.c-acesa .c-brilho{opacity:1;transition-duration:.35s}
.c-cid.c-acesa .c-pt{fill:var(--c-ouro)}
.c-cid.c-acesa .c-aro{stroke:var(--c-ouro)}
.c-cid.c-acesa .c-rot{fill:#fff}
.c-sede .c-rot{font-size:15px;font-weight:700;fill:#fff}
.c-sede .c-chapa{fill:rgba(20,22,42,.82);stroke:rgba(var(--c-linha),.28);stroke-width:1}
.c-sede .c-aro2{fill:none;stroke:rgba(var(--c-linha),.3);stroke-width:1}
.c-sede .c-pt{fill:#fff}
.c-pulso{fill:none;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:c-pulso 1.5s var(--c-suave) forwards}
@keyframes c-pulso{from{transform:scale(1);opacity:.95}to{transform:scale(4.4);opacity:0}}
.c-rastro{fill:none;stroke-linecap:round}
.c-entra{animation:c-entra .8s var(--c-suave) both}
@keyframes c-entra{from{opacity:0}to{opacity:1}}
.c-cid.c-entra{animation-name:c-brota}
@keyframes c-brota{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- entrada do texto ---------- */
.c-sobre,.c-titulo .c-l>span,.c-apoio,.c-acoes,.c-prova{animation:c-chega .7s var(--c-suave) both}
.c-titulo .c-l:nth-child(1)>span:nth-child(1){animation-delay:.05s}
.c-titulo .c-l:nth-child(1)>span:nth-child(2){animation-delay:.12s}
.c-titulo .c-l:nth-child(2)>span:nth-child(1){animation-delay:.19s}
.c-titulo .c-l:nth-child(2)>span:nth-child(2){animation-delay:.26s}
.c-apoio{animation-delay:.36s}.c-acoes{animation-delay:.44s}.c-prova{animation-delay:.56s}
@keyframes c-chega{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.c-placa{animation:c-abre .9s .1s var(--c-suave) both}
@keyframes c-abre{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}

/* ---------- telas médias: empilha ---------- */
@media (max-width:1099px){
  .c-hero{min-height:0}
  .c-corpo{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"texto" "mapa" "prova";row-gap:22px}
  .c-texto{padding-block:14px 4px}
  .c-titulo{font-size:clamp(2rem,6.6vw,4rem);line-height:1.02}
  .c-titulo .c-l>span{display:inline-block}
  .c-apoio{max-width:34em}
  .c-placa{min-height:0;aspect-ratio:16/11}
  .c-prova{max-width:34em;margin-bottom:10px}
}
/* ---------- celular ---------- */
@media (max-width:619px){
  :root{--c-raio:20px}
  .c-nav{height:58px}
  .c-marca{font-size:.95rem}
  .c-nav-acao{padding:9px 12px;font-size:.7rem}
  .c-nav-acao em{display:none}
  .c-sobre{font-size:.6rem;letter-spacing:.04em;margin-bottom:12px;white-space:nowrap}
  .c-sobre::before{width:18px}
  .c-titulo{font-size:clamp(1.9rem,8.9vw,2.5rem);letter-spacing:-.03em;word-spacing:.04em}
  .c-apoio{margin-top:14px;font-size:.97rem;line-height:1.46}
  .c-acoes{margin-top:18px;gap:10px 14px}
  .c-botao{padding:14px 20px 14px 16px}
  .c-corpo{row-gap:20px}
  .c-placa{aspect-ratio:358/552}
  .c-retrato{width:56%}
  .c-cracha{left:14px;bottom:14px;padding-left:10px}
  .c-cracha strong{font-size:.95rem}
  .c-cracha span{font-size:.64rem}
  .c-leitura{left:16px;right:16px;top:15px;display:flex;flex-wrap:nowrap;align-items:baseline;gap:8px;white-space:nowrap}
  .c-leitura-k{font-size:.6rem;letter-spacing:.06em}
  .c-leitura{overflow:hidden}
  .c-leitura-n{font-size:.82rem;letter-spacing:0}
  .c-leitura-s{font-size:.6rem;gap:5px}
  .c-leitura-s::before{width:8px}
  .c-rot{font-size:11.5px}
  .c-sede .c-rot{font-size:12.5px}
  .c-origem{font-size:9.5px}
  .c-prova blockquote{font-size:.98rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}

/* ===== base do site (wf-) — depois de hero.css ===== */
:root{
  --wf-papel:#e9eaf3; --wf-papel-claro:#f4f4f9; --wf-lavanda:#bdc2da; --wf-grafite:#5d6d7c;
  --wf-indigo:#282b49; --wf-noite:#14162a; --wf-tinta:#1a1c35; --wf-tinta-suave:#434763;
  --wf-pele:#cdb1b3; --wf-ouro:#e3a63c; --wf-ouro-tinta:#855a0c;
  --wf-luz:#eef0f8; --wf-luz-suave:#b9bedb;            /* texto sobre a noite */
  --wf-sans:"Rethink Sans",system-ui,sans-serif; --wf-mono:"Azeret Mono",ui-monospace,monospace;
  --wf-borda:clamp(16px,3.2vw,48px); --wf-raio:26px; --wf-suave:cubic-bezier(.2,.7,.2,1);
  --wf-larg:1240px; --wf-respiro:clamp(76px,10.5vw,150px);
  --wf-t-h2:clamp(2.1rem,3.7vw,3.5rem); --wf-t-h3:clamp(1.2rem,1.6vw,1.45rem);
  --wf-t-texto:clamp(1rem,1.14vw,1.1rem); --wf-t-mini:.8rem;
}
html{overflow-x:clip;scroll-behavior:smooth}
body{overflow-x:clip}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .1 0 0 0 0 .2 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--wf-ouro);outline-offset:3px;border-radius:4px}
.wf-secao{position:relative;isolation:isolate;padding-block:var(--wf-respiro);color:var(--wf-tinta)}
.wf-dentro{width:min(100% - 2*var(--wf-borda),var(--wf-larg));margin-inline:auto}
/* seção inteira em noite */
.wf-noite{background:var(--wf-noite);color:var(--wf-luz);
  background-image:radial-gradient(50% 60% at 82% 18%,color-mix(in oklab,var(--wf-indigo) 90%,var(--wf-grafite)) 0,transparent 72%),radial-gradient(44% 50% at 8% 92%,#22264a 0,transparent 70%)}
/* a placa: painel noite com a grade de coordenadas do mapa */
.wf-placa{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--wf-raio);background:var(--wf-noite);color:var(--wf-luz);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 40px 80px -44px rgba(20,22,42,.75)}
.wf-placa::before,.wf-grade::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(189,194,218,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(189,194,218,.075) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(80% 80% at 50% 45%,#000 30%,transparent);mask-image:radial-gradient(80% 80% at 50% 45%,#000 30%,transparent)}
.wf-grade{position:relative;isolation:isolate}
/* rótulo de coordenada que abre cada seção: "02 / 07 · NOME" */
.wf-coord{font-family:var(--wf-mono);font-size:var(--wf-t-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave);display:flex;align-items:center;gap:10px;margin:0 0 clamp(16px,2.2vw,26px)}
.wf-coord::before{content:"";width:26px;height:1px;background:var(--wf-ouro);flex:none}
.wf-coord b{font-weight:500;color:var(--wf-tinta)}
.wf-noite .wf-coord,.wf-placa .wf-coord{color:var(--wf-luz-suave)}.wf-noite .wf-coord b,.wf-placa .wf-coord b{color:var(--wf-luz)}
.wf-h2{margin:0;font-weight:800;font-size:var(--wf-t-h2);line-height:1.02;letter-spacing:-.026em;text-wrap:balance}
.wf-h3{margin:0;font-weight:700;font-size:var(--wf-t-h3);line-height:1.2;letter-spacing:-.012em}
.wf-texto{font-size:var(--wf-t-texto);line-height:1.55;color:var(--wf-tinta-suave);margin:0}
.wf-texto strong{color:var(--wf-tinta);font-weight:600}
.wf-noite .wf-texto,.wf-placa .wf-texto{color:var(--wf-luz-suave)}.wf-noite .wf-texto strong,.wf-placa .wf-texto strong{color:var(--wf-luz)}
.wf-mono{font-family:var(--wf-mono);font-size:var(--wf-t-mini);letter-spacing:.04em}
/* grifo dourado, o mesmo de "eu vou" */
.wf-grifo{position:relative;white-space:nowrap}
.wf-grifo::after{content:"";position:absolute;left:.04em;right:.02em;bottom:-.02em;height:.07em;border-radius:2px;background:var(--wf-ouro)}
/* ponto de comarca */
.wf-ponto{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in oklab,currentColor 22%,transparent);flex:none}
.wf-ponto-ouro{color:var(--wf-ouro)}
/* botões */
.wf-botao{display:inline-flex;align-items:center;gap:10px;min-height:52px;text-decoration:none;font-weight:700;font-size:1rem;color:var(--wf-papel-claro);padding:15px 22px 15px 18px;border-radius:999px;
  background:linear-gradient(135deg in oklab,var(--wf-indigo),var(--wf-noite));box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 14px 30px -14px rgba(20,22,42,.7);transition:transform .25s var(--wf-suave),box-shadow .25s}
.wf-botao:hover{transform:translateY(-2px)}
.wf-botao svg{width:20px;height:20px;flex:none}
.wf-noite .wf-botao,.wf-placa .wf-botao,.wf-botao-claro{background:var(--wf-luz);color:var(--wf-noite);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.wf-link{display:inline-flex;align-items:center;min-height:48px;font-weight:600;color:inherit;text-decoration:underline;text-decoration-color:var(--wf-ouro);text-decoration-thickness:2px;text-underline-offset:5px}
/* citação literal */
.wf-cita{margin:0}
.wf-cita blockquote{margin:0;font-weight:500;font-style:italic;line-height:1.35}
.wf-cita figcaption{margin-top:12px;font-family:var(--wf-mono);font-size:var(--wf-t-mini);letter-spacing:.04em;color:var(--wf-tinta-suave)}
.wf-noite .wf-cita figcaption,.wf-placa .wf-cita figcaption{color:var(--wf-luz-suave)}
.wf-cita figcaption b{font-weight:500;color:inherit}
/* entrada por rolagem: um gesto por seção */
[data-entra]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--wf-suave),transform .9s var(--wf-suave);transition-delay:calc(var(--i,0)*90ms)}
[data-entra].wf-visto{opacity:1;transform:none}
.wf-sem-js [data-entra]{opacity:1;transform:none}
/* botão que acompanha a rolagem */
.wf-zap{position:fixed;z-index:50;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:14px 20px 14px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.98rem;color:var(--wf-noite);background:var(--wf-ouro);box-shadow:0 16px 34px -14px rgba(20,22,42,.7);transform:translateY(140%);transition:transform .5s var(--wf-suave)}
.wf-zap.wf-on{transform:none}
.wf-zap svg{width:20px;height:20px}
@media (max-width:619px){.wf-zap{left:16px;right:16px;justify-content:center}}


/* ===== iv ===== */
/* ===== 02 · Ida e volta (iv-) ===== */
.iv-secao{--iv-mini:.8125rem;overflow:clip;background:linear-gradient(180deg in oklab,var(--wf-papel) 0,var(--wf-papel-claro) 100%)}
.iv-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(34% 26% at 0 42%,color-mix(in oklab,var(--wf-lavanda) 62%,white) 0,transparent 72%),
    radial-gradient(30% 22% at 16% 86%,color-mix(in oklab,var(--wf-pele) 36%,var(--wf-papel-claro)) 0,transparent 72%),
    radial-gradient(36% 26% at 92% 94%,color-mix(in oklab,var(--wf-lavanda) 54%,var(--wf-papel-claro)) 0,transparent 74%)}
/* emenda: o pé do hero termina em pele diluída à esquerda e lavanda funda à direita (sombra da placa) */
.iv-fundo::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(150px,17vw,250px);
  background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--wf-pele) 30%,var(--wf-papel)) 0,color-mix(in oklab,var(--wf-pele) 34%,var(--wf-papel)) 30%,color-mix(in oklab,var(--wf-lavanda) 60%,var(--wf-papel)) 58%,color-mix(in oklab,var(--wf-lavanda) 66%,var(--wf-papel)) 78%,color-mix(in oklab,var(--wf-lavanda) 86%,var(--wf-indigo)) 100%);
  -webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.5) 34%,transparent);mask-image:linear-gradient(#000,rgba(0,0,0,.5) 34%,transparent)}
@media (min-width:1100px){
  .iv-fundo::before{background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--wf-pele) 30%,var(--wf-papel)) 0,color-mix(in oklab,var(--wf-pele) 36%,var(--wf-papel)) 26%,color-mix(in oklab,var(--wf-lavanda) 86%,var(--wf-indigo)) 47%,color-mix(in oklab,var(--wf-lavanda) 86%,var(--wf-indigo)) 100%)}
}

/* ---------- abertura ---------- */
.iv-topo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7.4fr);column-gap:clamp(56px,8vw,128px)}
.iv-topo .wf-coord,.iv-titulo{grid-column:1 / -1}
.iv-titulo{font-size:clamp(2.1rem,4.5vw,4.15rem)}
.iv-titulo>span,.iv-nq{white-space:nowrap}
.iv-t1{color:var(--wf-tinta-suave)}
.iv-abre{grid-column:2;max-width:27em;margin-top:clamp(18px,2vw,28px)}

/* ---------- o palco: a rota aberta ---------- */
.iv-palco{position:relative;margin-top:clamp(40px,5.4vw,76px)}
.iv-rota{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.iv-rota path{fill:none;stroke-linecap:round}
.iv-r-base{stroke-width:1.2;stroke-dasharray:1.5 6}
.iv-r-viva{stroke-width:1.8}
.iv-r-volta.iv-r-base{stroke:var(--wf-ouro);opacity:.5}
.iv-r-volta.iv-r-viva{stroke:var(--wf-ouro);stroke-width:2.2}
.iv-viajante circle{transition:fill .3s}
.iv-aneis circle{fill:none;stroke:color-mix(in oklab,var(--wf-lavanda) 20%,transparent);stroke-width:1;stroke-dasharray:2 6}
.iv-aneis path{fill:none;stroke:color-mix(in oklab,var(--wf-lavanda) 50%,transparent);stroke-width:1}
.iv-viajante .iv-v-halo{opacity:.24}

.iv-tempos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7.4fr);grid-template-rows:auto auto;column-gap:clamp(56px,8vw,128px);row-gap:clamp(56px,6.4vw,92px)}
.iv-la{grid-column:1;grid-row:1;padding-top:58px}
.iv-volta{grid-column:1;grid-row:2;align-self:end;padding-bottom:26px}
.iv-ca{grid-column:2;grid-row:1 / span 2;margin-bottom:clamp(40px,5vw,76px)}

/* marco: rótulo mono em cima, e embaixo o ponto por onde a linha passa */
.iv-marco{display:grid;grid-template-columns:1fr auto;align-items:baseline;row-gap:13px;margin:0 0 24px}
.iv-marco .iv-no{grid-column:1 / -1;justify-self:start}
.iv-rotulo{font-family:var(--wf-mono);font-size:var(--iv-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave);white-space:nowrap}
.iv-rotulo b{font-weight:500;color:var(--wf-tinta)}
.iv-sentido{font-family:var(--wf-mono);font-size:var(--iv-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--wf-tinta-suave)}
.iv-volta .iv-sentido{color:var(--wf-ouro-tinta)}
.iv-no{position:relative;flex:none;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--wf-tinta);background:var(--wf-papel);transition:background .45s var(--wf-suave),box-shadow .45s var(--wf-suave),border-color .45s}
.iv-no-luz{border-color:var(--wf-luz-suave);background:var(--wf-noite)}
.iv-no-ouro{border-color:var(--wf-ouro-tinta)}
.iv-no::after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:1.4px solid currentColor;opacity:0;pointer-events:none}
.iv-on>.iv-marco .iv-no,.iv-secao:not(.iv-js) .iv-no{background:var(--wf-tinta);box-shadow:0 0 0 5px color-mix(in oklab,var(--wf-tinta) 16%,transparent)}
.iv-on .iv-no-luz,.iv-secao:not(.iv-js) .iv-no-luz{background:var(--wf-luz);border-color:var(--wf-luz);box-shadow:0 0 0 5px color-mix(in oklab,var(--wf-luz) 20%,transparent)}
.iv-on>.iv-marco .iv-no-ouro,.iv-secao:not(.iv-js) .iv-no-ouro{background:var(--wf-ouro);border-color:var(--wf-ouro);box-shadow:0 0 0 5px color-mix(in oklab,var(--wf-ouro) 30%,transparent)}
.iv-on>.iv-marco .iv-no::after,.iv-parada.iv-on .iv-no::after{animation:iv-pulso 1.3s var(--wf-suave) both}
.iv-no{color:var(--wf-tinta)}.iv-no-luz{color:var(--wf-luz)}.iv-no-ouro{color:var(--wf-ouro)}
@keyframes iv-pulso{from{transform:scale(1);opacity:.9}to{transform:scale(3.6);opacity:0}}
.iv-h3{font-size:clamp(1.5rem,2.3vw,2.05rem);font-weight:800;letter-spacing:-.024em;line-height:1.05;margin:0 0 10px}
.iv-dito{max-width:22em}
/* a chegada: o grifo de "recebe" só se risca quando o ponto volta */
.iv-js .iv-chega::after{transform:scaleX(0);transform-origin:left;transition:transform .7s var(--wf-suave)}
.iv-js .iv-on .iv-chega::after{transform:none}
.iv-dito q{quotes:"“" "”";font-style:italic;color:var(--wf-tinta)}

/* ---------- cá: a placa ---------- */
.iv-ca{min-height:440px}
.iv-ca::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.14)}
.iv-ca-fundo{position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(42% 56% at 96% 50%,color-mix(in oklab,var(--wf-indigo) 86%,var(--wf-grafite)) 0,transparent 72%),
    radial-gradient(40% 44% at 6% 100%,color-mix(in oklab,var(--wf-grafite) 58%,var(--wf-noite)) 0,transparent 74%),
    radial-gradient(36% 40% at 30% 0,color-mix(in oklab,var(--wf-indigo) 70%,var(--wf-noite)) 0,transparent 76%),
    linear-gradient(200deg in oklab,#1b1e38,var(--wf-noite) 60%,#101224)}
.iv-ca-centro{position:absolute;left:clamp(26px,3.4vw,46px);top:var(--iv-y2,50%);transform:translateY(-50%);width:min(58%,400px)}
.iv-rotulo-ca{margin:0 0 12px;color:var(--wf-luz-suave)}
.iv-rotulo-ca b{color:var(--wf-luz)}
.iv-h3-ca{font-size:clamp(2.4rem,4.4vw,3.9rem);color:var(--wf-luz);margin:0 0 12px}
/* pé da placa: onde é, e a leitura que acompanha o ponto */
.iv-ca-pe{position:absolute;left:clamp(26px,3.4vw,46px);right:clamp(26px,3.4vw,46px);bottom:22px;margin:0;padding-top:14px;border-top:1px solid color-mix(in oklab,var(--wf-lavanda) 22%,transparent);
  display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;font-family:var(--wf-mono);font-size:var(--iv-mini);letter-spacing:.04em;color:var(--wf-luz-suave)}
.iv-onde{display:inline-flex;flex-wrap:wrap;gap:2px 14px}
.iv-leitura{display:inline-flex;align-items:baseline;gap:10px;transition:opacity .25s}
.iv-leitura.iv-troca{opacity:0}
.iv-leitura-k{letter-spacing:.1em;text-transform:uppercase;color:var(--wf-luz)}
.iv-leitura-n{color:var(--wf-ouro);display:inline-flex;align-items:center;gap:8px}
.iv-leitura-n::before{content:"";width:14px;height:1px;background:currentColor;flex:none}

.iv-paradas{list-style:none;margin:0;padding:0}
.iv-parada{position:absolute;display:flex;align-items:center;gap:0}
.iv-parada p{margin:0;position:absolute;display:grid;gap:3px;width:max-content;max-width:270px}
.iv-parada strong{font-weight:700;font-size:1.02rem;letter-spacing:-.01em;color:var(--wf-luz)}
.iv-parada span{font-family:var(--wf-mono);font-size:var(--iv-mini);letter-spacing:.03em;color:var(--wf-luz-suave)}
.iv-p1{left:34%;top:calc(var(--iv-y1,94px) - 6.5px)}
.iv-p1 p{left:-2px;bottom:22px}
.iv-p2{right:clamp(40px,5vw,66px);top:calc(var(--iv-y2,50%) - 6.5px)}
.iv-p2 p{right:30px;top:50%;transform:translateY(-50%);text-align:right;justify-items:end}
.iv-p3{left:34%;top:calc(var(--iv-y3,68%) - 6.5px)}
.iv-p3 p{left:-2px;top:24px}

/* ---------- fecho: a troca de verdade, na mesma linha ---------- */
.iv-fecho{margin-top:clamp(60px,8vw,118px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7.4fr);column-gap:clamp(56px,8vw,128px);row-gap:34px;align-items:start;--iv-vao:clamp(56px,8vw,128px)}
.iv-origem{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-family:var(--wf-mono);font-size:var(--iv-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave);white-space:nowrap}
.iv-origem::after{content:"";flex:1;height:0;border-top:1px dashed color-mix(in oklab,var(--wf-tinta) 46%,transparent);margin-right:calc(-1*var(--iv-vao) + 4px)}
.iv-de-ca .iv-origem::after{border-top:2px solid var(--wf-ouro);margin-right:0}
.iv-de-la blockquote{font-size:clamp(1.02rem,1.22vw,1.14rem);color:var(--wf-tinta)}
.iv-de-ca blockquote{font-style:normal;font-weight:800;font-size:clamp(1.9rem,3.5vw,3.3rem);line-height:1.04;letter-spacing:-.026em;text-wrap:balance}
.iv-topo .wf-coord,.iv-fecho figcaption{font-size:var(--iv-mini)}
.iv-de-ca figcaption{margin-top:20px}
.iv-acao{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.iv-fone{font-size:var(--iv-mini);margin:0;color:var(--wf-tinta-suave)}
.iv-fone b{font-weight:500;color:var(--wf-tinta)}

/* sem JS: a linha sai do marco até a placa, parada */
@media (min-width:1000px){
  .iv-secao:not(.iv-js) .iv-marco{position:relative}
  .iv-secao:not(.iv-js) .iv-marco::after{content:"";position:absolute;left:16px;right:calc(-1*clamp(56px,8vw,128px));bottom:6px;border-top:1px dashed color-mix(in oklab,var(--wf-tinta) 50%,transparent)}
  .iv-secao:not(.iv-js) .iv-volta .iv-marco::after{bottom:5px;border-top:2px solid var(--wf-ouro)}
}

/* ---------- telas médias e celular: a rota em pé ---------- */
@media (max-width:999px){
  .iv-topo{grid-template-columns:minmax(0,1fr)}
  .iv-abre{grid-column:1}
  .iv-palco{max-width:640px}
  .iv-tempos{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:0}
  .iv-la,.iv-volta,.iv-ca{grid-column:1;grid-row:auto}
  .iv-la{padding:0 0 30px 20px}
  .iv-volta{padding:34px 0 0 20px;align-self:auto}
  .iv-marco{display:flex;align-items:center;gap:20px;margin-bottom:12px}
  .iv-marco .iv-no{order:-1}
  .iv-sentido{display:none}
  .iv-dito{padding-left:33px}
  .iv-ca{min-height:0;padding:30px 20px 24px;margin-bottom:0}
  .iv-ca-pe{position:static;margin:30px 0 0 33px;flex-direction:column;gap:8px}
  .iv-ca-centro{position:static;transform:none;width:auto;padding-left:33px}
  .iv-h3-ca{font-size:clamp(2.3rem,10vw,3rem)}
  .iv-paradas{margin-top:30px;display:grid;gap:26px}
  .iv-parada{position:static;align-items:flex-start;gap:20px}
  .iv-parada .iv-no{margin-top:4px}
  .iv-parada p,.iv-p2 p{position:static;transform:none;text-align:left;justify-items:start;max-width:none;width:auto}
  .iv-fecho{grid-template-columns:minmax(0,1fr);--iv-vao:0px}
  .iv-origem::after{margin-right:0}
  .iv-acao{grid-column:1}
  .iv-de-ca blockquote{font-size:clamp(1.8rem,8.4vw,2.7rem)}
}
@media (max-width:619px){
  .iv-titulo{font-size:clamp(2.2rem,11.4vw,2.9rem);line-height:1}
  .iv-titulo>span{display:block}
  .iv-t2{padding-left:.9em}
  .iv-t3{padding-left:0}
}
@media (prefers-reduced-motion:reduce){
  .iv-no::after{animation:none !important}
}

/* ===== at ===== */
/* ===== 03 · Os atos (at-) ===== */
.at-secao{--at-mini:.8125rem;--at-fio:color-mix(in oklab,var(--wf-lavanda) 24%,transparent);--at-vao:clamp(40px,6vw,96px);overflow:clip}
.at-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.at-fundo::before{background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 70% 52%,#000 20%,transparent);mask-image:radial-gradient(70% 60% at 70% 52%,#000 20%,transparent)}
.at-secao .wf-coord{font-size:var(--at-mini)}

/* ---------- abertura ---------- */
.at-topo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px var(--at-vao);align-items:end}
.at-titulo{font-size:clamp(2.1rem,4.3vw,4rem)}
.at-t1,.at-t2{display:block}
.at-t2{color:var(--wf-luz-suave)}
.at-t2 .wf-grifo{color:var(--wf-luz)}
.at-abre{max-width:25em;padding-bottom:.3em}

/* cabeçalho do instrumento: índice e dica de uso */
.at-cab{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap;margin:clamp(40px,5vw,72px) 0 0;font-family:var(--wf-mono);font-size:var(--at-mini);letter-spacing:.08em;text-transform:uppercase;color:var(--wf-luz-suave)}
.at-cab b{font-weight:500;color:var(--wf-luz)}
.at-dica{display:none;align-items:center;gap:12px}
.at-js .at-dica{display:inline-flex}
.at-dica-c{display:none}
@media (max-width:899px),(hover:none){.at-dica-l{display:none}.at-dica-c{display:inline}}

/* ---------- régua: um traço por ato, quatro faixas ---------- */
.at-regua{position:relative;display:flex;gap:clamp(14px,2.4vw,34px);align-items:flex-end;height:46px;margin-top:18px;border-bottom:1px solid var(--at-fio)}
.at-faixa{position:relative;flex:var(--at-n) 1 0;display:flex;align-items:flex-end;height:100%}
.at-faixa::before{content:attr(data-n);position:absolute;left:0;top:0;font-family:var(--wf-mono);font-size:var(--at-mini);letter-spacing:.06em;color:var(--wf-luz-suave);transition:color .4s}
.at-faixa i{flex:1;height:9px;border-left:1px solid color-mix(in oklab,var(--wf-luz-suave) 46%,transparent);transition:height .5s var(--wf-suave),border-color .4s}
.at-faixa i:first-child{height:15px}
.at-agulha{position:absolute;left:var(--at-x,0);width:var(--at-w,0);bottom:-1px;height:2px;background:var(--wf-ouro);border-radius:2px;transition:left .6s var(--wf-suave),width .6s var(--wf-suave)}
.at-js .at-faixa.at-ativa::before{color:var(--wf-ouro)}
.at-js .at-faixa.at-ativa i{height:17px;border-color:var(--wf-ouro)}
.at-js .at-faixa.at-ativa i:first-child{height:24px}

/* ---------- o instrumento (sem JS: quatro blocos, tudo à vista) ---------- */
.at-instrumento{margin-top:clamp(10px,1.6vw,22px)}
.at-lugar{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--at-vao);padding-block:26px;border-bottom:1px solid var(--at-fio)}
.at-nome{margin:0;font:inherit}
.at-chave{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:var(--wf-luz);text-align:left;width:100%;min-height:56px;display:grid;grid-template-columns:2.9em minmax(0,auto) minmax(0,1fr);align-items:center;column-gap:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.at-n{font-family:var(--wf-mono);font-size:var(--at-mini);letter-spacing:.06em;color:var(--wf-luz-suave);transition:color .35s}
.at-onde{font-weight:800;font-size:clamp(1.5rem,2.75vw,2.45rem);letter-spacing:-.026em;line-height:1.04;transition:color .35s}
.at-fio{display:none}
/* letreiro: o mostrador da leitura */
.at-letreiro{display:flex;align-items:flex-end;gap:18px;margin:0;font-family:var(--wf-mono);color:var(--wf-luz-suave)}
.at-let-a,.at-let-b{display:grid;gap:8px;flex:none}
.at-let-b{justify-items:end}
.at-let-k{font-size:var(--at-mini);letter-spacing:.12em;text-transform:uppercase}
.at-let-v{display:flex;align-items:baseline;gap:.32em;line-height:.9}
.at-let-v b{font-weight:400;font-size:clamp(2.6rem,4.6vw,4.1rem);letter-spacing:-.04em;color:var(--wf-luz)}
.at-let-b .at-let-v b{color:var(--wf-ouro)}
.at-let-v em{font-style:normal;font-size:clamp(1rem,1.4vw,1.25rem);letter-spacing:.02em}
.at-let-fio{flex:1;height:1px;background:var(--at-fio);margin-bottom:.5em}
.at-resolve{margin:26px 0 28px;font-size:clamp(1.14rem,1.72vw,1.52rem);line-height:1.3;font-weight:500;letter-spacing:-.012em;color:var(--wf-luz);max-width:25em;text-wrap:pretty}
.at-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--at-l),auto);grid-auto-flow:column;column-gap:clamp(20px,3vw,44px)}
.at-lista li{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid var(--at-fio);font-weight:600;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.25;color:var(--wf-luz)}
/* lugares de quatro atos: lista em uma coluna, corpo maior */
.at-lista-g{grid-template-columns:minmax(0,1fr)}
.at-lista-g li{font-size:clamp(1.14rem,1.75vw,1.55rem);font-weight:700;letter-spacing:-.015em;padding:15px 0}
.at-k{font-family:var(--wf-mono);font-weight:400;font-size:var(--at-mini);letter-spacing:.04em;color:var(--wf-luz-suave);flex:none}

/* os números do mostrador sobem ao trocar de lugar */
.at-js .at-let-v b{display:inline-block;opacity:0;transform:translateY(.34em);transition:opacity .2s,transform .2s}
.at-js .at-ativo .at-let-v b{opacity:1;transform:none;transition:opacity .5s var(--wf-suave),transform .7s var(--wf-suave)}
.at-js .at-ativo .at-let-b .at-let-v b{transition-delay:.09s}
.at-chave:focus-visible{outline:2px solid var(--wf-ouro);outline-offset:-2px;border-radius:8px}

/* ---------- com JS: índice à esquerda, uma leitura por vez ---------- */
.at-js .at-chave{color:var(--wf-luz-suave)}
.at-js .at-ativo .at-chave{color:var(--wf-luz)}
.at-js .at-ativo .at-n{color:var(--wf-ouro)}
.at-js .at-chave:hover .at-onde{color:var(--wf-luz)}
.at-js .at-lista li{opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.at-js .at-ativo .at-lista li{opacity:1;transform:none;transition:opacity .55s var(--wf-suave),transform .55s var(--wf-suave);transition-delay:calc(120ms + var(--j,0)*42ms)}
.at-js .at-resolve{opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.at-js .at-ativo .at-resolve{opacity:1;transform:none;transition:opacity .55s var(--wf-suave) .06s,transform .55s var(--wf-suave) .06s}
/* limbo: o arco graduado entre o índice e a leitura (desenhado por JS) */
.at-instrumento{position:relative}
.at-limbo{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;display:none}
.at-limbo .at-anel{fill:none;stroke:color-mix(in oklab,var(--wf-lavanda) 15%,transparent);stroke-width:1;stroke-dasharray:2 7}
.at-limbo .at-arco{fill:none;stroke:color-mix(in oklab,var(--wf-luz-suave) 40%,transparent);stroke-width:1;transition:stroke .4s}
.at-limbo .at-tique{stroke:color-mix(in oklab,var(--wf-luz-suave) 50%,transparent);stroke-width:1;transition:stroke .4s}
.at-limbo .at-liga{stroke:var(--wf-ouro);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .3s var(--wf-suave)}
.at-limbo .at-pt{fill:var(--wf-noite);stroke:color-mix(in oklab,var(--wf-luz-suave) 60%,transparent);stroke-width:1.2;transition:fill .35s,stroke .35s}
.at-limbo .at-halo{fill:var(--wf-ouro);opacity:0;transition:opacity .4s}
.at-limbo .at-ativa .at-arco{stroke:var(--wf-ouro);stroke-width:2}
.at-limbo .at-ativa .at-tique{stroke:var(--wf-ouro)}
.at-limbo .at-ativa .at-liga{stroke-dashoffset:0 !important;transition-duration:.6s}
.at-limbo .at-ativa .at-pt{fill:var(--wf-ouro);stroke:var(--wf-ouro)}
.at-limbo .at-ativa .at-halo{opacity:.24}
@media (min-width:900px){
  .at-js .at-regua{display:none}
  .at-js .at-limbo{display:block}
  .at-js .at-instrumento{margin-top:16px;border-top:1px solid var(--at-fio)}
  .at-js .at-fio{display:none !important}
  .at-js .at-instrumento{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:repeat(4,auto);column-gap:var(--at-vao)}
  .at-js .at-lugar{display:contents}
  .at-js .at-nome{grid-column:1;display:flex;border-bottom:1px solid var(--at-fio)}
  .at-js .at-lugar:nth-of-type(1) .at-nome{grid-row:1}.at-js .at-lugar:nth-of-type(2) .at-nome{grid-row:2}
  .at-js .at-lugar:nth-of-type(3) .at-nome{grid-row:3}.at-js .at-lugar:nth-of-type(4) .at-nome{grid-row:4}
  .at-js .at-chave{padding-block:18px;min-height:clamp(96px,8.4vw,116px)}
  .at-js .at-painel{grid-column:2;grid-row:1 / span 4;padding-top:30px;padding-bottom:10px;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
  .at-js .at-ativo .at-painel{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}
}
@media (max-width:899px){
  .at-topo{grid-template-columns:minmax(0,1fr)}
  .at-lugar{grid-template-columns:minmax(0,1fr);padding-block:14px}
  .at-painel-dentro{padding:6px 0 14px}
  .at-lista{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
  /* sanfona: um lugar aberto por vez */
  .at-js .at-lugar{padding-block:0}
  .at-js .at-chave{min-height:68px;grid-template-columns:2.6em minmax(0,1fr) 22px}
  .at-js .at-fio{display:block;justify-self:end;width:11px;height:11px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .4s var(--wf-suave)}
  .at-js .at-ativo .at-fio{transform:translateY(2px) rotate(225deg);color:var(--wf-ouro)}
  .at-js .at-painel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s var(--wf-suave),visibility 0s .5s}
  .at-js .at-ativo .at-painel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s var(--wf-suave),visibility 0s}
  .at-js .at-painel-dentro{overflow:hidden;min-height:0;padding:0}
  .at-js .at-letreiro{padding-top:6px}
  .at-let-v b{font-size:2.5rem}
  .at-js .at-lista{padding-bottom:22px}
}

@media (min-width:620px) and (max-width:899px){
  .at-lista:not(.at-lista-g){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--at-l),auto);grid-auto-flow:column}
}

/* ---------- pé ---------- */
.at-pe{margin-top:clamp(44px,6vw,84px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--at-vao);row-gap:30px;align-items:end}
.at-cita blockquote{font-size:clamp(1.05rem,1.3vw,1.2rem);color:var(--wf-luz)}
.at-cita figcaption{font-size:var(--at-mini)}
.at-acao{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.at-nota{margin:0;font-family:var(--wf-mono);font-size:var(--at-mini);letter-spacing:.03em;color:var(--wf-luz-suave)}
@media (max-width:899px){.at-pe{grid-template-columns:minmax(0,1fr);align-items:start}}
@media (prefers-reduced-motion:reduce){
  .at-js .at-lista li,.at-js .at-resolve,.at-js .at-painel,.at-agulha,.at-faixa i,.at-fio,.at-limbo *,.at-js .at-let-v b{transition:none !important}
}

/* ===== co ===== */
/* ===== 04 · As comarcas (co-) ===== */
.co{--co-fio:color-mix(in oklab,var(--wf-grafite) 30%,transparent);--co-linha:189,194,218;overflow:hidden;
  --co-sangra:calc(50vw - min(50vw - var(--wf-borda),var(--wf-larg)/2))} /* da borda da tela até a coluna do site */
.co-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 34% at 62% 4%,color-mix(in oklab,var(--wf-lavanda) 62%,var(--wf-papel)) 0,transparent 72%),
    radial-gradient(34% 30% at 96% 58%,color-mix(in oklab,var(--wf-pele) 30%,var(--wf-papel)) 0,transparent 70%),
    radial-gradient(44% 36% at 22% 96%,color-mix(in oklab,var(--wf-grafite) 14%,var(--wf-papel)) 0,transparent 74%),
    linear-gradient(180deg in oklab,var(--wf-papel) 0,var(--wf-papel) 62%,var(--wf-papel-claro) 100%)}

/* ---------- a composição: a placa sangra pela esquerda da tela; à direita, título, texto e régua ---------- */
.co-grade{display:grid;grid-template-columns:minmax(0,1fr) clamp(400px,35vw,540px);grid-template-rows:auto 1fr;grid-template-areas:"placa topo" "placa lista";column-gap:clamp(32px,4.4vw,68px);margin-left:calc(50% - 50vw)}
.co-topo{grid-area:topo;padding-bottom:clamp(30px,3.4vw,46px)}
.co-h2-a,.co-h2-b{display:block}
.co-topo .wf-h2{font-size:clamp(2.1rem,3.4vw,3.3rem)}
.co-apoio{margin-top:clamp(18px,2vw,26px);max-width:31em}

/* a lista é uma régua: cada comarca, um traço do tamanho da distância */
.co-lista{grid-area:lista;--co-col-n:11.6em;--co-col-k:4.4em;--co-gap:16px;border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column}
.co-legenda{display:grid;grid-template-columns:var(--co-col-n) minmax(0,1fr) var(--co-col-k);gap:var(--co-gap);width:100%;padding:0 12px 12px 22px;font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave)}
.co-eixo{position:relative;height:1.4em}
.co-eixo i{position:absolute;left:calc(var(--km)/35*100%);font-style:normal;white-space:nowrap;transform:translateX(-50%)}
.co-eixo i:first-child{transform:none}
.co-eixo i:last-child{transform:translateX(-1.1em)}
.co-item{position:relative;flex:1;display:grid;grid-template-columns:var(--co-col-n) minmax(0,1fr) var(--co-col-k);gap:var(--co-gap);align-items:center;min-height:62px;padding:0 12px 0 22px;border-top:1px solid var(--co-fio);cursor:pointer;transition:background-color .35s}
.co-item:last-child{border-bottom:1px solid var(--co-fio)}
.co-item input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.co-item::before{content:"";position:absolute;left:2px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--wf-ouro);box-shadow:0 0 0 4px color-mix(in oklab,var(--wf-ouro) 26%,transparent);transform:scale(0);transition:transform .45s var(--wf-suave)}
.co-nome{font-weight:700;font-size:clamp(1.12rem,1.5vw,1.36rem);letter-spacing:-.022em;line-height:1.1;color:var(--wf-tinta-suave);transition:color .3s,transform .45s var(--wf-suave);white-space:nowrap}
.co-regua{position:relative;align-self:stretch;
  background:
    linear-gradient(var(--co-fio),var(--co-fio)) 0 0/1px 100% no-repeat,
    linear-gradient(var(--co-fio),var(--co-fio)) calc(10/35*100%) 0/1px 100% no-repeat,
    linear-gradient(var(--co-fio),var(--co-fio)) calc(20/35*100%) 0/1px 100% no-repeat,
    linear-gradient(var(--co-fio),var(--co-fio)) calc(30/35*100%) 0/1px 100% no-repeat}
.co-regua i{position:absolute;left:0;top:50%;height:2px;margin-top:-1px;width:calc(var(--km)/35*100%);min-width:1px;background:color-mix(in oklab,var(--wf-tinta) 46%,transparent);border-radius:2px;transition:background-color .3s}
.co-regua i::after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--wf-papel);box-shadow:0 0 0 1.5px color-mix(in oklab,var(--wf-tinta) 60%,transparent);transition:background-color .3s,box-shadow .3s}
.co-km{font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;text-align:right;color:var(--wf-tinta-suave);white-space:nowrap}
.co-item:hover .co-nome{color:var(--wf-tinta)}
.co-item:has(input:checked)::before{transform:none}
.co-item:has(input:checked) .co-nome{color:var(--wf-tinta);font-weight:800}
.co-item:has(input:checked) .co-regua i{background:var(--wf-tinta)}
.co-item:has(input:checked) .co-regua i::after{background:var(--wf-ouro);box-shadow:0 0 0 1.5px var(--wf-tinta),0 0 0 5px color-mix(in oklab,var(--wf-ouro) 26%,transparent)}
.co-item:has(input:checked) .co-km{color:var(--wf-tinta)}
.co-item:has(input:focus-visible){outline:2px solid var(--wf-ouro);outline-offset:-2px;border-radius:6px}

/* ---------- a placa ---------- */
.co-placa{grid-area:placa;border-radius:0 var(--wf-raio) var(--wf-raio) 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
.co-placa::before{display:none}
.co-placa-fundo{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(44% 46% at 6% 100%,color-mix(in oklab,var(--wf-grafite) 60%,var(--wf-noite)) 0,transparent 72%),
    radial-gradient(50% 55% at 72% 52%,color-mix(in oklab,var(--wf-indigo) 88%,var(--wf-grafite)) 0,transparent 72%),
    radial-gradient(46% 44% at 92% 2%,color-mix(in oklab,var(--wf-grafite) 40%,var(--wf-noite)) 0,transparent 74%),
    linear-gradient(200deg in oklab,#1b1e38,var(--wf-noite) 60%,#101224)}
.co-placa::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.14)}

.co-leitura{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:16px 28px;min-height:124px;padding:30px 34px 22px var(--co-sangra);border-bottom:1px solid rgba(var(--co-linha),.16)}
.co-leitura p{margin:0}
.co-leitura-id{display:grid;gap:6px;min-width:0}
.co-leitura-k{font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wf-luz-suave)}
.co-leitura-n{white-space:nowrap;font-weight:800;font-size:clamp(1.7rem,2.7vw,2.5rem);letter-spacing:-.028em;line-height:1.02;color:#f3f4fa}
.co-leitura-dado{display:grid;grid-template-columns:auto auto;column-gap:14px;align-items:baseline;justify-items:end;font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;color:var(--wf-luz-suave);text-align:right;white-space:nowrap}
.co-leitura-km[hidden]{display:none}
.co-leitura-km{grid-row:1/3;align-self:end;font-family:var(--wf-sans);font-weight:500;font-size:1rem;letter-spacing:0;color:var(--wf-luz)}
.co-leitura-km i{font-style:normal}
.co-leitura-km b{font-weight:800;font-size:clamp(2.2rem,3.4vw,3.1rem);letter-spacing:-.04em;line-height:.9;font-variant-numeric:tabular-nums;margin-right:.08em}
.co-leitura-s{color:var(--wf-ouro)}
.co-troca .co-leitura-n,.co-troca .co-leitura-s,.co-troca .co-leitura-c,.co-troca .co-leitura-k{animation:co-troca .5s var(--wf-suave) both}
@keyframes co-troca{from{opacity:0;transform:translateY(8px)}}

.co-mapa{position:relative;z-index:1;display:grid;place-items:center;padding:26px 30px 26px var(--co-sangra);min-height:0}
.co-quadro{--x0:-33;--kw:59;--y0:-37;--kh:51;position:relative;width:min(100%,720px);aspect-ratio:59/51}
.co-svg{position:absolute;left:calc((-80 - var(--x0))/var(--kw)*100%);top:calc((-80 - var(--y0))/var(--kh)*100%);width:calc(160/var(--kw)*100%);height:calc(160/var(--kh)*100%);max-width:none;overflow:visible;pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side,#000 20%,rgba(0,0,0,.25) 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 20%,rgba(0,0,0,.25) 62%,transparent 100%)}
.co-svg *{vector-effect:non-scaling-stroke;fill:none}
.co-g-malha line{stroke:rgba(var(--co-linha),.07);stroke-width:1;shape-rendering:crispEdges}
.co-g-malha line.co-forte{stroke:rgba(var(--co-linha),.14)}
.co-g-aneis circle{stroke:rgba(var(--co-linha),.3);stroke-width:1;stroke-dasharray:2 6}
.co-g-ligs line{stroke:rgba(var(--co-linha),.2);stroke-width:1;transition:stroke .3s}
.co-geral .co-g-ligs line{stroke:rgba(var(--co-linha),.46)}
.co-g-ligs line.co-ve{stroke:rgba(var(--co-linha),.85)}
.co-pt.co-ve span{color:#fff}
.co-pt.co-ve i{transform:scale(1.25)}
.co-anel-rot{position:absolute;left:calc((var(--x) - var(--x0))/var(--kw)*100%);top:calc((var(--y) - var(--y0))/var(--kh)*100%);transform:translate(7px,-50%);font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;color:rgba(var(--co-linha),.72);white-space:nowrap;pointer-events:none}

.co-anel-30{transform:translate(calc(-100% - 7px),-50%)}
/* eixos de coordenadas e norte, como na borda de uma carta */
.co-eixos{position:absolute;inset:0;pointer-events:none;font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;color:rgba(var(--co-linha),.66)}
.co-eixo-lon{position:absolute;left:calc((var(--x) - var(--x0))/var(--kw)*100%);bottom:-4px;transform:translateX(6px)}
.co-eixo-lat{position:absolute;top:calc((var(--y) - var(--y0))/var(--kh)*100%);left:-8px;transform:translateY(-130%)}
.co-norte{position:absolute;right:2px;top:2px;display:grid;justify-items:center;gap:5px;color:rgba(var(--co-linha),.78)}
.co-norte::before{content:"";width:1px;height:22px;background:currentColor;order:2}
.co-norte::after{content:"";position:absolute;top:1.25em;width:7px;height:7px;border-left:1px solid currentColor;border-top:1px solid currentColor;transform:translateY(4px) rotate(45deg)}
/* o alcance: um anel no raio exato da comarca escolhida */
.co-svg-b{-webkit-mask-image:none;mask-image:none}
.co-alcance{stroke:var(--wf-ouro);stroke-opacity:.62;stroke-width:1;stroke-dasharray:1 5;stroke-linecap:round;transition:r .75s var(--wf-suave)}
/* a distância, pousada na linha */
.co-tag{position:absolute;z-index:3;left:calc((var(--x,0) - var(--x0))/var(--kw)*100%);top:calc((var(--y,0) - var(--y0))/var(--kh)*100%);transform:translate(-50%,-50%);padding:5px 8px 4px;border-radius:6px;background:var(--wf-noite);box-shadow:0 0 0 1px rgba(var(--co-linha),.34);font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;line-height:1;color:var(--wf-luz);white-space:nowrap;pointer-events:none}
.co-tag:empty{display:none}
.co-tag.co-vai{animation:co-tag .5s .45s var(--wf-suave) backwards}
@keyframes co-tag{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}}
/* a linha que parte de Belo Horizonte */
.co-rota{position:absolute;z-index:1;left:calc((0 - var(--x0))/var(--kw)*100%);top:calc((0 - var(--y0))/var(--kh)*100%);width:calc(var(--d,0)/var(--kw)*100%);height:0;transform:rotate(calc(var(--a,0)*1deg));transform-origin:0 0;pointer-events:none}
.co-rota i{position:absolute;left:0;right:0;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(238,240,248,.5),#fff);box-shadow:0 0 12px rgba(238,240,248,.5);transform-origin:0 50%}
.co-rota.co-vai i{animation:co-vai .75s var(--wf-suave) both}
@keyframes co-vai{from{transform:scaleX(0)}}
/* a volta, em ouro: o ponto regressa a Belo Horizonte e a sede responde */
.co-rota b{position:absolute;left:100%;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#f3c468;box-shadow:0 0 0 4px rgba(227,166,60,.22),0 0 14px 2px rgba(227,166,60,.6);opacity:0}
.co-rota.co-vai b{animation:co-volta 1s 1.05s var(--wf-suave) both}
@keyframes co-volta{0%{left:100%;opacity:0}14%{opacity:1}84%{opacity:1}100%{left:0;opacity:0}}
.co-rota em{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1.4px solid var(--wf-ouro);opacity:0}
.co-rota.co-vai em{animation:co-pulso 1.3s 1.9s var(--wf-suave) forwards}
@keyframes co-pulso{from{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}
/* a entrada: anéis abrem, pontos brotam do mais perto ao mais longe, e a régua cresce no mesmo passo */
.co-placa.wf-visto .co-pt{animation:co-brota .7s calc(.45s + var(--o)*85ms) var(--wf-suave) backwards}
@keyframes co-brota{from{opacity:0;transform:scale(.6)}}
.co-placa.wf-visto .co-g-aneis circle{transform-box:fill-box;transform-origin:center;animation:co-anel 1.2s .15s var(--wf-suave) backwards}
.co-placa.wf-visto .co-g-aneis circle:nth-child(2){animation-delay:.28s}
.co-placa.wf-visto .co-g-aneis circle:nth-child(3){animation-delay:.41s}
@keyframes co-anel{from{opacity:0;transform:scale(.3)}}
.co-placa.wf-visto .co-g-ligs line,.co-placa.wf-visto .co-anel-rot,.co-placa.wf-visto .co-eixos{animation:co-surge 1s 1.1s var(--wf-suave) backwards}
@keyframes co-surge{from{opacity:0}}
.co-lista.wf-visto .co-regua i{animation:co-cresce .9s calc(.45s + var(--i)*85ms) var(--wf-suave) backwards}
@keyframes co-cresce{from{width:0}}

/* pontos: cada um é um alvo de 48 px */
.co-pt{position:absolute;z-index:2;left:calc((var(--x) - var(--x0))/var(--kw)*100%);top:calc((var(--y) - var(--y0))/var(--kh)*100%);width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.co-pt i{position:relative;width:6px;height:6px;border-radius:50%;background:#e6e8f4;box-shadow:0 0 0 4px var(--wf-noite),0 0 0 5px rgba(var(--co-linha),.6);transition:background-color .4s,box-shadow .4s,transform .4s var(--wf-suave)}
.co-pt i::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(closest-side,rgba(227,166,60,.5),rgba(227,166,60,.14) 45%,transparent);opacity:0;transition:opacity .5s}
.co-pt span{position:absolute;font-weight:600;font-size:.84rem;letter-spacing:-.005em;line-height:1;color:#d9dcec;white-space:nowrap;text-shadow:0 0 3px #171a31,0 0 3px #171a31,0 0 6px #171a31,0 0 10px #171a31;transition:color .4s}
.co-rot-dir span{left:calc(50% + 14px)}
.co-rot-esq span{right:calc(50% + 14px)}
.co-rot-cima span{bottom:calc(50% + 14px)}
.co-rot-baixo span{top:calc(50% + 14px)}
.co-rot-sede i{width:8px;height:8px;background:#fff;box-shadow:0 0 0 5px var(--wf-noite),0 0 0 6px rgba(var(--co-linha),.6),0 0 0 12px rgba(var(--co-linha),.1),0 0 0 13px rgba(var(--co-linha),.3)}
.co-rot-sede span{left:calc(50% + 22px);font-weight:700;font-size:.95rem;color:#fff;padding:8px 10px;border-radius:6px;background:rgba(20,22,42,.82);box-shadow:0 0 0 1px rgba(var(--co-linha),.28);text-shadow:none}
.co-pt:hover i{transform:scale(1.25)}
.co-pt:hover span{color:#fff}
.co-pt.co-on i{background:var(--wf-ouro);box-shadow:0 0 0 4px var(--wf-noite),0 0 0 5px var(--wf-ouro)}
.co-rot-sede.co-on i{box-shadow:0 0 0 5px var(--wf-noite),0 0 0 6px var(--wf-ouro),0 0 0 12px rgba(var(--co-linha),.1),0 0 0 13px rgba(var(--co-linha),.3)}
.co-pt.co-on i::after{opacity:1}
.co-pt.co-on span{color:#fff}
.co-pt.co-on:not(.co-rot-sede) i{animation:co-chega .9s .55s var(--wf-suave) backwards}
@keyframes co-chega{from{background:#e6e8f4;box-shadow:0 0 0 4px var(--wf-noite),0 0 0 5px rgba(var(--co-linha),.6)}}

.co-pe{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 34px 30px var(--co-sangra)}
.co-pe{flex-wrap:nowrap}
.co-botao{white-space:nowrap}
.co-botao-onde:not(:empty)::before{content:" em "}
.co-nota{margin:0;max-width:19em;font-family:var(--wf-mono);font-size:.8125rem;line-height:1.5;letter-spacing:.03em;color:var(--wf-luz-suave)}

@media (max-width:1279px){.co-lista{--co-col-n:10.6em;--co-gap:12px}}
/* ---------- telas médias ---------- */
@media (max-width:1099px){
  .co{--co-sangra:30px}
  .co-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"topo" "lista" "placa";margin-left:0}
  .co-placa{border-radius:var(--wf-raio);margin-top:clamp(22px,4vw,36px)}
  .co-item{min-height:54px}
}
/* ---------- celular: a lista vira oito teclas, o mapa fica logo abaixo ---------- */
@media (max-width:719px){
  .co-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0}
  .co-legenda{display:block;grid-column:1/-1;padding:0 0 10px;border-bottom:1px solid var(--co-fio)}
  .co-eixo,.co-regua{display:none}
  /* cada tecla guarda a sua régua: o traço de baixo tem o tamanho da distância */
  .co-item{grid-template-columns:minmax(0,1fr);gap:4px;align-content:center;min-height:60px;padding:8px 2px 9px 20px;border-top:0;border-bottom:1px solid var(--co-fio)}
  .co-item::before{left:2px;top:19px;margin-top:0}
  .co-item::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;border-radius:2px;width:calc(var(--km)/33*100%);background:color-mix(in oklab,var(--wf-tinta) 50%,transparent);transition:background-color .3s}
  .co-item:has(input:checked)::after{background:var(--wf-ouro)}
  .co-nome{font-size:1rem;white-space:nowrap}
  .co-item:has(input:checked) .co-nome{font-weight:700}
  .co-km{text-align:left}
  .co{--co-sangra:18px}
  .co-leitura{display:grid;justify-content:stretch;align-items:start;min-height:0;padding:18px 18px 14px;gap:8px}
  .co-leitura-n{font-size:clamp(1.45rem,7vw,1.7rem)}
  .co-leitura-dado{display:flex;align-items:baseline;gap:10px;min-height:2rem;text-align:left}
  .co-leitura-km{align-self:auto}
  .co-leitura-km b{font-size:1.9rem}
  .co-leitura-c{position:absolute;right:18px;top:18px;line-height:1.25}
  .co-mapa{padding:10px 8px 0}
  .co-rot-sede span{left:calc(50% + 20px);font-size:.8125rem;padding:7px 8px}
  .co-quadro{--x0:-31;--kw:54;--y0:-37;--kh:51;aspect-ratio:54/51}
  .co-anel-30,.co-eixos,.co-tag{display:none}
  .co-anel-20{transform:translate(calc(-100% - 7px),-50%)}
  .co-pt span{font-size:.8125rem}
  .co-pe{padding:12px 18px 20px}
  .co-placa{margin-top:16px}
  .co-pe{flex-wrap:wrap}
  .co-botao{width:100%;justify-content:flex-start;padding:11px 20px 11px 18px;gap:14px}
  .co-botao-t{display:grid;gap:3px;min-width:0}
  .co-botao-a{font-family:var(--wf-mono);font-weight:500;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;opacity:.8}
  .co-botao-a:has(+ .co-botao-onde:not(:empty))::after{content:" em"}
  .co-botao-onde:empty{display:none}
  .co-botao-onde:not(:empty)::before{content:none}
  .co-botao-onde{font-size:1.06rem;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis}
  .co-nota{max-width:none}
}

/* ===== pv ===== */
/* ===== 05 · Quem já chamou (pv-) ===== */
.pv{--pv-fio:color-mix(in oklab,var(--wf-grafite) 30%,transparent);overflow:hidden;background:var(--wf-papel-claro)}
.pv-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(40% 26% at 88% 12%,color-mix(in oklab,var(--wf-lavanda) 46%,var(--wf-papel-claro)) 0,transparent 72%),
    radial-gradient(36% 24% at 6% 52%,color-mix(in oklab,var(--wf-pele) 26%,var(--wf-papel-claro)) 0,transparent 72%),
    radial-gradient(44% 26% at 80% 84%,color-mix(in oklab,var(--wf-lavanda) 40%,var(--wf-papel-claro)) 0,transparent 74%),
    linear-gradient(180deg in oklab,var(--wf-papel-claro) 0,#f8f8fc 30%,var(--wf-papel-claro) 78%,var(--wf-papel) 100%)}

/* ---------- abertura: título e a nota ---------- */
.pv-topo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,88px);align-items:end}
.pv-h2-b{display:block}
.pv-apoio{margin-top:clamp(16px,2vw,24px);max-width:33em}
.pv-nota{min-width:0}
.pv-nota p{margin:0}
.pv-nota-n{display:flex;align-items:baseline;gap:12px}
.pv-nota-n strong{font-weight:800;font-size:clamp(4.6rem,8.4vw,7.6rem);line-height:.82;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.pv-nota-n span{font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave)}
.pv-escala{position:relative;display:flex;justify-content:space-between;margin:22px 0 14px;padding-top:14px;font-family:var(--wf-mono);font-size:.8125rem;color:var(--wf-tinta-suave)}
.pv-escala i{position:absolute;left:0;right:0;top:0;height:1px;background:var(--wf-tinta)}
.pv-escala b{position:absolute;top:-4px;left:calc((4.9 - 1)/4*100%);width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--wf-ouro);box-shadow:0 0 0 1.5px var(--wf-tinta),0 0 0 6px color-mix(in oklab,var(--wf-ouro) 26%,transparent)}
.pv-nota-t{font-size:1.05rem;line-height:1.4;color:var(--wf-tinta-suave)}
.pv-nota-t b{color:var(--wf-tinta);font-weight:700}
.pv-nota-t span{display:block;font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;margin-top:2px}
.pv-fonte{margin-top:6px}

/* ---------- as duas vozes, lado a lado: colegas à esquerda, clientes à direita ---------- */
.pv-vozes{--pv-vao:clamp(28px,3.8vw,60px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:clamp(40px,5.4vw,76px);border-top:1px solid var(--pv-fio)}
.pv-voz{padding-top:22px;min-width:0}
.pv-colegas{padding-right:var(--pv-vao)}
.pv-clientes{padding-left:var(--pv-vao);border-left:1px solid var(--pv-fio)}
.pv-voz-t{display:flex;align-items:center;gap:12px;margin:0 0 clamp(26px,3.2vw,42px);font-family:var(--wf-mono);font-weight:500;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta)}
.pv .wf-cita figcaption{font-size:.8125rem}
.pv .wf-cita figcaption b{color:var(--wf-tinta)}
.pv blockquote{text-indent:-.44em} /* a aspa de abertura fica pendurada fora da coluna */

/* de onde a fala chega */
.pv-rota{display:flex;align-items:center;gap:14px;margin:0 0 clamp(18px,2.2vw,28px);font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;color:var(--wf-tinta-suave)}
.pv-rota span{display:grid;gap:2px;white-space:nowrap}
.pv-rota b{font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--wf-tinta)}
.pv-rota i{font-style:normal}
.pv-rota-fio{position:relative;flex:1;min-width:40px;height:1px;background:repeating-linear-gradient(90deg,var(--wf-tinta-suave) 0 2px,transparent 2px 7px)}
.pv-rota-fio::before,.pv-rota-fio::after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%}
.pv-rota-fio::before{left:-1px;background:var(--wf-tinta)}
.pv-rota-fio::after{right:-1px;background:var(--wf-ouro);box-shadow:0 0 0 1.5px var(--wf-tinta)}
.pv-rota-para{text-align:right}

.pv-guia blockquote{font-style:normal;font-weight:700;font-size:clamp(1.5rem,2.72vw,2.55rem);line-height:1.1;letter-spacing:-.026em;text-wrap:pretty}
.pv-suave{color:color-mix(in oklab,var(--wf-tinta-suave) 86%,var(--wf-papel-claro))}
.pv-guia figcaption{margin-top:20px}
.pv-guia.wf-visto .pv-rota-fio{animation:pv-traca 1.1s .35s var(--wf-suave) backwards}
@keyframes pv-traca{from{clip-path:inset(-6px 100% -6px -6px)}to{clip-path:inset(-6px -6px -6px -6px)}}
.pv-par{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3vw,44px);margin-top:clamp(30px,3.6vw,48px);padding-top:clamp(22px,2.6vw,32px);border-top:1px solid var(--pv-fio)}
.pv-menor blockquote{font-size:1.06rem}
.pv-diligente{align-self:end}
.pv-diligente blockquote{font-size:clamp(1.25rem,1.75vw,1.55rem);font-style:normal;font-weight:700;letter-spacing:-.02em;line-height:1.18}
.pv-rota-curta{margin-bottom:14px}
.pv-rota-curta .pv-rota-fio{max-width:90px}
/* a volta: a resposta dele, na placa, com a linha de ouro */
.pv-resposta{margin-top:clamp(30px,3.6vw,48px);padding:24px 28px 26px;border-radius:20px}
.pv .pv-resposta figcaption{display:flex;align-items:center;gap:14px;margin:0 0 16px;color:var(--wf-luz-suave)}
.pv .pv-resposta figcaption b{color:var(--wf-luz)}
.pv-volta{position:relative;flex:none;width:56px;height:1px;background:var(--wf-ouro)}
.pv-volta::before{content:"";position:absolute;left:-1px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--wf-ouro);box-shadow:0 0 0 4px rgba(227,166,60,.24)}
.pv-volta::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;margin-top:-3px;border-top:1px solid var(--wf-ouro);border-right:1px solid var(--wf-ouro);transform:rotate(45deg)}
.pv-resposta.wf-visto .pv-volta{animation:pv-volta 1s .5s var(--wf-suave) backwards}
@keyframes pv-volta{from{clip-path:inset(-8px 100% -8px -8px)}to{clip-path:inset(-8px -8px -8px -8px)}}
.pv-resposta blockquote{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px clamp(18px,3vw,40px);align-items:end;text-indent:0}
.pv-resposta-a{font-size:1.04rem;color:var(--wf-luz-suave);max-width:24em}
.pv-resposta strong{font-style:normal;font-weight:800;font-size:clamp(1.5rem,2.3vw,2.1rem);letter-spacing:-.03em;line-height:1;color:var(--wf-luz);white-space:nowrap}

.pv-curta blockquote{font-style:normal;font-weight:800;font-size:clamp(1.8rem,2.95vw,2.75rem);line-height:1;letter-spacing:-.032em}
.pv-longa{margin-top:clamp(30px,3.4vw,46px)}
.pv-longa blockquote{font-size:clamp(1.12rem,1.42vw,1.3rem)}
.pv-item{margin-top:clamp(20px,2.4vw,28px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--pv-fio)}

/* a nota chega: o ponto corre a escala até 4,9 */
.pv-nota.wf-visto .pv-escala b{animation:pv-corre 1.2s .3s var(--wf-suave) backwards}
@keyframes pv-corre{from{left:0}}

@media (max-width:899px){
  .pv-topo{grid-template-columns:1fr}
  .pv-nota{max-width:340px}
  .pv-vozes{grid-template-columns:minmax(0,1fr)}
  .pv-colegas{padding-right:0}
  .pv-clientes{padding-left:0;border-left:0;border-top:1px solid var(--pv-fio);margin-top:clamp(40px,7vw,60px)}
}
@media (max-width:619px){
  .pv-rota{gap:10px}
  .pv-par{grid-template-columns:minmax(0,1fr)}
  .pv-diligente{padding-top:22px;border-top:1px solid var(--pv-fio)}
  .pv-resposta{padding:20px 20px 22px}
  .pv-resposta blockquote{grid-template-columns:minmax(0,1fr)}
  .pv blockquote{text-indent:-.4em}
}

/* ===== qm ===== */
/* ===== 06 · Quem vai (qm-) ===== */
.qm-secao{overflow:hidden}
.qm-malha{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(44% 40% at 4% 10%, color-mix(in oklab,var(--wf-lavanda) 58%,var(--wf-papel-claro)) 0, transparent 72%),
    radial-gradient(38% 30% at 30% 92%, color-mix(in oklab,var(--wf-pele) 30%,var(--wf-papel)) 0, transparent 72%),
    radial-gradient(40% 34% at 98% 90%, color-mix(in oklab,var(--wf-grafite) 18%,var(--wf-papel)) 0, transparent 74%);
  -webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.qm-grade{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);grid-template-areas:"abre palco" "tv palco" "cita palco";grid-template-rows:auto auto 1fr;column-gap:clamp(32px,4.6vw,66px);align-items:start}
.qm-feixe{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.qm-feixe-l{fill:none;stroke:var(--wf-tinta-suave);stroke-width:1;stroke-dasharray:1.5 5;stroke-linecap:round;opacity:.85}
.qm-feixe[data-entra]{transform:none}
.qm-abre{grid-area:abre;padding-top:clamp(8px,3vw,44px);position:relative;z-index:1}
.qm-titulo{font-size:clamp(2.6rem,6.3vw,5.9rem);line-height:.96;letter-spacing:-.034em}
.qm-lide{margin-top:clamp(22px,2.6vw,36px);max-width:26.5em;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.45;color:var(--wf-tinta)}
/* o retrato: a parede do estúdio é a malha */
.qm-palco{grid-area:palco;position:relative;z-index:1}
.qm-figura{margin:0}
.qm-quadro{position:relative;isolation:isolate}
.qm-quadro::before{content:"";position:absolute;inset:-16% -30% -4%;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%, #bcc3d9 0, color-mix(in oklab,#bcc3d9 86%,transparent) 44%, transparent 100%)}
.qm-retrato{width:100%;height:auto;filter:saturate(.9) contrast(1.03)}
.qm-mira{position:absolute;width:18px;height:18px;border:1px solid var(--wf-tinta-suave);opacity:.6}
.qm-mira-a{left:0;top:0;border-right:0;border-bottom:0}
.qm-mira-b{right:0;top:0;border-left:0;border-bottom:0}
.qm-cracha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;align-items:baseline;border-top:1px solid var(--wf-tinta);padding-top:14px}
.qm-cracha-nome{display:inline-flex;align-items:center;gap:12px;font-size:1.12rem;letter-spacing:-.01em}
.qm-cracha-nome strong{font-weight:700}
.qm-cracha-fonte{font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.04em;color:var(--wf-tinta-suave)}
.qm-ficha{margin:clamp(20px,2.4vw,30px) 0 0;display:grid;grid-template-columns:auto 1fr;column-gap:clamp(20px,3vw,40px)}
.qm-ficha div{padding:13px 0;border-bottom:1px solid color-mix(in oklab,var(--wf-lavanda) 74%,var(--wf-tinta-suave))}
.qm-ficha div:last-child{border-bottom:0}
.qm-ficha dt{font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave)}
.qm-ficha dd{margin:3px 0 0;font-weight:600;font-size:1.04rem;line-height:1.35}
.qm-ficha dd span{display:block;font-weight:400;color:var(--wf-tinta-suave);font-size:.96rem}
.qm-ficha dd i{font-style:normal;color:var(--wf-ouro-tinta);padding-inline:.15em}
.qm-ficha-oab{grid-row:1/span 3;border-bottom:0 !important;padding-right:clamp(20px,3vw,40px) !important;border-right:1px solid color-mix(in oklab,var(--wf-lavanda) 74%,var(--wf-tinta-suave))}
.qm-ficha-oab dd{font-family:var(--wf-mono);font-weight:500;font-size:clamp(1.7rem,2.6vw,2.3rem);letter-spacing:-.02em;line-height:1.1;margin-top:8px}
.qm-ficha div:not(.qm-ficha-oab){grid-column:2}
/* quadros de TV, pequenos e assumidos */
.qm-tv{grid-area:tv;margin-top:clamp(40px,5vw,72px);position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 172px 168px;column-gap:clamp(16px,2vw,28px);align-items:start}
.qm-tv-texto{padding-top:14px;border-top:1px solid color-mix(in oklab,var(--wf-lavanda) 74%,var(--wf-tinta-suave))}
.qm-tv-texto .wf-texto{margin-top:10px;font-size:1rem}
.qm-tela{margin:0;min-width:0}
.qm-tela-vidro{position:relative;overflow:hidden;border-radius:14px;background:var(--wf-noite);padding:6px;box-shadow:0 26px 40px -26px rgba(20,22,42,.7)}
.qm-tela-vidro img{width:100%;border-radius:9px;filter:grayscale(1) sepia(.35) hue-rotate(190deg) saturate(1.3) contrast(1.06)}
.qm-tela-vidro::after{content:"";position:absolute;inset:6px;border-radius:9px;pointer-events:none;background:repeating-linear-gradient(rgba(20,22,42,.16) 0 1px,transparent 1px 3px)}
/* o trecho do quadro que virou o retrato */
.qm-tela-a .qm-tela-vidro::before{content:"";position:absolute;z-index:1;left:6px;right:6px;top:6px;height:calc((100% - 12px)*.823);border:1px solid var(--wf-ouro);border-radius:9px 9px 0 0;pointer-events:none}
.qm-tela-b{margin-top:46px}
.qm-tela-b img{aspect-ratio:5/4;object-fit:cover;object-position:40% 30%}
.qm-tela figcaption{margin-top:10px;font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.02em;line-height:1.45;color:var(--wf-tinta-suave)}
.qm-tela figcaption b{display:block;font-weight:500;color:var(--wf-tinta);letter-spacing:.06em;text-transform:uppercase}
.qm-cita{grid-area:cita;align-self:end;margin-top:clamp(34px,4vw,56px);padding-left:22px;border-left:2px solid var(--wf-ouro);position:relative;z-index:1}
.qm-cita blockquote{font-size:clamp(1.25rem,2.15vw,1.9rem);line-height:1.24;letter-spacing:-.012em;text-wrap:balance}
.qm-cita figcaption{font-size:.8125rem;margin-top:14px}
.qm-acao{margin:clamp(10px,1.4vw,18px) 0 0}
.qm-retrato{transition:transform 1.2s var(--wf-suave);transform-origin:0 100%}
.qm-figura[data-entra]:not(.wf-visto) .qm-retrato{transform:scale(.94)}
.wf-sem-js .qm-figura .qm-retrato{transform:none !important}
@media (prefers-reduced-motion:reduce){.qm-retrato{transition:none;transform:none !important}}
@media (max-width:999px){
  .qm-grade{grid-template-columns:1fr;grid-template-areas:"abre" "palco" "tv" "cita";grid-template-rows:none}
  .qm-abre{padding-top:0}
  .qm-palco{max-width:540px;margin-top:18px}
  .qm-feixe{display:none}
  .qm-tv{grid-template-columns:minmax(0,200px) minmax(0,188px);justify-content:start}
  .qm-tv-texto{grid-column:1/-1;max-width:33rem;margin-bottom:24px}
  .qm-tela-b{order:1}.qm-tela-a{order:2}
}
@media (max-width:619px){
  .qm-tv{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);column-gap:14px}
  .qm-tela-b{margin-top:34px}
  .qm-ficha-oab{padding-right:18px !important}
  .qm-ficha{column-gap:18px}
}
@media (min-width:1000px) and (max-width:1279px){
  .qm-tv-texto{grid-column:1/-1;max-width:27rem;margin-bottom:24px}
  .qm-tela-b{grid-column:2}.qm-tela-a{grid-column:3}
}

/* ===== ca ===== */
/* ===== 07 · Se o caso é seu (ca-) ===== */
.ca-secao{overflow:clip;padding-bottom:clamp(56px,7vw,96px)}
.ca-malha{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(46% 30% at 14% 16%, color-mix(in oklab,var(--wf-pele) 50%,var(--wf-papel-claro)) 0, transparent 74%),
    radial-gradient(40% 28% at 88% 34%, color-mix(in oklab,var(--wf-pele) 36%,var(--wf-papel)) 0, transparent 74%),
    radial-gradient(40% 24% at 60% 8%, color-mix(in oklab,var(--wf-lavanda) 40%,var(--wf-papel-claro)) 0, transparent 74%),
    linear-gradient(180deg in oklab, transparent 0, color-mix(in oklab,var(--wf-pele) 16%,var(--wf-papel-claro)) 16%, color-mix(in oklab,var(--wf-pele) 22%,var(--wf-papel)) 100%)}
.ca-grade{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"abre abre" "convite areas" "poente poente";column-gap:clamp(32px,5vw,80px);align-items:start}
.ca-abre{grid-area:abre}
.ca-fala blockquote{font-style:normal}
.ca-titulo{font-size:clamp(2rem,4.7vw,4.4rem);line-height:1.02;max-width:17em;text-wrap:balance}
.ca-leve{font-weight:500;letter-spacing:-.03em;color:var(--wf-tinta-suave)}
.ca-fala figcaption{display:flex;align-items:center;gap:12px;margin-top:clamp(20px,2.4vw,30px);font-size:.8125rem}
.ca-fala figcaption b{color:var(--wf-tinta)}
.ca-convite{grid-area:convite;margin-top:clamp(40px,5.6vw,84px);position:sticky;top:clamp(24px,12vh,120px)}
.ca-lide{max-width:19em;font-size:clamp(1.12rem,1.72vw,1.52rem);line-height:1.36;letter-spacing:-.012em;font-weight:500;color:var(--wf-tinta);text-wrap:pretty}
.ca-acao{margin:clamp(22px,2.6vw,32px) 0 0}
.ca-areas{grid-area:areas;list-style:none;margin:clamp(40px,5.6vw,84px) 0 0;padding:0}
.ca-areas li{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:6px 20px;align-items:baseline;padding:clamp(15px,1.7vw,22px) 0;border-top:1px solid color-mix(in oklab,var(--wf-pele) 60%,var(--wf-tinta-suave))}
.ca-areas li:last-child{border-bottom:1px solid color-mix(in oklab,var(--wf-pele) 60%,var(--wf-tinta-suave))}
.ca-area{margin:0;font-family:var(--wf-mono);font-weight:500;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wf-tinta-suave);display:flex;align-items:center;gap:10px}
.ca-area::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--wf-ouro);box-shadow:0 0 0 3px color-mix(in oklab,var(--wf-ouro) 26%,transparent);flex:none;transition:background .6s,box-shadow .6s;transition-delay:calc(var(--i,0)*90ms + .5s)}
/* os pontos acendem um a um, como as comarcas do mapa */
.ca-areas li[data-entra]:not(.wf-visto) .ca-area::before{background:transparent;box-shadow:0 0 0 1px var(--wf-tinta-suave)}
.wf-sem-js .ca-areas li .ca-area::before{background:var(--wf-ouro) !important;box-shadow:0 0 0 3px color-mix(in oklab,var(--wf-ouro) 26%,transparent) !important}
.ca-areas p{margin:0;font-weight:600;font-size:clamp(1.2rem,2.05vw,1.8rem);line-height:1.18;letter-spacing:-.02em;color:var(--wf-tinta);text-wrap:balance}
/* o poente: a placa das perguntas emenda na noite do fecho */
.ca-poente{grid-area:poente;position:relative;margin-top:clamp(56px,7vw,104px)}
.ca-poente::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);top:-22%;bottom:calc(-1*clamp(56px,7vw,96px));pointer-events:none;
  background:linear-gradient(180deg in oklab, transparent 0, color-mix(in oklab,var(--wf-pele) 30%,transparent) 20%, color-mix(in oklab,var(--wf-pele) 66%,var(--wf-lavanda)) 42%, color-mix(in oklab,var(--wf-indigo) 42%,var(--wf-pele)) 62%, color-mix(in oklab,var(--wf-indigo) 82%,var(--wf-noite)) 82%, var(--wf-noite) 100%)}
.ca-placa{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);padding:clamp(24px,4.4vw,60px)}
.ca-placa-titulo{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;letter-spacing:-.024em}
.ca-placa-abre{display:flex;flex-direction:column}
.ca-placa-abre .wf-texto{margin-top:10px}
.ca-outra{margin:auto 0 0;padding-top:24px}
.ca-leitura{margin:0;padding-top:16px;display:flex;align-items:center;gap:14px;font-family:var(--wf-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wf-luz-suave)}
.ca-leitura b{display:block;font-weight:500;color:var(--wf-ouro);margin-top:2px}
.ca-pergunta{border-top:1px solid rgba(189,194,218,.22)}
.ca-pergunta:last-child{border-bottom:1px solid rgba(189,194,218,.22)}
.ca-pergunta summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:12px 0;font-weight:700;font-size:clamp(1.08rem,1.5vw,1.3rem);letter-spacing:-.012em;color:var(--wf-luz)}
.ca-pergunta summary::-webkit-details-marker{display:none}
.ca-pergunta summary i{position:relative;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(189,194,218,.4);transition:background .3s,border-color .3s,transform .4s var(--wf-suave)}
.ca-pergunta summary i::before,.ca-pergunta summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;transition:transform .4s var(--wf-suave)}
.ca-pergunta summary i::after{transform:rotate(90deg)}
.ca-pergunta[open] summary i{background:var(--wf-ouro);border-color:var(--wf-ouro);color:var(--wf-noite)}
.ca-pergunta[open] summary i::after{transform:rotate(0)}
.ca-pergunta summary:hover i{border-color:var(--wf-ouro)}
.ca-pergunta>p{padding:0 54px 22px 0;max-width:36em}
.ca-pergunta[open]>p{animation:ca-abre .5s var(--wf-suave) both}
@keyframes ca-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:899px){
  .ca-grade{grid-template-columns:1fr;grid-template-areas:"abre" "convite" "areas" "poente"}
  .ca-convite{margin-top:clamp(24px,4vw,36px);position:static}
  .ca-lide{max-width:26em}
  .ca-areas{margin-top:clamp(34px,6vw,52px)}
  .ca-placa{grid-template-columns:1fr}
}
@media (max-width:619px){
  .ca-areas li{grid-template-columns:1fr}
  .ca-leitura{padding-top:10px;padding-bottom:18px}
  .ca-outra{padding-top:8px}
  .ca-titulo{line-height:1.1}
  .ca-pergunta>p{padding-right:0}
}
@media (prefers-reduced-motion:reduce){.ca-pergunta[open]>p{animation:none}}
@media (prefers-reduced-motion:reduce){.ca-area::before{transition:none}}

/* ===== fe ===== */
.fe-fecho{overflow:hidden;padding-bottom:0}
.fe-palco{position:relative;align-self:stretch;min-height:clamp(320px,36vw,520px)}
.fe-alvo{position:absolute;left:50%;top:50%;width:min(58vw,820px);transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.fe-etq{position:absolute;left:50%;top:calc(50% + 24px);transform:translateX(-50%);justify-items:center;text-align:center;margin:0;display:grid;gap:3px;font-family:var(--wf-mono);font-size:var(--wf-t-mini);letter-spacing:.05em;text-transform:uppercase;color:var(--wf-luz-suave);white-space:nowrap}
.fe-etq b{font-family:var(--wf-sans);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;text-transform:none;color:var(--wf-noite);background:var(--wf-luz);padding:5px 10px;border-radius:7px}
.fe-aneis circle{fill:none;stroke:rgba(189,194,218,.2);stroke-width:1;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}
.fe-km text{font-family:var(--wf-mono);font-size:13px;fill:rgba(185,190,219,.6);letter-spacing:.06em}
.fe-chega{fill:none;stroke:var(--wf-ouro);stroke-width:1.4;stroke-linecap:round;opacity:.9}
.fe-chega2,.fe-chega3{stroke:var(--wf-luz);opacity:.4}
.fe-halo{fill:rgba(227,166,60,.16);transform-origin:400px 400px;animation:fe-pulso 4.5s ease-in-out infinite}
.fe-pto{fill:var(--wf-ouro)}
.fe-cids line{stroke:rgba(189,194,218,.22);stroke-width:1}
.fe-cids circle{fill:var(--wf-noite);stroke:var(--wf-luz);stroke-width:1.6}
.fe-cids text{font-family:var(--wf-sans);font-size:15px;font-weight:500;fill:var(--wf-luz-suave)}
.fe-chega{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--wf-suave) .2s}
.fe-chega2{transition-delay:.55s}.fe-chega3{transition-delay:.9s}
.fe-palco.wf-visto .fe-chega,.wf-sem-js .fe-chega{stroke-dashoffset:0}
.fe-palco[data-entra]{transform:none}
.fe-cids,.fe-etq{opacity:0;transition:opacity 1s var(--wf-suave) 1.2s}
.fe-palco.wf-visto .fe-cids,.fe-palco.wf-visto .fe-etq,.wf-sem-js .fe-cids,.wf-sem-js .fe-etq{opacity:1}
@keyframes fe-pulso{0%,100%{transform:scale(.7);opacity:.9}50%{transform:scale(1.5);opacity:.25}}
.fe-grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center}
.fe-texto{grid-column:1;grid-row:1}.fe-palco{grid-column:2;grid-row:1}
.fe-titulo{font-size:clamp(2.6rem,6vw,5.6rem)}
.fe-apoio{max-width:26em;margin-top:clamp(18px,2.4vw,30px)}
.fe-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:clamp(22px,3vw,36px) 0 0}
.fe-dados{margin:clamp(40px,6vw,84px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(189,194,218,.2)}
.fe-dados>div{padding:22px clamp(14px,1.8vw,26px) 4px;border-left:1px solid rgba(189,194,218,.14);display:grid;gap:10px;align-content:start}
.fe-dados>div:first-child{border-left:0;padding-left:0}
.fe-dados dt{font-family:var(--wf-mono);font-size:var(--wf-t-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--wf-luz-suave);display:flex;align-items:center;gap:9px}
.fe-dados dt::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wf-ouro)}
.fe-dados dd{margin:0;font-size:1.05rem;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.fe-dados dd span{color:var(--wf-luz-suave);font-weight:400;font-size:.95rem}
.fe-dados a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.fe-dados a:hover{text-decoration:underline;text-decoration-color:var(--wf-ouro)}
.fe-dados .fe-mapa{color:var(--wf-ouro);font-size:.95rem;min-height:40px}
.fe-rodape{margin-top:clamp(48px,6vw,90px);padding-block:26px calc(30px + env(safe-area-inset-bottom));border-top:1px solid rgba(189,194,218,.16);display:grid;grid-template-columns:auto 1fr auto;gap:10px 28px;align-items:baseline;font-size:.9rem;color:var(--wf-luz-suave)}
.fe-rodape p{margin:0}
.fe-marca{font-size:1.02rem;color:var(--wf-luz)}.fe-marca strong{font-weight:700}
.fe-reg{font-family:var(--wf-mono);font-size:var(--wf-t-mini);letter-spacing:.05em;text-transform:uppercase}
.fe-redes{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:flex-end}
.fe-redes a,.fe-selo a{color:var(--wf-luz);text-underline-offset:4px;text-decoration-color:rgba(227,166,60,.7);display:inline-flex;align-items:center;min-height:44px}
.fe-selo{grid-column:1/-1;font-size:.86rem;padding-top:6px}
@media (max-width:899px){
  .fe-grade{grid-template-columns:minmax(0,1fr)}
  .fe-texto,.fe-palco{grid-column:1}.fe-palco{grid-row:1}.fe-texto{grid-row:2}
  .fe-palco{min-height:min(96vw,560px)}
  .fe-alvo{width:min(100vw,640px);left:58%;top:52%}
  .fe-etq{left:58%;top:calc(52% + 24px);transform:translateX(-86%)}
  .fe-etq span,.fe-km text:first-child{display:none}
  .fe-etq b{font-size:.92rem}
  .fe-cids text{font-size:25px}.fe-km text{font-size:22px}
  .fe-dados{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fe-dados>div:nth-child(odd){border-left:0;padding-left:0}
  .fe-dados>div:nth-child(n+3){border-top:1px solid rgba(189,194,218,.14)}
  .fe-rodape{grid-template-columns:minmax(0,1fr)}
  .fe-redes{justify-content:flex-start}
}
@media (max-width:619px){
  .fe-dados{grid-template-columns:minmax(0,1fr)}
  .fe-dados>div{border-left:0;padding-left:0;border-top:1px solid rgba(189,194,218,.14)}
  .fe-dados>div:first-child{border-top:0}
  .fe-rodape{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

/* ===== ajustes da montagem ===== */
:root{--wf-t-mini:.8125rem}
.fe-fecho::before{background-image:none}
.fe-fecho{background-image:linear-gradient(var(--wf-noite) 0,transparent 260px),radial-gradient(50% 60% at 82% 38%,color-mix(in oklab,var(--wf-indigo) 90%,var(--wf-grafite)) 0,transparent 72%),radial-gradient(44% 50% at 8% 92%,#22264a 0,transparent 70%)}
@media (min-width:900px){.fe-km text:last-child{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;animation-delay:0s !important;transition-duration:.01ms !important;transition-delay:0s !important}
  html{scroll-behavior:auto}
  [data-entra]{opacity:1;transform:none}
}