/* ALUNOS (pv) — a única seção escura. Prova em números: cada ponto é uma avaliação, e o assunto escolhido esquenta o disco. */
.pv-cena{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"cab ceu" "lista ceu";column-gap:clamp(28px,4.4vw,72px);align-items:start}
.pv-cena>*{min-width:0}
.pv-cab{grid-area:cab}
.pv-cab .s-titulo{margin-top:.3em}
.pv-nota{color:var(--rede-noite)}
.pv-intro{max-width:30em;margin-top:1.2em}
.pv-miudo{font-size:14px;line-height:1.5;color:var(--luz-2)}

/* a lista é a leitura: linhas em serifa, cada uma com o ponto da figura do hero */
.pv-lista{grid-area:lista;margin-top:clamp(34px,4.2vw,58px)}
.pv-lista-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.pv-dica{border:1px solid rgb(244 239 226 / .22);border-radius:999px;padding:4px 14px;font-size:12.5px;line-height:1.4;color:var(--luz-2);white-space:nowrap}
.pv-temas{margin-top:12px}
.pv-tema{position:relative;display:grid;grid-template-columns:18px 1.45em minmax(0,1fr);column-gap:.42em;align-items:baseline;min-height:50px;padding:7px 0;cursor:pointer;font-family:var(--titulo);font-size:clamp(24px,2.3vw,33px);line-height:1.12;letter-spacing:-.01em;color:rgb(244 239 226 / .5);transition:color .4s;-webkit-tap-highlight-color:transparent}
.pv-tema input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pv-tema i{position:relative;align-self:center;justify-self:center;width:11px;height:11px;border-radius:50%;border:1.5px solid rgb(244 239 226 / .4);transition:background .35s,border-color .35s}
.pv-tema i::after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid var(--pv-tom,var(--rede-noite));opacity:0}
.pv-tema b{font-weight:400;text-align:right;transition:color .4s}
.pv-tema small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pv-tema:hover{color:rgb(244 239 226 / .84)}
.pv-tema:hover i{border-color:var(--pv-tom,var(--rede-noite))}
.pv-tema input:checked~i{background:var(--pv-tom,var(--rede-noite));border-color:var(--luz)}
.pv-tema input:checked~i::after{animation:pv-halo 2s ease-out infinite}
@keyframes pv-halo{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(3.1)}}
.pv-tema input:checked~b{color:var(--pv-tom,var(--rede-noite))}
.pv-tema input:checked~span{color:var(--luz)}
.pv-tema:has(input:focus-visible){outline:2.5px solid var(--rede-noite);outline-offset:2px;border-radius:8px}
.pv-tema-ela{--pv-tom:var(--agua-2);margin-top:10px;padding-top:16px;border-top:1.5px solid rgb(244 239 226 / .14)}
.pv-lista .pv-miudo{margin-top:16px;max-width:36em}

/* o disco: 98 pontos e o calor que cresce com a contagem */
.pv-ceu{grid-area:ceu;position:relative;align-self:center;--pv-brasa:var(--morno);--pv-aro:var(--rede-noite)}
.pv-ceu.pv-dela{--pv-brasa:var(--luz);--pv-aro:var(--agua-2)}
.pv-disco{position:relative;aspect-ratio:1;max-width:700px;margin-inline:auto}
.pv-calor{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;scale:var(--s,0);mix-blend-mode:screen;transition:scale 1.3s var(--curva),opacity .8s}
.pv-calor-q{background:radial-gradient(circle closest-side in oklab,color-mix(in oklab,var(--rede) 86%,transparent) 0%,color-mix(in oklab,var(--rede) 58%,transparent) 36%,color-mix(in oklab,var(--rede) 20%,transparent) 68%,transparent 100%)}
.pv-calor-f{opacity:0;background:radial-gradient(circle closest-side in oklab,color-mix(in oklab,var(--agua) 80%,transparent) 0%,color-mix(in oklab,var(--agua) 52%,transparent) 40%,color-mix(in oklab,var(--agua) 18%,transparent) 72%,transparent 100%)}
.pv-dela .pv-calor-q{opacity:0}
.pv-dela .pv-calor-f{opacity:1}
.pv-pontos{position:relative;display:block;width:100%;height:100%;overflow:visible}
.pv-aro{fill:none;stroke:rgb(244 239 226 / .14);stroke-width:1}
.pv-p{fill:rgb(244 239 226 / .3)}
.pv-p-fora{fill:rgb(244 239 226 / .17)}
.pv-p-brasa{fill:var(--pv-brasa);stroke:var(--pv-aro);stroke-opacity:.55;stroke-width:3.5;paint-order:stroke;opacity:clamp(0,calc(var(--n,0) - var(--i)),1);transition:opacity .6s var(--curva) calc(var(--i)*8ms),fill .6s,stroke .6s}
.pv-p-falta{fill:none;stroke:var(--luz);stroke-width:1.6;opacity:0;transition:opacity .6s .5s}
.pv-dela .pv-p-falta{opacity:.9}
.pv-leitura{max-width:27em;min-height:5.4em;margin:clamp(2px,1vw,14px) auto 0;text-align:center;font-size:17px;line-height:1.45;color:var(--luz)}
.pv-leitura b{display:block;margin-bottom:6px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--rede-noite);transition:color .5s}
.pv-dela .pv-leitura b{color:var(--agua-2)}
.pv-leitura.pv-nova span{display:block;animation:pv-escreve .55s var(--curva)}
@keyframes pv-escreve{from{opacity:0;transform:translateY(.3em)}}

/* os gestos: uma frase só, três acendem, e a fonte ao lado */
.pv-gestos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);column-gap:clamp(32px,5vw,84px);align-items:end;margin-top:clamp(60px,7.4vw,108px);padding-top:clamp(34px,4vw,54px);border-top:1.5px solid rgb(244 239 226 / .14)}
.pv-gestos>*{min-width:0}
.pv-frase{margin-top:22px;font-family:var(--titulo);font-size:clamp(31px,4.7vw,68px);line-height:1.06;letter-spacing:-.02em;color:rgb(244 239 226 / .5);text-wrap:balance}
.pv-frase b{font-weight:400;color:var(--luz);white-space:nowrap;text-decoration:underline 2.5px var(--rede-noite);text-underline-offset:.13em}
.js .pv-gestos[data-ver]{opacity:1;transform:none}
.js .pv-gestos[data-ver] .pv-frase b{color:rgb(244 239 226 / .5);text-decoration-color:transparent;transition:color 1.1s var(--curva) calc(.3s + var(--k)*.5s),text-decoration-color 1.1s var(--curva) calc(.5s + var(--k)*.5s)}
.js .pv-gestos[data-ver].visto .pv-frase b{color:var(--luz);text-decoration-color:var(--rede-noite)}
.pv-fonte{display:grid;gap:18px;justify-items:start;padding-bottom:.5em}
.pv-ressalva{font-size:17px;line-height:1.5;color:var(--luz)}
.pv-ler{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border:1.5px solid rgb(244 239 226 / .4);border-radius:999px;color:var(--luz);text-decoration:none;font-weight:600;font-size:15.5px;line-height:1.2;transition:border-color .3s,background .3s,transform .25s}
.pv-ler:hover{border-color:var(--luz);background:rgb(244 239 226 / .07);transform:translateY(-2px)}
.pv-ler:focus-visible{outline-color:var(--rede-noite);border-radius:999px}
.pv-ler svg{width:15px;height:15px;flex:none}

@media (max-width:900px){
  .pv-cena{display:block;--pv-lado:min(calc(100vw - var(--margem)*2 + 16px),420px)}
  /* o disco gruda como um sol pela metade enquanto a lista rola por baixo */
  .pv-ceu{position:sticky;top:calc(var(--pv-lado)*-.41);z-index:3;margin:22px calc(var(--margem)*-1) 0;padding:0 var(--margem) 2px;background:var(--noite)}
  .pv-ceu::after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;background:linear-gradient(var(--noite),transparent);pointer-events:none}
  .pv-disco{width:var(--pv-lado);margin-inline:auto}
  .pv-leitura{min-height:6.1em;margin:0;text-align:left;font-size:16px}
  .pv-lista{margin-top:22px}
  .pv-tema{min-height:46px;padding:6px 0}
  .pv-gestos{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .pv-fonte{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  .pv-calor,.pv-p-brasa,.pv-p-falta,.pv-tema,.pv-tema b,.pv-tema i,.pv-leitura b,.pv-ler{transition:none}
  .pv-tema input:checked~i::after,.pv-leitura.pv-nova span{animation:none}
  .js .pv-gestos[data-ver] .pv-frase b{color:var(--luz);text-decoration-color:var(--rede-noite);transition:none}
}