/* Versão alternativa — liquid glass cinematográfico */
:root{
  --ink:#16140F;
  --deep:#121110;
  --gold:#A9863F;
  --gold-bright:#D6B469;
  --cream:#F6F1E7;
  --muted:rgba(246,241,231,.82);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:#000;color:var(--cream);
  font-family:'Mulish',sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.serif{font-family:'Fraunces',serif;font-style:italic;font-weight:500}

/* ---------- liquid glass ---------- */
.liquid-glass{
  background:rgba(255,255,255,0.01);
  background-blend-mode:luminosity;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border:none;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);
  position:relative;overflow:hidden;
}
.liquid-glass::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;
  background:linear-gradient(180deg,
    rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.15) 20%,
    rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,
    rgba(255,255,255,0.15) 80%,rgba(255,255,255,0.45) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;
}
.liquid-glass-strong{
  background:rgba(255,255,255,0.01);
  background-blend-mode:luminosity;
  backdrop-filter:blur(50px);
  -webkit-backdrop-filter:blur(50px);
  border:none;
  box-shadow:4px 4px 4px rgba(0,0,0,0.05),inset 0 1px 1px rgba(255,255,255,0.15);
  position:relative;overflow:hidden;
}
.liquid-glass-strong::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;
  background:linear-gradient(180deg,
    rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 20%,
    rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,
    rgba(255,255,255,0.2) 80%,rgba(255,255,255,0.5) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;
}
.pill{border-radius:9999px}

/* ---------- fundo cinematográfico (crossfade Ken Burns) ---------- */
.kb-stage{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--deep)}
.kb{position:absolute;inset:-6%;background-size:cover;opacity:0;will-change:opacity,transform}
.kb.zin{animation:kbin 20s linear infinite alternate}
.kb.zout{animation:kbout 20s linear infinite alternate}
@keyframes kbin{from{transform:scale(1)}to{transform:scale(1.12)}}
@keyframes kbout{from{transform:scale(1.12)}to{transform:scale(1)}}
.kb-scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,.8) 100%)}
.kb-scrim.deep{background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.88) 100%)}

/* ---------- entradas (blur + y) ---------- */
[data-anim]{opacity:0;filter:blur(10px);transform:translateY(20px);
  transition:opacity .9s cubic-bezier(0,0,.2,1),filter .9s cubic-bezier(0,0,.2,1),transform .9s cubic-bezier(0,0,.2,1)}
[data-anim].on{opacity:1;filter:blur(0);transform:none}

/* ---------- BlurText (palavra a palavra) ---------- */
.blurtext{display:flex;flex-wrap:wrap;justify-content:center;row-gap:.1em}
.blurtext.left{justify-content:flex-start}
.blurtext .w{display:inline-block;margin-right:.28em;opacity:0;filter:blur(10px);transform:translateY(50px)}
.blurtext .w.gd{color:var(--gold-bright)}
.blurtext.go .w{animation:wordin .7s cubic-bezier(0,0,.2,1) forwards}
@keyframes wordin{
  0%{filter:blur(10px);opacity:0;transform:translateY(50px)}
  50%{filter:blur(5px);opacity:.5;transform:translateY(-5px)}
  100%{filter:blur(0);opacity:1;transform:translateY(0)}
}

/* ---------- navbar ---------- */
.topnav{position:fixed;top:1rem;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:1rem}
.logo-orb{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex:none}
.logo-orb img{width:30px;height:30px}
.nav-pill{display:flex;align-items:center;padding:.375rem;gap:.125rem}
.nav-pill a.lnk{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:rgba(246,241,231,.92);border-radius:9999px;transition:background .2s;white-space:nowrap}
.nav-pill a.lnk:hover,.nav-pill a.lnk[aria-current="page"]{background:rgba(255,255,255,.1);color:var(--gold-bright)}
@media(max-width:960px){.nav-pill{display:none}.topnav{padding:0 1.1rem}}

/* ---------- botão WhatsApp (chamativo) ---------- */
.btn-wa{
  display:inline-flex;align-items:center;gap:.55rem;
  background:linear-gradient(135deg,#25D366 0%,#16A34A 100%);
  color:#fff;padding:.6rem 1.25rem;border-radius:9999px;
  font-size:.9rem;font-weight:700;white-space:nowrap;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 10px 26px -6px rgba(22,163,74,.65);
  transition:transform .2s,filter .2s;
}
.btn-wa svg{width:1.05rem;height:1.05rem;flex:none}
.btn-wa:hover{transform:scale(1.05);filter:brightness(1.08)}
.btn-wa.lg{
  padding:.85rem 1.7rem;font-size:1rem;
  animation:wapulse 2.6s ease-in-out infinite;
}
@keyframes wapulse{
  0%,100%{box-shadow:0 10px 26px -6px rgba(22,163,74,.6),0 0 0 0 rgba(37,211,102,.55)}
  50%{box-shadow:0 16px 34px -6px rgba(22,163,74,.75),0 0 0 16px rgba(37,211,102,0)}
}
.btn-ghost{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:var(--cream)}
.btn-ghost svg{width:1rem;height:1rem}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column}
.hero-inner{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:7rem 1rem 2rem}
.badge{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem;padding-right:1rem;border-radius:9999px;max-width:94vw}
.badge .chip{background:var(--gold-bright);color:var(--ink);padding:.25rem .75rem;border-radius:9999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;flex:none}
.badge .txt{font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
h1.headline{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:#fff;
  font-size:clamp(2.7rem,8vw,5.2rem);line-height:.92;letter-spacing:-2px;max-width:22ch;margin-top:1.6rem;
  text-shadow:0 2px 30px rgba(0,0,0,.65)}
.sub{margin-top:1.2rem;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:400;line-height:1.5;color:#fff;max-width:44rem;
  text-shadow:0 1px 14px rgba(0,0,0,.7)}
.ctas{display:flex;align-items:center;gap:1.5rem;margin-top:1.8rem;flex-wrap:wrap;justify-content:center}
.stats{display:flex;align-items:stretch;gap:1rem;margin-top:2.2rem;flex-wrap:wrap;justify-content:center}
.stat{width:220px;padding:1.25rem;border-radius:1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem;text-align:left}
.stat svg{width:28px;height:28px;color:var(--gold-bright)}
.stat .num{font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:1.45rem;letter-spacing:-.5px;line-height:1.15;color:var(--gold-bright)}
.stat .lbl{font-size:.72rem;font-weight:400;color:var(--muted);margin-top:.5rem}
.micro{margin-top:1.6rem;font-size:.8rem;font-weight:600;color:rgba(246,241,231,.95);text-shadow:0 1px 8px rgba(0,0,0,.7)}
.micro b{color:var(--gold-bright)}
.partners{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}
.partners .chip{padding:.3rem .9rem;border-radius:9999px;font-size:.72rem;font-weight:600;color:#fff}
.partners .row{display:flex;gap:clamp(1.6rem,5vw,4rem);flex-wrap:wrap;justify-content:center;
  font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:var(--gold-bright);font-size:clamp(1.15rem,2.4vw,1.6rem);letter-spacing:-.01em}

/* ---------- seções de conteúdo ---------- */
.caps{position:relative;min-height:100svh;background:#000}
.caps-inner{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100svh;
  padding:6rem clamp(1.2rem,6vw,5rem) 2.5rem}
.kicker{font-size:.875rem;font-weight:700;letter-spacing:.08em;color:var(--gold-bright);margin-bottom:1.4rem}
h2.caps-h{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:var(--cream);
  font-size:clamp(2.6rem,7vw,5.2rem);line-height:.92;letter-spacing:-2px}
h2.caps-h em{font-style:italic;color:var(--gold-bright)}
.caps-sub{margin-top:1rem;font-size:.98rem;font-weight:300;color:var(--muted);max-width:56ch;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
@media(max-width:900px){.cards{grid-template-columns:1fr}}
.cap-card{border-radius:1.25rem;padding:1.5rem;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}
.cap-card:hover{transform:translateY(-4px)}
.cap-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.cap-card .ic{width:44px;height:44px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex:none}
.cap-card .ic svg{width:24px;height:24px;color:var(--gold-bright)}
.cap-card .num{font-size:.72rem;letter-spacing:.25em;color:var(--gold-bright);font-weight:700}
.cap-card h3{font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:1.7rem;color:var(--cream);margin-top:1.3rem}
.cap-card p{font-size:1rem;font-weight:300;color:var(--muted);margin-top:.5rem;line-height:1.55}
.cap-card .go{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-size:.9rem;font-weight:700;color:var(--gold-bright)}
.cap-card .go svg{width:.85rem;height:.85rem}

/* texto corrido em vidro */
.glass-prose{border-radius:1.25rem;padding:clamp(1.4rem,3vw,2.2rem);margin-top:2.4rem}
.glass-prose p{font-size:1.08rem;font-weight:300;color:var(--muted);line-height:1.7;margin-bottom:1rem;max-width:72ch}
.glass-prose p:last-child{margin-bottom:0}
.glass-prose h3{font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:1.55rem;color:var(--gold-bright);margin:1.6rem 0 .6rem}
.glass-prose strong{color:var(--cream);font-weight:600}

/* checklist */
.check-glass{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.6rem;margin-top:1.4rem;list-style:none}
@media(max-width:720px){.check-glass{grid-template-columns:1fr}}
.check-glass li{display:flex;gap:.6rem;align-items:flex-start;font-size:1.04rem;color:var(--cream);font-weight:400}
.check-glass svg{width:18px;height:18px;flex:none;color:var(--gold-bright);margin-top:.2rem}

/* passos compactos */
.steps-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:2.4rem}
@media(max-width:900px){.steps-row{grid-template-columns:1fr}}
.step-pill{border-radius:1rem;padding:1rem 1.1rem}
.step-pill .n{font-family:'Fraunces',serif;font-style:italic;color:var(--gold-bright);font-size:1.4rem}
.step-pill h4{font-size:.95rem;font-weight:700;color:var(--cream);margin-top:.35rem}
.step-pill p{font-size:.84rem;font-weight:300;color:var(--muted);margin-top:.25rem;line-height:1.45}

/* FAQ vidro */
.faq-glass{margin-top:2.4rem;display:flex;flex-direction:column;gap:.8rem;max-width:860px}
details.qa{border-radius:1rem;padding:.2rem 1.2rem}
details.qa summary{list-style:none;cursor:pointer;padding:1rem 0;font-family:'Fraunces',serif;font-style:italic;
  font-size:1.2rem;color:var(--cream);display:flex;justify-content:space-between;gap:1rem;align-items:center}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary .pm{width:24px;height:24px;flex:none;border:1px solid var(--gold-bright);border-radius:50%;position:relative}
details.qa summary .pm::before,details.qa summary .pm::after{content:"";position:absolute;background:var(--gold-bright);top:50%;left:50%;transform:translate(-50%,-50%)}
details.qa summary .pm::before{width:10px;height:1.5px}
details.qa summary .pm::after{width:1.5px;height:10px;transition:transform .3s}
details.qa[open] summary .pm::after{transform:translate(-50%,-50%) scaleY(0)}
details.qa .ans{padding:0 0 1.1rem;font-size:1rem;font-weight:300;color:var(--muted);max-width:70ch;line-height:1.6}

/* galeria (resultados) */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.6rem}
@media(max-width:900px){.gal{grid-template-columns:1fr}}
.gal-item{border-radius:1.25rem;padding:1.4rem;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}
.gal-item h3{font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:1.3rem;color:var(--cream)}
.gal-item .soon{font-size:.75rem;color:var(--gold-bright);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:.4rem}
.gal-item p{font-size:.85rem;font-weight:300;color:var(--muted);margin-top:.8rem}
.gal-item a{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.8rem;font-weight:700;color:var(--gold-bright)}
.gal-item a svg{width:.8rem;height:.8rem}

/* rodapé compacto */
.footbar{position:relative;z-index:10;margin-top:auto;padding-top:2.5rem}
.footbar .box{border-radius:1.25rem;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footbar .box p{font-size:.78rem;font-weight:300;color:var(--muted);max-width:62ch;line-height:1.6}
.footbar .box b{color:var(--gold-bright);font-weight:700}

/* CTA mobile fixo */
.mobile-cta{display:none}
@media(max-width:640px){
  .mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;
    padding:.7rem 4vw calc(.7rem + env(safe-area-inset-bottom));
    background:rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobile-cta .btn-wa{width:100%;justify-content:center}
  body{padding-bottom:74px}
}

@media(prefers-reduced-motion:reduce){
  [data-anim]{opacity:1;filter:none;transform:none;transition:none}
  .blurtext .w{opacity:1;filter:none;transform:none;animation:none!important}
  .kb{animation:none!important}
  .btn-wa.lg{animation:none}
}

/* ilustração educativa nas páginas de procedimento */
.illus{border-radius:1.25rem;padding:1rem;margin-top:2.4rem;max-width:860px}
.illus img{width:100%;height:auto;border-radius:.9rem;display:block}
.illus figcaption{font-size:.75rem;font-weight:300;color:var(--muted);margin-top:.7rem;text-align:center}

/* bloco integrado: ilustração + explicação */
.illus-duo{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.4rem,3vw,2.4rem);align-items:center;
  border-radius:1.25rem;padding:clamp(1.4rem,3vw,2rem);margin-top:2.4rem;max-width:980px}
@media(max-width:860px){.illus-duo{grid-template-columns:1fr}}
.illus-duo .txt h3{font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:1.4rem;color:var(--gold-bright);margin-bottom:.7rem}
.illus-duo .txt p{font-size:1rem;font-weight:300;color:var(--muted);line-height:1.7}
.illus-duo .txt p strong{color:var(--cream);font-weight:600}
.illus-duo figure{margin:0;justify-self:center;width:100%;max-width:380px}
.illus-duo img{width:100%;height:auto;border-radius:.8rem;display:block;box-shadow:0 18px 40px -18px rgba(0,0,0,.55)}
.illus-duo figcaption{font-size:.68rem;font-weight:300;color:var(--muted);margin-top:.6rem;text-align:center;line-height:1.5}
