/* ===== seções (prefixo por seção) ===== */

/* ---------- SOBRE (sb-) ---------- */
.sb{background:linear-gradient(180deg in oklab, var(--papel) 0%, oklch(95.5% .03 75) 100%);padding-left:0}
.sb::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 50% at 8% 30%, color-mix(in oklab, var(--pessego) 55%, transparent), transparent 70%),
             radial-gradient(36% 40% at 92% 80%, color-mix(in oklab, var(--lilas) 45%, transparent), transparent 70%)}
.sb-grade{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(2rem,4.5vw,5rem);align-items:center;max-width:1500px}
.sb-foto{position:relative;margin:0}
.sb-moldura{position:relative;overflow:hidden;border-radius:0 var(--raio) var(--raio) 0;box-shadow:0 30px 60px -34px rgb(70 30 50/.5)}
.sb-moldura img{display:block;width:100%;height:auto;aspect-ratio:2000/1493;object-fit:cover}
.sb-moldura::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg in oklab, color-mix(in oklab,var(--pessego) 22%,transparent), transparent 30%);pointer-events:none}
.sb-etq{position:absolute;z-index:3;white-space:nowrap;font-size:clamp(1.05rem,1.7vw,1.6rem)}
.sb-etq--a{left:clamp(1rem,6%,5rem);top:8%}
.sb-etq--b{right:-3%;bottom:18%;font-size:clamp(1.25rem,2.3vw,2.1rem)}
.sb-leg{margin-top:1rem;font-size:.84rem;color:var(--tinta-suave);letter-spacing:.02em;padding-left:var(--pad)}
.sb-texto{max-width:34rem;padding-right:var(--pad)}
.sb-titulo{font-family:var(--f-titulo);line-height:.92;letter-spacing:-.02em;color:var(--tinta)}
.sb-l1{display:block;font-weight:280;font-variation-settings:"wdth" 70;font-size:clamp(2.6rem,4.6vw,4.6rem)}
.sb-l2{display:block;font-weight:280;font-variation-settings:"wdth" 70;font-size:clamp(2.6rem,4.6vw,4.6rem)}
.sb-l3{display:block;margin-top:.12em;font-size:clamp(2.2rem,4.1vw,4.1rem)}
.sb-l3 .etq{font-weight:800;font-variation-settings:"wdth" 64;padding:.12em .24em .1em}
.sb-chamada{margin-top:1.7rem;font-size:clamp(1.12rem,1.35vw,1.28rem);line-height:1.45;font-weight:560}
.sb-duas{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.sb-duas p{font-size:.98rem;line-height:1.5;color:var(--tinta-suave);padding-top:.8rem;border-top:1.5px solid color-mix(in oklab,var(--tinta) 18%,transparent)}
.sb-rot{display:block;font-family:var(--f-titulo);font-variation-settings:"wdth" 80;font-weight:720;font-size:1.08rem;color:var(--tinta);margin-bottom:.25rem}
.sb-duas p:first-child .sb-rot::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.45rem;vertical-align:.1em;background:var(--laser);box-shadow:0 0 10px 2px color-mix(in oklab,var(--laser) 55%,transparent)}
.sb-duas p:last-child .sb-rot::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:2px;margin-right:.45rem;vertical-align:.1em;background:var(--roxo);transform:rotate(45deg)}
.sb-p{margin-top:1.2rem;font-size:1.02rem;line-height:1.65;color:var(--tinta-suave)}
.sb-missao{margin-top:1.8rem;padding-left:1.1rem;border-left:3px solid var(--roxo)}
.sb-missao p{font-family:var(--f-titulo);font-variation-settings:"wdth" 70;font-weight:600;font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.15}
.sb-missao cite{display:block;margin-top:.5rem;font-style:normal;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}
.sb-col{position:relative}
.sb-nota{position:relative;z-index:4;display:flex;align-items:center;gap:1.1rem;max-width:31rem;margin:-4.2rem 1.2rem 0 auto;background:var(--branco);padding:.75rem 1.2rem .75rem .75rem;border-radius:var(--raio);transform:rotate(1.4deg);
  box-shadow:0 1px 0 rgb(0 0 0/.05),0 24px 40px -24px rgb(70 30 50/.5)}
.sb-nota img{width:clamp(5.5rem,8vw,7rem);height:auto;aspect-ratio:1;object-fit:cover;border-radius:.25rem;flex:none}
.sb-nota p{font-size:.93rem;line-height:1.5;color:var(--tinta-suave)}
.sb-nota b{color:var(--tinta)}
.sb-pe{font-size:.8rem;color:var(--tinta-suave)}
.sb-nota .etq{font-size:1.1rem;margin-left:.15rem;display:inline-block}
.sb-foto .sb-leg{position:absolute;z-index:2;left:var(--pad);top:auto;bottom:calc(1rem + 4.2rem);margin:0;padding:0;color:#fff;font-size:.8rem;text-shadow:0 1px 6px rgb(40 20 10/.7)}
@media (max-width:900px){.sb-foto .sb-leg{bottom:.7rem;left:1rem;right:5.5rem;font-size:.72rem}}
@media (max-width:900px){
  .sb{padding-right:0}
  .sb-grade{grid-template-columns:1fr}
  .sb-foto{margin-right:var(--pad)}
  .sb-texto{padding-left:var(--pad);max-width:none}
  .sb-etq--b{right:-2%;bottom:12%}
  .sb-duas{grid-template-columns:1fr}
  .sb-nota{margin:1.2rem var(--pad) 0 auto;max-width:calc(100% - var(--pad));align-items:flex-start}
  .sb-col{margin-right:var(--pad)}
  .sb-foto{margin-right:0}
}
/* ---------- o laser que cola etiquetas (gesto comum) ---------- */
.laser-palco{position:relative}
.js .laser-alvo{opacity:0;transform:rotate(var(--r,0deg)) scale(1.7) rotate(14deg)}
.js .laser-alvo.vis{opacity:1;transform:rotate(var(--r,0deg));transition:opacity .25s,transform .55s var(--mola)}
.laser-viajante{opacity:0;transition:opacity .2s}
.laser-viajante.on{opacity:1}

/* ---------- TÉCNICAS (tc-) ---------- */
.tc{background:oklch(95.5% .03 75)}
.tc-topo{max-width:1400px;margin:0 auto clamp(3rem,7vh,5rem)}
.tc-metades{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;border-radius:var(--raio);overflow:hidden;
  box-shadow:0 30px 70px -40px rgb(70 30 50/.35)}
.tc-lado{position:relative;padding:clamp(2rem,4vw,4rem)}
.tc-corpo{background:linear-gradient(160deg in oklab, oklch(96.5% .035 70), color-mix(in oklab, var(--pessego) 60%, white))}
.tc-raiz{background:linear-gradient(200deg in oklab, oklch(95% .03 300), color-mix(in oklab, var(--lilas) 75%, white))}
.tc-rot{font-family:var(--f-titulo);font-weight:280;font-variation-settings:"wdth" 70;font-size:clamp(1.9rem,3vw,2.9rem);line-height:1;margin-bottom:1.8rem}
.tc-rot .etq{font-size:.62em;vertical-align:.18em;margin-right:.3rem;transform:rotate(-4deg)}
.tc-lista{list-style:none;counter-reset:tc}
.tc-lista li{position:relative;counter-increment:tc;padding:1.15rem 0 1.15rem 3.1rem;border-top:1.5px solid color-mix(in oklab,var(--tinta) 14%,transparent)}
.tc-lista li::before{content:counter(tc,decimal-leading-zero);position:absolute;left:0;top:1.25rem;font-family:var(--f-titulo);font-variation-settings:"wdth" 60;font-weight:700;font-size:1.05rem;color:var(--roxo)}
.tc-lista h3{font-family:var(--f-titulo);font-variation-settings:"wdth" 88;font-weight:740;font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.1;margin-bottom:.35rem}
.tc-lista p{font-size:.99rem;line-height:1.58;color:var(--tinta-suave);max-width:30rem}
.tc-com-orelha{padding-right:7rem!important}
.tc-orelha{position:absolute;right:0;top:.6rem;width:5.6rem;height:auto;overflow:visible}
.tc-orelha-c{fill:none;stroke:color-mix(in oklab,var(--tinta) 55%,transparent);stroke-width:2.2;stroke-linecap:round}
.tc-orelha-c.tc-fina{stroke-width:1.4;opacity:.7}
.tc-pt{fill:color-mix(in oklab,var(--tinta) 25%,transparent);transition:fill .3s}
.tc-pt.aceso{fill:var(--laser);filter:drop-shadow(0 0 3px var(--laser)) drop-shadow(0 0 7px var(--laser-quente))}
.tc-juntas{position:absolute;z-index:5;left:50%;bottom:-1.6rem;transform:translateX(-50%) rotate(-1deg);width:min(40rem,80%);display:flex;align-items:center;gap:.9rem;
  background:var(--branco);padding:.75rem 1.2rem .75rem .75rem;border-radius:var(--raio);box-shadow:0 1px 0 rgb(0 0 0/.05),0 22px 36px -22px rgb(70 30 50/.5)}
.tc-juntas .etq{font-size:1.3rem;white-space:nowrap;flex:none}
.tc-juntas-t{font-size:1rem;line-height:1.4;font-weight:560}
.tc-metades{margin-bottom:1.6rem}
.tc-fala{margin-top:2rem;padding:1.3rem 1.4rem;background:color-mix(in oklab,var(--branco) 70%,transparent);border-radius:var(--raio);border-left:3px solid var(--roxo)}
.tc-fala p{font-family:var(--f-titulo);font-variation-settings:"wdth" 70;font-weight:560;font-size:clamp(1.4rem,2vw,1.85rem);line-height:1.12}
.tc-fala cite{display:block;margin-top:.55rem;font-style:normal;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}
.tc-lado{padding-bottom:clamp(3rem,5vw,5rem)}
/* o feixe varre a borda de cima e fica aceso; um ponto fica na junção */
.tc-metades{overflow:visible}
.tc-corpo{border-radius:var(--raio) 0 0 var(--raio)}
.tc-raiz{border-radius:0 var(--raio) var(--raio) 0}
.tc-feixe{position:absolute;z-index:3;left:0;right:0;top:0;height:0;pointer-events:none}
.tc-raio{position:absolute;left:0;top:-1.5px;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);border-radius:3px;
  background:linear-gradient(90deg in oklab, var(--laser-quente), var(--laser) 40%, #ff6f8a 55%, var(--violeta-luz));
  box-shadow:0 0 10px 1px color-mix(in oklab,var(--laser) 65%,transparent),0 0 30px 6px color-mix(in oklab,var(--laser-quente) 28%,transparent)}
.tc-cabeca{--t:18px;left:0;top:0;opacity:0}
.tc-metades.dispara .tc-raio{animation:raio 1.5s cubic-bezier(.65,0,.25,1) .2s forwards}
.tc-metades.dispara .tc-cabeca{animation:cabeca 1.5s cubic-bezier(.65,0,.25,1) .2s forwards}
@keyframes raio{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes cabeca{0%{opacity:1;left:0}97%{opacity:1}100%{opacity:0;left:100%}}
.tc-juncao{--t:16px;left:50%;top:0;margin-top:-8px;opacity:0;z-index:4}
.tc-metades.dispara .tc-juncao{opacity:1;transition:opacity .4s ease 1.2s}
.tc-pt.aceso{animation:ptPulsa 2.2s ease-in-out infinite}
@keyframes ptPulsa{50%{opacity:.6}}
.tc-orelha{width:6.6rem}
.tc-com-orelha{padding-right:8rem!important;min-height:9.6rem}
.secao-titulo.tc-tit .larga{font-variation-settings:"wdth" 88}
@media (max-width:860px){
  .tc-metades{grid-template-columns:1fr}
  .tc-corpo{border-radius:var(--raio) var(--raio) 0 0}
  .tc-raiz{border-radius:0 0 var(--raio) var(--raio)}
  .tc-juncao{left:auto;right:1.2rem}
  .tc-com-orelha{min-height:0}
  .tc-com-orelha{padding-right:0!important}
  .tc-orelha{position:relative;display:block;margin:1rem auto 0;width:7rem;top:0}
  .tc-lado{padding:1.6rem 1.2rem 2.4rem}
  .tc-lista li{padding-left:2.4rem}
  .tc-juntas{order:5;position:relative;left:auto;bottom:auto;transform:rotate(-1deg);width:auto;margin:-1rem .6rem 0;flex-direction:column;align-items:flex-start}
  .tc-lado{order:2}
}

/* ---------- PARA QUEM (pq-) ---------- */
.pq{background:linear-gradient(180deg in oklab, oklch(95.5% .03 75), var(--papel))}
.pq-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,6rem);max-width:1400px;margin:0 auto;align-items:start}
.pq-topo{position:sticky;top:12vh}
.pq-topo .secao-titulo{font-size:clamp(2.3rem,4.4vw,4.3rem)}
.pq-apoio{margin-top:1.4rem;font-size:1.06rem;line-height:1.6;color:var(--tinta-suave);max-width:28rem}
.pq-legenda{list-style:none;display:flex;gap:1.4rem;margin-top:1.4rem;font-size:.88rem;color:var(--tinta-suave)}
.pq-legenda li{display:flex;align-items:center;gap:.5rem}
.pq-legenda i{width:1.1rem;height:.8rem;border-radius:.18rem;display:inline-block}
.pq-l-corpo{background:var(--branco);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--tinta) 25%,transparent)}
.pq-l-emo{background:var(--roxo)}
.pq-aviso{margin-top:2rem;font-size:.84rem;line-height:1.5;color:var(--tinta-suave);max-width:26rem;padding-left:.9rem;border-left:2px solid color-mix(in oklab,var(--tinta) 20%,transparent)}
.pq-mural{position:relative;padding:2.5rem 0 4rem}
.pq-lista{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem 1.1rem;align-content:flex-start;align-items:center}
.pq-g{font-size:clamp(1.9rem,3.6vw,3.5rem)!important;padding:.36em .52em .32em!important}
.pq-etq{font-family:var(--f-titulo);font-variation-settings:"wdth" 64;font-weight:760;font-size:clamp(1.25rem,2.1vw,2rem);line-height:1;padding:.42em .6em .38em;border-radius:var(--raio);transform:rotate(var(--r));
  transition:background .45s,color .45s,box-shadow .45s,transform .5s var(--mola)}
.pq-corpo{background:var(--branco);color:var(--tinta);box-shadow:0 1px 0 rgb(0 0 0/.05),0 8px 16px -10px rgb(60 30 40/.35)}
.pq-emo{background:color-mix(in oklab,var(--roxo) 14%,var(--branco));color:var(--roxo-escuro);box-shadow:0 1px 0 rgb(0 0 0/.05),0 8px 16px -10px rgb(60 30 40/.3)}
.pq-etq.acesa{transform:rotate(var(--r)) scale(1.04)}
.pq-corpo.acesa{box-shadow:0 0 0 2px color-mix(in oklab,var(--laser) 70%,transparent),0 0 22px -2px color-mix(in oklab,var(--laser) 55%,transparent),0 10px 18px -10px rgb(60 30 40/.35)}
.pq-emo.acesa{background:var(--roxo);color:#fff;box-shadow:0 0 22px -2px color-mix(in oklab,var(--violeta-luz) 70%,transparent),0 10px 18px -10px rgb(60 10 120/.45)}
.pq-scan{position:absolute;left:-2rem;right:-2rem;top:var(--y,0px);height:2px;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;
  background:linear-gradient(90deg in oklab, color-mix(in oklab,var(--laser) 0%,transparent), var(--laser) 15%, #ff9aa6 50%, var(--laser) 85%, color-mix(in oklab,var(--laser) 0%,transparent));
  box-shadow:0 0 12px 2px color-mix(in oklab,var(--laser) 55%,transparent),0 0 40px 10px color-mix(in oklab,var(--laser-quente) 18%,transparent)}
.pq-scan.on{opacity:1}
.pq-scan-ponto{--t:16px;left:var(--x,50%);top:1px}
@media (max-width:900px){
  .pq-grade{grid-template-columns:1fr}
  .pq-topo{position:relative;top:0}
  .pq-scan{left:-1rem;right:-1rem}
  .pq-lista{gap:.8rem .6rem}
  .pq-etq{font-size:1.35rem}
  .pq-g{font-size:2rem!important}
}
.pq-nw{white-space:nowrap}
.pq-convite{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.6rem;text-decoration:none;font-size:1.05rem;color:var(--tinta-suave)}
.pq-convite b{color:var(--roxo-escuro);border-bottom:1.5px solid color-mix(in oklab,var(--roxo) 50%,transparent)}
.pq-convite .laser{position:relative;margin:0;--t:12px;flex:none}
.pq-convite:hover b{color:var(--roxo)}
.pq-convite{flex-wrap:wrap;row-gap:.2rem}

/* ---------- SESSÃO (ss-) ---------- */
.ss{background:linear-gradient(180deg in oklab, var(--papel), oklch(94.5% .035 300))}
.ss-topo{max-width:1400px;margin:0 auto clamp(3rem,7vh,5rem)}
.ss-grade{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,6vw,7rem);max-width:1400px;margin:0 auto}
.ss-aparelho-col{position:relative}
.ss-aparelho{position:sticky;top:12vh;width:9.6rem;height:min(30rem,62vh);margin:0 auto;border-radius:4.8rem 4.8rem 2.4rem 2.4rem;
  background:linear-gradient(90deg in oklab, #e4ddd7 0%, #fffdfa 38%, #f4efea 62%, #d8d0ca 100%);
  box-shadow:inset 0 2px 0 #fff,0 40px 60px -36px rgb(60 30 50/.55),0 2px 0 rgb(0 0 0/.06);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.2rem;padding:3.2rem .8rem 2rem}
.ss-visor{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:#0f0a12;border-radius:.7rem;padding:.55rem .7rem .4rem;box-shadow:inset 0 0 0 2px #2a2030,inset 0 6px 14px rgb(0 0 0/.6)}
.ss-num{font-family:var(--f-titulo);font-variation-settings:"wdth" 50;font-weight:700;font-variant-numeric:tabular-nums;font-size:3.4rem;line-height:1;color:var(--laser);
  text-shadow:0 0 10px var(--laser),0 0 2px #ffd0d4;min-width:2ch;text-align:center}
.ss-seg{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#ff8d98}
.ss-leds{display:flex;gap:.7rem}
.ss-led{width:.85rem;height:.85rem;border-radius:50%;background:#cfc6c9;box-shadow:inset 0 1px 2px rgb(0 0 0/.3);transition:background .35s,box-shadow .35s}
.ss-led--v.on{background:var(--violeta-luz);box-shadow:0 0 12px 3px var(--violeta-luz)}
.ss-led--r.on{background:var(--laser);box-shadow:0 0 12px 3px var(--laser)}
.ss-led--g.on{background:#9cff6b;box-shadow:0 0 12px 3px #9cff6b}
.ss-passo{margin-top:auto;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
.ss-passo b{color:var(--tinta)}
.ss-ponta{position:absolute;left:50%;bottom:-1.6rem;width:2.6rem;height:1.8rem;transform:translateX(-50%);border-radius:0 0 1.3rem 1.3rem;background:linear-gradient(90deg,#d3cbc5,#f4efea,#d3cbc5)}
.ss-cone{position:absolute;left:50%;top:calc(100% + 1.6rem);width:12rem;height:7rem;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(60% 100% at 50% 0%, color-mix(in oklab,var(--laser) 45%,transparent), color-mix(in oklab,var(--laser-quente) 12%,transparent) 55%, transparent 80%);
  clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(2px);animation:cone 2.4s ease-in-out infinite}
@keyframes cone{50%{opacity:.6}}
.ss-pele{position:absolute;left:50%;top:calc(100% + 7.6rem);width:14rem;height:2.6rem;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side in oklab, oklch(80% .07 45), oklch(86% .05 50) 60%, color-mix(in oklab, oklch(88% .04 50) 0%, transparent))}
.ss-bate{position:absolute;left:50%;top:50%;width:3.6rem;height:1.1rem;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side, #fff 0 18%, var(--laser) 40%, color-mix(in oklab,var(--laser) 0%,transparent));filter:blur(.5px);animation:cone 2.4s ease-in-out infinite}
.ss-onde{max-width:1400px;margin:clamp(3rem,7vh,5rem) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.ss-onde>div{position:relative;background:color-mix(in oklab,var(--branco) 75%,transparent);border-radius:var(--raio);padding:2.2rem 1.6rem 1.5rem;box-shadow:0 18px 34px -26px rgb(60 30 50/.4)}
.ss-onde .etq{position:absolute;top:-.9rem;left:1.4rem;font-size:1.25rem;transform:rotate(var(--r))}
.ss-onde p{font-size:1rem;line-height:1.55;color:var(--tinta-suave)}
.ss-onde b{display:block;font-family:var(--f-titulo);font-variation-settings:"wdth" 80;font-weight:720;font-size:1.2rem;color:var(--tinta);margin-bottom:.3rem}
.ss-ponta .laser{--t:16px;left:50%;top:100%}
.ss-legenda{margin-top:2.6rem;text-align:center;font-size:.84rem;color:var(--tinta-suave)}
.ss-passos{list-style:none}
.ss-p{position:relative;padding:2.2rem 0 2.6rem 5.4rem;border-top:1.5px solid color-mix(in oklab,var(--tinta) 14%,transparent);opacity:.6;transition:opacity .5s}
.ss-p.ativo{opacity:1}
.ss-n{position:absolute;left:0;top:2rem;font-size:2rem;transform:rotate(var(--r))}
.ss-p h3{font-family:var(--f-titulo);font-variation-settings:"wdth" 80;font-weight:780;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;margin-bottom:.8rem}
.ss-p p{font-size:1.06rem;line-height:1.62;color:var(--tinta-suave);max-width:36rem}
.ss-fala{margin-top:1.1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem}
.ss-fala .etq{font-size:1.2rem;transform:rotate(var(--r))}
.ss-fala small{font-size:.86rem;font-style:italic}
.ss-online{max-width:1400px;margin:clamp(2.5rem,6vh,4rem) auto 0;font-size:1.05rem;color:var(--tinta-suave);display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.ss-online .etq{font-size:1.2rem;transform:rotate(var(--r))}
@media (max-width:860px){
  .ss-grade{grid-template-columns:1fr}
  .ss-aparelho-col{position:sticky;top:0;z-index:5;margin:0 calc(var(--pad)*-1);padding:.6rem var(--pad);background:oklch(96% .02 300);box-shadow:0 10px 20px -16px rgb(60 30 50/.4)}
  .ss-aparelho{position:relative;top:0;height:auto;width:100%;flex-direction:row;justify-content:space-between;align-items:center;border-radius:2rem;padding:.55rem 1rem .55rem .7rem;gap:.8rem;background:linear-gradient(180deg in oklab,#fffdfa,#ebe5df)}
  .ss-visor{flex-direction:row;align-items:baseline;gap:.3rem;padding:.35rem .6rem}
  .ss-num{font-size:2rem}
  .ss-passo{margin-top:0}
  .ss-ponta,.ss-legenda,.ss-cone,.ss-pele{display:none}
  .ss-onde{grid-template-columns:1fr;gap:1.8rem}
  .ss-p{padding-left:3.8rem}
  .ss-n{font-size:1.5rem}
}

/* ---------- SALA APAGADA (lz-) ---------- */
.lz{background:radial-gradient(120% 90% at 30% 60% in oklab, var(--noite-2), var(--noite) 70%);color:var(--noite-texto);overflow:hidden}
.lz-ceu{position:absolute;inset:0;z-index:-1;pointer-events:none}
.lz-luz{position:absolute;border-radius:50%;filter:blur(1px);opacity:0;animation:lzLuz var(--d,9s) ease-in-out var(--a,0s) infinite}
@keyframes lzLuz{0%,100%{opacity:0;transform:translate(0,0) scale(.6)}40%,60%{opacity:var(--o,.7);transform:translate(var(--dx,10px),var(--dy,-20px)) scale(1)}}
.lz-grade{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,6vw,7rem);align-items:center;max-width:1400px;margin:0 auto}
.lz-foto{position:relative;margin:0}
.lz-moldura{position:relative;aspect-ratio:896/1200;max-height:86vh;margin:0 auto;
  --m:linear-gradient(to right,transparent,#000 20%,#000 72%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 76%,transparent);-webkit-mask-image:var(--m);-webkit-mask-composite:source-in;mask-image:var(--m);mask-composite:intersect}
.lz-moldura img{display:block;width:100%;height:100%;object-fit:cover}
.lz-ponta{position:absolute;left:32.4%;top:66.7%;width:0;height:0}
.lz-ponta::before,.lz-ponta::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.lz-ponta::before{width:clamp(5rem,9vw,8rem);height:clamp(5rem,9vw,8rem);background:radial-gradient(closest-side, color-mix(in oklab,var(--laser) 70%,transparent), color-mix(in oklab,var(--laser-quente) 25%,transparent) 50%, transparent);mix-blend-mode:screen;animation:lzRespira 2.6s ease-in-out infinite}
.lz-ponta::after{width:1.1rem;height:1.1rem;background:radial-gradient(circle,#fff 0 35%,#ffc6cb 55%,transparent 72%);animation:lzRespira 2.6s ease-in-out infinite}
@keyframes lzRespira{50%{opacity:.55;transform:translate(-50%,-50%) scale(.85)}}
.lz-ponta-n{position:absolute;left:0;top:0;width:60vw;height:2px;transform-origin:0 50%;transform:rotate(168deg);opacity:0;
  background:linear-gradient(90deg, color-mix(in oklab,var(--laser) 70%,transparent), transparent);filter:blur(1px)}
.lz-etq{position:absolute;left:4%;top:12%;font-size:clamp(1.1rem,1.7vw,1.5rem);transform:rotate(var(--r))}
.lz-olho{color:var(--noite-suave)}
.lz-titulo{font-family:var(--f-titulo);font-weight:880;font-variation-settings:"wdth" 96;font-size:clamp(2.4rem,4.8vw,4.8rem);line-height:.9;letter-spacing:-.02em}
.lz-titulo .fino{font-weight:280;font-variation-settings:"wdth" 70}
.lz-fatos{list-style:none;margin-top:2.4rem}
.lz-fatos li{position:relative;padding:1.4rem 0 1.4rem 2.6rem;border-top:1px solid rgb(255 255 255/.12)}
.lz-fatos h3{font-family:var(--f-titulo);font-variation-settings:"wdth" 80;font-weight:720;font-size:1.4rem;margin-bottom:.35rem}
.lz-fatos p{font-size:1.04rem;line-height:1.62;color:var(--noite-suave);max-width:33rem}
.lz-pt{position:absolute;left:.2rem;top:1.75rem;width:.8rem;height:.8rem;border-radius:50%}
.lz-pt{background:rgb(255 255 255/.14);transition:background .4s,box-shadow .4s}
.lz-pt--r.aceso{background:var(--laser);box-shadow:0 0 12px 3px var(--laser)}
.lz-pt--v.aceso{background:var(--violeta-luz);box-shadow:0 0 12px 3px var(--violeta-luz)}
.lz-pt--g.aceso{background:#9cff6b;box-shadow:0 0 12px 3px #9cff6b}
.js .lz-pt:not(.aceso)~h3{opacity:.55}
.lz-fatos h3{transition:opacity .4s}
.lz-grade{position:relative}
.lz-feixe{position:absolute;z-index:3;left:0;top:0;height:2px;width:0;transform-origin:0 50%;pointer-events:none;opacity:0;border-radius:2px;
  background:linear-gradient(90deg, #ffd2d6, var(--laser) 20%, color-mix(in oklab,var(--laser) 60%,transparent));
  box-shadow:0 0 10px 2px color-mix(in oklab,var(--laser) 60%,transparent),0 0 30px 6px color-mix(in oklab,var(--laser-quente) 20%,transparent)}
.lz-nota{margin-top:1.6rem;font-size:.8rem;color:color-mix(in oklab,var(--noite-suave) 80%,transparent)}
.lz-nota a{color:var(--noite-texto)}
@media (max-width:900px){
  .lz-grade{grid-template-columns:1fr}
  .lz-moldura{max-height:none;width:calc(100% + 2*var(--pad));margin:0 calc(var(--pad)*-1)}
  .lz-etq{left:0;top:16%}
}
.lz-videos{display:inline-block;margin-top:2rem;font-size:1.15rem;text-decoration:none;transform:rotate(var(--r));transition:transform .4s var(--mola)}
.lz-videos:hover{transform:rotate(0) translateY(-2px)}

/* ---------- PERGUNTAS (pf-) ---------- */
.pf{background:linear-gradient(180deg in oklab, oklch(95% .03 300), var(--papel) 40%)}
.pf-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,7rem);max-width:1400px;margin:0 auto;align-items:start}
.pf-topo{position:sticky;top:14vh}
.pf-zap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;text-decoration:none;font-weight:600;color:var(--roxo-escuro)}
.pf-zap .etq{font-size:1.2rem;transform:rotate(var(--r))}
.pf-item{position:relative;border-top:1.5px solid color-mix(in oklab,var(--tinta) 16%,transparent)}
.pf-item:last-child{border-bottom:1.5px solid color-mix(in oklab,var(--tinta) 16%,transparent)}
.pf-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0}
.pf-item summary::-webkit-details-marker{display:none}
.pf-q{font-family:var(--f-titulo);font-variation-settings:"wdth" 82;font-weight:720;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.1}
.pf-sinal{position:relative;width:2.2rem;height:2.2rem;border-radius:50%;flex:none;background:var(--branco);box-shadow:0 6px 14px -8px rgb(60 30 40/.4)}
.pf-sinal::before,.pf-sinal::after{content:"";position:absolute;left:50%;top:50%;width:.9rem;height:2px;background:var(--roxo);transform:translate(-50%,-50%);transition:transform .35s var(--mola)}
.pf-sinal::after{transform:translate(-50%,-50%) rotate(90deg)}
.pf-item[open] .pf-sinal{background:var(--roxo)}
.pf-item[open] .pf-sinal::before,.pf-item[open] .pf-sinal::after{background:#fff}
.pf-item[open] .pf-sinal::after{transform:translate(-50%,-50%) rotate(0)}
.pf-item p{padding:0 3.5rem 1.6rem 0;font-size:1.06rem;line-height:1.65;color:var(--tinta-suave);max-width:40rem}
/* ao abrir, o laser varre a linha da pergunta */
.pf-scan{position:absolute;left:0;top:-1.5px;height:3px;width:100%;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg in oklab, var(--laser-quente), var(--laser) 60%, var(--violeta-luz));box-shadow:0 0 10px 1px color-mix(in oklab,var(--laser) 55%,transparent)}
.pf-scan .laser{--t:12px;left:100%;top:50%}
.pf-item[open] .pf-scan{animation:pfScan .8s cubic-bezier(.6,0,.2,1) forwards}
@keyframes pfScan{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pf-item[open] .pf-scan .laser{animation:pfPonto .8s linear forwards}
@keyframes pfPonto{0%,90%{opacity:1}100%{opacity:0}}
@media (max-width:900px){
  .pf-grade{grid-template-columns:1fr}
  .pf-topo{position:relative;top:0}
  .pf-item p{padding-right:0}
}
.pf .secao-titulo{font-size:clamp(2.3rem,4.3vw,4.2rem)}
.pf-ela{margin:2.2rem 0 0;width:min(100%,21rem)}
.pf-ela img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.pf-topo{top:6vh}
.pf-q{position:relative;transition:transform .3s var(--sobe)}
.pf-item summary:hover .pf-q,.pf-item summary:focus-visible .pf-q{transform:translateX(1.2rem)}
.pf-q::before{content:"";position:absolute;left:-1.2rem;top:50%;width:.55rem;height:.55rem;margin-top:-.28rem;border-radius:50%;background:var(--laser);opacity:0;
  box-shadow:0 0 0 3px color-mix(in oklab,var(--laser) 22%,transparent),0 0 12px 2px color-mix(in oklab,var(--laser) 60%,transparent);transition:opacity .3s}
.pf-item summary:hover .pf-q::before,.pf-item summary:focus-visible .pf-q::before{opacity:1}
@media (max-width:900px){.pf-ela{width:min(70%,16rem);margin:1.4rem auto 0}}
.pf-item summary{padding:1.85rem 0}
.pf-item p{font-size:1.12rem}
@media (max-width:900px){
  .pf-topo{display:contents}
  .pf-grade{display:flex;flex-direction:column;gap:0}
  .pf-topo>.olho{order:1}.pf-topo>.secao-titulo{order:2}.pf-topo>.pf-zap{order:3;margin-bottom:1.6rem}
  .pf-lista{order:4}
  .pf-ela{order:5;width:min(55%,13rem);margin:2rem auto 0}
  .pf-item summary{padding:1.3rem 0}
  .pf-item p{font-size:1.04rem}
}

/* ---------- FECHO + ONDE (fc-) ---------- */
.fc{background:linear-gradient(180deg in oklab, var(--papel), oklch(93% .045 60));overflow:hidden}
.fc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(45% 60% at 15% 70%, color-mix(in oklab,var(--lilas) 50%,transparent), transparent 70%),radial-gradient(40% 50% at 90% 20%, color-mix(in oklab,var(--manteiga) 70%,transparent), transparent 70%)}
.fc-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);max-width:1400px;margin:0 auto;align-items:center}
.fc-titulo{font-family:var(--f-titulo);font-weight:880;font-variation-settings:"wdth" 112;font-size:clamp(3.8rem,8.4vw,8.6rem);line-height:.86;letter-spacing:-.03em}
.fc-ponto{position:relative;display:inline-block;width:.2em;height:.2em;margin-left:.05em}
.fc-ponto .laser{--t:.24em;left:50%;top:50%;margin:-.12em 0 0 -.12em;width:.24em;height:.24em}
.fc-apoio{margin-top:1.8rem;font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.5;font-weight:560;max-width:30rem}
.fc-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2rem}
.fc-btn{font-size:1.35rem;padding:1.1rem 1.6rem 1.1rem 1.3rem}
.fc-mapa{position:relative}
.fc-mapa-moldura{position:relative;aspect-ratio:4/3.2;border-radius:var(--raio);overflow:hidden;border:10px solid var(--branco);transform:rotate(1.6deg);box-shadow:0 30px 50px -30px rgb(70 30 50/.5)}
.fc-mapa-moldura iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.75) sepia(.12)}
.fc-pino{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.fc-pino .laser{--t:20px;left:0;top:0}
.fc-onda{position:absolute;left:0;top:0;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border-radius:50%;border:2px solid var(--laser);opacity:0;animation:onda 2.6s ease-out infinite}
.fc-onda--2{animation-delay:1.3s}
@keyframes onda{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(2.6)}}
.fc-end{position:relative;z-index:2;display:flex;flex-direction:column;gap:.4rem;font-style:normal;margin:-1.6rem 0 0 1.4rem;background:var(--branco);width:fit-content;padding:1.5rem 1.4rem 1.1rem;border-radius:var(--raio);transform:rotate(-1.2deg);
  box-shadow:0 20px 34px -22px rgb(70 30 50/.5);font-size:1rem;line-height:1.5;color:var(--tinta-suave)}
.fc-end .etq{position:absolute;top:-.95rem;left:1rem;font-size:1.15rem;transform:rotate(var(--r))}
.fc-end a{color:var(--roxo-escuro);font-weight:650;text-decoration:none}
@media (max-width:900px){
  .fc-grade{grid-template-columns:1fr}
  .fc-titulo{font-size:clamp(3.6rem,19vw,6rem)}
  .fc-mapa-moldura{transform:rotate(.8deg);border-width:7px}
  .fc-acoes .btn{width:100%;justify-content:center;transform:none}
  .fc-end{margin-left:.6rem}
}

/* ---------- RODAPÉ (rp-) ---------- */
.rp{background:var(--tinta);color:#efe6f2;padding:clamp(3rem,7vh,5rem) var(--pad) 1.6rem}
.rp-grade{display:grid;grid-template-columns:1.2fr 1fr;gap:1.6rem 4rem;max-width:1400px;margin:0 auto}
.rp-marca{display:flex;flex-direction:column;gap:.35rem}
.rp-marca b{font-family:var(--f-titulo);font-variation-settings:"wdth" 100;font-weight:800;font-size:1.6rem}
.rp-marca span{color:#c8bccd;font-size:.95rem}
.rp-tec{font-size:.86rem!important;max-width:28rem}
.rp-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.rp-links a{color:#efe6f2;text-decoration:none;border-bottom:1px solid rgb(255 255 255/.2)}
.rp-links a:hover{border-color:var(--laser)}
.rp-end,.rp-aviso{grid-column:1/-1;font-size:.86rem;color:#c8bccd}
.rp-aviso{padding-top:1.2rem;border-top:1px solid rgb(255 255 255/.12)}
.rp-selo{max-width:1400px;margin:2rem auto 0;font-size:.84rem;color:#c8bccd}
.rp-selo a{color:#fff;font-weight:650;text-decoration:underline;text-decoration-color:var(--laser);text-underline-offset:3px}
@media (max-width:760px){.rp-grade{grid-template-columns:1fr}.rp{padding-bottom:6rem}}
.fc-ponto{margin-left:-.02em}
.fc-rec{font-size:.92rem}
.fc-rec a{font-weight:600}
.fc-online{display:flex;align-items:center;gap:.6rem;font-size:.92rem;margin-top:.3rem;padding-top:.6rem;border-top:1px solid color-mix(in oklab,var(--tinta) 12%,transparent)}
.fc-online .laser{position:relative;margin:0;--t:9px;flex:none}
.rp-marca b{display:flex;align-items:center;gap:.6rem}
.rp-marca .laser{position:relative;margin:0;--t:11px}
.rp-selo{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.2rem;border-top:1px solid rgb(255 255 255/.12)}
.rp-topo{color:#c8bccd!important;text-decoration:none!important;font-weight:400!important}

/* ---------- movimento reduzido: reset geral (fica no fim do último CSS) ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js .rev,.js .rev-cola,.js .laser-alvo{opacity:1!important;transform:none!important}
  .js .laser-alvo{transform:rotate(var(--r,0deg))!important}
  .tc-raio{transform:scaleX(1)!important}
  .lz-luz{display:none}
}