/* FECHO (fe) — a pergunta do hero volta, com a resposta que o visitante deu lá em cima */
#fecho{overflow:clip}
.fe-luz{position:absolute;left:50%;top:56%;width:min(130vw,1600px);aspect-ratio:1.5;transform:translate(-50%,-50%);background:radial-gradient(closest-side in oklch, oklch(0.93 0.075 72 / .9), oklch(0.94 0.04 150 / .4) 55%, transparent);opacity:.3;transition:opacity 1.4s var(--curva);pointer-events:none}
body.respondeu .fe-luz{opacity:1}
.fe-pilha{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
/* ela, numa janela comprida com o anel do logo */
.fe-janela{width:100%;aspect-ratio:2.75;border-radius:999px;padding:6px;background:var(--anel);box-shadow:var(--sombra);margin:0}
.fe-janela img{width:100%;height:100%;border-radius:999px;object-fit:cover;object-position:50% 34%}
.js .fe-janela[data-ver]{clip-path:inset(0 38% round 999px);transform:none;opacity:1;transition:clip-path 1.5s var(--curva)}
.js .fe-janela[data-ver].visto{clip-path:inset(0 0 round 999px)}
.fe-quem{margin-top:clamp(26px,4.4vw,54px);font-size:clamp(15px,1.2vw,18px);color:var(--tinta-2)}
.fe-quem b{color:var(--tinta);font-weight:700}
.fe-pergunta{font-family:var(--titulo);font-style:italic;font-weight:400;font-size:clamp(46px,9.6vw,156px);line-height:.92;letter-spacing:-.026em;margin-top:.1em;text-wrap:balance}
.fe-pergunta i{font-style:normal;color:var(--rede)}
/* você: a figura vira o seu retrato, com os pontos que marcou */
.fe-voce{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.4vw,20px);margin-top:clamp(18px,3vh,34px)}
.fe-avatar{position:relative;flex:none;width:clamp(60px,6.2vw,92px);aspect-ratio:1;border-radius:50%;padding:4px;background:var(--anel)}
.fe-avatar::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid var(--rede);opacity:0}
body.respondeu .fe-avatar::after{animation:fe-halo 2.4s ease-out infinite}
@keyframes fe-halo{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}
.fe-avatar svg{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg in oklch,#f8f6ef,#e4f1ea);pointer-events:none}
.fe-avatar .contorno{animation:none;stroke-dashoffset:0;stroke-width:3}
.fe-avatar .pele,.fe-avatar .vertebra,.fe-avatar .ponto{animation:none;opacity:1}
.fe-avatar .vertebra{opacity:.9}
.fe-avatar .ponto text,.fe-avatar .ponto .fio,.fe-avatar .ponto .halo{display:none}
.fe-avatar .ponto:not(.on){display:none}
.fe-resposta{font-family:var(--titulo);font-style:italic;font-size:clamp(25px,3.2vw,50px);line-height:1.08;color:var(--rede);text-align:left}
.fe-resposta.vazia span{color:rgb(16 48 42 / .4)}
.fe-resposta.nova span{display:inline-block;animation:fe-escreve .5s var(--curva)}
@keyframes fe-escreve{from{opacity:0;transform:translateY(.25em)}}
.fe-convite{margin-top:clamp(20px,3.2vh,36px);font-size:13.5px;letter-spacing:.02em;color:var(--tinta-2)}
.fe-convite .fe-sim,body.respondeu .fe-convite .fe-nao{display:none}
body.respondeu .fe-convite .fe-sim{display:inline}
.fe-etiquetas{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:10px}
.fe-etiquetas button{font:inherit;font-size:14px;font-weight:500;color:var(--tinta);background:rgb(255 255 255 / .55);border:1.5px solid rgb(16 48 42 / .16);border-radius:999px;padding:8px 14px;min-height:44px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.fe-etiquetas button:hover{border-color:var(--rede)}
.fe-etiquetas button.on{background:var(--rede);border-color:var(--rede);color:#fff}
.fe-acoes{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:center;margin-top:clamp(18px,3vh,32px)}
.fe-nota{max-width:34em;margin-top:16px;font-size:14.5px;color:var(--tinta-2)}
.fe-assina{margin:clamp(40px,7vw,90px) 0 0;padding-top:clamp(22px,3vw,34px);border-top:1.5px solid var(--fio);width:min(100%,640px)}
.fe-assina p{font-family:var(--titulo);font-style:italic;font-size:clamp(22px,2.4vw,34px);line-height:1.15;color:var(--tinta)}
.fe-assina footer{margin-top:10px;font-size:13px;color:var(--tinta-2)}
@media (max-width:700px){
  .fe-janela{aspect-ratio:1.35;border-radius:44px;padding:5px}
  .fe-janela img{border-radius:39px;object-position:50% 30%}
  .js .fe-janela[data-ver]{clip-path:inset(0 30% round 44px)}
  .js .fe-janela[data-ver].visto{clip-path:inset(0 0 round 44px)}
  .fe-resposta{font-size:26px}
  .fe-acoes .botao{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.fe-luz{transition:none}.fe-resposta.nova span,body.respondeu .fe-avatar::after{animation:none}.js .fe-janela[data-ver]{clip-path:none;transition:none}}