@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/bodoni-moda-normal-400-600.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-italic-100-900.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-normal-100-900.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-italic-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spectral-normal-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/spectral-normal-500.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spectral-normal-600.woff2) format('woff2')}

@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/bodoni-moda-normal-400-600.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-italic-100-900.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-normal-100-900.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-italic-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spectral-normal-400.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/spectral-normal-500.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spectral-normal-600.woff2) format('woff2')}
:root{
  --deep:#1A0F48; --mid:#2A1E72; --light:#3E2E8E;
  --card-on-deep:#23175A; --card-on-mid:#1D1250; --card-on-light:#2E2378;
  --gold:#F9D933; --gold-soft:#FFE58A; --gold-deep:#FFA44F;
  --horizon:#C9A6F5; --violet:#9A6BE0;
  --ink:#F6F3FC; --dim:#E0DAF2; --faint:#ABA4D6;
  --measure:37rem; --col:min(94vw,84rem);
  --s1:.5rem; --s2:1.1rem; --s3:1.8rem; --s4:3rem; --s5:5rem; --s6:7rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--deep);color:var(--ink);
  font-family:'Libre Franklin',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:400;font-size:clamp(1.06rem,.42vw + .98rem,1.19rem);line-height:1.68;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--horizon)}
strong,b{font-weight:700;color:var(--ink)}

#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.band,.hero{position:relative;z-index:1}
#prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--horizon));transition:width .1s linear}

/* ---------- faixas ---------- */
.band{padding:var(--s6) 0;overflow:hidden}
.band--deep{background:rgba(11,17,64,.92)}
.band--mid{background:rgba(26,36,112,.92)}
.band--light{background:rgba(46,53,146,.92)}
.band+.band::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(94vw,84rem);height:1px;background:linear-gradient(90deg,transparent,rgba(249,217,51,.5),transparent)}
.wrap{width:var(--col);margin:0 auto;position:relative;z-index:2}

/* ---------- tipografia ---------- */
h1,h2,h3{font-family:'Spectral',Georgia,'Times New Roman',serif;font-weight:600;text-wrap:balance;margin:0;
  letter-spacing:-.012em}
h1{font-size:clamp(2.7rem,7.2vw,5.6rem);line-height:1.02}
h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.14;margin-bottom:var(--s3)}
h3{font-size:clamp(1.35rem,1.85vw,1.66rem);line-height:1.24;color:var(--gold);font-weight:600}
h4{font-family:'Libre Franklin',sans-serif;font-weight:700;font-size:1.24rem;margin:0}
p{margin:0 0 var(--s2)}
.lede{font-size:clamp(1.1rem,.9vw + .82rem,1.26rem);line-height:1.62;color:var(--dim)}
.prose{max-width:none} /* REGRA: texto solto nunca espremido; sem imagem ou box ao lado, ocupa a largura toda */
.dim{color:var(--dim)} .it{font-style:italic}
.eyebrow{font-family:'Libre Franklin',sans-serif;font-size:clamp(1rem,1.1vw,1.16rem);letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);font-weight:700;
  display:flex;align-items:center;gap:1.1rem;margin-bottom:var(--s3)}
.eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(249,217,51,.6),transparent);
  transform-origin:left;transform:scaleX(0);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.eyebrow.is-in::after{transform:scaleX(1)}

/* ---------- texto + geometria: ocupa a largura toda ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s5);align-items:center}
.split__geo{position:relative;min-height:22rem;display:grid;place-items:center}
.geo{width:min(100%,30rem);aspect-ratio:1;display:block;overflow:visible}
.geo .spin-a{transform-origin:200px 200px;animation:spin 150s linear infinite}
.geo .spin-b{transform-origin:200px 200px;animation:spin 110s linear infinite reverse}
.geo .breathe{transform-origin:200px 200px;animation:breathe 11s ease-in-out infinite}
.geo .orb{animation:orbit 26s linear infinite;transform-origin:200px 200px}
.geo .orb2{animation:orbit 38s linear infinite reverse;transform-origin:200px 200px}
.geo .orb3{animation:orbit 19s linear infinite;transform-origin:200px 200px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:var(--s6) 0 var(--s5);isolation:isolate}
.hero__bg{position:absolute;inset:-6% 0 0;z-index:0;overflow:hidden}
.hero__bg img{width:100%;height:112%;object-fit:cover;object-position:center 42%;will-change:transform}
.hero__veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(9,14,54,.58) 0%,rgba(11,17,64,.24) 32%,rgba(11,17,64,.80) 72%,var(--deep) 100%)}
#beam{position:absolute;inset:0;z-index:2;width:100%;height:100%}
.hero .wrap{z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s4);align-items:end}
.hero__geo{position:relative;display:grid;place-items:center;min-height:20rem}
.hero__logo{width:min(60vw,15rem);margin-bottom:var(--s3);opacity:0;animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards}
.hero h1{margin-bottom:var(--s2);text-shadow:0 4px 46px rgba(8,12,46,.85)}
.hero h1 .word{display:block}
.hero h1 .brk{color:var(--gold)}
.hero__claim{max-width:34rem;text-shadow:0 2px 22px rgba(8,12,46,.9);color:var(--ink);
  font-size:clamp(1.16rem,1.2vw,1.4rem);line-height:1.5}
.hero__sub{max-width:36rem;color:var(--dim);text-shadow:0 2px 18px rgba(8,12,46,.85)}
.scrollcue{margin-top:var(--s4);font-size:.86rem;letter-spacing:.2em;text-transform:uppercase;color:var(--horizon);
  display:flex;align-items:center;gap:.8rem;font-weight:700}
.scrollcue span{display:block;width:1px;height:36px;background:linear-gradient(180deg,var(--gold),transparent);animation:drop 2.4s ease-in-out infinite}
@keyframes drop{0%,100%{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.stg{opacity:0;animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.g1{animation-delay:.4s}.g2{animation-delay:.55s}.g3{animation-delay:.7s}.g4{animation-delay:.85s}.g5{animation-delay:1s}

/* ---------- botoes ---------- */
.btn{display:inline-block;font-family:'Libre Franklin',sans-serif;font-size:1.06rem;font-weight:700;
  text-decoration:none;padding:1.05em 2.4em;border-radius:2px;position:relative;overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .35s,color .35s,border-color .35s}
.btn--primary{background:linear-gradient(150deg,var(--gold-soft),var(--gold));color:#121A50;
  box-shadow:0 10px 30px -14px rgba(249,217,51,.75)}
.btn--primary::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transition:left .75s ease}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 50px -16px rgba(249,217,51,.9)}
.btn--primary:hover::after{left:130%}
.btn--ghost{background:rgba(201,166,245,.14);border:2px solid var(--horizon);color:#F5F0FF}
.btn--ghost:hover{background:rgba(201,166,245,.3);border-color:#fff;transform:translateY(-3px)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.cta-row{margin-top:var(--s4);display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.btn-note{margin-top:var(--s2);font-size:1.02rem;font-style:italic;color:var(--horizon)}

.marks{list-style:none;padding:0;margin:0 0 var(--s2);display:grid;gap:.62rem}
.marks li{display:grid;grid-template-columns:1.55em 1fr;align-items:baseline}
.marks li::before{content:"✦";color:var(--gold);font-size:.82em}
.marks--wide{max-width:none}

/* ---------- video ---------- */
.video{max-width:62rem;margin:0 auto;border:1px solid rgba(249,217,51,.4);border-radius:3px;padding:10px;
  background:linear-gradient(150deg,rgba(249,217,51,.2),rgba(201,166,245,.05))}
.video__box{position:relative;aspect-ratio:16/9;background:#080C30;border-radius:2px;overflow:hidden}
.video__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__facade{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:none;display:block;width:100%;height:100%}
.video__facade img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s}
.video__facade:hover img{transform:scale(1.04);filter:brightness(1.08)}
.video__play{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}
.video__play i{display:grid;place-content:center;width:92px;height:92px;border-radius:50%;
  background:rgba(249,217,51,.95);color:#121A50;font-style:normal;font-size:2.1rem;padding-left:7px;
  box-shadow:0 0 0 0 rgba(249,217,51,.55);animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(249,217,51,.5)}70%{box-shadow:0 0 0 32px rgba(249,217,51,0)}100%{box-shadow:0 0 0 0 rgba(249,217,51,0)}}
.video__facade:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.video__alt{text-align:center;margin:var(--s2) 0 0;font-size:1.02rem}

/* ---------- pares ---------- */
.pairs{display:grid;gap:var(--s2);margin-top:var(--s4)}
.pair{display:grid;grid-template-columns:minmax(0,.85fr) auto minmax(0,1.35fr);gap:var(--s3);align-items:center;
  padding:var(--s3);border-radius:3px;background:var(--card-on-mid);border-left:4px solid var(--gold-deep);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-left-color .45s,box-shadow .45s}
.band--deep .pair{background:var(--card-on-deep)}
.band--light .pair{background:var(--card-on-light)}
.pair:hover{transform:translateX(10px);border-left-color:var(--gold);box-shadow:-6px 18px 44px -22px rgba(0,0,0,.9)}
.pair__no{color:var(--faint);font-style:italic;font-size:1.04rem}
.pair__arrow{color:var(--gold);font-size:1.5rem;transition:transform .45s}
.pair:hover .pair__arrow{transform:translateX(5px)}
.pair__yes{color:var(--ink);font-weight:600}

/* ---------- para quem ---------- */
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--s3);margin-top:var(--s4)}
.box{padding:var(--s4) var(--s3);border-radius:3px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.box:hover{transform:translateY(-6px);box-shadow:0 28px 60px -34px rgba(0,0,0,.95)}
.box--yes{background:linear-gradient(165deg,rgba(249,217,51,.2),var(--card-on-deep));border:2px solid var(--gold)}
.box--no{background:var(--card-on-deep);border:2px solid rgba(171,164,214,.32)}
.box h4{margin-bottom:var(--s2);font-size:1.38rem}
.box--yes h4{color:var(--gold)} .box--no h4{color:var(--faint)}

/* ---------- cards ---------- */
.deliv{display:grid;gap:var(--s3);margin-top:var(--s4);grid-template-columns:repeat(auto-fit,minmax(21rem,1fr))}
.card{padding:var(--s3);border-radius:3px;background:var(--card-on-mid);border-top:4px solid var(--gold-deep);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-top-color .45s,box-shadow .45s}
.band--deep .card{background:var(--card-on-deep)}
.band--light .card{background:var(--card-on-light)}
.card:hover{transform:translateY(-8px);border-top-color:var(--gold);box-shadow:0 30px 64px -34px rgba(0,0,0,.95)}
.card h3{margin-bottom:.5rem}
.card .tag{display:inline-block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:#121A50;background:var(--horizon);padding:.35em .8em;border-radius:2px;margin-bottom:.9rem}
.card .when{color:var(--gold-soft);font-weight:700;font-size:1.02rem;margin-bottom:.7rem}
.recebe{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid rgba(201,166,245,.28);
  font-size:1rem;color:var(--dim);font-style:italic}

/* ---------- quem conduz ---------- */
.guide{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:var(--s5);align-items:start;margin-top:var(--s4)}
.guide__img{border:1px solid rgba(249,217,51,.45);border-radius:3px;padding:9px;
  background:linear-gradient(150deg,rgba(249,217,51,.26),rgba(201,166,245,.06))}
.guide__img img{border-radius:2px}
.guide__roles{list-style:none;padding:0;margin:var(--s2) 0;display:grid;gap:.5rem}
.guide__roles li{display:grid;grid-template-columns:1.55em 1fr;align-items:baseline;color:var(--gold-soft);font-weight:600}
.guide__roles li::before{content:"✦";color:var(--gold);font-size:.82em}

/* ---------- prova de vida ---------- */
.proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s4);align-items:start}
.shot{border:1px solid rgba(249,217,51,.34);border-radius:3px;padding:12px;position:relative;
  background:linear-gradient(150deg,rgba(249,217,51,.16),rgba(201,166,245,.04));
  display:flex;align-items:center;justify-content:center;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}
.shot:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 28px 58px -30px rgba(0,0,0,.95)}
.shot img{border-radius:2px;width:var(--sc,100%);cursor:zoom-in}
.shot__hint{position:absolute;right:16px;bottom:16px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:#121A50;background:var(--gold);padding:.4em .8em;border-radius:2px;
  opacity:0;transition:opacity .35s;pointer-events:none}
.shot:hover .shot__hint{opacity:1}
#lbx{position:fixed;inset:0;z-index:80;display:none;place-content:center;padding:clamp(12px,4vw,48px);
  background:rgba(7,11,44,.95);backdrop-filter:blur(8px);cursor:zoom-out;overflow:auto}
#lbx.on{display:grid}
#lbx img{max-width:min(100%,1200px);max-height:88vh;width:auto;border:1px solid rgba(249,217,51,.5);
  border-radius:3px;animation:pop .35s cubic-bezier(.2,.7,.2,1)}
#lbx .close{position:fixed;top:18px;right:22px;color:var(--gold);font-size:2.4rem;line-height:1;background:none;border:0;cursor:pointer}
#lbx .close:focus-visible{outline:3px solid var(--horizon);outline-offset:4px}
@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

/* ---------- planos ---------- */
.plans{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));
  margin-top:var(--s5);align-items:stretch}
.plan{display:flex;flex-direction:column;gap:.85rem;padding:var(--s4) var(--s3);border-radius:3px;position:relative;
  background:var(--card-on-mid);border:2px solid rgba(171,164,214,.3);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}
.band--deep .plan{background:var(--card-on-deep)}
.plan:hover{transform:translateY(-6px);border-color:var(--horizon)}
.plan--star{border-color:var(--gold);border-width:3px;
  background:linear-gradient(168deg,rgba(249,217,51,.24),var(--card-on-deep) 62%);
  box-shadow:0 0 0 1px rgba(249,217,51,.4),0 40px 90px -40px rgba(249,217,51,.75);transform:scale(1.035)}
.plan--star:hover{transform:scale(1.035) translateY(-8px);border-color:var(--gold-soft)}
.plan__flag{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:linear-gradient(150deg,var(--gold-soft),var(--gold));color:#121A50;
  font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5em 1.2em;border-radius:2px;
  box-shadow:0 8px 22px -10px rgba(249,217,51,.9)}
.plan__name{font-family:'Bodoni Moda',Didot,Georgia,serif;font-size:1.9rem;line-height:1;color:var(--gold)}
.plan--star .plan__name{font-size:2.25rem;color:var(--gold-soft)}
.plan__big{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:2.7rem;line-height:1.05;
  font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em;color:var(--ink)}
.plan--star .plan__big{font-size:3.25rem;color:#fff}
.plan__cash{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.5rem;line-height:1.1;color:var(--horizon);
  font-variant-numeric:lining-nums tabular-nums;margin-top:-.2rem}
.plan--star .plan__cash{font-size:1.92rem;color:var(--gold-soft)}
/* lembrete discreto: nunca compete com o botao */
.plan__save{font-size:.94rem;color:var(--dim);font-style:italic;margin-top:-.35rem}
.plan__ideal{font-size:1.02rem;color:var(--dim);font-style:italic}
.plan .marks{font-size:1.01rem;flex:1;max-width:none}
.plan .btn{text-align:center;width:100%}

/* ---------- faq ---------- */
.faq{margin-top:var(--s4);display:grid;gap:.7rem;max-width:58rem}
details{border-radius:3px;background:var(--card-on-deep);border:2px solid rgba(171,164,214,.26);
  transition:border-color .4s,background .4s}
details[open]{border-color:var(--gold);background:var(--mid)}
summary{cursor:pointer;list-style:none;padding:1.25rem var(--s3);font-weight:700;color:var(--ink);
  display:flex;gap:1rem;align-items:flex-start;font-size:1.12rem}
summary::-webkit-details-marker{display:none}
summary::before{content:"✦";color:var(--gold);font-size:.86em;line-height:1.6;flex:none;transition:transform .4s}
details[open] summary::before{transform:rotate(72deg)}
summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
details .ans{padding:0 var(--s3) 1.5rem 3.4rem;color:var(--dim)}
details .ans .marks{font-size:1rem}

.seals{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--s2);margin-top:var(--s4)}
.seal{padding:var(--s2) var(--s3);border-radius:3px;background:var(--card-on-deep);
  border-left:4px solid var(--gold-deep);font-size:1.02rem;font-weight:600;display:flex;gap:.8rem;align-items:center;
  transition:transform .4s,border-left-color .4s}
.seal:hover{transform:translateY(-4px);border-left-color:var(--gold)}
.seal b{color:var(--gold);font-weight:400;font-size:1.2rem}

.closing{text-align:center;font-style:italic;line-height:2;margin-top:var(--s5);font-size:1.2rem;color:var(--dim)}
.closing .mark{font-style:normal;color:var(--gold);display:block;margin:var(--s2) 0;font-size:1.6rem}
.brandline{font-style:normal;font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600}
.legal{margin-top:var(--s4);font-size:.98rem;color:var(--faint);max-width:48rem;font-style:italic}

.brandsite{margin:.5rem 0 0;font-style:normal}
.brandsite a{color:var(--gold);text-decoration:none;font-weight:600;font-size:1.02rem;
  letter-spacing:.02em;border-bottom:1px solid rgba(249,217,51,.45);padding-bottom:2px;
  transition:color .3s,border-color .3s}
.brandsite a:hover{color:var(--gold-soft);border-color:var(--gold-soft)}
.brandsite a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.social{display:flex;justify-content:center;gap:1rem;margin-top:var(--s3)}
.soc{display:grid;place-content:center;width:52px;height:52px;border-radius:50%;
  border:1px solid rgba(249,217,51,.5);color:var(--gold);text-decoration:none;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,color .35s,border-color .35s,box-shadow .35s}
.soc svg{width:23px;height:23px;fill:currentColor;display:block}
.soc:hover{background:var(--gold);color:#121A50;border-color:var(--gold);
  transform:translateY(-4px);box-shadow:0 14px 32px -14px rgba(249,217,51,.9)}
.soc:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media (max-width:640px){.soc{width:48px;height:48px}.social{gap:.8rem}}
.rv{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.rv.is-in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}

@media (max-width:960px){
  .split,.guide,.hero .wrap{grid-template-columns:1fr}
  .split__geo,.hero__geo{min-height:16rem;order:-1}
  .geo{width:min(72%,20rem)}
}
@media (max-width:860px){
  .pair{grid-template-columns:1fr;gap:.5rem}
  .pair__arrow{display:none}
  .plan--star,.plan--star:hover{transform:none}
}
@media (max-width:640px){
  :root{--s5:3.2rem;--s6:4.2rem}
  .proof{grid-template-columns:1fr}
  .shot img{--sc:100%!important}
  details .ans{padding-left:var(--s3)}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv,.stg,.hero__logo{opacity:1!important;transform:none!important}
  .eyebrow::after{transform:scaleX(1)!important}
  .plan--star{transform:none!important}
}


/* ===================== camada do padrão Carol (sobre o molde) ===================== */
[hidden]{display:none!important}

/* fundo galáctico vivo: a imagem fica parada atrás de tudo, as estrelas brancas correm por cima,
   e as faixas são véus translúcidos (é o que dá o "vivo e delicado") */
.ceu{position:fixed;inset:0;z-index:0;pointer-events:none}
.ceu img{width:100%;height:100%;object-fit:cover;opacity:.72}
.band{padding:5rem 0}
.band--deep{background:rgba(11,17,64,.62)}
.band--mid{background:rgba(26,36,112,.5)}
.band--light{background:rgba(46,53,146,.42)}
.band+.band::before{display:none}
.hero{min-height:92svh;padding:var(--s5) 0 var(--s4)}
.hero__veil{background:linear-gradient(180deg,rgba(9,14,54,.35) 0%,rgba(11,17,64,.05) 40%,rgba(11,17,64,.45) 100%)}
@media (max-width:640px){.band{padding:3.4rem 0}}

/* símbolo oficial sozinho, sem nada atrás */
.hero__geo{align-self:center}
.hero__simbolo{position:relative;width:min(70%,17rem);filter:drop-shadow(0 6px 26px rgba(8,12,46,.55));
  animation:levita 9s ease-in-out infinite}
@keyframes levita{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero h1 .brk{background:linear-gradient(135deg,#C9A6F5 5%,#F0C4EC 45%,#FFE58A 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}

/* botões secundários sempre chamando atenção: contorno e texto em amarelo */
.btn--ghost{background:rgba(249,217,51,.08);border:2px solid var(--gold);color:var(--gold-soft)}
.btn--ghost:hover{background:var(--gold);border-color:var(--gold);color:#121A50;transform:translateY(-3px)}
.cta-row--centro{justify-content:center}

/* vidro: caixas com relevo, sombra e luz na borda */
.pair,.box,.plan,details,.seal,.info,.etapa__card,.c3d{
  border-radius:16px;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 50px -26px rgba(6,9,38,.95),0 2px 6px -2px rgba(6,9,38,.5);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.band--deep .pair,.band--light .pair,.band--deep .box,.band--deep .plan{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%)}
.pair{border-left:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}
.pair::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:3px;background:linear-gradient(var(--gold),#F0C4EC)}
.box--yes{border:1px solid rgba(249,217,51,.6);background:linear-gradient(165deg,rgba(249,217,51,.16),rgba(255,255,255,.02) 65%)}
details[open]{background:linear-gradient(160deg,rgba(249,217,51,.12),rgba(255,255,255,.03) 60%);border-color:rgba(249,217,51,.6)}
.seal{border-left:1px solid rgba(255,255,255,.14)}
.frame{margin:0;border-radius:18px;padding:8px;width:min(100%,30rem);
  background:linear-gradient(150deg,rgba(249,217,51,.5),rgba(240,196,236,.25) 50%,rgba(201,166,245,.35));
  box-shadow:0 34px 70px -34px rgba(6,9,38,.95)}
.frame img{border-radius:12px;width:100%}
.guide__img{border-radius:18px;padding:8px;border:0;background:linear-gradient(150deg,rgba(249,217,51,.5),rgba(240,196,236,.25) 50%,rgba(201,166,245,.35));box-shadow:0 34px 70px -34px rgba(6,9,38,.95)}
.guide__img img{border-radius:12px}

/* as camadas: geometria viva, cada camada é um ponto da Merkaba */
.camadas{margin-top:var(--s5);text-align:center}
.camadas__tit{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--gold-soft);margin:0 0 var(--s2)}
.camadas__mapa{position:relative;width:min(100%,40rem);aspect-ratio:1;margin:0 auto}
.camadas__mapa svg{position:absolute;inset:7%;width:86%;height:86%;overflow:visible}
.camadas__mapa .anel{transform-origin:300px 300px;animation:spin 120s linear infinite}
.camadas__mapa .tri polygon{fill:none;stroke:url(#cg);stroke-width:1.6;stroke-opacity:.85}
.camadas__mapa .tri--a{transform-origin:300px 300px;animation:respira 10s ease-in-out infinite}
.camadas__mapa .tri--b{transform-origin:300px 300px;animation:respira 10s ease-in-out -5s infinite}
.camadas__mapa .raios line{stroke:#FFE58A;stroke-opacity:.5;stroke-width:1.2;stroke-dasharray:3 12;animation:flui 3.5s linear infinite}
.camadas__mapa .no circle,.camadas__mapa .centro circle{fill:#FFE58A}
.camadas__mapa .no__halo{fill:rgba(249,217,51,.22)!important}
.camadas__mapa .no{transform-box:fill-box;transform-origin:center;animation:pulsa 5.4s ease-in-out infinite}
.camadas__mapa .centro{transform-origin:300px 300px;animation:pulsa 6s ease-in-out infinite}
@keyframes respira{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}
@keyframes flui{to{stroke-dashoffset:-60}}
@keyframes pulsa{0%,100%{opacity:.65;transform:scale(.9)}40%{opacity:1;transform:scale(1.12)}}
.camadas__mapa ul{list-style:none;margin:0;padding:0}
.camadas__mapa li{position:absolute;transform:translate(-50%,-50%);max-width:9.5em;
  font-size:clamp(.74rem,2.3vw,.98rem);line-height:1.25;font-weight:700;color:var(--ink);
  text-shadow:0 2px 12px rgba(8,12,46,.95)}
.camadas__mapa .camadas__centro{color:var(--gold-soft);font-family:'Spectral',Georgia,serif;font-size:clamp(.86rem,2.4vw,1.12rem)}

/* o que você recebe: cartões com imagem, relevo e leve inclinação 3D */
.c3d-grade{display:grid;gap:var(--s3);margin-top:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));perspective:1100px}
@media (max-width:960px){.c3d-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.c3d-grade{grid-template-columns:1fr}}
.c3d{overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s}
.c3d:hover{border-color:rgba(249,217,51,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 40px 70px -30px rgba(6,9,38,.95),0 0 0 1px rgba(249,217,51,.25),0 0 46px -12px rgba(240,196,236,.45)}
.c3d__img{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden}
.c3d__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.c3d:hover .c3d__img img{transform:scale(1.07)}
.c3d__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,17,64,.85))}
.c3d__tag{position:absolute;left:14px;bottom:12px;z-index:1;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;
  color:#121A50;background:linear-gradient(150deg,#FFE58A,#F9D933);padding:.42em .9em;border-radius:99px;box-shadow:0 6px 18px -6px rgba(249,217,51,.8)}
.c3d__txt{padding:var(--s2) var(--s3) var(--s3)}
.c3d__txt h3{margin-bottom:.5rem}
.c3d__txt p{margin:0;color:var(--dim)}
.c3d__txt em{color:var(--gold-soft);font-style:italic}

/* os encontros: zigue-zague, um tempo de cada lado */
.linha{position:relative;margin-top:var(--s4);display:grid;gap:var(--s4)}
.linha::before{content:"";position:absolute;left:50%;top:2%;bottom:2%;width:2px;transform:translateX(-50%);
  background:linear-gradient(transparent,rgba(249,217,51,.7) 12%,rgba(240,196,236,.6) 88%,transparent)}
.etapa{display:grid;grid-template-columns:1fr 1fr;position:relative}
.etapa__card{grid-column:1;margin-right:calc(var(--s5) / 2);padding:var(--s3);position:relative;text-align:right}
.etapa--inv .etapa__card{grid-column:2;margin:0 0 0 calc(var(--s5) / 2);text-align:left}
.etapa__n{position:absolute;top:50%;right:calc(-1 * var(--s5) / 2);transform:translate(50%,-50%);
  width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;z-index:2;
  font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.4rem;color:#121A50;
  background:linear-gradient(150deg,#FFE58A,#F9D933);box-shadow:0 0 0 6px rgba(249,217,51,.16),0 10px 30px -8px rgba(249,217,51,.8)}
.etapa--inv .etapa__n{right:auto;left:calc(-1 * var(--s5) / 2);transform:translate(-50%,-50%)}
.linha{gap:var(--s2)}
.etapa__tag{margin:0 0 .3rem;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.etapa__dias{margin:0;font-family:'Spectral',Georgia,serif;font-weight:700;font-size:clamp(2.4rem,4.4vw,3.4rem);line-height:1.12;color:var(--ink)}
.etapa__mes{font-size:.56em;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:0}
.etapa__sem{margin:.45rem 0 0;font-size:1.12rem;font-weight:600;color:var(--dim)}
.etapa__obs{font-style:italic;font-weight:400}
.info{margin-top:var(--s4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--s3)}
.info__cert .ic-cert{display:block;width:2.1rem;height:2.1rem;margin:0 auto .3rem;color:var(--gold)}
.ic-cert{width:1.6rem;height:1.6rem;color:var(--gold)}
.info>div{padding:0 var(--s2);text-align:center}
.info>div+div{border-left:1px solid rgba(249,217,51,.3)}
.info__k{display:block;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:.35rem}
.info p{margin:0;color:var(--ink);font-size:1.02rem}
@media (max-width:960px){.info{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s3)}.info>div:nth-child(3){border-left:0}}
@media (max-width:860px){
  .linha::before{left:1.6rem}
  .etapa{grid-template-columns:1fr;padding-left:3.6rem}
  .etapa__card,.etapa--inv .etapa__card{grid-column:1;margin:0;text-align:left}
  .etapa__n,.etapa--inv .etapa__n{left:-2rem;right:auto;top:2.2rem;transform:translate(-50%,-50%);width:2.7rem;height:2.7rem;font-size:1.2rem}
}
@media (max-width:600px){
  .info{grid-template-columns:1fr;gap:var(--s2)}
  .info>div+div{border-left:0;border-top:1px solid rgba(249,217,51,.3);padding-top:var(--s2)}
}


/* presente: a Irmandade, com o selo do acesso vitalício girando */
.presente{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s5);align-items:center}
.presente__img{position:relative;display:grid;place-items:center}
.presente__img::before{content:"";position:absolute;inset:-8%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,217,51,.24),rgba(240,196,236,.12) 55%,transparent 76%);
  filter:blur(14px);animation:breathe 9s ease-in-out infinite}
.presente__img .frame{position:relative;transform:rotate(-2deg)}
.selo{position:absolute;right:-2%;bottom:-6%;width:clamp(7.5rem,13vw,9.5rem);z-index:2;filter:drop-shadow(0 14px 26px rgba(6,9,38,.8))}
.selo__giro{transform-origin:100px 100px;animation:spin 40s linear infinite}
.selo text{font-family:'Libre Franklin',sans-serif;font-weight:800;font-size:15px;letter-spacing:.06em;fill:#FFE58A}
.selo .selo__mid{font-size:44px}
.vital{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-top:var(--s5);padding:var(--s3) var(--s3);text-align:center;
  border-radius:16px;border:1px solid rgba(249,217,51,.55);
  background:linear-gradient(160deg,rgba(249,217,51,.16),rgba(255,255,255,.03) 65%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 26px 54px -26px rgba(6,9,38,.95),0 0 40px -18px rgba(249,217,51,.5);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.vital__txt{margin:0;font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.18rem,1.5vw,1.42rem);line-height:1.35;color:var(--gold-soft);text-wrap:balance}
.vital__img{margin:0;flex:none;width:clamp(6.5rem,10vw,8.5rem);aspect-ratio:1;border-radius:14px;overflow:hidden;
  transform:rotate(3deg);border:2px solid rgba(255,255,255,.7);box-shadow:0 18px 36px -14px rgba(6,9,38,.9);animation:levita 9s ease-in-out -3s infinite}
.vital__img img{width:100%;height:100%;object-fit:cover}
.vantagens__ic--cert{display:flex;padding-top:.1rem}
.remate{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.3rem,1.7vw,1.6rem);
  line-height:1.35;color:var(--gold-soft);margin:var(--s3) 0 0;text-wrap:balance}
@media (max-width:960px){.presente{grid-template-columns:1fr;gap:var(--s4)}.presente__img{order:-1;margin:0 4% var(--s2)}}

/* faixa da live */
.live{position:sticky;top:0;z-index:65;background:linear-gradient(90deg,#1A2470,#4A3FA8 55%,#1A2470);
  border-bottom:1px solid rgba(249,217,51,.45);box-shadow:0 8px 24px -14px rgba(0,0,0,.8)}
.live .wrap{display:flex;align-items:center;justify-content:center;gap:.6rem 1.4rem;flex-wrap:wrap;padding:.7rem 0;text-align:center}
.live p{margin:0;font-size:1rem;color:var(--ink)}
.live p b{color:var(--gold)}
.live .btn{padding:.55em 1.3em;font-size:.94rem}
.so-cel{display:none}
@media (max-width:600px){
  .so-pc{display:none}.so-cel{display:inline}
  .live .wrap{flex-wrap:nowrap;justify-content:space-between;gap:.7rem;padding:.5rem 0;text-align:left}
  .live p{font-size:.88rem}
  .live .btn{padding:.5em .95em;font-size:.84rem;white-space:nowrap}
}

/* investimento por lote: valores numa fonte elegante e legível */
.plan__big,.plan__cash{font-family:'Spectral',Georgia,serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.plan__big{font-size:2.7rem}
.plan__cash{font-size:1.15rem;font-weight:500;color:var(--dim)}
.old{color:var(--faint);font-size:1.06rem;margin-top:var(--s3)}
.old s{text-decoration-thickness:2px}
.plan__flag{display:none}
.plan.is-now .plan__flag{display:block}
.plan.is-now{border:2px solid var(--gold);
  background:linear-gradient(168deg,rgba(249,217,51,.22),rgba(255,255,255,.03) 62%);
  box-shadow:0 0 0 1px rgba(249,217,51,.4),0 40px 90px -40px rgba(249,217,51,.75);transform:scale(1.035)}
.plan.is-now .plan__name{color:var(--gold-soft)}
.plan.is-now .plan__big{color:#fff}
.plan.is-off{opacity:.42;filter:saturate(.45)}
.plan.is-off:hover{transform:none}
.plan__when{font-weight:700;color:var(--ink);font-size:1.04rem}
.plan__status{font-style:italic;color:var(--dim);font-size:1rem;margin-top:auto}
.bonus{position:relative;margin:.9rem 0 .2rem;padding:1.45rem 1rem .95rem;border-radius:12px;
  border:1px dashed rgba(249,217,51,.75);background:linear-gradient(160deg,rgba(249,217,51,.16),rgba(240,196,236,.08))}
.bonus__tag{position:absolute;top:-.95rem;left:1rem;background:linear-gradient(150deg,#FFE58A,#F9D933);color:#121A50;
  font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;padding:.38em .95em;border-radius:99px;
  box-shadow:0 8px 20px -8px rgba(249,217,51,.9)}
.bonus p{margin:0;color:var(--ink);font-weight:600;font-size:1.02rem}
.nota-lote{margin-top:var(--s3);color:var(--dim);font-style:italic}
.vantagens{display:grid;gap:.8rem;margin-top:var(--s3);max-width:44rem}
.vantagens p{margin:0;display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1.1rem;border-radius:12px;
  background:rgba(249,217,51,.07);border:1px solid rgba(249,217,51,.3)}
.vantagens__ic{font-size:1.4rem;line-height:1.2}
.vantagens strong{color:var(--gold-soft)}
@media (max-width:860px){.plan.is-now{transform:none}}

/* lista de espera dentro da página */
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:clamp(10px,4vw,40px);
  background:rgba(7,11,44,.88);backdrop-filter:blur(8px);overflow:auto}
.modal__box{position:relative;width:min(100%,34rem);background:linear-gradient(170deg,#1A2470,#0B1140 70%);
  border:1px solid rgba(249,217,51,.5);border-radius:18px;padding:var(--s4) var(--s3);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.95);animation:pop .35s cubic-bezier(.2,.7,.2,1)}
.modal__box h3{color:var(--ink);margin-bottom:.6rem}
.modal .close{position:absolute;top:10px;right:14px;color:var(--gold);font-size:2.2rem;line-height:1;background:none;border:0;cursor:pointer}
.campo{display:grid;gap:.35rem;margin-top:1rem}
.campo label{font-weight:700;font-size:.98rem}
.campo label small{font-weight:400;color:var(--faint)}
.campo input,.campo textarea{font:inherit;font-size:1rem;color:var(--ink);background:rgba(255,255,255,.06);
  border:1px solid rgba(201,166,245,.45);border-radius:10px;padding:.75em .9em;width:100%}
.campo textarea{min-height:5.2em;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.modal .btn{width:100%;text-align:center;margin-top:var(--s3);border:0;cursor:pointer}
.modal .priv{font-size:.9rem;color:var(--faint);margin:.9rem 0 0;text-align:center}
.modal .erro{color:#FFB3B3;font-size:.98rem;margin-top:.8rem}

/* botão flutuante do WhatsApp (padrão de toda LP) */
/* REGRA (Carol, 10/10): WhatsApp acima do selo "Powered by Netlify", que ocupa o canto de baixo */
.wa-float{position:fixed;right:18px;bottom:84px;z-index:70;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px -8px rgba(0,0,0,.6);transition:transform .25s ease}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:31px;height:31px;fill:#fff}
@media (max-width:600px){.wa-float{width:54px;height:54px;right:14px;bottom:76px}.wa-float svg{width:29px;height:29px}}

/* página de obrigado */
.obg{min-height:100svh;display:flex;align-items:center;padding:var(--s5) 0;background:none!important}
.obg .wrap{max-width:44rem;text-align:center}
.obg .hero__logo{margin:0 auto var(--s3)}
.obg .simb{width:8rem;margin:0 auto var(--s3);animation:levita 9s ease-in-out infinite}
.obg h1{font-size:clamp(2.1rem,5vw,3.4rem);margin-bottom:var(--s3)}
.obg .cta-row{justify-content:center}
.obg .assina{font-family:'Spectral',Georgia,serif;font-size:1.4rem;color:var(--gold-soft);margin-top:var(--s4)}

@media (prefers-reduced-motion:reduce){.c3d{transform:none!important}}

/* fatos dos encontros: sem caixa, ícone, valor em destaque e detalhe menor */
.fatos{margin-top:var(--s5);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.fato{text-align:center;padding:0 var(--s1);position:relative}
.fato+.fato::before{content:"";position:absolute;left:calc(-1 * var(--s3) / 2);top:12%;bottom:12%;width:1px;
  background:linear-gradient(transparent,rgba(249,217,51,.55),transparent)}
.fato__ic{display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0 auto var(--s2);border-radius:50%;color:var(--gold);
  background:radial-gradient(circle,rgba(249,217,51,.18),rgba(249,217,51,0) 70%);box-shadow:0 0 0 1px rgba(249,217,51,.35);
  animation:levita 8s ease-in-out infinite}
.fato:nth-child(2) .fato__ic{animation-delay:-2s}.fato:nth-child(3) .fato__ic{animation-delay:-4s}.fato:nth-child(4) .fato__ic{animation-delay:-6s}
.fato__ic svg{width:2.1rem;height:2.1rem}
.fato__v{margin:0;font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.1;color:var(--ink)}
.fato__d{margin:.45rem auto 0;max-width:15rem;font-size:.95rem;color:var(--dim);line-height:1.45}
@media (max-width:860px){.fatos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s4)}.fato:nth-child(3)::before{display:none}}
.vital__ic{font-size:.85em;margin-right:.3rem}

/* régua dos lotes: delicada, mostra onde a pessoa está hoje e a data de cada virada */
.regua{max-width:56rem;margin:var(--s4) auto 0;padding:0 .3rem}
.regua__nomes{display:flex;font-size:.82rem;color:var(--faint);margin-bottom:.6rem}
.regua__nomes span{text-align:center;white-space:nowrap}
.regua__nomes .is-now{color:var(--gold-soft);font-weight:700}
.regua__trilho{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.regua__cor{position:absolute;inset:0;border-radius:inherit;clip-path:inset(0 var(--p) 0 0 round 99px);
  background:linear-gradient(90deg,#FFE58A,#F9D933 22%,#FFA44F 58%,#FF6B5E 82%,#E8364A);transition:clip-path 1.6s cubic-bezier(.2,.7,.2,1) .3s}
.regua.rv:not(.is-in) .regua__cor{clip-path:inset(0 100% 0 0 round 99px)}
.regua__trilho i{position:absolute;top:50%;width:2px;height:14px;transform:translate(-50%,-50%);background:rgba(255,255,255,.5);border-radius:2px}
.regua__hoje{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;
  box-shadow:0 0 0 3px rgba(255,164,79,.6),0 0 18px 4px rgba(255,107,94,.5);animation:pulso 2.6s ease-in-out infinite}
@keyframes pulso{50%{box-shadow:0 0 0 6px rgba(255,164,79,.22),0 0 26px 7px rgba(255,107,94,.35)}}
.regua__datas{position:relative;height:2.5rem;margin-top:.6rem;font-size:.8rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.regua__datas span{position:absolute;transform:translateX(-50%);text-align:center;white-space:nowrap;line-height:1.25}
.regua__datas span:first-child{transform:none;text-align:left}
.regua__datas span:last-child{transform:translateX(-100%);text-align:right}
.regua__datas em{display:block;font-weight:400;color:var(--faint);font-size:.74rem}
.regua__msg{text-align:center;margin:.4rem auto 0;color:var(--dim);font-size:1rem;max-width:var(--measure)}
.regua__msg strong{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.regua__hoje{animation:none}.regua__cor{transition:none}}

/* texto abaixo dos boxes na largura dos boxes; nota dos juros dentro do box; fechamento centralizado */
.plan__juros{margin:.15rem 0 0;font-size:.84rem;font-style:italic;color:var(--faint)}
.prose--larga,.prose--larga .nota-lote,.vantagens{max-width:none}
.seals + .cta-row{justify-content:center}
.legal{max-width:none;text-align:center}
.hero__info{display:block;margin-top:.55rem;color:var(--ink);font-weight:600}

/* valor e bônus trancados até a live: cadeado dourado sobre um valor desfocado (falso, nada vaza) */
.plan.is-trancado{opacity:1;filter:none}
.plan.is-trancado .plan__big{font-size:1rem;margin:.6rem 0 .2rem}
.trava{position:relative;display:inline-grid;place-items:center;margin-bottom:.7rem}
.trava__vela{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:2.7rem;line-height:1.05;color:var(--dim);filter:blur(9px);opacity:.55;user-select:none}
.trava .cadeado{position:absolute;width:2.5rem;height:2.5rem;color:var(--gold);filter:drop-shadow(0 4px 16px rgba(249,217,51,.5))}
.trava__txt{display:block;font-family:'Libre Franklin',system-ui,sans-serif;font-size:1.02rem;font-weight:600;line-height:1.4;color:var(--ink)}
.bonus p .cadeado{width:1.1em;height:1.1em;vertical-align:-.15em;color:var(--gold)}

/* botão vermelho da live no YouTube (página de obrigado) */
.btn--yt{display:inline-flex;align-items:center;gap:.6em;background:linear-gradient(150deg,#FF3B30,#E62117);color:#fff;box-shadow:0 18px 40px -16px rgba(230,33,23,.8)}
.btn--yt:hover{filter:brightness(1.08)}
.btn--yt .yt{width:1.6em;height:auto;flex:none}

/* ===== Componentes acrescentados em 15/10/2026 (padrão Carol) ===== */
/* link "Ver mais ↓" dentro do cartão 3D; etapas numeradas (.fases); figura solta sem moldura (PNG transparente) */
.c3d__mais{display:inline-block;margin-top:.7rem;color:var(--gold);font-weight:600;font-size:.95rem;text-decoration:none}
.c3d__mais:hover{text-decoration:underline}
.fases{list-style:none;padding:0;margin:var(--s3) 0;display:grid;gap:var(--s2)}
.fases li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%);border:1px solid rgba(249,217,51,.22);border-radius:14px;padding:1rem 1.2rem;box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
.fases__n{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold);color:#121A50;font-weight:700;font-size:1.1rem}
.fases p{margin:0}
.fases__nome{color:var(--gold-soft);font-weight:700;font-size:1.08rem;margin-bottom:.2rem!important}
.fases em{color:var(--gold-soft)}
.fig-solta{width:100%;max-width:30rem;margin:0 auto}
.fig-solta img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 28px rgba(249,217,51,.22))}
.remate{margin:var(--s4) 0 0;font-size:1.12rem}

/* cartões 3D sem foto, com ícone desenhado (Carol, 15/10: card estático de faixa no topo lembra o Gamma) */
.c3d--ic{padding-top:var(--s3)}
.c3d__ic{display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0 var(--s3);border-radius:50%;color:var(--gold);
  background:radial-gradient(circle at 35% 30%,rgba(249,217,51,.22),rgba(249,217,51,.04) 70%);border:1px solid rgba(249,217,51,.35);
  box-shadow:0 0 28px -8px rgba(249,217,51,.45);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.c3d__ic svg{width:2.5rem;height:2.5rem}
.c3d--ic:hover .c3d__ic{transform:translateZ(30px) scale(1.06);box-shadow:0 0 40px -6px rgba(249,217,51,.7)}
/* .fig-depois na <section>: no celular, a imagem vem depois do texto (alternar imagem e texto) */
.fig-depois .split__geo{order:0}
@media (max-width:960px){.fig-depois .split{gap:var(--s2)}.fig-depois .fases{margin-bottom:var(--s1)}.fig-depois .split__geo{order:1;min-height:0}.fig-solta{max-width:17rem}}

/* valores em amarelo: parcelado em destaque, à vista menor embaixo (Carol, 15/10) */
.plan:not(.is-trancado) .plan__big{color:var(--gold)!important}
.plan:not(.is-trancado) .plan__cash{color:var(--gold-soft)!important;font-size:1.35rem;font-weight:600}

/* ===== da LP Essentia: estrela do Robson acima do logo da Academia, estrela no rodapé ===== */
.marca{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:var(--s3)}
.marca .hero__logo{margin-bottom:0}
.marca__estrela{width:clamp(4.6rem,7vw,6.2rem);margin-bottom:.9rem;filter:drop-shadow(0 6px 22px rgba(249,217,51,.35))}
.mark-estrela{display:block;width:4.6rem;margin:var(--s2) auto;filter:drop-shadow(0 6px 22px rgba(249,217,51,.3))}
/* ===== gravação: um box só, centralizado ===== */
.plans--um{grid-template-columns:minmax(0,30rem);justify-content:center}
.plans--um .plan__name{font-size:1.25rem}
/* imagem do topo (foto, não símbolo) */
.hero__foto{position:relative;width:min(92%,28rem);border-radius:16px;box-shadow:0 24px 60px -18px rgba(8,12,46,.75),0 0 0 1px rgba(249,217,51,.22)}

/* ===== fundo próprio da Pérola Interior (19/10/2026): azul índigo da arte, a faixa lilás da Via Láctea na diagonal
   e a luz perolada dourada que respira no alto. Só respiração lenta, sem loop. No celular tudo fica parado (iPhone). ===== */
body{background:radial-gradient(120% 75% at 50% -6%,#2B3AA0 0%,#1A2470 36%,#0B1140 70%,#070A2C 100%) fixed,#0B1140}
.ceu{overflow:hidden}
.ceu__luz{position:absolute;left:50%;top:-34vh;width:120vw;height:92vh;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(255,226,180,.26),rgba(201,166,245,.12) 55%,rgba(11,17,64,0) 100%);
  animation:luz 9s ease-in-out infinite alternate}
.ceu__via{position:absolute;left:-28vw;top:-30vh;width:62vw;height:170vh;transform:rotate(-22deg);
  background:radial-gradient(ellipse 34% 50% at 50% 50%,rgba(206,128,240,.20),rgba(154,107,224,.09) 48%,rgba(11,17,64,0) 72%);
  animation:via 14s ease-in-out infinite alternate}
.ceu__via--b{left:auto;right:-34vw;top:20vh;width:50vw;height:120vh;transform:rotate(-22deg);opacity:.7;animation-delay:-7s}
@keyframes luz{from{opacity:.7}to{opacity:1}}
@keyframes via{from{opacity:.6}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ceu__luz,.ceu__via{animation:none}}
@media (max-width:960px){.ceu__luz,.ceu__via{animation:none}}
/* faixas mais translúcidas para a luz aparecer por trás */
.band--deep{background:rgba(11,17,64,.55)}
.band--mid{background:rgba(26,36,112,.42)}
.band--light{background:rgba(46,53,146,.34)}
.hero__veil{background:linear-gradient(180deg,rgba(9,14,54,0) 0%,rgba(11,17,64,0) 55%,rgba(11,17,64,.55) 100%)}

/* ===== figuras próprias da Câmara ===== */
/* o Portal: arco da Câmara com o ovo de luz e os raios descendo */
.portal{width:min(100%,26rem);aspect-ratio:1;display:block;overflow:visible}
.portal .p-arco{fill:none;stroke:url(#pg);stroke-width:1.8;stroke-linejoin:round}
.portal .p-arco2{fill:none;stroke:#C9A6F5;stroke-opacity:.45;stroke-width:1.1;stroke-dasharray:2 7;stroke-linejoin:round}
.portal .p-ovo{fill:url(#po);stroke:#C9A6F5;stroke-opacity:.8;stroke-width:1.4;transform-origin:200px 225px;animation:breathe 9s ease-in-out infinite}
.portal .p-raio{stroke:#F1E6FF;stroke-width:1.2;stroke-linecap:round;opacity:.14;animation:p-raio 5s ease-in-out infinite}
.portal .p-chama{fill:none;stroke:#FFE58A;stroke-width:1.6;stroke-linecap:round}
.portal .p-chama-halo{fill:rgba(249,217,51,.22);transform-origin:200px 92px;animation:pulsa 4.5s ease-in-out infinite}
.portal .p-ponto{fill:#F1E6FF;animation:p-raio 6s ease-in-out infinite}
@keyframes p-raio{0%,100%{opacity:.08}50%{opacity:.5}}
@media (prefers-reduced-motion:reduce){.portal *{animation:none!important}}
/* a Kiva: hexágono dos Itás, com as linhas de energia até o centro */
.camadas__mapa .kiva-hex{fill:none;stroke:url(#cg);stroke-width:1.6;stroke-opacity:.85}
.camadas__mapa .kiva-in{fill:none;stroke:#C9A6F5;stroke-opacity:.35;stroke-width:1.1}
.camadas__mapa .kiva-in{transform-origin:300px 300px;animation:respira 10s ease-in-out infinite}
.camadas__mapa .ita{fill:#F0C4EC!important}

/* ===== ajustes da Carol (15/10) ===== */
/* frase de remate em amarelo, maior */
.remate{font-size:clamp(1.3rem,1.9vw,1.62rem);line-height:1.42}
/* ressonância: sinais em grade dentro de um painel com relevo */
.sinais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4);margin-top:var(--s4);
  padding:var(--s4);border-radius:16px;border:1px solid rgba(201,166,245,.35);
  background:linear-gradient(160deg,rgba(201,166,245,.12),rgba(255,255,255,.02) 60%);
  box-shadow:0 30px 60px -30px rgba(6,9,38,.9),inset 0 1px 0 rgba(255,255,255,.08)}
.sinal{display:grid;grid-template-columns:3.4rem 1fr;gap:var(--s2);align-items:start}
.sinal__ic{width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;color:var(--gold);
  background:radial-gradient(circle,rgba(201,166,245,.22),rgba(201,166,245,.04));border:1px solid rgba(249,217,51,.45)}
.sinal__ic svg{width:1.9rem;height:1.9rem}
.sinal h3{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.22rem;line-height:1.3;color:var(--gold-soft);margin:.15rem 0 .35rem}
.sinal p{margin:0;color:var(--dim)}
@media (max-width:760px){.sinais{grid-template-columns:1fr;padding:var(--s3)}}
/* investimento: o que está incluído dentro do box, com ✓ */
.inclui{list-style:none;margin:.6rem 0 .4rem;padding-top:1.1rem!important;border-top:1px solid rgba(249,217,51,.25);padding:0;display:grid;gap:.55rem;font-size:1.02rem;color:var(--dim)}
.inclui li{display:grid;grid-template-columns:1.6em 1fr;align-items:baseline}
.inclui li::before{content:"✓";color:var(--gold);font-weight:700}
.plans--um .plan__name{font-size:1.55rem}
/* a frase do chamado, sem faixa, abrindo o rodapé */
.chamado{margin:0 auto var(--s5);text-align:center;max-width:52rem}
.chamado blockquote{margin:0;font-family:'Spectral',Georgia,serif;font-weight:500;line-height:1.34;
  font-size:clamp(1.4rem,2.3vw,2rem);color:var(--gold-soft);text-wrap:balance}
.chamado figcaption{margin-top:var(--s2);font-family:'Spectral',Georgia,serif;font-style:italic;font-size:1.02rem;color:var(--dim)}
/* pessoa sentada no centro da Kiva */
.camadas__mapa .pessoa__halo{fill:rgba(201,166,245,.10);stroke:rgba(249,217,51,.35);stroke-width:1.2;transform-origin:300px 300px;animation:pulsa 6s ease-in-out infinite}
.camadas__mapa .pessoa__coracao{transform-origin:300px 296px;animation:pulsa 3.2s ease-in-out infinite}

/* logomarca da Pérola no topo, ao lado do título: grande no computador, sem nada atrás */
.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.hero__logo-perola{position:relative;width:min(100%,27rem);max-width:none;height:auto;margin-inline:auto;
  filter:drop-shadow(0 0 40px rgba(249,217,51,.30));animation:logo-luz 7s ease-in-out infinite alternate}
@keyframes logo-luz{from{filter:drop-shadow(0 0 26px rgba(249,217,51,.22))}to{filter:drop-shadow(0 0 54px rgba(249,217,51,.42))}}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.hero__logo-perola{width:min(78%,19rem)}}
@media (prefers-reduced-motion:reduce){.hero__logo-perola{animation:none}}
/* celular: a marca da Academia e o título vêm primeiro; a logomarca da Pérola vem depois do botão */


/* imagens da Pérola: soltas, sem moldura, com brilho */
.fig-perola{max-width:34rem}
.fig-perola img,.fig-larga img{filter:drop-shadow(0 0 30px rgba(249,217,51,.22))}
.fig-larga{margin:var(--s4) auto 0;max-width:62rem}
.fig-larga img{width:100%;height:auto;display:block}
/* ponto de partida sem figura ao lado: texto na largura toda */
.ponto .split{grid-template-columns:1fr}
/* celular, topo nesta ordem: marca da Academia, título, logomarca da Câmara, explicação, botão */
@media (max-width:960px){
  .hero .wrap{gap:0}
  .hero .wrap>div:first-child{display:contents}
  .hero .marca{order:1;justify-self:start}
  .hero h1{order:2}
  .hero .hero__geo{order:3;min-height:0;margin:0 0 var(--s3)}
  .hero .hero__claim{order:4}
  .hero .hero__sub{order:5}
  .hero .cta-row{order:6}
}
/* REGRA 14/10: frase de abertura de cada seção (lede) em dourado claro; negrito dentro dela fica branco. O topo segue branco. */
.band .lede{color:var(--gold-soft)}
.band .lede b,.band .lede strong{color:var(--ink);font-weight:600}

/* lados alternados no computador (Carol, 16/10): o topo fica texto à esquerda e logo à direita;
   daí para baixo a imagem troca de lado a cada bloco. No celular nada muda. */
@media (min-width:961px){
  .split--inv{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .split--inv>.split__geo,.fig-depois .split--inv>.split__geo,#grade-edenica .split--inv>.split__geo{order:-1}
}

/* ===== CELULAR ELEGANTE (Carol, 16/10/2026). REGRA de toda LP: o celular é o principal.
   Respiro de 24px nas laterais; topo todo centralizado (marca, título maior, logomarca, frases, botão);
   botões um pouco menores e centralizados. Texto corrido das seções continua à esquerda.
   O fundo fixo perde o mix-blend no celular: no iPhone ele deixava recortes quadrados por cima do conteúdo. ===== */
@media (max-width:640px){
  :root{--col:calc(100vw - 3rem)}
  .btn{font-size:1rem;padding:.85em 1.5em;line-height:1.3;text-wrap:balance}
  .sinais{padding:var(--s3) var(--s2)}.sinal{grid-template-columns:2.6rem 1fr;gap:.9rem}
  .sinal__ic{width:2.6rem;height:2.6rem}.sinal__ic svg{width:1.45rem;height:1.45rem}
  .plan{padding-inline:1.3rem}
  .plan:not(.is-trancado) .plan__big{white-space:nowrap;font-size:min(2.7rem,10.5vw)}
  .plan--star:not(.is-trancado) .plan__big{font-size:min(3.25rem,11.5vw)}
}
@media (max-width:960px){
  .hero .wrap{text-align:center;justify-items:center}
  .hero .marca,.hero .hero__logo{justify-self:center}
  .hero h1{font-size:clamp(2.6rem,12.4vw,4.4rem);line-height:1.04}
  .hero__claim,.hero__sub{margin-inline:auto}
  .cta-row{justify-content:center}
  .ceu,.ceu *{mix-blend-mode:normal!important}
}

/* ===== PALAVRA SOZINHA NA LINHA, NUNCA (Carol, 16/10/2026). REGRA de toda LP.
   Texto corrido evita deixar uma palavra só na última linha; texto centralizado (topo, fecho, nota legal)
   se divide em linhas parecidas. No celular, a frase do topo, o fecho e a nota ficam um pouco menores
   para caber com harmonia. Dados separados por " · " nunca quebram no meio (.nw). ===== */
p,li,blockquote,figcaption{text-wrap:pretty}
.hero__claim,.hero__sub,.hero__info,.closing p,.legal,summary,.fato__v,.fato__d,.camadas__mapa li{text-wrap:balance}
.nw{white-space:nowrap}
@media (max-width:640px){
  .hero__claim{font-size:1.06rem;line-height:1.5}
  .hero__sub{font-size:.97rem}
  .hero__info{font-size:.94rem}
  .closing{font-size:1.02rem;line-height:1.9}
  .legal{font-size:.88rem}
}
.closing .verso{display:block;text-wrap:balance}
/* item de lista que começa com negrito: o texto segue na mesma coluna (no molde antigo caía uma palavra por linha) */
.marks li,.guide__roles li{display:block;position:relative;padding-left:1.55em}
.marks li::before,.guide__roles li::before{position:absolute;left:0;top:.2em}

/* PÁGINA LEVE (Carol, 16/10/2026): o topo aparece logo. A entrada ficou curta (antes levava quase 2s até a logomarca
   aparecer, e no celular parecia que a página demorava a abrir). */
.stg{animation-duration:.6s}
.g1{animation-delay:.05s}.g2{animation-delay:.12s}.g3{animation-delay:.2s}.g4{animation-delay:.28s}.g5{animation-delay:.36s}

/* ===== PÉROLA INTERIOR · as cidades (19/10/2026): cada cidade é um box, todos abertos ao mesmo tempo.
   As cidades moram no config.js; a que já passou some sozinha. ===== */
.plans--cidades{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),26rem));justify-content:center}
.plans--cidades .plan__name{font-size:1.7rem}
.plan__datas{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(1.55rem,2.4vw,1.9rem);line-height:1.15;color:#fff;margin:0}
.plan__dias{font-weight:700;color:var(--ink);margin:-.4rem 0 0}
.plan__local{display:grid;grid-template-columns:1.4em 1fr;gap:.2rem;align-items:start;color:var(--dim);font-size:.98rem;margin:0}
.plan__local svg{width:1.15em;height:1.15em;color:var(--gold);margin-top:.15em}
.plan__local em{font-style:italic;color:var(--faint)}
.cidades__vazio{text-align:center;color:var(--dim);font-size:1.08rem}
.cidades__nota{text-align:center;margin-top:var(--s4)}
.cidades__nota .btn{margin-top:var(--s2)}
/* geometria viva da Pérola: hexágono com as pérolas nos pontos e a pérola no centro */
.camadas__mapa .p-hex{fill:none;stroke:url(#cg);stroke-width:1.6;stroke-opacity:.85}
.camadas__mapa .p-in{fill:none;stroke:#C9A6F5;stroke-opacity:.35;stroke-width:1.1;transform-origin:300px 300px;animation:respira 10s ease-in-out infinite}
.camadas__mapa .p-perola{fill:url(#pp)}
.camadas__mapa .p-halo{fill:rgba(255,226,180,.10);stroke:rgba(249,217,51,.35);stroke-width:1.2;transform-origin:300px 300px;animation:pulsa 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.camadas__mapa .p-in,.camadas__mapa .p-halo{animation:none}}

/* ===== VALOR E BOX (Carol, 19/10/2026, REGRA) =====
   Parcelado numa linha só, grande, quando cabe ("12x R$ 227,22*"). No celular, "12x" em cima e o valor embaixo.
   Box do valor todo centralizado (nome, período, valor, à vista, nota, status, botão); listas e o texto do cadeado à esquerda. */
.parc-br{display:none}
@media (max-width:640px){.parc-br{display:inline}}
.plan{text-align:center}
.plan .marks,.plan .inclui,.plan .trava__txt{text-align:left}
.bonus__tag{left:50%;transform:translateX(-50%)}
.plan__local{display:flex;justify-content:center;gap:.35rem}

/* REMATE NA LARGURA TODA (Carol, 19/10/2026): a frase de remate solta preenche a linha inteira no computador
   (balance dividia em duas linhas curtas e sobrava um vazio à direita). Centralizada continua em balance. */
.remate{text-wrap:pretty}
.remate--centro{text-wrap:balance}

/* ===== CONVITE DO GRUPO GRATUITO NO WHATSAPP (Carol, 19/10/2026, REGRA de toda LP) =====
   No fim, embaixo dos ícones das redes: um cartão discreto, centralizado, com botão verde. */
.grupo-wa{max-width:36rem;margin:var(--s4) auto 0;padding:var(--s3) var(--s3) calc(var(--s3) + .2rem);border-radius:16px;
  font-style:normal;text-align:center;border:1px solid rgba(37,211,102,.35);
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 60%);
  box-shadow:0 24px 50px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08)}
.grupo-wa__tit{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.3rem;line-height:1.25;color:var(--gold-soft);margin:0 0 .5rem}
.grupo-wa__txt{font-size:.98rem;line-height:1.6;color:var(--dim);margin:0 0 var(--s2);text-wrap:pretty}
.grupo-wa__btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75em 1.4em;border-radius:999px;background:#25D366;color:#06301A;
  font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 10px 24px -12px rgba(37,211,102,.8);transition:transform .2s ease,box-shadow .2s ease}
.grupo-wa__btn svg{width:1.25rem;height:1.25rem;fill:currentColor}
.grupo-wa__btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(37,211,102,.9)}
.grupo-wa__btn:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media (max-width:640px){.grupo-wa{padding:var(--s2) 1.1rem calc(var(--s2) + .3rem)}.grupo-wa__tit{font-size:1.18rem}.grupo-wa__txt{font-size:.94rem}}
/* botão com o símbolo do WhatsApp na frente, na mesma cor do texto do botão (Carol, 19/10/2026) */
.btn--wa{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}
.btn--wa svg{width:1.3em;height:1.3em;fill:currentColor;flex:none}
/* ===== Pérola, 19/10/2026 (Carol): ponto de partida e o que é em zigue-zague, com imagem ===== */
@media (min-width:961px){.ponto--img .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.fig-despertar{max-width:32rem}
.fig-despertar img{filter:drop-shadow(0 0 34px rgba(249,217,51,.28))}
.camadas--lado{margin-top:0;width:100%}
@media (max-width:960px){.fig-despertar{max-width:20rem}}
/* fundo da Pérola com mais lilás na página toda (Carol, 19/10): faixas puxadas para o violeta, e a luz lilás desce até o fim */
body{background:radial-gradient(120% 75% at 50% -6%,#3A3AA8 0%,#2A207A 34%,#1C1258 66%,#120A3A 100%) fixed,#1C1258}
.band--deep{background:rgba(26,15,72,.55)}
.band--mid{background:rgba(52,30,118,.42)}
.band--light{background:rgba(78,48,150,.34)}
.ceu::after{content:"";position:absolute;left:50%;bottom:-30vh;width:130vw;height:80vh;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(201,140,240,.20),rgba(154,107,224,.08) 55%,rgba(18,10,58,0) 100%)}