/* ==== an ==== */
/* 045° · Por que antes (noite) */
.an-sec{background:var(--wf-noite);--an-g:clamp(2.5rem,6vw,6rem);--an-ly:2.6rem;--an-rh:4.4rem}
.an-fundo{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 14% 62% in oklab,#0d2f52 0%,rgba(13,47,82,0) 48%),radial-gradient(circle at 92% 90% in oklab,#0e3157 0%,rgba(14,49,87,0) 46%)}
.an-topo{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:1.5rem var(--an-g);align-items:end}
.an-topo .wf-lede{margin:0 0 .35rem;max-width:none}
.an-tempo{position:relative;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-areas:"regua regua" "antes depois" "fecho fecho";gap:0 var(--an-g);margin-top:clamp(5.5rem,9vw,8rem)}

/* a régua: o tempo, com o pedido no meio */
.an-regua{grid-area:regua;position:relative;height:var(--an-rh);--an-nx:calc((100% - var(--an-g))*.655172 + var(--an-g)/2)}
.an-regua-antes,.an-regua-depois{position:absolute;top:var(--an-ly);height:15px}
.an-regua-antes{left:-50vw;width:calc(50vw + var(--an-nx));transform-origin:left;transform:scaleX(0);transition:transform 1.3s var(--wf-curva);
  background:linear-gradient(var(--wf-ouro),var(--wf-ouro)) 0 0/100% 1.5px no-repeat,
    repeating-linear-gradient(270deg,rgba(196,158,91,.9) 0 1px,transparent 1px 120px) 100% 0/100% 100% no-repeat,
    repeating-linear-gradient(270deg,rgba(196,158,91,.55) 0 1px,transparent 1px 24px) 100% 0/100% 7px no-repeat}
.an-regua-depois{left:calc(var(--an-nx) + 15.5rem);right:-50vw;opacity:0;transition:opacity 1s ease 1.1s;
  background:repeating-linear-gradient(90deg,rgba(233,211,166,.6) 0 7px,transparent 7px 15px) 0 0/100% 1.5px no-repeat}
.an-regua-aro{position:absolute;left:var(--an-nx);top:var(--an-ly);width:66rem;height:66rem;margin:-33rem;border-radius:50%;z-index:-1;pointer-events:none;
  border:1px dashed rgba(233,211,166,.13);opacity:0;transition:opacity 1.6s ease .6s}
.an-no{position:absolute;left:var(--an-nx);top:var(--an-ly);margin:0;display:flex;align-items:center;gap:1.3rem;transform:translate(-20px,-50%);white-space:nowrap;
  font-size:.98rem;color:var(--wf-noite-texto-2);opacity:0;transition:opacity .6s ease .9s}
.an-no b{font-family:var(--wf-titulo);font-weight:700;font-size:1.12rem;letter-spacing:.01em;color:var(--wf-noite-texto);margin-right:.2em}
.an-no-txt{padding:.25rem 0}
.an-no-aro{flex:none;width:40px;height:40px;border-radius:50%;background:var(--wf-noite);border:1.5px solid var(--wf-ouro);
  box-shadow:0 0 0 8px rgba(196,158,91,.13),0 0 34px 6px rgba(196,158,91,.22),inset 0 0 0 10px var(--wf-noite),inset 0 0 0 20px var(--wf-ouro)}
.an-regua.wf-on .an-regua-antes{transform:none}
.an-regua.wf-on .an-regua-depois,.an-regua.wf-on .an-no,.an-regua.wf-on .an-regua-aro{opacity:1}
.sem-js .an-regua-antes{transform:none}.sem-js .an-regua-depois,.sem-js .an-no,.sem-js .an-regua-aro{opacity:1}

.an-antes{grid-area:antes;min-width:0;position:relative}
.an-depois{grid-area:depois;min-width:0;position:relative;padding-top:2.2rem}
.an-depois .an-marco{position:static;margin:0 0 1.4rem}
.an-marco{position:absolute;left:0;bottom:calc(100% + var(--an-rh) - var(--an-ly) + 1.1rem);font-family:var(--wf-titulo);font-weight:700;font-size:1.25rem;line-height:1.2;margin:0;color:var(--wf-noite-texto)}
.an-marco .wf-rotulo{display:block;margin-bottom:.4rem;font-size:.82rem}

/* as falas: folhas penduradas na régua, cada uma na sua data */
.an-folhas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1rem;align-items:start}
.an-folha{grid-row:1;min-width:0;padding:1rem 1.15rem 1.2rem;margin-top:var(--an-mt);
  --an-r:0deg;--an-mt:2.2rem;--an-fx:2.2rem;--an-fio:calc(var(--an-rh) - var(--an-ly) + var(--an-mt));
  transform-origin:var(--an-fx) calc(var(--an-fio)*-1)}
.an-folha.wf-rev{transform:rotate(calc(var(--an-r) + 3deg));transition:opacity .8s var(--wf-curva),transform 1.6s var(--wf-curva);transition-delay:var(--wf-atraso,0s)}
.an-folha.wf-rev.wf-on,.sem-js .an-folha.wf-rev{transform:rotate(var(--an-r))}
.an-folha::before{content:"";position:absolute;left:var(--an-fx);bottom:100%;width:1px;height:var(--an-fio);background:linear-gradient(rgba(196,158,91,.95),rgba(196,158,91,.5))}
.an-folha::after{content:"";position:absolute;left:var(--an-fx);bottom:calc(100% + var(--an-fio));width:9px;height:9px;margin:0 0 -5px -4px;border-radius:50%;background:var(--wf-ouro);box-shadow:0 0 0 4px var(--wf-noite)}
.an-folha blockquote p{font-style:italic;font-size:1.08rem;line-height:1.4;margin:.7rem 0 0;color:var(--wf-tinta)}
.an-linhas{display:grid;gap:.5rem;margin-top:1.2rem}
.an-linhas .wf-linha:nth-child(1){width:78%}.an-linhas .wf-linha:nth-child(2){width:56%}.an-linhas .wf-linha:nth-child(3){width:66%}
.an-f1{grid-column:1/5;--an-r:-1deg}
.an-f3{grid-column:5/9;--an-mt:3.6rem;--an-r:.9deg}
.an-f5{grid-column:9/13;--an-mt:2.8rem;--an-r:-.8deg}
.an-f2{grid-column:1/8;--an-mt:17.5rem;--an-fx:calc(57.14% + .07rem);--an-r:.5deg;padding:1.3rem 1.6rem 1.6rem}
.an-f2 blockquote p{font-family:var(--wf-titulo);font-style:normal;font-weight:600;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.14;letter-spacing:-.015em;margin-top:.9rem}
.an-f4{grid-column:8/13;--an-mt:19.2rem;--an-fx:calc(20% - .3rem);--an-r:-.6deg}
@media (min-width:1300px){.an-f2{--an-mt:15rem}.an-f4{--an-mt:16.4rem}}
.an-fonte{margin-top:2.4rem;font-size:.92rem;color:var(--wf-noite-texto-2)}

/* depois: o texto e a viagem dos papéis */
.an-p{font-size:1.06rem;line-height:1.6;color:var(--wf-noite-texto-2);margin:0 0 1rem}
.an-viagem{margin:1.8rem 0 0;padding:1.3rem 1.3rem 1.1rem;border:1px solid rgba(233,211,166,.22);border-radius:var(--wf-raio);background:rgba(11,42,74,.6)}
.an-via-pista{position:relative;height:84px}
.an-via-fio{position:absolute;left:70px;right:112px;top:50%;height:0;border-top:1.5px dashed rgba(233,211,166,.55)}
.an-via-pilha{position:absolute;top:8px;left:0;width:64px;height:68px}
.an-via-pilha i{position:absolute;left:0;top:8px;width:42px;height:54px;border-radius:4px;background-color:var(--wf-papel);box-shadow:0 6px 12px -6px rgba(0,0,0,.6);
  background-image:linear-gradient(#dfe6f6,#dfe6f6),linear-gradient(#dfe6f6,#dfe6f6),linear-gradient(#dfe6f6,#dfe6f6);background-repeat:no-repeat;background-size:60% 3px,40% 3px,52% 3px;background-position:7px 32px,7px 39px,7px 46px}
.an-via-pilha i:nth-child(2){left:10px;top:4px;transform:rotate(4deg)}
.an-via-pilha i:nth-child(3){left:20px;top:0;transform:rotate(-3deg)}
.an-via-origem i{background:none;box-shadow:none;border:1px solid rgba(233,211,166,.4)}
.an-via-anda{left:0;transition:left 2.2s var(--wf-curva) .5s}
.an-via-tarde{position:absolute;right:0;top:12px;width:42px;height:54px;border-radius:4px;border:1.5px dashed var(--wf-ouro);background:rgba(196,158,91,.1);opacity:0;transform:rotate(5deg);transition:opacity .7s ease 2.5s}
.an-viagem.wf-on .an-via-anda,.sem-js .an-via-anda{left:calc(100% - 116px)}
.an-viagem.wf-on .an-via-tarde,.sem-js .an-via-tarde{opacity:1}
.an-via-legenda{display:flex;justify-content:space-between;gap:1rem;margin-top:.6rem;font-family:var(--wf-titulo);font-weight:700;font-size:.8rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--wf-ouro-claro)}
.an-via-legenda span+span{text-align:right}
.an-viagem figcaption{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(233,211,166,.16);font-size:.88rem;line-height:1.45;color:var(--wf-noite-texto-2)}
.an-fala{grid-area:fecho;margin:clamp(3rem,6vw,5rem) 0 0;padding:.2rem 0 .2rem clamp(1.2rem,2.4vw,2rem);border-left:2px solid var(--wf-ouro);max-width:50rem}
.an-fala blockquote p{font-style:italic;font-size:clamp(1.25rem,2.1vw,1.85rem);line-height:1.35;color:var(--wf-noite-texto);text-wrap:balance}
.an-fala figcaption{margin-top:.7rem;font-size:.9rem;color:var(--wf-noite-texto-2)}

/* tablet e celular: a régua fica em pé, à esquerda das folhas */
@media (max-width:1100px){
  .an-sec{--an-ly:1.9rem;--an-rh:4.6rem}
  .an-topo{grid-template-columns:minmax(0,1fr)}
  .an-tempo{grid-template-columns:minmax(0,1fr);grid-template-areas:"antes" "regua" "depois" "fecho";margin-top:2.8rem}
  .an-marco{position:static;margin:0 0 1.5rem}
  .an-regua{--an-nx:8px}
  .an-regua-aro{display:none}
  .an-trilha{position:relative;padding-left:2.1rem;max-width:36rem}
  .an-trilha::before{content:"";position:absolute;left:8px;top:0;bottom:calc(var(--an-ly)*-1);width:15px;
    background:linear-gradient(var(--wf-ouro),var(--wf-ouro)) 0 0/1.5px 100% no-repeat,
      repeating-linear-gradient(180deg,rgba(196,158,91,.55) 0 1px,transparent 1px 24px) 0 0/7px 100% no-repeat}
  .an-folhas{grid-template-columns:minmax(0,1fr);row-gap:1.1rem}
  .an-folha{grid-column:1!important;grid-row:auto;margin:0 var(--an-md,0) 0 0;transform-origin:0 1.75rem}
  .an-folha::before{left:calc(8px - 2.1rem);bottom:auto;top:1.75rem;width:calc(2.1rem - 8px);height:1px;background:rgba(196,158,91,.8)}
  .an-folha::after{left:calc(8px - 2.1rem);bottom:auto;top:1.75rem;margin:-4px 0 0 -4px}
  .an-f1{--an-md:1.6rem}.an-f3{--an-md:2.6rem}.an-f4{--an-md:.8rem}.an-f5{--an-md:1.8rem}
  .an-f2{padding:1.15rem 1.2rem 1.4rem}
  .an-fonte{margin-top:1.6rem}
  .an-depois{padding-top:0;max-width:36rem}
  .an-regua-antes{display:none}
  .an-no{transform:translate(-20px,-50%)}
}

/* ==== vo ==== */
/* 090° · A volta inteira (lilás) */
.vo-sec{background:var(--wf-lilas)}
.vo-fundo{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 22% 62% in oklab,#ffffff 0%,rgba(255,255,255,0) 42%),radial-gradient(circle at 96% 8% in oklab,#d5e1fb 0%,rgba(213,225,251,0) 46%),radial-gradient(circle at 70% 100% in oklab,#faf6f0 0%,rgba(250,246,240,0) 50%)}
.vo-grade{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-areas:"topo topo" "palco folhas" "fecho fecho";gap:0 clamp(2rem,4.5vw,4.5rem);align-items:center}
.vo-topo{grid-area:topo;min-width:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:1.2rem clamp(2rem,4.5vw,4.5rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
.vo-topo .wf-lede{margin:0 0 .3rem}
.vo-palco{grid-area:palco;min-width:0;position:relative}
.vo-folhas{grid-area:folhas;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);position:relative;--vo-dir:1}
.vo-folhas::before,.vo-folhas::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--wf-raio);background:var(--wf-papel);border:1px solid rgba(5,28,50,.1);box-shadow:0 14px 26px -16px rgba(5,28,50,.3)}
.vo-folhas::before{transform:rotate(1.7deg) translate(6px,5px)}
.vo-folhas::after{transform:rotate(-1.1deg) translate(-4px,7px)}
.vo-fecho{grid-area:fecho}

/* o mostrador */
.vo-disco{position:relative;height:420px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.vo-disco.vo-arrasta{cursor:grabbing}
.vo-chao{position:absolute;left:50%;top:var(--vo-cy,60%);width:118%;aspect-ratio:2/1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side in oklab,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,0) 100%)}
.vo-aro{position:absolute;left:50%;top:var(--vo-cy,60%);width:1px;height:1px;overflow:visible;pointer-events:none}
.vo-aro-fio{fill:none;stroke:var(--wf-ouro);stroke-width:1.4}
.vo-aro-dentro{fill:none;stroke:rgba(5,28,50,.16);stroke-width:1;stroke-dasharray:2 7}
.vo-aro-marcas{fill:none;stroke:var(--wf-ouro);stroke-width:1.1}
.vo-aro-mira{fill:none;stroke:var(--wf-ouro);stroke-width:2;stroke-linecap:round}
.vo-aro-ponto{fill:var(--wf-ouro)}
.vo-leitura{position:absolute;left:50%;top:var(--vo-ly,40%);z-index:1;transform:translate(-50%,-50%);margin:0;text-align:center;pointer-events:none;white-space:nowrap}
.vo-leitura b{display:block;font-family:var(--wf-titulo);font-weight:800;font-size:var(--vo-lf,2.5rem);line-height:1;letter-spacing:-.01em;color:var(--wf-ouro-texto);font-variant-numeric:tabular-nums}
.vo-leitura span{display:block;margin-top:.35rem;font-size:.9rem;color:var(--wf-tinta-2)}
.vo-leitura i{font-style:normal;font-weight:700;color:var(--wf-tinta)}
.vo-aba{position:absolute;left:50%;top:0;width:var(--vo-cw,112px);height:var(--vo-ch,140px);padding:10px 10px 10px;margin:0;display:flex;flex-direction:column;
  font:inherit;text-align:left;cursor:pointer;transform-origin:50% 100%;will-change:transform;-webkit-tap-highlight-color:transparent}
.vo-aba strong{display:block;margin:8px 0 auto;font-family:var(--wf-titulo);font-weight:700;font-size:15px;line-height:1.1;letter-spacing:-.01em}
.vo-aba--curta strong{font-size:22px}
.vo-aba .wf-folha-n{font-size:14.6px;line-height:1}
.vo-aba:not(.vo-sel) .wf-folha-n{color:var(--wf-tinta-2)}
.vo-aba-l{display:grid;gap:6px}
.vo-aba-l .wf-linha:nth-child(1){width:90%}.vo-aba-l .wf-linha:nth-child(2){width:64%}.vo-aba-l .wf-linha:nth-child(3){width:78%}
.vo-aba::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:#eef0f8;opacity:var(--vo-nevoa,0);pointer-events:none}
.vo-aba.vo-sel{border-color:var(--wf-ouro);box-shadow:0 0 0 1.5px var(--wf-ouro),0 26px 36px -16px rgba(5,28,50,.45),0 2px 5px rgba(5,28,50,.08)}
.vo-aba:hover{border-color:rgba(196,158,91,.8)}
.vo-aba:focus-visible{outline:3px solid var(--wf-tinta);outline-offset:3px}
.vo-comando{position:relative;z-index:400;display:flex;justify-content:space-between;margin-top:-58px;pointer-events:none}
.vo-seta{pointer-events:auto;width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--wf-tinta);background:rgba(255,255,255,.7);color:var(--wf-tinta);cursor:pointer;transition:background .2s,color .2s}
.vo-seta svg{width:22px;height:22px}
.vo-seta:hover{background:var(--wf-tinta);color:var(--wf-creme)}
.vo-dica{margin-top:.9rem;text-align:center;font-size:.92rem;color:var(--wf-tinta-2)}
.vo-dica-m{display:none}

/* mostrador pequeno (o JS liga .vo-peq quando o aro tem menos de 480 px) */
.vo-peq .vo-aba{padding:7px 7px 8px}
.vo-peq .vo-aba strong{font-family:var(--wf-texto);font-size:12.8px;line-height:1.12;margin-top:5px;letter-spacing:0}
.vo-peq .vo-aba--curta strong{font-family:var(--wf-titulo);font-size:19px}
.vo-peq .vo-aba .wf-folha-n{font-size:12.8px;line-height:1}
.vo-peq .vo-aba .wf-folha-n::after{width:22px}
.vo-peq .vo-aba-l{gap:5px}
.vo-peq .vo-so-g,.vo-peq .vo-leitura{display:none}

/* a folha aberta */
.vo-folha{grid-area:1/1;min-width:0;padding:clamp(1.4rem,2.6vw,2.4rem);display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .22s ease,visibility 0s .22s;
  border-color:rgba(196,158,91,.75);box-shadow:0 0 0 1px rgba(196,158,91,.55),var(--wf-sombra-folha)}
.vo-folha.vo-ativa{visibility:visible;opacity:1;transition:none;animation:vo-entra .6s var(--wf-curva) both}
@keyframes vo-entra{from{opacity:0;transform:translateX(calc(var(--vo-dir)*26px)) rotate(calc(var(--vo-dir)*.9deg))}to{opacity:1;transform:none}}
.vo-folha-n{font-size:.9rem}
.vo-folha-n i{font-style:normal;font-weight:400;color:var(--wf-tinta-2);letter-spacing:.02em}
.vo-folha-n::after{display:none}
.vo-grau-n{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--wf-titulo);font-weight:700;letter-spacing:.04em}
.vo-mini{width:34px;height:34px;flex:none}
.vo-nome{margin:1.1rem 0 0;font-family:var(--wf-titulo);font-weight:600;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.02;letter-spacing:-.025em}
.vo-corpo{margin-top:1.6rem;display:grid;gap:1.3rem}
.vo-rot{margin:0 0 .35rem;font-size:.82rem}
.vo-orig{font-family:var(--wf-texto);font-weight:400;letter-spacing:0;text-transform:none;color:var(--wf-tinta-2)}
.vo-txt{font-size:1.12rem;line-height:1.5;color:var(--wf-tinta)}
.vo-txt--fala{font-style:italic}
.vo-bloco--procura{padding-left:1rem;border-left:3px solid var(--wf-ouro)}
.vo-fala{margin:1.6rem 0 0;padding:1.1rem 1.2rem;border-radius:var(--wf-raio);background:var(--wf-linho-claro)}
.vo-fala blockquote p{font-style:italic;font-size:1.08rem;line-height:1.45}
.vo-fala figcaption{margin-top:.5rem;font-size:.88rem;color:var(--wf-tinta-2)}
.vo-des{margin:auto 0 0;padding-top:1.7rem}
.vo-des svg{display:block;width:100%;height:auto;padding-top:1.4rem;border-top:1px dashed rgba(5,28,50,.2);overflow:visible}
.vo-des figcaption{margin-top:.6rem;font-size:.88rem;line-height:1.45;color:var(--wf-tinta-2)}
.vo-des figcaption b{font-weight:700;color:var(--wf-ouro-texto)}
.vo-fecho{margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.6rem;border-top:1px solid rgba(196,158,91,.6);font-family:var(--wf-titulo);font-weight:600;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.15;letter-spacing:-.015em;max-width:40rem}
.vo-fecho strong{font-weight:700}
.vo-fecho{max-width:none;display:flex;align-items:center;gap:1rem}
.vo-fecho-aro{width:2.6rem;height:2.6rem;flex:none}
.vo-sel .wf-folha-n{color:var(--wf-tinta)}

/* sem JS: lista simples */
.sem-js .vo-palco{display:none}
.sem-js .vo-folha{grid-area:auto;visibility:visible;opacity:1;animation:none;margin-bottom:1rem}
.sem-js .vo-folhas::before,.sem-js .vo-folhas::after{display:none}

@media (max-width:900px){
  .vo-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"topo" "palco" "folhas" "fecho"}
  .vo-topo{grid-template-columns:minmax(0,1fr);margin-bottom:1.4rem}
  .vo-grade{align-items:start}
  .vo-folhas{margin-top:1.6rem}
  .vo-folha:not(.vo-ativa){display:none}
  .sem-js .vo-folha:not(.vo-ativa){display:flex}
  .vo-des{margin-top:.4rem}
  .vo-fecho{align-items:flex-start}
  .vo-fecho-aro{width:2.2rem;height:2.2rem;margin-top:.1rem}
  .vo-seta{width:48px;height:48px}
  .vo-dica-d{display:none}.vo-dica-m{display:inline}
}

/* ==== pq ==== */
/* 135° · Para quem (creme) */
.pq{background:
  radial-gradient(60rem 34rem at 8% 6% in oklab,rgba(213,225,251,.6) 0%,rgba(213,225,251,0) 70%),
  radial-gradient(46rem 30rem at 96% 62% in oklab,rgba(244,236,221,.9) 0%,rgba(244,236,221,0) 70%),
  var(--wf-creme)}
.pq-corpo{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(2.5rem,6vw,6.5rem);align-items:start}
.pq-topo,.pq-lista,.pq-familia{grid-column:2;min-width:0}
.pq-topo{padding-bottom:clamp(2.5rem,5vw,4rem)}

/* palco: ela dentro do aro; os quatro pontos da frente são as quatro situações */
.pq-palco{grid-column:1;grid-row:1/4;min-width:0;position:sticky;top:clamp(.5rem,5vh,3.5rem)}
.pq-fig{position:relative;margin:0 0 3.4rem;display:flex;justify-content:center;align-items:flex-end}
.pq-fig::before{content:"";position:absolute;left:50%;bottom:-14%;width:124%;aspect-ratio:1.7/1;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side in oklab,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%)}
.pq-fig img{position:relative;z-index:1;display:block;width:min(27rem,90%);height:auto;
  -webkit-mask-image:linear-gradient(#000 80%,transparent 99%);mask-image:linear-gradient(#000 80%,transparent 99%)}
.pq-aro{position:absolute;left:50%;bottom:-3.2rem;width:122%;max-width:none;height:auto;transform:translateX(-50%);overflow:visible;pointer-events:none}
.pq-aro--frente{z-index:2}
.pq-aro path,.pq-aro ellipse{fill:none;stroke:var(--wf-ouro);stroke-width:1.3}
.pq-aro .pq-aro-in{stroke:rgba(5,28,50,.16);stroke-width:1;stroke-dasharray:2 7}
.pq-pt-c{fill:var(--wf-ouro);stroke:var(--wf-creme);stroke-width:2;transition:r .5s var(--wf-curva),fill .5s}
.pq-pt-h{fill:none;stroke:var(--wf-ouro);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .5s,transform .6s var(--wf-curva)}
.pq-nav{display:grid;gap:0;max-width:19rem;margin:0 auto}
.pq-nav a{position:relative;display:flex;align-items:center;min-height:2.5rem;padding-left:1.3rem;text-decoration:none;font-size:1rem;line-height:1.25;color:var(--wf-tinta-2);transition:color .3s}
.pq-nav a::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:rgba(5,28,50,.25);transition:background .3s,transform .3s}
.pq-nav a:hover{color:var(--wf-tinta)}
@media (min-width:901px){
  .pq-palco[data-ativo] .pq-pt-c{fill:var(--wf-creme);stroke:var(--wf-ouro);stroke-width:1.5;r:4.5px}
  .pq-palco[data-ativo] .pq-pt.pq-on .pq-pt-c{fill:var(--wf-ouro);stroke:var(--wf-creme);stroke-width:2;r:7px}
  .pq-palco[data-ativo] .pq-pt.pq-on .pq-pt-h{opacity:.7;transform:none}
  .pq-nav a[aria-current]{color:var(--wf-tinta);font-weight:700}
  .pq-nav a[aria-current]::before{background:var(--wf-ouro);transform:scale(1.45)}
}

/* as quatro situações */
.pq-lista{border-top:1px solid rgba(5,28,50,.12)}
.pq-caso{padding:clamp(2.5rem,5vw,4.2rem) 0;border-bottom:1px solid rgba(5,28,50,.12);scroll-margin-top:1.5rem}
.pq-h{margin:0;font:inherit}
.pq-quem{display:flex;align-items:center;gap:.7rem;font-family:var(--wf-titulo);font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ouro-texto)}
.pq-mini{width:2rem;height:2rem;flex:none}
.pq-mini circle{fill:none;stroke:rgba(5,28,50,.16);stroke-width:1.5}
.pq-mini-q{fill:none;stroke:var(--wf-ouro);stroke-width:6;stroke-linecap:round}
.pq-perg{display:block;margin-top:1rem;font-family:var(--wf-titulo);font-weight:600;font-size:clamp(1.6rem,2.75vw,2.55rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.pq-caso>.wf-p{margin-top:1.3rem;max-width:36rem}
.pq-fala{margin:1.6rem 0 0;padding-left:1.1rem;border-left:2px solid var(--wf-ouro);max-width:35rem}
.pq-fala p{font-style:italic;font-size:1.08rem;line-height:1.55;color:var(--wf-tinta)}
.pq-fala p+p{margin-top:.7rem}
.pq-fala footer{margin-top:.6rem;font-size:.85rem;color:var(--wf-tinta-2)}

.pq-des{position:relative;margin-top:2.2rem}
.pq-ilus{margin-top:1rem;font-size:.8rem;letter-spacing:.04em;color:var(--wf-tinta-2);text-align:right}

/* etiqueta: o ponto que ela olha em cada documento */
.pq-alvo{position:relative;display:block}
.pq-tag{position:absolute;left:40%;top:calc(100% + 13px);z-index:3;white-space:nowrap;padding:.28rem .65rem .3rem .55rem;border-radius:999px;background:var(--wf-tinta);color:var(--wf-creme);font-size:.8rem;line-height:1.2;letter-spacing:.01em;box-shadow:0 8px 16px -8px rgba(5,28,50,.5)}
.pq-tag::before{content:"";position:absolute;left:1.1rem;bottom:100%;width:1.5px;height:11px;background:var(--wf-ouro)}
.pq-tag--regua{left:24%;top:1.45rem}
.pq-leque-f .pq-alvo{margin-top:.7rem}
.pq-leque-f .pq-tag{left:6%;right:auto}
.pq-leque-f .pq-tag::before{left:1.1rem;right:auto}
.pq-leque-f .pq-alvo .wf-linha{margin-top:0}
.pq-leque-f .pq-alvo+.wf-linha{margin-top:2.6rem}

/* saúde: calendário de plantões + PPP */
.pq-plantao{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;max-width:31rem}
.pq-plantao .pq-ilus{grid-column:1/-1;margin-top:1.8rem}
.pq-cal{padding:1rem 1rem .9rem;transform:rotate(-2deg)}
.pq-cal-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:.8rem}
.pq-cal-dias b{font-family:var(--wf-titulo);font-size:.8rem;font-weight:700;color:var(--wf-tinta-2);text-align:center}
.pq-cal-dias i{aspect-ratio:1;border-radius:4px;background:#eef1f8}
.pq-cal-dias i.pq-d{background:var(--wf-linho)}
.pq-cal-dias i.pq-n{background:var(--wf-tinta)}
.pq-cal-leg{display:flex;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.8rem;color:var(--wf-tinta-2)}
.pq-cal-leg i{width:.8rem;height:.8rem;border-radius:3px;background:var(--wf-linho)}
.pq-cal-leg i.pq-n{background:var(--wf-tinta);margin-left:.6rem}
.pq-ppp{padding:1rem 1rem 2.6rem;margin-left:-1.4rem;margin-bottom:-1.2rem;transform:rotate(3deg);z-index:1}
.pq-ppp strong,.pq-leque-f strong,.pq-regua strong{display:block;margin:.6rem 0 .5rem;font-family:var(--wf-titulo);font-weight:700;font-size:1.5rem;line-height:1.05}
.pq-campo{display:block;margin:.8rem 0 .35rem;font-size:.8rem;color:var(--wf-tinta-2)}
.pq-campo--ouro{color:var(--wf-ouro-texto);font-weight:700}

/* PCD: duas linhas correndo juntas */
.pq-duas{padding:1.1rem 1.6rem 1.1rem 1.2rem;max-width:33rem;transform:rotate(-1deg)}
.pq-duas-l{position:relative;height:3px;border-radius:2px;background:var(--wf-tinta);margin-top:3.2rem}
.pq-duas-l span{position:absolute;left:0;bottom:.55rem;font-family:var(--wf-titulo);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.pq-duas-l--trab::after{content:"";position:absolute;left:100%;top:50%;border-left:11px solid var(--wf-tinta);border-top:7px solid transparent;border-bottom:7px solid transparent;transform:translate(-2px,-50%)}
.pq-duas-l--ben{margin-left:44%;background:var(--wf-ouro)}
.pq-duas-l--ben::before{content:"";position:absolute;left:0;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);background:var(--wf-papel);border:3px solid var(--wf-ouro)}
.pq-duas-l--ben::after{content:"";position:absolute;left:100%;top:50%;border-left:11px solid var(--wf-ouro);border-top:7px solid transparent;border-bottom:7px solid transparent;transform:translate(-2px,-50%)}
.pq-duas-l--ben span{left:1rem;color:var(--wf-ouro-texto)}
.pq-duas-m{margin:.8rem 0 0 44%;font-size:.85rem;color:var(--wf-tinta-2)}

/* acidente: folhas em leque */
.pq-leque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:29rem;margin-left:auto}
.pq-leque .pq-ilus{grid-column:1/-1;margin-top:1.8rem}
.pq-leque-f{padding:1rem 1rem 1.4rem;min-height:13.5rem}
.pq-leque-f .wf-linha{margin-top:.7rem}
.pq-leque-f em{display:block;font-style:normal;font-size:.8rem;line-height:1.3;color:var(--wf-tinta-2);margin-bottom:1rem}
.pq-leque-f--b{transform:rotate(-6deg) translate(1.2rem,.4rem)}
.pq-leque-f--a{transform:rotate(4deg) translate(-.6rem,1rem);z-index:1}

/* 45+: a folha do CNIS com duas réguas */
.pq-regua{padding:1.1rem 1.3rem 1rem;max-width:34rem;transform:rotate(.8deg)}
.pq-regua-r{font-size:.85rem;color:var(--wf-tinta-2);margin:1rem 0 .5rem}
.pq-regua-t{position:relative;height:1.5rem;background:repeating-linear-gradient(90deg,rgba(5,28,50,.28) 0 1px,transparent 1px 5%) 0 100%/100% 6px no-repeat}
.pq-regua-t i{position:absolute;top:0;height:.75rem;border-radius:3px;background:var(--wf-tinta)}
.pq-regua-t--cnis i{background:#9fb1d4}
.pq-regua-t i.pq-falta{background:none;border:1.5px dashed var(--wf-ouro)}
.pq-regua-t--cnis{margin-bottom:2.2rem}
.pq-regua-pe{display:flex;justify-content:space-between;font-size:.8rem;color:var(--wf-tinta-2);margin-top:.5rem}

.pq-familia{display:flex;gap:.9rem;align-items:flex-start;margin-top:2.2rem;font-size:1.06rem;line-height:1.6;color:var(--wf-tinta-2);max-width:37rem}
.pq-familia svg{width:2rem;height:2rem;flex:none;margin-top:.1rem}
.pq-familia svg circle{fill:none;stroke:var(--wf-ouro);stroke-width:1.2;stroke-dasharray:2 3}
.pq-familia svg .pq-familia-p{fill:var(--wf-ouro);stroke:none}
.pq-familia b{color:var(--wf-tinta)}

@media (max-height:720px){.pq-palco{position:static}}
@media (max-width:900px){
  .pq-corpo{display:block}
  .pq-topo{padding-bottom:1rem}
  .pq-palco{position:static}
  .pq-fig{margin-bottom:2.6rem}
  .pq-fig img{width:min(18.5rem,78%)}
  .pq-aro{width:104%;bottom:-2rem}
  .pq-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;max-width:none;padding-bottom:1.8rem}
  .pq-nav a{min-height:3.25rem;padding:.4rem .7rem .4rem 1.6rem;border:1px solid rgba(5,28,50,.14);border-radius:var(--wf-raio);background:rgba(255,253,249,.7);font-size:.95rem;color:var(--wf-tinta)}
  .pq-nav a::before{left:.7rem;background:var(--wf-ouro)}
  .pq-leque{margin-left:0}
  .pq-tag{left:auto;right:0}
  .pq-tag::before{left:auto;right:1.6rem}
  .pq-leque-f .pq-tag{left:0;right:auto}
  .pq-leque-f .pq-tag::before{left:1.1rem;right:auto}
  .pq-tag--regua{left:24%;right:auto}
  .pq-tag--regua::before{left:1.1rem;right:auto}
}

/* ==== cf ==== */
/* 180° · Como funciona a Análise 360° (linho) */
.cf{background:
  radial-gradient(44rem 34rem at 78% 42% in oklab,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 70%),
  radial-gradient(40rem 30rem at 0% 100% in oklab,rgba(250,246,240,.9) 0%,rgba(250,246,240,0) 70%),
  radial-gradient(36rem 26rem at 100% 0% in oklab,rgba(213,225,251,.9) 0%,rgba(213,225,251,0) 70%),
  var(--wf-linho-claro)}
.cf-corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"topo topo" "lado peca" "acao acao";column-gap:clamp(2.5rem,6vw,6rem);align-items:center}
.cf-topo{grid-area:topo;min-width:0}
.cf-topo .wf-h2{max-width:34ch}
.cf-lado{grid-area:lado;min-width:0}
.cf-peca{grid-area:peca;min-width:0}
.cf-acao{grid-area:acao;min-width:0}

/* os quatro tempos: o texto numa coluna só; os pontos andam sobre a meia-volta que o JS desenha */
.cf-tempos{--cf-rx:4rem;position:relative;margin-top:clamp(2.8rem,5vw,4.2rem);padding-left:.7rem;display:grid;gap:2.3rem}
.cf-tempo{position:relative;padding-left:calc(var(--cf-rx) + 2rem);min-width:0}
.cf-ponto{position:absolute;left:var(--cf-x,0px);top:.1rem;width:1.15rem;height:1.15rem;margin-left:-.575rem;border-radius:50%;background:var(--wf-linho-claro);border:1.5px solid var(--wf-ouro);z-index:1;transition:background .5s var(--wf-curva),box-shadow .5s var(--wf-curva)}
.cf-tempo:nth-child(2) .cf-ponto,.cf-tempo:nth-child(3) .cf-ponto{left:var(--cf-x,calc(var(--cf-rx)*.85))}
.cf-tempo.cf-on .cf-ponto,.sem-js .cf-ponto{background:var(--wf-ouro);box-shadow:0 0 0 5px rgba(196,158,91,.22)}
.cf-tempo::before{content:"";position:absolute;left:calc(var(--cf-x,0px) + .9rem);right:calc(100% - var(--cf-rx) - 1.5rem);top:.65rem;border-top:1px dashed rgba(5,28,50,.28)}
.cf-arco{position:absolute;left:.7rem;top:0;overflow:visible;pointer-events:none}
.cf-arco path{fill:none}
.cf-arco .cf-arco-base{stroke:rgba(5,28,50,.2);stroke-width:1;stroke-dasharray:2 6}
.cf-arco .cf-arco-ouro{stroke:var(--wf-ouro);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.cf-arco .cf-arco-tr{stroke:var(--wf-ouro);stroke-width:1}
.cf-grau{font-family:var(--wf-titulo);font-weight:700;font-size:1rem;letter-spacing:.1em;color:var(--wf-ouro-texto);line-height:1.3}
.cf-tempo .wf-h3{margin-top:.25rem}
.cf-tempo .wf-p{margin-top:.5rem;max-width:29rem}
.cf-fala{margin-top:.6rem;font-style:italic;font-size:1.02rem;line-height:1.5;max-width:29rem;color:var(--wf-tinta)}
.cf-fala cite{display:block;margin-top:.2rem;font-style:normal;font-size:.85rem;color:var(--wf-tinta-2)}
.cf-acao{margin-top:clamp(3rem,6vw,4.5rem);padding-top:2rem;border-top:1px solid rgba(196,158,91,.7);display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 2rem}
.cf-honesto{font-size:1rem;line-height:1.5;color:var(--wf-tinta-2);max-width:27rem}

/* a peça: a avaliação em documento, com abas */
.cf-peca{position:relative;padding:0 0 6.2rem;margin-top:2rem}
.cf-pag{position:absolute;inset:0 0 6.2rem 0;background:var(--wf-papel);border:1px solid rgba(5,28,50,.1);border-radius:var(--wf-raio);box-shadow:0 10px 24px -14px rgba(5,28,50,.3)}
.cf-pag--3{transform:rotate(-3.2deg) translate(-.6rem,.5rem)}
.cf-pag--2{transform:rotate(-1.2deg) translate(.3rem,.3rem)}
.cf-folha{padding:1.7rem 1.8rem 1.4rem;transform:rotate(1.2deg)}
.cf-folha-t{margin:.7rem 0 0;font-family:var(--wf-titulo);font-weight:700;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.05;letter-spacing:-.02em}
.cf-abas{display:flex;gap:.2rem;margin:1.4rem 0 0;border-bottom:1px solid rgba(5,28,50,.16)}
.cf-aba{appearance:none;border:1px solid transparent;border-bottom:0;background:none;margin:0 0 -1px;padding:.7rem .8rem .65rem;min-height:2.75rem;border-radius:6px 6px 0 0;font:700 .85rem/1.15 var(--wf-titulo);letter-spacing:.02em;color:var(--wf-tinta-2);cursor:pointer;transition:color .3s,background .3s}
.cf-aba:hover{color:var(--wf-tinta)}
.cf-aba[aria-selected="true"]{color:var(--wf-tinta);background:var(--wf-linho-claro);border-color:rgba(5,28,50,.16);box-shadow:inset 0 3px 0 var(--wf-ouro)}
.cf-painel{padding-top:1.3rem;min-height:17rem}
.cf-painel:focus-visible{outline-offset:6px}
.cf-painel-t{font-size:1rem;line-height:1.45;color:var(--wf-tinta-2)}
.cf-des{margin-top:1.3rem}
.cf-conta{display:grid;gap:1.15rem;padding:.6rem 0}
.cf-conta span{position:relative;display:block;height:.75rem;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(5,28,50,.2) 0 1px,transparent 1px 5%) 0 100%/100% 4px no-repeat;padding-bottom:.9rem;box-sizing:content-box}
.cf-conta i,.cf-conta b{position:absolute;left:0;top:0;height:.75rem;border-radius:3px;background:var(--wf-tinta)}
.cf-conta--falta i{background:#9fb1d4}
.cf-conta b{background:none;border:1.5px dashed var(--wf-ouro)}
.cf-cam{display:grid;grid-template-columns:auto minmax(2.5rem,1fr) auto;align-items:center;gap:.7rem;height:12.5rem}
.cf-hoje{font-family:var(--wf-titulo);font-weight:700;font-size:1rem;padding:.35rem .7rem;border-radius:999px;background:var(--wf-tinta);color:var(--wf-creme)}
.cf-cam svg{width:100%;height:100%}
.cf-cam path{fill:none;stroke:var(--wf-tinta);stroke-width:1.5;vector-effect:non-scaling-stroke}
.cf-cam ul{display:grid;height:100%;grid-template-rows:repeat(3,1fr)}
.cf-cam li{position:relative;display:flex;align-items:center;padding-left:1.1rem;font-size:1rem;font-weight:700;line-height:1.2;max-width:11.5rem}
.cf-cam li::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--wf-ouro)}
.cf-ilus{margin-top:1rem;font-size:.8rem;letter-spacing:.04em;color:var(--wf-tinta-2);text-align:right}
.cf-bilhete{position:absolute;left:-1.8rem;bottom:.6rem;z-index:2;width:min(19rem,78%);margin:0;padding:1rem 1.1rem .9rem;background:var(--wf-creme);border:1px solid rgba(196,158,91,.5);border-radius:var(--wf-raio);box-shadow:0 16px 28px -16px rgba(5,28,50,.4);transform:rotate(-2.5deg)}
.cf-bilhete blockquote{margin:0;font-style:italic;font-size:1rem;line-height:1.45}
.cf-bilhete figcaption{margin-top:.5rem;font-size:.85rem;color:var(--wf-tinta-2)}

@media (max-width:900px){
  .cf-corpo{grid-template-columns:minmax(0,1fr);grid-template-areas:"topo" "lado" "peca" "acao"}
  .cf-tempos{--cf-rx:1.9rem;padding-left:.75rem;gap:2rem}
  .cf-tempo{padding-left:calc(var(--cf-rx) + 1.3rem)}
  .cf-tempo::before{display:none}
  .cf-peca{margin-top:3.2rem;padding-bottom:8.6rem}
  .cf-pag{inset:0 0 8.6rem 0}
  .cf-folha{padding:1.3rem 1.1rem 1.2rem;transform:rotate(.8deg)}
  .cf-abas{gap:.1rem}
  .cf-aba{flex:1 1 0;padding:.6rem .3rem .55rem;font-size:.8rem}
  .cf-cam{gap:.5rem;height:11.5rem}
  .cf-cam li{max-width:9.4rem}
  .cf-bilhete{left:auto;right:-.2rem;bottom:.4rem;width:min(18.5rem,86%)}
  .cf-acao{display:block;margin-top:2.4rem}
  .cf-honesto{margin-top:1.1rem}
}

/* ==== so ==== */
/* 225° · Quem olha o seu caso */
.so-sec{background:
  radial-gradient(circle at 14% 22% in oklab,rgba(213,225,251,.8) 0%,rgba(213,225,251,0) 44%),
  radial-gradient(circle at 96% 70% in oklab,rgba(250,246,240,.95) 0%,rgba(250,246,240,0) 48%),
  radial-gradient(circle at 40% 100% in oklab,rgba(233,238,251,.9) 0%,rgba(233,238,251,0) 40%),
  var(--wf-lilas)}
.so-grade{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,12fr);grid-template-areas:"palco cab" "palco texto" "mesa mesa";grid-template-rows:auto 1fr auto;column-gap:clamp(3rem,8vw,8rem);align-items:start}
.so-cab{grid-area:cab;padding-top:clamp(0rem,2.5vw,2.5rem)}
.so-texto{grid-area:texto}
.so-palco{grid-area:palco}
.so-mesa{grid-area:mesa}
.so-nq{white-space:nowrap}

/* palco: a foto no aro, as falas na órbita */
.so-palco{position:relative;width:100%;max-width:29.5rem;justify-self:center;padding-bottom:14.5rem}
.so-aro{position:absolute;left:50%;top:calc(100% - 5.6rem);width:158%;transform:translateX(-50%);overflow:visible;z-index:-1}
.so-aro-f{fill:none;stroke:var(--wf-ouro);stroke-width:1.3}
.so-aro-in{fill:none;stroke:rgba(5,28,50,.16);stroke-width:1;stroke-dasharray:2 7}
.so-aro-t{fill:none;stroke:var(--wf-ouro);stroke-width:1.1}
.so-aro-p{fill:var(--wf-ouro)}
.so-foto{position:relative;z-index:1}
.so-foto-folha{padding:.65rem;transform:rotate(-1.8deg)}
.so-foto-folha img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.so-cracha{position:absolute;left:82%;top:11%;width:10.6rem;padding:1.7rem .95rem 1rem;background:var(--wf-tinta);color:var(--wf-noite-texto);border-radius:var(--wf-raio);transform:rotate(4deg);transform-origin:50% -3rem;box-shadow:0 18px 30px -14px rgba(5,28,50,.55);display:grid;gap:.25rem;z-index:2}
.so-cracha::before{content:"";position:absolute;left:50%;top:.62rem;width:2rem;height:.36rem;margin-left:-1rem;border-radius:1rem;background:var(--wf-lilas)}
.so-cracha::after{content:"";position:absolute;left:50%;bottom:calc(100% - .85rem);width:1.5rem;height:3.4rem;margin-left:-.75rem;border:2px solid var(--wf-ouro);border-bottom:0;border-radius:.75rem .75rem 0 0}
.so-cracha .wf-rotulo{color:var(--wf-ouro-claro)}
.so-cracha b{font-family:var(--wf-titulo);font-weight:700;font-size:1.12rem;line-height:1.1}
.so-cracha-p{font-size:.82rem;line-height:1.35;color:var(--wf-noite-texto-2)}

.so-dizem{position:absolute;left:0;right:0;bottom:0;height:15.6rem;z-index:3}
.so-dizem-t{position:absolute;right:-2.6rem;bottom:0;margin:0;width:11rem;line-height:1.5;padding-left:.9rem;border-left:2px solid var(--wf-ouro)}
.so-tira{position:absolute;margin:0;padding:.85rem 1rem .8rem}
.so-tira p{font-style:italic;font-size:1.06rem;line-height:1.35}
.so-tira footer{margin-top:.4rem;font-size:.84rem;color:var(--wf-tinta-2)}
.so-tira.wf-on{transform:rotate(var(--so-g,0deg))}
.so-tira-1{left:-3rem;top:0;--so-g:-3deg;width:14.6rem}
.so-tira-1 p{font-family:var(--wf-titulo);font-style:normal;font-weight:700;font-size:1.3rem;line-height:1.1;white-space:nowrap}
.so-tira-2{right:-3.6rem;top:2.6rem;--so-g:2deg;width:17rem}
.so-tira-3{left:-1rem;top:7.2rem;--so-g:-1.2deg;width:15rem}

.so-p{margin-top:1rem;max-width:36rem}
.so-fala{position:relative;margin-top:1.8rem;padding:1.5rem 1.6rem 1.3rem 1.7rem;max-width:35rem;background:rgba(255,253,249,.6);border-radius:var(--wf-raio);border-left:3px solid var(--wf-ouro)}
.so-fala p{font-style:italic;font-size:clamp(1.25rem,1.75vw,1.5rem);line-height:1.38;color:var(--wf-tinta);text-wrap:balance}
.so-fala footer{margin-top:.5rem;font-size:.9rem;color:var(--wf-tinta-2)}
.so-id{margin-top:1.7rem;padding-top:1rem;border-top:1px solid rgba(5,28,50,.16);font-size:.98rem;line-height:1.45;max-width:34rem}
.so-id b{font-family:var(--wf-titulo);font-weight:700;font-size:1.05rem}

/* a mesa: o que ela publica */
.so-mesa{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:1.4rem clamp(2.5rem,6vw,5rem);align-items:start;margin-top:clamp(3.5rem,7vw,6rem)}
.so-mesa-r{grid-column:1/-1;display:flex;align-items:center;gap:1rem;margin:0}
.so-mesa-r::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--wf-ouro),rgba(196,158,91,0))}
.so-mesa-t{max-width:22rem}
.so-capas{display:flex;align-items:flex-start;gap:.9rem;margin-top:1.9rem;padding:.4rem 0 2.6rem .2rem;transform:rotate(-1.2deg);transform-origin:0 50%}
.so-capa{position:relative;flex:0 0 clamp(9.4rem,12.6vw,11rem);aspect-ratio:9/15;border-radius:12px;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 80% 0% in oklab,#1c4674 0%,rgba(28,70,116,0) 60%),linear-gradient(in oklab 170deg,var(--wf-noite-2),var(--wf-noite));
  box-shadow:0 22px 34px -18px rgba(5,28,50,.6),0 0 0 1px rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem .9rem 1.05rem}
.so-capa.wf-on{transform:translateY(var(--so-y,0))}
.so-capa-1{flex-basis:clamp(11rem,14.6vw,12.8rem)}
.so-capa-2{--so-y:1.9rem}
.so-capa-3{--so-y:.5rem;background:radial-gradient(circle at 10% 100% in oklab,#1c4674 0%,rgba(28,70,116,0) 60%),linear-gradient(in oklab 190deg,var(--wf-noite-2),var(--wf-noite))}
.so-capa-4{--so-y:2.4rem}
.so-capa img{position:absolute;left:0;top:0;width:100%;height:62%;object-fit:cover;object-position:62% 30%;
  -webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.so-capa-n{position:absolute;left:.9rem;top:.9rem;display:flex;align-items:center;gap:.4rem;font-family:var(--wf-titulo);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ouro-claro)}
.so-capa-n::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--wf-ouro)}
.so-capa-1 .so-capa-n{display:none}
.so-capa b{position:relative;font-family:var(--wf-titulo);font-weight:700;font-size:clamp(.88rem,1.02vw,.96rem);line-height:1.2;letter-spacing:-.005em}
.so-capa-1 b{font-size:clamp(1rem,1.2vw,1.12rem)}
.so-mais{display:inline-block;margin-top:1.2rem;font-size:1rem;font-weight:700}

.so-artigos{position:relative;display:grid;margin-top:2.2rem}
.so-art{padding:1rem 1.15rem 1.2rem}
.so-art-t{margin-top:.55rem;font-family:var(--wf-titulo);font-weight:600;font-size:1.06rem;line-height:1.22}
.so-art-1{transform:rotate(-1.8deg);z-index:1;padding-bottom:2.1rem}
.so-art-2{transform:rotate(1.4deg) translateX(1rem);margin-top:-1.2rem;z-index:2;padding-bottom:2.1rem}
.so-art-3{transform:rotate(-.6deg) translateX(.2rem);margin-top:-1.2rem;z-index:3;padding-bottom:1.5rem}
.so-art-3 .wf-linha{margin-top:.6rem}
.so-art-3 .so-l1{margin-top:1.1rem;width:92%}.so-art-3 .so-l2{width:74%}.so-art-3 .so-l3{width:48%}

@media (max-width:1240px){
  .so-palco{padding-bottom:0}
  .so-dizem{position:relative;height:auto;display:grid;gap:.8rem;margin-top:5.4rem}
  .so-dizem-t{position:static;width:auto;border:0;padding:0}
  .so-tira{position:relative;left:auto;right:auto;top:auto;width:auto;max-width:19rem}
  .so-tira-1{justify-self:start}
  .so-tira-2{justify-self:end}
  .so-tira-3{margin-left:.8rem;justify-self:start}
  .so-cracha{left:76%}
  .so-mesa{grid-template-columns:minmax(0,1fr)}
  .so-mesa-a{margin-top:1.6rem}
  .so-artigos{max-width:26rem}
  .so-capa{flex-basis:clamp(9rem,17vw,11rem)}
  .so-capa-1{flex-basis:clamp(11rem,20vw,13rem)}
}
@media (max-width:900px){
  .so-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"cab" "palco" "texto" "mesa";grid-template-rows:auto}
  .so-cab{padding-top:0}
  .so-palco{max-width:25rem;justify-self:start;margin-top:2.2rem}
  .so-aro{display:none}
  .so-foto{width:88%}
  .so-cracha{left:auto;right:-13.6%;top:auto;bottom:-2.4rem;width:10.4rem;transform:rotate(3deg)}
  .so-cracha::after{display:none}
  .so-dizem{margin-top:4.6rem}
  .so-texto{margin-top:2.6rem}
  .so-lede{margin-top:0}
  .so-fala{padding:1.2rem 1.2rem 1.1rem 1.3rem}
  .so-capas{transform:none;overflow-x:auto;scroll-snap-type:x mandatory;margin:1.2rem calc(var(--wf-margem)*-1) 0;padding:.6rem var(--wf-margem) 3.2rem;scrollbar-width:none}
  .so-capas::-webkit-scrollbar{display:none}
  .so-capa,.so-capa-1{flex-basis:11.4rem;scroll-snap-align:center}
  .so-capa b,.so-capa-1 b{font-size:1rem}
  .so-mais{margin-top:.2rem}
  .so-art-2{transform:rotate(1.4deg) translateX(.4rem)}
}
.so-rot{font-size:.82rem}

/* ==== av ==== */
/* 270° · O que dizem */
.av-sec{background:
  radial-gradient(circle at 50% 46% in oklab,rgba(255,253,249,.95) 0%,rgba(255,253,249,0) 38%),
  radial-gradient(circle at 4% 90% in oklab,rgba(233,238,251,.8) 0%,rgba(233,238,251,0) 40%),
  var(--wf-creme)}
.av-nq{white-space:nowrap}
.av-cab{max-width:46rem;margin:0 auto;text-align:center}
.av-cab .wf-grau{justify-content:center}
.av-cab .wf-lede{margin-left:auto;margin-right:auto}
.av-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,27rem) minmax(0,1fr);gap:2rem clamp(2.6rem,5vw,4.6rem);align-items:center;margin-top:clamp(2.5rem,5vw,4rem)}
.av-col{display:grid;gap:2.6rem}
.av-col-e{text-align:right;justify-items:end;gap:2.2rem}
.av-col-d{transform:translateY(1.5rem)}
.av-q{position:relative;margin:0;max-width:22rem}
.av-q p{font-style:italic;font-size:1.12rem;line-height:1.45}
.av-q footer{margin-top:.5rem;font-family:var(--wf-titulo);font-weight:700;font-size:.86rem;letter-spacing:.06em;color:var(--wf-ouro-texto)}
.av-q mark{background:linear-gradient(var(--wf-ouro),var(--wf-ouro)) 0 96%/100% .09em no-repeat;color:inherit;white-space:nowrap;font-family:var(--wf-titulo);font-style:normal;font-weight:700;letter-spacing:-.01em}
.av-q-g p{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.28}
.av-q-m p{font-size:1.25rem;line-height:1.35}
/* fio que liga a fala ao aro: o JS mede até onde o fio encosta nas marcas */
.av-col .av-q:not(.av-q-doc){--av-fio:clamp(2rem,4.4vw,4.2rem)}
.av-col .av-q:not(.av-q-doc)::after{content:"";position:absolute;top:.95rem;width:var(--av-fio);height:1px;background:var(--wf-ouro)}
.av-col .av-q:not(.av-q-doc)::before{content:"";position:absolute;top:calc(.95rem - 3px);width:7px;height:7px;border-radius:50%;background:var(--wf-ouro)}
.av-col-e .av-q::after{left:calc(100% + .8rem)}
.av-col-e .av-q::before{left:calc(100% + .8rem + var(--av-fio) - 3px)}
.av-col-d .av-q::after{right:calc(100% + .8rem)}
.av-col-d .av-q::before{right:calc(100% + .8rem + var(--av-fio) - 3px)}
.av-q-doc{padding:1.2rem 1.3rem 1.4rem;text-align:left;max-width:21rem}
.av-q-doc.wf-on{transform:rotate(1.6deg)}
.av-q-doc p:not(.wf-folha-n){margin-top:.8rem;font-size:1.2rem;line-height:1.4}
.av-q-doc p.av-q-doc2{margin-top:.5rem}
.av-q-doc .wf-linha{margin-top:.8rem;width:80%}
.av-q-doc .wf-linha+.wf-linha{width:56%}

.av-centro{position:relative;display:grid;justify-items:center}
.av-aro{width:100%;height:auto;overflow:visible}
.av-aro-f{fill:none;stroke:var(--wf-ouro);stroke-width:1.2}
.av-arco{fill:none;stroke:var(--wf-ouro);stroke-width:5;stroke-linecap:round;stroke-dasharray:98 100;stroke-dashoffset:98;transition:stroke-dashoffset 1.8s var(--wf-curva) .2s}
.av-centro.wf-on .av-arco,.sem-js .av-arco{stroke-dashoffset:0}
.av-arco-p{fill:var(--wf-tinta);opacity:0;transition:opacity .4s ease 1.8s}
.av-centro.wf-on .av-arco-p,.sem-js .av-arco-p{opacity:1}
.av-aro-in{fill:none;stroke:rgba(5,28,50,.16);stroke-width:1;stroke-dasharray:2 7}
.av-m{stroke:var(--wf-ouro);stroke-width:3.2;stroke-linecap:round;opacity:0;transition:opacity .5s var(--wf-curva);transition-delay:calc(var(--av-i)*30ms + .5s)}
.av-m4{stroke:#9fb4dc}
.av-centro.wf-on .av-m,.sem-js .av-m{opacity:1}
.av-nota{position:absolute;left:0;right:0;top:0;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.av-nota b{font-family:var(--wf-titulo);font-weight:800;font-size:clamp(4.6rem,9vw,7.4rem);line-height:.9;letter-spacing:-.04em}
.av-nota span{margin-top:.6rem;font-family:var(--wf-titulo);font-weight:700;font-size:1rem;letter-spacing:.02em}
.av-leg{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.4rem;font-size:.9rem;color:var(--wf-tinta-2)}
.av-leg span{display:inline-flex;align-items:center;gap:.5rem}
.av-leg span::before{content:"";width:3px;height:1rem;border-radius:2px;background:var(--wf-ouro)}
.av-leg .av-leg-4::before{background:#9fb4dc}
.av-leg .av-leg-n{flex-basis:100%;justify-content:center;font-size:.84rem}
.av-leg .av-leg-n::before{display:none}

.av-fita{margin:clamp(3.5rem,7vw,5.5rem) auto 0;max-width:68rem;columns:3;column-gap:clamp(2.5rem,5vw,4.5rem);column-rule:1px solid rgba(196,158,91,.4);padding-top:.4rem}
.av-fita li{break-inside:avoid;padding:.2rem 0 1.9rem;font-size:1.06rem;line-height:1.45}
.av-fita q{display:block;font-style:italic;quotes:"“" "”"}
.av-fita cite{display:block;margin-top:.35rem;font-family:var(--wf-titulo);font-style:normal;font-weight:700;font-size:.82rem;letter-spacing:.06em;color:var(--wf-ouro-texto)}
.av-fita .av-f-g{font-size:clamp(1.2rem,1.6vw,1.42rem);line-height:1.32}
.av-fita .av-f-r{font-size:.98rem;color:var(--wf-tinta-2)}
.av-fim{margin-top:2.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem 1.4rem;font-size:.9rem;color:var(--wf-tinta-2)}
.av-fim a{font-size:1.02rem;font-weight:700;color:var(--wf-tinta)}

@media (max-width:1100px){
  .av-cab{text-align:left;margin:0}
  .av-cab .wf-grau{justify-content:flex-start}
  .av-grade{grid-template-columns:minmax(0,1fr);gap:2.4rem}
  .av-centro{order:-1;max-width:19rem;justify-self:center;width:100%}
  .av-col,.av-col-e,.av-col-d{transform:none;text-align:left;justify-items:start;gap:2rem}
  .av-col .av-q::after,.av-col .av-q::before{display:none}
  .av-q{max-width:34rem}
  .av-col{max-width:34rem;margin:0 auto;width:100%}
  .av-col-e .av-q:nth-child(2){padding-left:1.4rem;border-left:2px solid var(--wf-ouro)}
  .av-fita{columns:auto;display:flex;flex-direction:column;gap:1.7rem;padding-top:2rem;border-top:1px solid rgba(196,158,91,.5)}
  .av-fita li{max-width:88%;padding:0}
  .av-fita li:nth-child(even){align-self:flex-end;text-align:right}
  .av-fim{align-items:flex-start;text-align:left}
}

/* ==== fa ==== */
/* 315° · perguntas */
.fa-sec{background:var(--wf-lilas)}
.fa-malha{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 12% 18% in oklab,rgba(213,225,251,.75) 0%,rgba(213,225,251,0) 42%),
    radial-gradient(circle at 92% 78% in oklab,rgba(250,246,240,.95) 0%,rgba(250,246,240,0) 46%),
    radial-gradient(circle at 70% 8% in oklab,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 38%)}
.fa-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem clamp(2.5rem,6vw,6rem);align-items:start}
.fa-cab,.fa-coluna{min-width:0}
.fa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* mostrador */
.fa-mostrador{position:relative;width:min(100%,21rem);margin:2.4rem 0 0 -.6rem}
.fa-aro{display:block;width:100%;height:auto;overflow:visible}
.fa-aro-fio{fill:none;stroke:rgba(5,28,50,.16);stroke-width:1.2}
.fa-aro-dentro{fill:rgba(255,253,249,.55);stroke:rgba(5,28,50,.13);stroke-width:1;stroke-dasharray:2 7}
.fa-aro-marcas{fill:none;stroke:var(--wf-ouro);stroke-width:1.1}
.fa-aro-arco{fill:none;stroke:var(--wf-ouro);stroke-width:3;stroke-linecap:round;stroke-dasharray:360;stroke-dashoffset:315;transition:stroke-dashoffset .9s var(--wf-curva)}
.fa-no{cursor:pointer}
.fa-no-alvo{fill:transparent}
.fa-no-p{fill:var(--wf-papel);stroke:var(--wf-ouro);stroke-width:1.6;transition:fill .3s,r .3s}
.fa-no text{font-family:var(--wf-titulo);font-weight:700;font-size:12px;letter-spacing:.06em;fill:var(--wf-tinta-2)}
.fa-no.fa-no-on .fa-no-p{fill:var(--wf-ouro)}
.fa-no.fa-no-atual .fa-no-p{fill:var(--wf-tinta);stroke:var(--wf-tinta);r:7px}
.fa-no.fa-no-atual text{fill:var(--wf-tinta)}
.fa-centro{position:absolute;left:0;right:0;top:0;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.fa-centro-n{font-family:var(--wf-titulo);font-weight:800;font-size:clamp(3.4rem,6vw,5rem);line-height:.95;letter-spacing:-.03em}
.fa-centro-de{font-family:var(--wf-titulo);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ouro-texto);margin-top:.35rem}
.fa-centro-k{margin-top:.55rem;font-size:1.05rem;font-weight:700;color:var(--wf-tinta);max-width:9rem;line-height:1.2}
.fa-legenda{margin:.9rem 0 0 .6rem;max-width:19rem;font-size:.95rem;line-height:1.45;color:var(--wf-tinta-2)}

/* lista: linhas de índice; a aberta sobe como folha (com outra folha por baixo) */
.fa-lista{--fa-g:1.6rem;margin:0 calc(var(--fa-g)*-1)}
.fa-item{position:relative;isolation:isolate;padding:0 var(--fa-g);transition:margin .45s var(--wf-curva)}
.fa-item::before,.fa-item::after{content:"";position:absolute;inset:0;border-radius:var(--wf-raio);background:var(--wf-papel);border:1px solid rgba(5,28,50,.1);opacity:0;pointer-events:none;transition:opacity .45s var(--wf-curva),transform .6s var(--wf-curva)}
.fa-item::before{z-index:-2;box-shadow:0 10px 22px -14px rgba(5,28,50,.28)}
.fa-item::after{z-index:-1;box-shadow:var(--wf-sombra-folha)}
.fa-q{margin:0;font:inherit;border-top:1px solid rgba(5,28,50,.16);transition:border-color .3s}
.fa-item:first-child .fa-q{border-top:2px solid var(--wf-tinta)}
.fa-btn{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:baseline;gap:0 1rem;width:100%;padding:1.35rem 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:4px}
.fa-n{display:flex;flex-direction:column;gap:.45rem;font-family:var(--wf-titulo);font-weight:700;font-size:.85rem;letter-spacing:.1em;color:var(--wf-ouro-texto)}
.fa-n::after{content:"";width:0;height:5px;border-radius:3px;background:var(--wf-linho);transition:width .5s var(--wf-curva)}
.fa-aberta .fa-n::after{width:1.9rem}
.fa-t{font-family:var(--wf-titulo);font-weight:600;font-size:clamp(1.12rem,1.55vw,1.38rem);line-height:1.2;letter-spacing:-.012em;transition:transform .4s var(--wf-curva)}
.fa-sinal{position:relative;align-self:center;width:2.3rem;height:2.3rem;border-radius:50%;border:1px solid rgba(5,28,50,.2);transition:background-color .3s,border-color .3s}
.fa-sinal::before,.fa-sinal::after{content:"";position:absolute;left:30%;right:30%;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--wf-tinta);transition:transform .4s var(--wf-curva),background-color .3s}
.fa-sinal::after{transform:rotate(90deg)}
.fa-btn[aria-expanded="true"] .fa-sinal::after{transform:rotate(0)}
@media (hover:hover){
  .fa-btn:hover .fa-t{transform:translateX(5px)}
  .fa-btn:hover .fa-sinal{border-color:var(--wf-ouro)}
  .fa-no:not(.fa-no-atual):hover .fa-no-p{fill:var(--wf-ouro-claro)}
}
.fa-resp{position:relative;padding:.2rem 3.3rem 1.9rem 4.4rem}
.fa-fala::before{content:"“";position:absolute;left:-4.6rem;top:-.55rem;font-family:var(--wf-titulo);font-weight:800;font-size:5rem;line-height:1;color:var(--wf-ouro)}
.fa-fala{position:relative;display:grid;gap:.75rem}
.fa-fala p{font-size:1.1rem;line-height:1.55;font-style:italic;color:var(--wf-tinta)}
.fa-fala p:first-child{font-size:clamp(1.22rem,1.7vw,1.5rem);line-height:1.38}
.fa-lit{quotes:"“" "”"}
.fa-nossa{font-size:1rem;line-height:1.55;color:var(--wf-tinta-2);margin:0 0 1rem}
.fa-fala + .fa-nossa{margin:1rem 0 0}
.fa-origem{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid rgba(5,28,50,.1);font-size:.95rem;color:var(--wf-tinta-2)}
.fa-origem::before{content:"";width:1.6rem;height:5px;border-radius:3px;background:var(--wf-ouro)}
.fa-origem-quem{font-family:var(--wf-titulo);font-weight:700;color:var(--wf-tinta)}

.fa-item.fa-aberta{margin:.6rem 0 1.1rem}
.fa-item.fa-aberta:first-child{margin-top:0}
.fa-item.fa-aberta::before{opacity:1;transform:rotate(.8deg) translate(5px,5px)}
.fa-item.fa-aberta:nth-child(even)::before{transform:rotate(-.7deg) translate(-4px,5px)}
.fa-item.fa-aberta::after{opacity:1}
.fa-item.fa-aberta .fa-q,.fa-item.fa-aberta + .fa-item .fa-q{border-top-color:transparent}
.fa-aberta .fa-sinal{background:var(--wf-tinta);border-color:var(--wf-tinta)}
.fa-aberta .fa-sinal::before,.fa-aberta .fa-sinal::after{background:var(--wf-creme)}

/* recolhe só quando há JS */
.fa-js .fa-painel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--wf-curva)}
.fa-js .fa-painel-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .55s}
.fa-js .fa-aberta .fa-painel{grid-template-rows:1fr}
.fa-js .fa-aberta .fa-painel-in{visibility:visible;transition-delay:0s}
.fa-nota{margin-top:1.5rem;font-size:.92rem;color:var(--wf-tinta-2)}

/* o aro se desenha quando entra na tela */
.fa-js .fa-mostrador:not(.wf-on) .fa-aro-arco{stroke-dashoffset:360!important}
.fa-aro-arco{transition-duration:1.2s}

/* fecho: a nona folha, em branco, esperando a pergunta de quem lê */
.fa-grade{grid-template-rows:auto 1fr}
.fa-cab{grid-column:1;grid-row:1}
.fa-coluna{grid-column:2;grid-row:1/3}
.fa-fecho{grid-column:1;grid-row:2;align-self:start;min-width:0;max-width:24rem}
.fa-fecho-folha{position:relative;isolation:isolate;padding:1.3rem 1.5rem 1.6rem;transform:rotate(-1.6deg)}
.fa-fecho-folha::before,.fa-fecho-folha::after{content:"";position:absolute;inset:0;border-radius:var(--wf-raio);background:var(--wf-papel);border:1px solid rgba(5,28,50,.1)}
.fa-fecho-folha::before{z-index:-2;transform:rotate(3.2deg) translate(8px,4px);box-shadow:0 10px 22px -14px rgba(5,28,50,.28)}
.fa-fecho-folha::after{z-index:-1;box-shadow:var(--wf-sombra-folha)}
.fa-fecho-t{margin-top:1rem;font-family:var(--wf-titulo);font-weight:600;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.12;letter-spacing:-.018em}
.fa-fecho-t span{display:block}
.fa-fecho-linhas{display:grid;gap:9px;margin:1.2rem 0 1.4rem}
.fa-fecho-linhas i:nth-child(1){width:92%}
.fa-fecho-linhas i:nth-child(2){width:70%}
.fa-fecho-linhas i:nth-child(3){width:46%}

@media (max-width:900px){
  .fa-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:1.6rem}
  .fa-cab,.fa-coluna,.fa-fecho{grid-column:1;grid-row:auto}
  .fa-mostrador{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1.1rem;width:auto;margin:1.6rem 0 0}
  .fa-centro{right:auto;width:9rem}
  .fa-centro-n{font-size:2.3rem}
  .fa-centro-de{font-size:.8rem;margin-top:.1rem;letter-spacing:.08em}
  .fa-centro-k{display:none}
  .fa-no text{display:none}
  .fa-no-p{r:8px;stroke-width:2.4}
  .fa-no.fa-no-atual .fa-no-p{r:11px}
  .fa-aro-arco{stroke-width:5}
  .fa-aro-marcas{stroke-width:1.6}
  .fa-legenda{margin:0;font-size:.95rem}
  .fa-lista{--fa-g:.9rem}
  .fa-btn{grid-template-columns:2rem minmax(0,1fr) auto;gap:0 .6rem;padding:1.15rem 0}
  .fa-aberta .fa-n::after{width:1.4rem}
  .fa-sinal{width:2rem;height:2rem}
  .fa-resp{padding:.3rem 0 1.5rem 2.6rem}
  .fa-fala::before{left:-2.75rem;top:-.4rem;font-size:3rem}
  .fa-fecho{max-width:none;margin:.6rem .3rem 0}
  .fa-fecho-folha{transform:rotate(-1deg)}
}

/* ==== ct ==== */
/* 360° · contato */
.ct-malha{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 74% 46% in oklab,rgba(16,52,89,.95) 0%,rgba(11,42,74,0) 52%),
             radial-gradient(circle at 0% 100% in oklab,rgba(16,52,89,.7) 0%,rgba(16,52,89,0) 45%)}
.ct-grade{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,13fr);gap:3rem clamp(1rem,2vw,2rem);align-items:center}
.ct-texto,.ct-palco{min-width:0}
.ct-texto .wf-h2{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1}
.ct-acao{margin-top:2.2rem}
.ct-btn{font-size:1.22rem;padding:1.25rem 2rem 1.25rem 1.5rem}
.ct-btn svg{width:30px;height:30px}
.ct-fone{margin-top:1.5rem;display:flex;flex-direction:column;gap:.2rem}
.ct-fone a{align-self:flex-start;font-family:var(--wf-titulo);font-weight:700;font-size:clamp(1.5rem,2.3vw,2rem);letter-spacing:-.01em;color:var(--wf-noite-texto);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:border-color .3s}
.ct-fone a:hover{border-bottom-color:var(--wf-ouro)}
.ct-insta{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(233,211,166,.25);font-size:1rem;line-height:1.5;color:var(--wf-noite-texto-2);max-width:26rem}
.ct-insta a{color:var(--wf-noite-texto);white-space:nowrap}

/* palco: o aro fechado em volta do ponto, com a ficha por cima */
.ct-palco{position:relative;padding:0 0 3.2rem 22%;margin-right:clamp(-3.5rem,-3vw,-1rem)}
.ct-mostrador{margin:0}
.ct-mapa{display:block;width:100%;height:auto;overflow:visible}
.ct-m-mar{fill:#12406b}
.ct-m-costa{fill:none;stroke:rgba(233,211,166,.55);stroke-width:2.5}
.ct-m-via{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ct-m-via--c{stroke:rgba(185,198,216,.3);stroke-width:2.2}
.ct-m-via--a{stroke:rgba(185,198,216,.66);stroke-width:5}
.ct-m-via--rua{stroke:var(--wf-ouro);stroke-width:5.5}
.ct-m-nome{font-family:var(--wf-texto);font-size:22px;fill:var(--wf-noite-texto);paint-order:stroke;stroke:#0b2a4a;stroke-width:7px;stroke-linejoin:round}
.ct-m-nome--rua{fill:var(--wf-ouro-claro);font-weight:700}
.ct-m-nome--mar{letter-spacing:.14em;stroke:#12406b}
.ct-m-nome--bairro{font-family:var(--wf-titulo);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:21px;fill:var(--wf-noite-texto-2)}
.ct-aro-base{fill:none;stroke:rgba(233,211,166,.22);stroke-width:1.3}
.ct-aro{fill:none;stroke:var(--wf-ouro);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:360;stroke-dashoffset:360;transition:stroke-dashoffset 2.4s var(--wf-curva) .25s}
.ct-mostrador.wf-on .ct-aro,.sem-js .ct-aro{stroke-dashoffset:0}
.ct-aro-marcas{fill:none;stroke:var(--wf-ouro);stroke-width:2.6}
.ct-aro-n{font-family:var(--wf-titulo);font-weight:700;font-size:22px;letter-spacing:.04em;fill:var(--wf-ouro-claro)}
.ct-pino-p{fill:var(--wf-ouro-claro);stroke:var(--wf-noite);stroke-width:4}
.ct-pino-halo{fill:rgba(233,211,166,.25)}
.ct-pino-onda{fill:none;stroke:var(--wf-ouro-claro);stroke-width:1.5;opacity:.55;transform-box:fill-box;transform-origin:center;animation:ct-onda 4.8s var(--wf-curva) infinite}
@keyframes ct-onda{0%{transform:scale(.45);opacity:.8}70%,100%{transform:scale(1.5);opacity:0}}
.ct-etiqueta rect,.ct-etiqueta path{fill:var(--wf-papel)}
.ct-etiqueta text{font-family:var(--wf-titulo);font-weight:700;font-size:21px;fill:var(--wf-tinta)}
.ct-etiqueta{filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.ct-fecho{fill:var(--wf-ouro-claro);stroke:var(--wf-noite);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:opacity .5s var(--wf-curva) 2.3s,transform .7s var(--wf-curva) 2.3s}
.ct-mostrador.wf-on .ct-fecho,.sem-js .ct-fecho{opacity:1;transform:none}
.ct-m-m{display:none}
.ct-credito{position:absolute;left:54%;right:6%;bottom:0;margin:0;text-align:right;line-height:1.4;font-size:.82rem;color:var(--wf-noite-texto-2)}

.ct-ficha{position:absolute;left:0;bottom:1.2rem;width:min(18.5rem,44%)}
.ct-ficha-in{position:relative;isolation:isolate;padding:1.2rem 1.3rem 1.35rem;color:var(--wf-tinta);transform:rotate(-2.2deg)}
.ct-ficha-in::before,.ct-ficha-in::after{content:"";position:absolute;inset:0;border-radius:var(--wf-raio);background:var(--wf-papel)}
.ct-ficha-in::before{z-index:-2;background:#d9dfea;transform:rotate(3.4deg) translate(8px,5px)}
.ct-ficha-in::after{z-index:-1;box-shadow:0 26px 50px -18px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.25)}
.ct-ficha-t{margin-top:.9rem}
.ct-dados{display:grid;gap:.95rem;margin:1rem 0 0}
.ct-ficha .ct-dados dt{margin-bottom:.15rem;color:var(--wf-ouro-texto)}
.ct-ficha .wf-link{color:var(--wf-tinta)}
.ct-junto{white-space:nowrap}
.ct-dados dd{margin:0;font-size:.98rem;line-height:1.45;color:var(--wf-tinta-2)}
.ct-ficha-mapa{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid rgba(5,28,50,.12);font-weight:700;font-size:1rem}

.ct-fone .wf-rotulo,.ct-ficha .ct-dados dt{font-size:.82rem}
@media (max-width:1240px){
  .ct-m-nome{font-size:28px}
  .ct-m-nome--bairro{display:none}
  .ct-aro-n{font-size:28px}
  .ct-etiqueta{display:none}
}
@media (max-width:900px){
  .ct-grade{grid-template-columns:minmax(0,1fr);gap:2.5rem}
  .ct-palco{padding:0;display:flex;flex-direction:column}
  .ct-mostrador{margin:0 -.4rem}
  .ct-m-nome{font-size:39px;stroke-width:10px}
  .ct-m-nome--bairro,.ct-m-d,.ct-etiqueta{display:none}
  .ct-m-m{display:block}
  .ct-m-nome--mar{letter-spacing:0;font-size:38px}
  .ct-fecho{r:13px}
  .ct-aro-n{font-size:38px}
  .ct-aro-marcas{stroke-width:3.4}
  .ct-palco{margin-right:0}
  .ct-btn{font-size:1.08rem;padding:1.1rem 1.3rem 1.1rem 1.1rem;gap:.6rem}
  .ct-btn svg{width:26px;height:26px}
  .ct-ficha{position:relative;left:auto;bottom:auto;width:auto;margin:.6rem .3rem 0}
  .ct-ficha-in{transform:rotate(-1deg)}
  .ct-credito{position:static;margin-top:1.6rem;text-align:left}
}

/* ==== ro ==== */
.ro-rodape{background:#03142a;color:var(--wf-noite-texto-2);padding:clamp(2.5rem,5vw,4rem) var(--wf-margem) 1.6rem;font-size:1rem;line-height:1.6;position:relative}
.ro-rodape::before{content:"";position:absolute;left:var(--wf-margem);right:var(--wf-margem);top:0;height:1px;background:linear-gradient(90deg,var(--wf-ouro),rgba(196,158,91,0))}
.ro-dentro{max-width:var(--wf-largura);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:2rem clamp(1.5rem,3vw,3rem)}
.ro-logo{font-family:var(--wf-titulo);font-weight:700;font-size:1.35rem;color:var(--wf-noite-texto);text-decoration:none}
.ro-logo b{color:var(--wf-ouro-claro);font-weight:700}
.ro-marca p{margin-top:.7rem;max-width:22rem}
.ro-col{font-style:normal}
.ro-rot{font-family:var(--wf-titulo);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ouro-claro);margin-bottom:.55rem}
.ro-col strong{color:var(--wf-noite-texto)}
.ro-col a{color:var(--wf-noite-texto);text-decoration:underline;text-decoration-color:rgba(233,211,166,.5);text-underline-offset:.2em;display:inline-block;padding:.12rem 0}
.ro-col a:hover{text-decoration-color:var(--wf-ouro-claro)}
.ro-fim{max-width:var(--wf-largura);margin:clamp(2rem,4vw,3rem) auto 0;padding-top:1.2rem;border-top:1px solid rgba(185,198,216,.18);display:flex;justify-content:space-between;gap:.8rem 2rem;flex-wrap:wrap;font-size:.9rem}
.ro-selo a{color:var(--wf-ouro-claro);font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.ro-selo a:hover{color:#fff}
@media (max-width:900px){
  .ro-dentro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ro-marca{grid-column:1/-1}
  .ro-rodape{padding-bottom:5.5rem}
}
@media (max-width:520px){.ro-dentro{grid-template-columns:minmax(0,1fr)}}

/* ajustes de montagem: sempre por último */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .wf-rev{opacity:1;transform:none}
  .wf-grau .wf-g-arco{stroke-dashoffset:0}
}
/* capas de vídeo em fileira que rola de lado: as de fora da tela não esperam a entrada */
@media (max-width:900px){.so-capa.wf-rev{opacity:1}}