/* Bora — site. Identidade do app: noite roxa, dourado → lavanda nos títulos, menta para "deu certo". */
:root{
  --bg:#0a0211; --bg2:#120320;
  --vidro:rgba(255,255,255,.045); --vidro2:rgba(255,255,255,.075);
  --linha:rgba(255,255,255,.09); --linha2:rgba(255,255,255,.16);
  --tx:#f8f4ff; --tx2:#b9abcf; --tx3:#7d7192;
  --roxo:#9b5cff; --roxo2:#7a33ff; --lav:#c9a6ff; --lav2:#e2ccff;
  --ouro:#f2c25c; --menta:#7ee0b5; --coral:#ff8a9a;
  --f-tit:"Sora","Manrope",-apple-system,BlinkMacSystemFont,sans-serif;
  --f-corpo:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --max:1160px; --r:22px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px;overflow-x:clip}
body{font-family:var(--f-corpo);background:var(--bg);color:var(--tx);line-height:1.6;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:20px}
.center{text-align:center;margin-inline:auto}
h1,h2,h3{font-family:var(--f-tit);letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(2.7rem,6.4vw,5rem);font-weight:800;line-height:1}
h2{font-size:clamp(2rem,4.3vw,3.2rem);font-weight:800;line-height:1.06}
h3{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}
.lead{color:var(--tx2);font-size:clamp(1.03rem,1.6vw,1.16rem);max-width:58ch;margin-top:18px}
.center .lead,.lead.center{margin-inline:auto}
.eyebrow{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lav);margin-bottom:14px}
.grad,.pal.g{background:linear-gradient(100deg,var(--ouro) 0%,var(--lav2) 45%,var(--roxo) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Céu: três luzes que derivam devagar + grão */
.ceu{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ceu i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.ceu i:nth-child(1){width:60vw;height:60vw;left:-14vw;top:-30vw;background:radial-gradient(circle,rgba(122,51,255,.9),transparent 65%);animation:d1 26s ease-in-out infinite alternate}
.ceu i:nth-child(2){width:46vw;height:46vw;right:-16vw;top:30vh;background:radial-gradient(circle,rgba(201,166,255,.45),transparent 65%);animation:d2 32s ease-in-out infinite alternate}
.ceu i:nth-child(3){width:42vw;height:42vw;left:24vw;bottom:-30vw;background:radial-gradient(circle,rgba(126,224,181,.22),transparent 65%);animation:d1 38s ease-in-out infinite alternate-reverse}
.ceu::after{content:"";position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}
@keyframes d1{to{transform:translate(8vw,6vh) scale(1.08)}}
@keyframes d2{to{transform:translate(-6vw,-5vh) scale(.94)}}

/* Menu em cápsula */
.nav-wrap{position:sticky;top:0;z-index:20;padding:14px 16px 0;padding-top:calc(14px + env(safe-area-inset-top,0px))}
.nav{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:18px;padding:9px 9px 9px 16px;border-radius:999px;background:rgba(18,4,32,.62);border:1px solid var(--linha2);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 18px 40px -22px rgba(0,0,0,.8)}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--f-tit);font-weight:800;font-size:1.15rem;letter-spacing:-.03em}
.marca img{border-radius:9px}
.nav-links{display:flex;gap:4px;margin-left:auto}
.nav-links a{padding:8px 13px;border-radius:999px;color:var(--tx2);font-size:.92rem;font-weight:600;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--tx);background:var(--vidro2)}
.nav-cta{padding:10px 18px;border-radius:999px;font-weight:800;font-size:.92rem;color:#1b0a2e;background:linear-gradient(120deg,var(--ouro),var(--lav2));box-shadow:0 10px 26px -12px rgba(242,194,92,.8);transition:transform .2s}
.nav-cta:hover{transform:translateY(-1px)}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-block:70px 40px}
.pill{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;padding:8px 15px;border-radius:999px;background:rgba(126,224,181,.1);color:var(--menta);border:1px solid rgba(126,224,181,.28);margin-bottom:22px}
.ponto{width:7px;height:7px;border-radius:50%;background:var(--menta);box-shadow:0 0 0 4px rgba(126,224,181,.2);animation:pulsa 2s infinite}
@keyframes pulsa{50%{box-shadow:0 0 0 8px rgba(126,224,181,0)}}
.pal{display:inline-block}
.js .pal{opacity:0;transform:translateY(22px) rotate(1.2deg);animation:entra .75s cubic-bezier(.22,1,.36,1) forwards}
@keyframes entra{to{opacity:1;transform:none}}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}
.badge-app{display:inline-flex;align-items:center;gap:10px;padding:11px 20px 11px 16px;border-radius:15px;background:#fff;color:#0a0211;box-shadow:0 18px 40px -16px rgba(155,92,255,.7);transition:transform .2s,box-shadow .2s}
.badge-app:hover{transform:translateY(-2px);box-shadow:0 24px 46px -16px rgba(155,92,255,.85)}
.badge-app span{display:flex;flex-direction:column;font-family:var(--f-tit);font-weight:700;font-size:1.22rem;line-height:1.05;letter-spacing:-.02em}
.badge-app small{font-family:var(--f-corpo);font-size:.7rem;font-weight:600;letter-spacing:0}
.btn-sec,.btn-pri{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:15px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}
.btn-sec{background:var(--vidro);border:1px solid var(--linha2);color:var(--tx)}
.btn-sec:hover{background:var(--vidro2);border-color:rgba(201,166,255,.45);transform:translateY(-2px)}
.btn-pri{color:#fff;background:linear-gradient(140deg,#b07cff,var(--roxo2));box-shadow:0 16px 36px -14px rgba(155,92,255,.8)}
.btn-pri:hover{transform:translateY(-2px)}
.full{width:100%}
.mini{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:var(--tx3);font-size:.86rem;font-weight:600}
.mini li::before{content:"✓ ";color:var(--menta)}

.hero-vis{position:relative;height:620px}
.fone{position:absolute;width:270px;border-radius:38px;overflow:hidden;border:1px solid var(--linha2);box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 8px rgba(255,255,255,.03)}
.fone img{width:100%;height:auto}
.fone-frente{right:30px;top:10px;transform:rotate(4deg);animation:flutua 7s ease-in-out infinite;z-index:2}
.fone-tras{left:10px;top:70px;transform:rotate(-7deg) scale(.92);opacity:.85;animation:flutua2 8s ease-in-out infinite}
@keyframes flutua{50%{transform:rotate(4deg) translateY(-14px)}}
@keyframes flutua2{50%{transform:rotate(-7deg) scale(.92) translateY(12px)}}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:16px;background:rgba(24,8,42,.82);border:1px solid var(--linha2);font-weight:800;font-size:.9rem;box-shadow:0 20px 40px -18px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.chip span{font-weight:600;color:var(--tx3);font-size:.8rem}
.chip b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--vidro2)}
.chip b.ok{background:rgba(126,224,181,.18);color:var(--menta)}
.c1{left:-6px;top:24px;animation:flutua3 6s ease-in-out infinite}
.c2{right:-8px;top:300px;animation:flutua3 7s ease-in-out infinite .6s}
.c3{left:30px;bottom:40px;animation:flutua3 6.5s ease-in-out infinite 1.2s}
@keyframes flutua3{50%{transform:translateY(-8px)}}

/* Números */
.numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:20px 10px}
.numeros div{padding:22px;border-radius:var(--r);background:var(--vidro);border:1px solid var(--linha)}
.numeros strong{display:block;font-family:var(--f-tit);font-size:clamp(2rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.numeros strong{background:linear-gradient(100deg,var(--ouro),var(--lav2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.numeros span{display:block;margin-top:8px;color:var(--tx2);font-size:.9rem}

/* Seções */
.secao{padding-block:96px}
.cab{max-width:760px;margin-bottom:46px}
.cab.center{margin-inline:auto}
.estreita{max-width:860px}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.card{position:relative;padding:26px;border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--linha);overflow:hidden;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-3px);border-color:rgba(201,166,255,.35)}
.card p{color:var(--tx2);margin-top:8px;font-size:.96rem}
.card .ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(155,92,255,.16);border:1px solid rgba(201,166,255,.25);color:var(--lav2);font-size:1.15rem;margin-bottom:16px}
.card .tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(242,194,92,.14);color:var(--ouro);margin-bottom:14px}
.card.big{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;padding-bottom:0}
.card.big h3{font-size:1.6rem}
.card.tall{grid-column:span 2;display:grid;grid-template-columns:1fr 180px;gap:18px;padding-bottom:0}
.card-img{border-radius:22px 22px 0 0;margin-top:22px;border:1px solid var(--linha2);border-bottom:0;box-shadow:0 -20px 50px -20px rgba(155,92,255,.5)}
.card.big .card-img{width:72%;margin-inline:auto;margin-top:auto;padding-top:0}
.card.big .card-txt{margin-bottom:22px}
.card.tall .card-img{margin-top:0;align-self:end}

/* Faixa do método */
.faixa{background:linear-gradient(180deg,transparent,rgba(155,92,255,.08) 18%,rgba(155,92,255,.08) 82%,transparent);border-block:1px solid var(--linha)}
.passos{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:p}
.passos li{padding:26px;border-radius:var(--r);background:var(--vidro);border:1px solid var(--linha)}
.passos .n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-family:var(--f-tit);font-weight:800;color:#1b0a2e;background:linear-gradient(130deg,var(--ouro),var(--lav2));margin-bottom:16px}
.passos p{color:var(--tx2);margin-top:8px;font-size:.95rem}
.nota-semana{margin-top:22px;padding:18px 22px;border-radius:16px;border:1px dashed rgba(242,194,92,.4);background:rgba(242,194,92,.06);color:var(--tx2)}
.nota-semana b{color:var(--ouro)}

/* Juntos */
.juntos{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:center}
.lista{list-style:none;margin-top:26px;display:grid;gap:12px}
.lista li{padding:14px 16px 14px 46px;position:relative;border-radius:14px;background:var(--vidro);border:1px solid var(--linha);color:var(--tx2)}
.lista li::before{content:"✓";position:absolute;left:16px;top:14px;color:var(--menta);font-weight:800}
.lista b{color:var(--tx)}
.turma{padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--linha2);box-shadow:0 40px 80px -36px rgba(0,0,0,.9)}
.turma-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.turma-top span{color:var(--tx3);font-weight:700;font-size:.85rem}
.turma-top b{font-family:var(--f-tit)}
.termo{height:8px;border-radius:99px;background:var(--vidro2);margin:12px 0 16px;overflow:hidden}
.termo i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--menta),var(--lav))}
.turma ul{list-style:none;display:grid;gap:8px}
.turma li{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(0,0,0,.2)}
.turma li div{flex:1;min-width:0}
.turma li b{display:block}
.turma li small{color:var(--tx3);font-size:.8rem}
.av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--vidro2);font-size:1.1rem}
.sel{display:flex;gap:4px}
.sel i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:.8rem;background:rgba(126,224,181,.15)}
.cutucar{font:inherit;font-weight:800;font-size:.82rem;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,138,154,.4);background:rgba(255,138,154,.12);color:var(--coral);cursor:pointer}
.turma-nota{margin-top:12px;color:var(--tx3);font-size:.8rem;text-align:center}

/* Galeria */
.galeria-sec{padding-bottom:70px}
.galeria{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px max(20px,calc((100vw - var(--max))/2 + 20px)) 30px;scrollbar-width:none}
.galeria::-webkit-scrollbar{display:none}
.galeria img{flex:0 0 auto;width:250px;border-radius:26px;scroll-snap-align:center;border:1px solid var(--linha2);box-shadow:0 30px 60px -28px rgba(0,0,0,.9);transition:transform .3s}
.galeria img:hover{transform:translateY(-6px) rotate(-1deg)}
.galeria:focus-visible{outline:2px solid var(--lav);outline-offset:4px}

/* Planos */
.planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;margin-inline:auto}
.plano{position:relative;padding:30px;border-radius:26px;background:var(--vidro);border:1px solid var(--linha);display:flex;flex-direction:column}
.plano.destaque{background:linear-gradient(170deg,rgba(155,92,255,.22),rgba(155,92,255,.06));border-color:rgba(201,166,255,.45);box-shadow:0 30px 70px -30px rgba(155,92,255,.6)}
.selo{position:absolute;top:-12px;left:30px;padding:6px 12px;border-radius:999px;font-size:.74rem;font-weight:800;color:#1b0a2e;background:linear-gradient(120deg,var(--ouro),var(--lav2))}
.plano h3{font-size:1.5rem}
.quem{color:var(--tx3);font-size:.9rem;margin-top:2px}
.preco{margin:18px 0}
.preco b{font-family:var(--f-tit);font-size:2.6rem;letter-spacing:-.04em}
.preco span{color:var(--tx3)}
.plano ul{list-style:none;display:grid;gap:10px;margin-bottom:24px;flex:1}
.plano li{padding-left:26px;position:relative;color:var(--tx2)}
.plano li::before{content:"✓";position:absolute;left:0;color:var(--menta);font-weight:800}
.letra-miuda{max-width:680px;margin-top:20px;color:var(--tx3);font-size:.86rem}

/* FAQ */
.faq{display:grid;gap:10px}
.faq details{border-radius:18px;background:var(--vidro);border:1px solid var(--linha);transition:border-color .2s}
.faq details[open]{border-color:rgba(201,166,255,.35)}
.faq summary{list-style:none;cursor:pointer;padding:20px 54px 20px 22px;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--lav);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 22px 20px;color:var(--tx2)}

/* CTA final */
.cta-final{text-align:center;padding:60px 24px;border-radius:32px;background:radial-gradient(80% 120% at 50% 0%,rgba(155,92,255,.35),rgba(155,92,255,.06) 70%);border:1px solid rgba(201,166,255,.35);display:flex;flex-direction:column;align-items:center;gap:14px}
.cta-final img{border-radius:18px;box-shadow:0 20px 40px -14px rgba(155,92,255,.8)}
.cta-final p{color:var(--tx2);margin-bottom:8px}
.saude{max-width:760px;margin:26px auto 0;color:var(--tx3);font-size:.86rem;text-align:center}
.saude b{color:var(--tx2)}

/* Suporte e rodapé */
.suporte{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:70px;padding:26px;border-radius:var(--r);background:var(--vidro);border:1px solid var(--linha)}
.suporte p{color:var(--tx2)}
.sup-links{display:flex;flex-wrap:wrap;gap:10px}
.sup-links a{padding:12px 16px;border-radius:14px;background:var(--vidro2);border:1px solid var(--linha2);font-weight:700;font-size:.92rem}
.sup-links a:hover{border-color:rgba(201,166,255,.45)}
.rodape{padding-block:40px calc(40px + env(safe-area-inset-bottom,0px));margin-top:50px;border-top:1px solid var(--linha);display:grid;gap:14px}
.rod-marca{display:flex;align-items:center;gap:10px;font-weight:700}
.rod-marca img{border-radius:8px}
.rod-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--tx2);font-weight:600}
.rod-links a:hover{color:var(--tx)}
.rod-emp{color:var(--tx3);font-size:.82rem}

/* Entrada ao rolar (só com JS; sem JS tudo aparece) */
.js .rev{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.js .rev.in{opacity:1;transform:none}

/* Páginas legais */
.doc{max-width:820px;margin:0 auto;padding-inline:20px;padding-block:60px 30px}
.doc-cab{margin-bottom:36px}
.doc-cab h1{font-size:clamp(2.4rem,5.4vw,3.6rem)}
.doc-cab .lead{max-width:60ch}
.doc-data{display:inline-block;margin-top:18px;padding:7px 13px;border-radius:999px;background:var(--vidro2);border:1px solid var(--linha2);color:var(--tx2);font-size:.85rem;font-weight:700}
.doc-indice{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.doc-indice a{padding:8px 12px;border-radius:999px;background:var(--vidro);border:1px solid var(--linha);color:var(--tx2);font-size:.84rem;font-weight:700}
.doc-indice a:hover{color:var(--tx);border-color:rgba(201,166,255,.4)}
.bloco{position:relative;padding:28px 28px 26px 84px;border-radius:var(--r);background:var(--vidro);border:1px solid var(--linha);margin-bottom:14px}
.bloco .num{position:absolute;left:24px;top:26px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-family:var(--f-tit);font-weight:800;color:#1b0a2e;background:linear-gradient(130deg,var(--ouro),var(--lav2))}
.bloco h2{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:12px}
.bloco p,.bloco li{color:var(--tx2)}
.bloco p+p{margin-top:12px}
.bloco ul{margin:12px 0 0 18px;display:grid;gap:8px}
.bloco strong{color:var(--tx)}
.bloco.destaque{border-color:rgba(242,194,92,.35);background:rgba(242,194,92,.06)}
.bloco.destaque .num{background:var(--ouro)}
.item{padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid var(--linha);margin-top:10px}
.item b{display:block;color:var(--tx);margin-bottom:4px}
.nav-doc{max-width:var(--max);margin:0 auto}

@media (max-width:980px){
  .hero{grid-template-columns:1fr;padding-top:40px}
  .hero-vis{height:560px;max-width:520px;margin-inline:auto;width:100%}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .juntos{grid-template-columns:1fr}
  .numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .nav-links{display:none}
  .nav-cta{margin-left:auto}
  .secao{padding-block:70px}
  .bento,.passos,.planos{grid-template-columns:1fr}
  .card.big,.card.tall{grid-column:auto;grid-row:auto}
  .card.tall{grid-template-columns:1fr}
  .card.tall .card-img{width:72%;margin:18px auto 0}
  .hero-vis{height:500px}
  .fone{width:220px;border-radius:30px}
  .fone-frente{right:4%}
  .fone-tras{left:2%}
  .c2{right:0;top:260px}
  .c3{left:0;bottom:24px}
  .bloco{padding:24px 20px 22px}
  .bloco .num{position:static;margin-bottom:12px}
  /* iPhone: nada de desfoque sobre fundo animado (vira retângulo preto no Safari) */
  .ceu i{animation:none}
  .nav,.chip{-webkit-backdrop-filter:none;backdrop-filter:none}
  .nav{background:rgba(18,4,32,.94)}
  .chip{background:rgba(24,8,42,.96)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .pal,.js .rev{opacity:1;transform:none}
}

/* Telas reais dentro de um celular desenhado (10/10): moldura escura, cantos de iPhone, brilho roxo. */
.fone{width:270px;border-radius:46px;padding:9px;background:linear-gradient(160deg,#2a1d3a,#0d0614 60%);border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.6),0 30px 80px -40px rgba(155,92,255,.7);overflow:visible}
.fone img{border-radius:38px;width:100%;height:auto}
.card-fone{width:68%;max-width:300px;margin:22px auto 0;padding:9px 9px 0;border-radius:44px 44px 0 0;background:linear-gradient(160deg,#2a1d3a,#0d0614 60%);border:1px solid rgba(255,255,255,.14);border-bottom:0;box-shadow:0 -24px 60px -24px rgba(155,92,255,.65);overflow:hidden}
.card-fone img{border-radius:36px 36px 0 0;width:100%;height:auto;display:block}
.card.big .card-fone{margin-top:auto;max-height:520px}
.card.tall .card-fone{width:100%;margin:0;align-self:end;max-height:330px}
.galeria figure{flex:0 0 auto;width:240px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.fone-g{width:100%;padding:8px;border-radius:40px;background:linear-gradient(160deg,#2a1d3a,#0d0614 60%);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -28px rgba(0,0,0,.95),0 24px 60px -40px rgba(155,92,255,.6);transition:transform .3s}
.fone-g img{border-radius:33px;width:100%;height:auto}
.galeria figure:hover .fone-g{transform:translateY(-6px)}
.galeria figcaption{color:var(--tx2);font-weight:700;font-size:.92rem;text-align:center}
@media (max-width:760px){
  .fone{width:210px;border-radius:38px;padding:7px}
  .fone img{border-radius:31px}
  .card.tall .card-fone{width:70%;margin:18px auto 0}
  .galeria figure{width:210px}
}