/* BelaAgenda — tema e pagina inicial. Carrega DEPOIS do da.css (herdado): troca as cores de base e
   desenha a landing com classes proprias (b-*), para nao brigar com vitrine e painel.
   Efeitos por nivel (bela-nivel.js poe a classe no <html>):
     .mov-0 parado · .mov-1 leve (so aparecer) · .mov-2 pleno (aurora, blur, 3D, rolagem)
   Regra de custo: so se anima transform e opacity; blur grande e backdrop-filter so no nivel 2. */
@font-face{font-family:"Fraunces";src:url("fraunces.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fraunces-italico.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}

:root{
  /* identidade visual (prancha em docs/identidade-prancha.jpg): #321C35 #76536F #AE819F #D7A5B3 #EFCDBD #FAF4ED */
  --tinta:#24142a; --ameixa:#321C35; --malva:#76536F; --malva-escura:#5a3d55; --lilas:#AE819F; --rosa-luz:#D7A5B3;
  --pessego:#EFCDBD; --champanhe:#f6e3d2; --perola:#FAF4ED; --nevoa:#f3e8ea; --linha:#eadde1;
  --b-texto:#321C35; --b-fraco:#76606f; --claro:#FAF4ED; --claro-fraco:#cdb9c6;
  /* o que o da.css usa (janela de cadastro, campos, botoes herdados) */
  --creme:var(--perola); --cartao:#fff; --rosa:#f5e6ea; --rosa-forte:#e6ccd5; --borda:#eadbe0;
  --texto:var(--b-texto); --fraco:var(--b-fraco); --primaria:var(--malva); --primaria-escura:var(--malva-escura);
  --serifa:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --mola:cubic-bezier(.2,.8,.2,1);
}
body.bela{background:var(--perola);color:var(--b-texto);overflow-x:hidden}
.bela h1,.bela h2,.bela h3{font-family:var(--serifa);font-weight:500;letter-spacing:-.02em;font-variation-settings:"opsz" 120}
.bela h3{font-variation-settings:"opsz" 30;font-weight:600;letter-spacing:-.01em}
.bela em{font-style:italic;font-weight:400;background:linear-gradient(100deg,var(--rosa-luz),var(--pessego) 60%,var(--champanhe));
  -webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.b-secao:not(.b-escura) .b-cab em,.b-planos em{background-image:linear-gradient(100deg,var(--malva),#9a6f8f 55%,#a8766a)}
.b-env{max-width:1160px;margin:0 auto;padding:0 20px}
.b-estreito{max-width:780px}
.b-fraco{color:var(--b-fraco)} .b-peq{font-size:.88rem}
.centro{text-align:center}

/* ---------- botoes ---------- */
.bt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.85rem 1.5rem;
  border-radius:999px;font:600 1rem/1 var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:transform .25s var(--mola),box-shadow .25s,background .2s,border-color .2s;will-change:transform}
.bt:active{transform:scale(.97)}
.bt-pequeno{min-height:40px;padding:.55rem 1.05rem;font-size:.92rem;background:var(--claro);color:var(--tinta)}
.bt-pequeno:hover{background:#fff}
.bt-brilho{color:#fff;background:linear-gradient(120deg,#9a6f8f,#76536F 55%,#573a55);box-shadow:0 10px 30px -10px rgba(118,83,111,.75),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden}
.bt-brilho::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-120%)}
.bt-brilho:hover{box-shadow:0 16px 40px -10px rgba(118,83,111,.9),inset 0 1px 0 rgba(255,255,255,.35)}
.mov-1 .bt-brilho:hover::after,.mov-2 .bt-brilho:hover::after{transform:translateX(120%);transition:transform .8s ease}
.bt-vidro{color:var(--claro);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.bt-vidro:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4)}
.bt-linha{color:var(--b-texto);border-color:var(--borda);background:#fff}
.bt-linha:hover{border-color:var(--malva);color:var(--malva-escura)}
.bt-largo{width:100%}

/* ---------- barra de progresso da leitura (so com animacao guiada pela rolagem) ---------- */
.b-progresso{display:none}

/* ---------- topo ---------- */
.b-topo{position:fixed;top:0;left:0;right:0;z-index:30;padding:14px 16px;pointer-events:none}
.b-topo-dentro{pointer-events:auto;max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:8px 10px 8px 16px;border-radius:999px;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s,max-width .5s var(--mola)}
.b-topo.rolou .b-topo-dentro{background:rgba(36,20,42,.92);border-color:rgba(255,255,255,.1);box-shadow:0 12px 40px -18px rgba(0,0,0,.6);max-width:980px}
.b-logo{display:flex;align-items:center;gap:.55rem;font:600 1.2rem var(--serifa);color:var(--claro);text-decoration:none;letter-spacing:-.01em}
.b-logo img{border-radius:9px}
.b-menu{display:flex;align-items:center;gap:1.3rem}
.b-link{color:var(--claro-fraco);text-decoration:none;font-size:.94rem;transition:color .2s}
.b-link:hover{color:#fff}
@media (max-width:760px){.b-link:not(.b-entrar){display:none}.b-menu{gap:.8rem}}

/* ---------- heroi ---------- */
.b-heroi{position:relative;isolation:isolate;color:var(--claro);padding:132px 0 0;overflow:hidden;
  background:radial-gradient(90% 70% at 85% 10%,#5b3a5c 0%,transparent 60%),radial-gradient(70% 60% at 5% 30%,#432747 0%,transparent 65%),
    radial-gradient(60% 50% at 50% 100%,#6d4a63 0%,transparent 70%),var(--tinta)}
.b-aurora{position:absolute;inset:0;z-index:-2;display:none}
.b-aurora i{position:absolute;border-radius:50%;will-change:transform}
.b-grao{position:absolute;inset:0;z-index:-1;opacity:.22;mix-blend-mode:soft-light;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.b-heroi-grade{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.b-etiqueta{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.4rem;padding:.4rem .9rem;border-radius:999px;font-size:.84rem;
  color:var(--claro);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.b-ponto{width:8px;height:8px;border-radius:50%;background:#7be0a6;box-shadow:0 0 0 0 rgba(123,224,166,.6)}
.b-titulo{font-size:clamp(2.7rem,7.2vw,5.3rem);line-height:.98;margin:0 0 1.4rem;color:#fff;text-wrap:balance}
.b-sub{font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6;color:var(--claro-fraco);max-width:34em;margin:0 0 2rem}
.b-acoes{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}
.b-garantias{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:0;padding:0;font-size:.88rem;color:var(--claro-fraco)}
.b-garantias li::before{content:"✦";margin-right:.45rem;color:var(--pessego)}

/* celular que mostra o fluxo de reserva */
.b-cena{position:relative;justify-self:center;width:min(330px,82vw);perspective:1200px}
.b-aparelho{position:relative;border-radius:42px;padding:11px;background:linear-gradient(160deg,#5a3a5e,#22142a 45%,#3d2444);
  box-shadow:0 50px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12) inset;transform-style:preserve-3d;will-change:transform}
.b-tela{position:relative;height:500px;border-radius:32px;overflow:hidden;background:var(--perola);color:var(--b-texto)}
.b-tela-topo{padding:22px 20px 14px;background:linear-gradient(140deg,#fff,#f9e9ef)}
.b-tela-topo b{display:block;font:600 1.15rem var(--serifa)}
.b-tela-topo small{color:var(--b-fraco);font-size:.8rem}
.b-passos{display:flex;gap:5px;margin-top:12px}
.b-passos i{flex:1;height:4px;border-radius:4px;background:#ecd8e0;transition:background .4s}
.b-quadro{position:absolute;left:0;right:0;top:104px;bottom:0;padding:16px 18px;opacity:0;transform:translateX(26px);pointer-events:none;
  transition:opacity .18s,transform .55s var(--mola)}
.b-aparelho:not(.p2):not(.p3) .q1,.b-aparelho.p2:not(.p3) .q2,.b-aparelho.p3 .q3{transition:opacity .45s .16s,transform .55s var(--mola) .1s}
.b-aparelho:not(.p2):not(.p3) .q1,.b-aparelho.p2:not(.p3) .q2,.b-aparelho.p3 .q3{opacity:1;transform:none}
.b-aparelho.p2 .q1,.b-aparelho.p3 .q1,.b-aparelho.p3 .q2{transform:translateX(-26px)}
.b-aparelho .b-passos i:nth-child(1),.b-aparelho.p2 .b-passos i:nth-child(2),.b-aparelho.p3 .b-passos i{background:var(--malva)}
.b-q-titulo{font-weight:700;font-size:.92rem;margin:0 0 .8rem}
.b-q-nota{font-size:.78rem;color:var(--b-fraco);margin:.8rem 0 0}
.b-serv{display:flex;align-items:center;gap:.75rem;padding:.7rem;margin-bottom:.55rem;border-radius:16px;background:#fff;border:1px solid var(--borda);
  transition:border-color .3s,box-shadow .3s,transform .3s var(--mola)}
.b-serv b{display:block;font-size:.88rem} .b-serv small{color:var(--b-fraco);font-size:.76rem}
.b-serv u{margin-left:auto;text-decoration:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;color:#fff;
  background:var(--malva);transform:scale(0);transition:transform .35s var(--mola)}
.b-bola{flex:none;width:40px;height:40px;border-radius:13px}
.r1{background:linear-gradient(135deg,#EFCDBD,#D7A5B3)} .r2{background:linear-gradient(135deg,#d9bcd0,#AE819F)} .r3{background:linear-gradient(135deg,#f4dfcf,#dba892)}
.b-aparelho.s .b-serv.alvo{border-color:var(--malva);box-shadow:0 8px 22px -12px rgba(118,83,111,.7);transform:scale(1.02)}
.b-aparelho.s .b-serv.alvo u{transform:scale(1)}
.b-horas{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.b-horas span{padding:.6rem 0;text-align:center;border-radius:12px;font-size:.82rem;font-weight:600;background:#fff;border:1px solid var(--borda);
  transition:background .3s,color .3s,border-color .3s,transform .3s var(--mola)}
.b-horas .fora{color:#c9b7c0;background:transparent;border-style:dashed;text-decoration:line-through}
.b-aparelho.h .b-horas .alvo{background:var(--malva);border-color:var(--malva);color:#fff;transform:scale(1.07)}
.b-ok{width:64px;height:64px;margin:26px auto 14px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;color:#fff;
  background:linear-gradient(135deg,#59c98d,#2f8f63);transform:scale(.4);opacity:0;transition:transform .6s var(--mola) .15s,opacity .3s .15s}
.b-aparelho.p3 .b-ok{transform:none;opacity:1}
.b-pix{display:flex;justify-content:space-between;align-items:center;margin-top:1.3rem;padding:.9rem 1rem;border-radius:16px;font-size:.86rem;
  background:linear-gradient(120deg,#fbeef2,#f6e3d6);border:1px solid var(--borda)}
.b-pix b{font:600 1.05rem var(--serifa)}
.b-ficha{position:absolute;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem .6rem .6rem;border-radius:18px;font-size:.8rem;color:var(--tinta);
  background:rgba(255,255,255,.94);box-shadow:0 18px 40px -16px rgba(0,0,0,.55);opacity:0;transform:translateY(14px) scale(.94);
  transition:opacity .5s,transform .6s var(--mola)}
.b-ficha b{display:block} .b-ficha small{color:var(--b-fraco)}
.b-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--nevoa)}
.f1{left:-64px;top:92px} .f2{right:-54px;bottom:86px;transition-delay:.25s}
.b-cena.fim .b-ficha{opacity:1;transform:none}
@media (max-width:1040px){.f1{left:-18px}.f2{right:-14px}}

/* faixa de servicos correndo */
.b-faixa{margin-top:84px;border-top:1px solid rgba(255,255,255,.1);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.b-faixa-trilho{display:flex;gap:2.6rem;padding:22px 2.6rem 22px 0;width:max-content;font:400 1.25rem var(--serifa);font-style:italic;color:var(--claro-fraco);white-space:nowrap}
.b-faixa-trilho span::after{content:"✦";margin-left:2.6rem;font-style:normal;font-size:.8rem;color:var(--malva)}

/* ---------- secoes ---------- */
.b-secao{position:relative;padding:clamp(72px,10vw,128px) 0}
.b-suave{background:linear-gradient(180deg,var(--perola),var(--nevoa))}
.b-cab{max-width:720px;margin:0 0 clamp(36px,5vw,60px)}
.b-cab h2{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.04;margin:0 0 .8rem;text-wrap:balance}
.b-sobre{margin:0 0 .9rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--malva)}
.b-cab .b-fraco{font-size:1.08rem;max-width:36em;margin:0}

/* bento */
.b-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.b-cartao{position:relative;grid-column:span 2;padding:26px;border-radius:26px;background:#fff;border:1px solid var(--linha);overflow:hidden;isolation:isolate;
  transition:transform .4s var(--mola),box-shadow .4s,border-color .3s}
.b-cartao.grande{grid-column:span 4;grid-row:span 2;color:var(--claro);border-color:transparent;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;
  background:radial-gradient(80% 90% at 90% 0%,#6b4566,transparent 60%),radial-gradient(70% 70% at 0% 100%,#45284a,transparent 65%),var(--tinta)}
.b-cartao.largo{grid-column:span 4}
.b-cartao h3{font-size:1.28rem;margin:0 0 .45rem}
.b-cartao.grande h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:500;color:#fff}
.b-cartao p{margin:0;color:var(--b-fraco);font-size:.96rem;line-height:1.55}
.b-cartao.grande p{color:var(--claro-fraco);max-width:30em}
.b-emblema{display:grid;place-items:center;width:46px;height:46px;margin-bottom:1.1rem;border-radius:15px;font-size:1.25rem;color:var(--malva-escura);
  background:linear-gradient(135deg,#fbe6ee,#f6dccc)}
[data-luz]::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s;pointer-events:none;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(240,169,189,.32),transparent 65%)}
.b-cartao.grande[data-luz]::before,.b-chamada[data-luz]::before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(246,201,173,.22),transparent 65%)}
@media (hover:hover){
  [data-luz]:hover::before{opacity:1}
  .b-cartao:hover,.b-plano:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(59,31,66,.45);border-color:#dcc3cf}
}
.b-mini-agenda{position:absolute;inset:26px 26px auto 26px;height:128px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.b-mini-agenda i{position:absolute;top:16px;bottom:16px;border-radius:11px;transform-origin:left;
  background:linear-gradient(120deg,var(--rosa-luz),var(--malva))}
.b-mini-agenda i::after{content:"";position:absolute;top:0;bottom:0;right:0;width:22%;border-radius:0 11px 11px 0;
  background:repeating-linear-gradient(135deg,rgba(36,20,42,.45) 0 5px,rgba(36,20,42,.15) 5px 10px)}
.m1{left:4%;width:24%} .m2{left:30%;width:17%} .m3{left:49%;width:27%;background:linear-gradient(120deg,var(--pessego),#dba892)!important} .m4{left:78%;width:18%}
.b-numeros{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;margin-bottom:1.3rem}
.b-numeros b{display:block;font:500 clamp(2.4rem,4.4vw,3.4rem)/1 var(--serifa);color:var(--malva-escura);font-variant-numeric:tabular-nums}
.b-numeros span{font-size:.84rem;color:var(--b-fraco)}

/* o dia encaixado */
.b-escura{color:var(--claro);background:radial-gradient(70% 80% at 100% 0%,#553559,transparent 60%),radial-gradient(60% 70% at 0% 100%,#3d2341,transparent 60%),var(--tinta)}
.b-escura .b-fraco{color:var(--claro-fraco)} .b-escura .b-sobre{color:var(--rosa-luz)} .b-escura h2{color:#fff}
.b-dia{padding:26px;border-radius:28px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);overflow-x:auto}
.b-regua,.b-linha{min-width:680px}
.b-regua{display:flex;justify-content:space-between;margin-left:56px;font-size:.74rem;color:var(--claro-fraco);padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.14)}
.b-linha{display:flex;align-items:center;margin-top:16px}
.b-linha>b{flex:none;width:56px;font:500 1.05rem var(--serifa)}
.b-trilho{position:relative;flex:1;height:58px;border-radius:16px;background:rgba(255,255,255,.04)}
.blo{position:absolute;top:6px;bottom:6px;left:calc(var(--e)*1%);width:calc(var(--l)*1% - 4px);border-radius:12px;overflow:hidden;font-style:normal;
  background:linear-gradient(120deg,#8a5f7f,var(--malva) 70%);transform-origin:left}
.blo::after{content:"";position:absolute;top:0;bottom:0;right:0;width:calc(var(--p)*1%);
  background:repeating-linear-gradient(135deg,rgba(36,20,42,.5) 0 5px,rgba(36,20,42,.2) 5px 10px)}
.blo u{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.74rem;font-weight:600;text-decoration:none;white-space:nowrap;color:#fff}
.blo.livre{background:transparent;border:1.5px dashed rgba(246,201,173,.6)} .blo.livre::after{display:none} .blo.livre u{color:var(--pessego)}
.t1{--e:0;--l:16.7;--p:17} .t2{--e:16.7;--l:9.3;--p:20} .t3{--e:26;--l:18.4;--p:0} .t4{--e:44.4;--l:13.9;--p:20} .t5{--e:61.1;--l:13.9;--p:20}
.u1{--e:5.6;--l:25;--p:11} .u2{--e:30.6;--l:19.4;--p:0} .u3{--e:50;--l:13;--p:14} .u4{--e:66.7;--l:11.1;--p:0}
.t4,.u3{background:linear-gradient(120deg,var(--pessego),#dba892 75%)} .t4 u,.u3 u{color:var(--tinta)}
.b-legenda{margin:22px 0 0;font-size:.8rem;color:var(--claro-fraco);display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem}
.b-legenda span{display:inline-block;width:22px;height:12px;border-radius:4px;margin-right:-.7rem}
.l1{background:var(--malva)} .l2{background:repeating-linear-gradient(135deg,#5a3d5c 0 4px,#33203a 4px 8px)} .l3{border:1.5px dashed var(--pessego)}

/* passos */
.b-passos-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:p}
.b-passos-lista li{position:relative;padding-top:26px;border-top:1px solid var(--linha)}
.b-passos-lista li::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--malva),var(--pessego));transform:scaleX(0);transform-origin:left}
.b-num{display:block;font:300 4.4rem/1 var(--serifa);font-style:italic;color:#dcc3cf;margin-bottom:.6rem}
.b-passos-lista h3{font-size:1.35rem;margin:0 0 .4rem} .b-passos-lista p{margin:0;color:var(--b-fraco)}

/* planos */
.b-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.b-plano{position:relative;display:flex;flex-direction:column;padding:30px 26px;border-radius:28px;background:#fff;border:1px solid var(--linha);overflow:hidden;isolation:isolate;
  transition:transform .4s var(--mola),box-shadow .4s,border-color .3s}
.b-plano.destaque{color:var(--claro);border-color:transparent;background:radial-gradient(90% 80% at 100% 0%,#6b4566,transparent 60%),var(--tinta)}
.b-plano.destaque h3{color:#fff} .b-plano.destaque .b-fraco,.b-plano.destaque li{color:var(--claro-fraco)}
.b-plano h3{font-size:1.3rem;margin:0 0 .6rem}
.b-valor{font:500 2.6rem/1 var(--serifa);margin-bottom:.6rem}
.b-valor.mensal::after{content:" /mês";font:400 .95rem var(--sans);color:var(--b-fraco)} .destaque .b-valor.mensal::after{color:var(--claro-fraco)}
.b-valor.pequeno-valor{font-size:1.5rem;padding:.55rem 0}
.b-plano ul{list-style:none;margin:1rem 0 1.6rem;padding:0;flex:1}
.b-plano li{position:relative;padding:.42rem 0 .42rem 1.5rem;font-size:.94rem;color:var(--b-fraco)}
.b-plano li::before{content:"✦";position:absolute;left:0;color:var(--malva);font-size:.8rem;top:.6rem}
.destaque li::before{color:var(--pessego)}
.b-selo{position:absolute;top:22px;right:22px;font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;color:var(--tinta);background:linear-gradient(120deg,var(--pessego),var(--champanhe))}

/* faq */
.b-faq details{border-bottom:1px solid var(--linha)}
.b-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;font:500 1.15rem var(--serifa)}
.b-faq summary::-webkit-details-marker{display:none}
.b-faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:400 1.2rem var(--sans);color:var(--malva-escura);background:var(--nevoa);transition:transform .35s var(--mola)}
.b-faq details[open] summary::after{transform:rotate(45deg)}
.b-faq p{margin:0 0 1.3rem;color:var(--b-fraco);max-width:44em}

/* chamada final e rodape */
.b-final{padding-top:0}
.b-chamada{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:clamp(52px,8vw,96px) 24px;border-radius:36px;color:var(--claro);
  background:radial-gradient(70% 90% at 15% 0%,#6b4566,transparent 60%),radial-gradient(70% 90% at 90% 100%,#7a5468,transparent 60%),var(--tinta)}
.b-chamada h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1.03;color:#fff;margin:0 auto .7rem;max-width:14em;text-wrap:balance}
.b-chamada p{color:var(--claro-fraco);margin:0 0 1.8rem;font-size:1.08rem}
.b-rodape{padding:28px 0 40px;font-size:.88rem;color:var(--b-fraco)}
.b-rodape .b-env{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}
.b-rodape a{color:var(--b-fraco)}

/* video sob demanda (bela.js so busca o arquivo no nivel 2, quando entra na tela) */
.b-video{position:relative;border-radius:28px;overflow:hidden;background:var(--tinta);aspect-ratio:16/9}
.b-video video,.b-video img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- responsivo ---------- */
@media (max-width:900px){
  .b-heroi{padding-top:108px}
  .b-heroi-grade{grid-template-columns:1fr;gap:56px}
  .b-heroi-texto{text-align:center} .b-sub{margin-inline:auto} .b-acoes,.b-garantias{justify-content:center}
  .b-bento{grid-template-columns:1fr 1fr} .b-cartao,.b-cartao.largo{grid-column:span 1} .b-cartao.grande,.b-cartao.largo{grid-column:span 2}
  .b-passos-lista,.b-planos{grid-template-columns:1fr}
}
@media (max-width:560px){
  .b-bento{grid-template-columns:1fr} .b-cartao,.b-cartao.grande,.b-cartao.largo{grid-column:span 1}
  .b-acoes .bt{width:100%} .b-tela{height:470px} .b-faixa{margin-top:60px}
  .b-topo{padding:10px} .b-logo{font-size:1.05rem}
}

/* =====================================================================================
   MOVIMENTO. Sem bela.js nada fica escondido: as classes .rv e .pal sao postas por ele.
   ===================================================================================== */
/* nivel 1 e 2: aparecer ao rolar */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease calc(var(--i,0)*80ms),transform .9s var(--mola) calc(var(--i,0)*80ms)}
.rv.visto{opacity:1;transform:none}
.mov-2 .rv{filter:blur(8px);transition:opacity .7s ease calc(var(--i,0)*80ms),transform .9s var(--mola) calc(var(--i,0)*80ms),filter .7s ease calc(var(--i,0)*80ms)}
.mov-2 .rv.visto{filter:none}
/* titulo palavra por palavra */
.pal{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.08em .04em .14em;margin:-.08em -.04em -.14em}
.pal>span{display:inline-block;transform:translateY(112%) rotate(4deg);transition:transform 1s var(--mola) calc(var(--i)*75ms + 120ms)}
.vai .pal>span{transform:none}
.mov-1 .b-titulo:not(.pronta),.mov-2 .b-titulo:not(.pronta){opacity:0;animation:b-seguranca .01s 2.5s forwards}
@keyframes b-seguranca{to{opacity:1}}
/* blocos do dia e da mini agenda crescem da esquerda */
.cresce .blo,.cresce.b-mini-agenda i{transform:scaleX(0);opacity:0}
.cresce.visto .blo,.cresce.visto.b-mini-agenda i{transform:none;opacity:1;transition:transform .8s var(--mola) calc(var(--i,0)*110ms),opacity .3s calc(var(--i,0)*110ms)}
.b-passos-lista li.visto::before{transform:none;transition:transform 1.1s var(--mola) calc(var(--i,0)*80ms + 200ms)}
/* ponto verde pulsando e faixa correndo */
.mov-1 .b-ponto,.mov-2 .b-ponto{animation:b-pulso 2.2s infinite}
@keyframes b-pulso{70%{box-shadow:0 0 0 9px rgba(123,224,166,0)}100%{box-shadow:0 0 0 0 rgba(123,224,166,0)}}
.corre .b-faixa-trilho{animation:b-corre 38s linear infinite}
.corre.pausa .b-faixa-trilho{animation-play-state:paused}
@keyframes b-corre{to{transform:translateX(-50%)}}
.mov-0 .b-faixa-trilho{flex-wrap:wrap;width:auto;justify-content:center;white-space:normal;padding-inline:20px}
.mov-0 .b-faixa{-webkit-mask-image:none;mask-image:none}

/* nivel 2: aurora viva, vidro, 3D e rolagem */
.mov-2 .b-aurora{display:block}
.mov-2 .b-aurora i{filter:blur(70px);opacity:.6}
.b-aurora .a1{width:46vw;height:46vw;left:-10vw;top:-12vw;background:#8a5f88;animation:b-vaga1 19s ease-in-out infinite alternate}
.b-aurora .a2{width:38vw;height:38vw;right:-8vw;top:6vw;background:#D7A5B3;animation:b-vaga2 23s ease-in-out infinite alternate}
.b-aurora .a3{width:34vw;height:34vw;left:30vw;bottom:-18vw;background:#EFCDBD;opacity:.3!important;animation:b-vaga3 27s ease-in-out infinite alternate}
.b-aurora.fraca i{opacity:.35}
.pausa-aurora .b-aurora i{animation-play-state:paused}
@keyframes b-vaga1{to{transform:translate3d(14vw,8vw,0) scale(1.15)}}
@keyframes b-vaga2{to{transform:translate3d(-12vw,10vw,0) scale(.9)}}
@keyframes b-vaga3{to{transform:translate3d(-10vw,-8vw,0) scale(1.2)}}
.mov-2 .b-topo.rolou .b-topo-dentro{background:rgba(36,20,42,.8);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
.mov-2 .bt-vidro,.mov-2 .b-etiqueta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mov-2 .b-aparelho{transform:rotateY(var(--ry,-9deg)) rotateX(var(--rx,5deg));transition:transform .5s var(--mola)}
.mov-2 .b-cena.fim .f1{animation:b-flutua 6s ease-in-out 1s infinite alternate}
.mov-2 .b-cena.fim .f2{animation:b-flutua 7s ease-in-out 1.4s infinite alternate-reverse}
@keyframes b-flutua{to{translate:0 -10px}}
@supports (animation-timeline:scroll()){
  .mov-2 .b-progresso{display:block;position:fixed;top:0;left:0;right:0;height:3px;z-index:40;transform-origin:left;transform:scaleX(0);
    background:linear-gradient(90deg,var(--malva),var(--pessego));animation:b-progresso linear both;animation-timeline:scroll(root)}
  @keyframes b-progresso{to{transform:scaleX(1)}}
  .mov-2 .b-cena{animation:b-sobe linear both;animation-timeline:scroll(root);animation-range:0 90vh}
  @keyframes b-sobe{to{transform:translateY(-70px) scale(.96)}}
  .mov-2 .b-heroi-texto{animation:b-some linear both;animation-timeline:scroll(root);animation-range:10vh 80vh}
  @keyframes b-some{to{opacity:.25;transform:translateY(40px)}}
}
@media (max-width:900px){.mov-2 .b-aparelho{transform:none}.mov-2 .b-heroi-texto,.mov-2 .b-cena{animation:none}}

.b-marco{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.b-plano.destaque{font-style:normal;white-space:normal}
.bt-pequeno{white-space:nowrap}
@media (max-width:560px){.b-entrar{display:none}}
.b-rodape i{font-family:var(--serifa);font-size:1rem}

/* ---------- acertos da revisao de 12/11 (iPhone, contraste, 320 px, impressao) ---------- */
/* Safari nao pinta degrade de texto atraves de filho inline-block com transform: o degrade mora em quem tem o texto */
.bela em .pal>span{background:linear-gradient(100deg,var(--rosa-luz),var(--pessego) 60%,var(--champanhe));-webkit-background-clip:text;background-clip:text;color:transparent}
/* contraste: texto do heroi por cima da aurora, numeros dos passos, foco em fundo escuro */
.mov-2 .b-sub,.mov-2 .b-garantias{color:var(--claro)}
.b-num{color:#a97c9a}
.b-heroi :focus-visible,.b-escura :focus-visible,.b-topo :focus-visible,.b-chamada :focus-visible,.b-plano.destaque :focus-visible{outline-color:var(--pessego)}
/* diagrama do dia: rotulo por cima da hachura; legenda com o quadradinho preso ao texto */
.blo u{z-index:1}
.b-legenda i{display:flex;align-items:center;gap:1.2rem;font-style:normal;white-space:nowrap}
/* 320 px (iPhone SE, Zoom de Tela): o botao do topo nao pode cobrir a marca */
@media (max-width:350px){.b-topo-dentro{gap:.4rem;padding-left:10px}.b-logo{font-size:.92rem;gap:.35rem}.b-logo img{width:26px;height:26px}.b-topo .bt-pequeno{padding:.5rem .7rem;font-size:.8rem}}
/* impressao e PDF: nada pode ficar escondido esperando a rolagem */
@media print{.rv,.cresce .blo,.cresce.b-mini-agenda i,.pal>span{opacity:1!important;transform:none!important;filter:none!important}.b-topo{position:absolute}}