/* 05 · Perguntas (pf-) */
.pf-perguntas{--pf-pad:1.2rem;--pf-col-n:1.6rem;--pf-vao:.75rem;--pf-y:calc(var(--pf-pad) + var(--wf-t2) * .6)}
.pf-m1{left:-12%;top:-20%;width:46vw;height:46vw;max-width:640px}
.pf-m2{right:-10%;bottom:-25%;width:55vw;height:60vh;max-width:760px}
.pf-grade{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:4.5rem;align-items:start}
.pf-cabeca{position:sticky;top:5.5rem}
.pf-cabeca .wf-t1{margin-bottom:1rem}
.pf-cabeca .wf-texto{max-width:32ch}

/* índice: as oito perguntas como nós de uma linha curta; acende o que está aberto */
.pf-indice{margin-top:2.6rem;max-width:300px}
.pf-indice__fio{position:relative;display:flex;justify-content:space-between;align-items:center;height:20px}
.pf-indice__fio::before{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;background:var(--wf-marfim-35)}
.pf-indice__fio i{position:relative;width:6px;height:6px;border-radius:50%;background:var(--wf-noite);box-shadow:inset 0 0 0 1px var(--wf-marfim-60);transition:background-color .5s var(--wf-curva),box-shadow .5s var(--wf-curva)}
.pf-indice__fio i::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(closest-side,var(--wf-marfim-35),transparent);opacity:0;transition:opacity .7s var(--wf-curva)}
.pf-indice__fio i.pf-aceso{background:var(--wf-marfim);box-shadow:inset 0 0 0 1px var(--wf-marfim)}
.pf-indice__fio i.pf-aceso::after{opacity:1}
.pf-indice__nums{display:flex;justify-content:space-between;margin-top:.15rem;font-family:var(--wf-fonte-mono);font-size:var(--wf-mono-xs);letter-spacing:.04em;color:var(--wf-marfim-60)}
.pf-indice__leg{margin-top:1rem;font-family:var(--wf-fonte-mono);font-size:var(--wf-mono-xs);letter-spacing:.04em;color:var(--wf-marfim-80)}

/* lista: o fio do roteiro desce pela esquerda, de nó em nó, e termina no nó aceso do fim */
.pf-lista{position:relative}
.pf-item{position:relative}
.pf-item::before{content:"";position:absolute;left:3px;top:var(--pf-y);height:100%;width:1px;background:var(--wf-marfim-35)}
.pf-item:last-of-type::before{background:var(--wf-marfim-80)}
.pf-item::after{content:"";position:absolute;left:calc(7px + var(--pf-vao));right:0;bottom:0;height:1px;background:var(--wf-marfim-14)}
.pf-pergunta{
  position:relative;
  display:grid;grid-template-columns:7px var(--pf-col-n) minmax(0,1fr) auto 12px;align-items:baseline;column-gap:var(--pf-vao);
  padding:var(--pf-pad) 0;cursor:pointer;list-style:none;
  -webkit-tap-highlight-color:transparent;
}
.pf-pergunta::-webkit-details-marker{display:none}
.pf-pergunta:focus-visible{outline-offset:-2px;border-radius:8px}
.pf-ponto{position:relative;z-index:1;align-self:start;margin-top:calc(var(--wf-t2) * .6 - 3.5px);width:7px;height:7px;border-radius:50%;background:var(--wf-noite);box-shadow:inset 0 0 0 1px var(--wf-marfim-60);transition:background-color .5s var(--wf-curva),box-shadow .5s var(--wf-curva)}
.pf-ponto::after{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(closest-side,var(--wf-marfim-35),transparent);opacity:0;transition:opacity .7s var(--wf-curva)}
.pf-item[open]:not(.pf-fechando) .pf-ponto,.pf-ponto--fim{background:var(--wf-marfim);box-shadow:inset 0 0 0 1px var(--wf-marfim)}
.pf-item[open]:not(.pf-fechando) .pf-ponto::after,.pf-ponto--fim::after{opacity:1}
.pf-n{font-family:var(--wf-fonte-mono);font-size:var(--wf-mono-xs);letter-spacing:.04em;color:var(--wf-marfim-60);transition:color .4s}
.pf-q{font-family:var(--wf-fonte-titulo);font-weight:500;font-size:var(--wf-t2);line-height:1.2;letter-spacing:-.01em;color:var(--wf-marfim-80);transition:color .4s}
.pf-curta{font-family:var(--wf-fonte-mono);font-size:var(--wf-mono);letter-spacing:.02em;color:var(--wf-marfim-60);text-align:right}
.pf-pergunta:hover .pf-q,.pf-item[open] .pf-q{color:var(--wf-marfim)}
.pf-pergunta:hover .pf-ponto{box-shadow:inset 0 0 0 1px var(--wf-marfim)}
.pf-item[open] .pf-q{font-weight:600}
.pf-item[open] .pf-n{color:var(--wf-marfim)}
/* aberta: a resposta curta desce para baixo da pergunta e acende */
.pf-item[open] .pf-curta{grid-column:3;grid-row:2;text-align:left;margin-top:.45rem;color:var(--wf-marfim)}
.pf-item[open] .pf-sinal{grid-column:5;grid-row:1}
.pf-sinal{position:relative;width:12px;height:12px;align-self:start;margin-top:calc(var(--wf-t2) * .6 - 6px)}
.pf-sinal::before,.pf-sinal::after{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:var(--wf-marfim-80);transition:transform .45s var(--wf-curva)}
.pf-sinal::after{transform:rotate(90deg)}
.pf-item[open]:not(.pf-fechando) .pf-sinal::after{transform:rotate(0)}
.pf-resposta{padding:0 2rem 1.7rem calc(7px + var(--pf-col-n) + var(--pf-vao) * 2);overflow:hidden}
.pf-texto{font-size:var(--wf-corpo);line-height:1.6;color:var(--wf-marfim-80);max-width:54ch}
.pf-texto + .pf-texto{margin-top:.7rem}
.pf-cit{margin-top:1.2rem}
.pf-mais{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.7rem 1.4rem}

/* fim da lista: o último nó, aceso, leva ao WhatsApp */
.pf-fim{display:grid;grid-template-columns:7px var(--pf-col-n) minmax(0,1fr) auto;align-items:baseline;column-gap:var(--pf-vao);padding:var(--pf-pad) 0 0}
.pf-fim__q{grid-column:3;font-family:var(--wf-fonte-titulo);font-weight:500;font-size:var(--wf-t2);line-height:1.2;letter-spacing:-.01em;color:var(--wf-marfim)}
.pf-ponto--fim::after{animation:pf-pulsa 3.4s ease-in-out infinite}
@keyframes pf-pulsa{0%,100%{opacity:.55}50%{opacity:1}}

@media (max-width:1199px){
  /* coluna estreita: a resposta curta fica sempre embaixo da pergunta */
  .pf-grade{gap:3rem}
  .pf-pergunta{grid-template-columns:7px var(--pf-col-n) minmax(0,1fr) 12px}
  .pf-curta,.pf-item[open] .pf-curta{grid-column:3;grid-row:2;text-align:left;margin-top:.35rem}
  .pf-sinal,.pf-item[open] .pf-sinal{grid-column:4;grid-row:1}
  .pf-fim{grid-template-columns:7px var(--pf-col-n) minmax(0,1fr)}
  .pf-fim__link{grid-column:3;justify-self:start;margin-top:.7rem}
}
@media (max-width:899px){
  .pf-perguntas{--pf-pad:1.05rem;--pf-col-n:1.3rem;--pf-vao:.65rem}
  .pf-grade{grid-template-columns:1fr;gap:2rem}
  .pf-cabeca{position:static}
  .pf-indice{display:none}
  .pf-resposta{padding-right:0;padding-bottom:1.5rem}
}