/* 07 · Primeira visita — quatro voltas do mesmo fio (o laço do hero, com mais duas voltas) + perguntas */
.pv-sec{overflow:clip}
.pv-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);column-gap:clamp(2rem,5vw,5rem);align-items:end}
.pv-cab .wf-plaqueta{grid-column:1/-1;justify-self:start}
.pv-titulo{max-width:14ch}
.pv-apoio{padding-bottom:.4rem}

/* os passos: uma linha só, quatro voltas */
.pv-passos{--pv-eixo:x;position:relative;list-style:none;padding:0;margin-top:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.pv-fio{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.pv-fio path{fill:rgb(251 249 246 / .62);fill-rule:evenodd;fill-opacity:0;stroke:var(--wf-ouro);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3.2s cubic-bezier(.5,0,.2,1) .2s,fill-opacity 1.6s ease 2.2s}
.pv-passos.wf-visto .pv-fio path{stroke-dashoffset:0;fill-opacity:1}
.pv-fio{filter:drop-shadow(5px 8px 6px rgb(70 45 5 / .14))}
.pv-passo{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column}
.pv-volta{display:flex;align-items:center;justify-content:center;height:clamp(7rem,10.5vw,9.4rem)}
.pv-volta b{font-family:var(--wf-serif);font-weight:400;font-size:clamp(3rem,4.6vw,4.2rem);line-height:1;color:var(--wf-tinta)}
.pv-corpo{padding:1.6rem clamp(.8rem,1.8vw,1.8rem) 0;text-align:center}
.pv-rot{font-family:var(--wf-sans);font-weight:500;font-size:var(--wf-t-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--wf-ouro-esc)}
.pv-corpo p{margin-top:.7rem;font-family:var(--wf-serif);font-size:clamp(1.15rem,1.55vw,1.32rem);line-height:1.36;color:var(--wf-tinta);text-wrap:balance}
/* a fala que fecha o percurso */
.pv-fala{margin:clamp(2.6rem,5vw,4rem) auto 0;max-width:44rem;text-align:center}
.pv-fala::before{content:"";display:block;width:3.2rem;height:1px;margin:0 auto 1.4rem;background:var(--wf-ouro)}
.pv-fala .wf-cita{text-wrap:balance}

/* perguntas */
.pv-perg{margin-top:clamp(4rem,8vw,7rem);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;column-gap:clamp(2rem,6vw,6rem);align-items:start}
.pv-perg-cab{grid-column:1;grid-row:1;padding-top:1.6rem}
.pv-acao{grid-column:1;grid-row:2;margin-top:1.6rem}
.pv-sub{font-family:var(--wf-serif);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.12;max-width:12ch;text-wrap:balance}
.pv-perg-cab .wf-texto{margin-top:1rem;max-width:20rem}
/* as perguntas ficam numa placa de acrílico, como a da porta */
.pv-faq{grid-column:2;grid-row:1/4;padding:1.1rem clamp(1.5rem,3.4vw,3rem) 1.2rem}
.pv-item+.pv-item{border-top:1px solid rgb(35 31 30 / .16)}
.pv-bot{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;min-height:4.4rem;padding:1rem 0;font-family:var(--wf-serif);font-size:clamp(1.18rem,1.7vw,1.42rem);line-height:1.25;color:var(--wf-tinta);-webkit-tap-highlight-color:transparent}
.pv-bot span{min-width:0;transition:color .25s}
.pv-bot:hover span,.pv-aberto .pv-bot span{color:var(--wf-vinho)}
.pv-bot:focus-visible{outline:2px solid var(--wf-vinho);outline-offset:3px}
.pv-mais{position:relative;flex:none;width:2.4rem;height:2.4rem;border:1px solid rgb(168 129 60 / .7);border-radius:50%;transition:background .25s,border-color .25s}
.pv-mais::before,.pv-mais::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:1.5px;margin:-.75px 0 0 -.4rem;background:var(--wf-ouro-esc);transition:transform .35s var(--wf-curva)}
.pv-mais::after{transform:rotate(90deg)}
.pv-aberto .pv-mais::after{transform:rotate(0deg)}
.pv-bot:hover .pv-mais{background:var(--wf-folha)}
.pv-r{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s var(--wf-curva),visibility 0s .45s}
.pv-aberto .pv-r{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .45s var(--wf-curva),visibility 0s 0s}
.pv-r-dentro{overflow:hidden;min-height:0}
.pv-r p{padding:0 3.6rem 1.5rem 0;max-width:38rem;color:var(--wf-tinta-2)}
.pv-zap{display:inline;padding:.9rem 0;color:var(--wf-tinta);font-weight:500;white-space:nowrap;text-underline-offset:.3em;text-decoration-color:var(--wf-ouro)}
.wf-sem-js .pv-r{grid-template-rows:1fr;visibility:visible}
.wf-sem-js .pv-mais{display:none}

@media (max-width:900px){
  .pv-cab{grid-template-columns:minmax(0,1fr)}
  .pv-titulo{max-width:none}
  .pv-apoio{margin-top:1.2rem}
  .pv-passos{--pv-eixo:y;grid-template-columns:minmax(0,1fr);margin-top:2.6rem;max-width:34rem}
  .pv-passo{flex-direction:row;align-items:stretch}
  .pv-volta{flex:none;width:5.4rem;height:auto;min-height:8.2rem}
  .pv-volta b{font-size:2.6rem}
  .pv-corpo{flex:1;min-width:0;text-align:left;padding:1.5rem 0 1.5rem 1.3rem;align-self:center}
  .pv-fala{text-align:left;margin-left:0}
  .pv-fala::before{margin-left:0}
  .pv-perg{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .pv-perg-cab,.pv-acao,.pv-faq{grid-column:1;grid-row:auto}
  .pv-perg-cab{padding-top:0}
  .pv-faq{margin-top:1.8rem;padding:.9rem 1.25rem 1rem}
  .pv-acao{margin-top:1.8rem}
  .pv-sub{max-width:none}
  .pv-btn{width:100%}
  .pv-r p{padding-right:.5rem}
}