/* =========================================================
   MOTORBAT — camada FX: Liquid Glass, profundidade 3D, energia, motion
   Carregar DEPOIS de motorbat.css. Não substitui nada — só eleva.
   ========================================================= */
:root{
  --g-bg:rgba(255,255,255,.55); --g-bg-dark:rgba(255,255,255,.06);
  --g-line:rgba(255,255,255,.7); --g-line-dark:rgba(255,255,255,.14);
  --g-edge:rgba(10,34,86,.10);
  --g-shadow:0 24px 60px -30px rgba(10,34,86,.35), 0 2px 6px -2px rgba(10,34,86,.12);
  --g-shadow-dark:0 30px 70px -30px rgba(0,0,0,.6);
  --gold-glow:0 0 0 1px rgba(213,165,53,.35), 0 10px 30px -10px rgba(213,165,53,.75), 0 0 40px -18px rgba(213,165,53,.9);
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
}

/* ---------- LIQUID GLASS (sistema) ---------- */
.mb-glass,.mb-store,.mb-card,.mb-detail,.mb-chip,.mb-btn--line,.mb-cta__panel,.mb-steps li,.mb-map,.mb-form input,.mb-form select,.mb-form textarea{
  position:relative;
  background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.42)) padding-box;
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px 0 var(--g-line),inset 0 -1px 0 rgba(10,34,86,.05),0 0 0 1px var(--g-edge),var(--g-shadow);
}
.mb-night .mb-store,.mb-night .mb-card,.mb-night .mb-steps li,.mb-night .mb-chip,.mb-night .mb-map,.mb-night .mb-form input,.mb-night .mb-form select,.mb-night .mb-form textarea,.mb-cta__panel{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) padding-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 1px var(--g-line-dark),var(--g-shadow-dark);
}
/* highlight superior (espessura do vidro) */
.mb-store::before,.mb-card::before,.mb-steps li::before,.mb-cta__panel::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.55),transparent 55%);
  mix-blend-mode:screen;opacity:.8;
}
.mb-night .mb-store::before,.mb-night .mb-card::before,.mb-night .mb-steps li::before,.mb-cta__panel::before{background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.22),transparent 55%)}
.mb-steps li::before{content:counter(s,decimal-leading-zero);position:static;inset:auto;background:none;mix-blend-mode:normal;opacity:1} /* mantém o número dos passos */

/* ---------- HEADER: vidro + reflexo ---------- */
.mb-top{background:linear-gradient(180deg,rgba(248,250,253,.78),rgba(237,241,247,.62));backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(10,34,86,.08),0 12px 40px -30px rgba(10,34,86,.3);transition:height .35s var(--ease-out),box-shadow .35s,background .35s}
.mb-top.is-scrolled{background:linear-gradient(180deg,rgba(248,250,253,.86),rgba(237,241,247,.74));box-shadow:0 1px 0 rgba(10,34,86,.1),0 18px 50px -28px rgba(10,34,86,.45)}
.mb-top::after{content:"";position:absolute;left:var(--mb-pad);right:var(--mb-pad);bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(213,165,53,.9),transparent);
  transform:scaleX(0);transition:transform .8s var(--ease-out);pointer-events:none}
.mb-top.is-scrolled::after{transform:scaleX(1)}
.mb-nav a:not(.mb-btn)::after{height:1.5px;background:linear-gradient(90deg,var(--mb-gold),var(--mb-gold-2));box-shadow:0 0 8px rgba(213,165,53,.6)}
@media (max-width:1180px){
  .mb-nav{background:linear-gradient(180deg,rgba(4,25,63,.92),rgba(6,46,110,.9));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .mb-nav a{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out),color .2s}
  .mb-nav.is-open a{opacity:1;transform:none}
  .mb-nav.is-open a:nth-child(1){transition-delay:.08s}.mb-nav.is-open a:nth-child(2){transition-delay:.14s}.mb-nav.is-open a:nth-child(3){transition-delay:.2s}.mb-nav.is-open a:nth-child(4){transition-delay:.26s}.mb-nav.is-open a:nth-child(5){transition-delay:.32s}.mb-nav.is-open a:nth-child(6){transition-delay:.4s}.mb-nav.is-open a:nth-child(7){transition-delay:.46s}.mb-nav.is-open a:nth-child(8){transition-delay:.52s}
  .mb-top{backdrop-filter:none;-webkit-backdrop-filter:none} /* mantém o menu fixed fora do containing block */
}

/* ---------- BOTÕES premium ---------- */
.mb-btn{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0)}
.mb-btn--gold{background:linear-gradient(180deg,#E9BE4E 0%,#D5A535 55%,#C6952A 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(58,42,5,.25),var(--gold-glow);
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),filter .3s}
.mb-btn--gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(58,42,5,.25),0 0 0 1px rgba(213,165,53,.5),0 16px 36px -12px rgba(213,165,53,.9),0 0 60px -18px rgba(213,165,53,1);filter:saturate(1.08)}
.mb-btn--gold::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:26%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg) translateX(-200%);transition:none;pointer-events:none}
.mb-btn--gold:hover::after{transform:skewX(-18deg) translateX(560%);transition:transform .9s var(--ease-io)}
.mb-btn--line{color:var(--mb-ink);background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(255,255,255,.28));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(10,34,86,.14),0 10px 24px -16px rgba(10,34,86,.35);transition:transform .35s var(--ease-out),box-shadow .35s}
.mb-btn--line:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(0,70,150,.35),0 14px 30px -14px rgba(0,70,150,.35),0 0 30px -14px rgba(0,70,150,.5)}
.mb-night .mb-btn--line{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(255,255,255,.16)}
.mb-night .mb-btn--line:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(213,165,53,.5),0 0 30px -12px rgba(213,165,53,.6)}
.mb-btn svg{transition:transform .3s var(--ease-out)}
.mb-btn:hover svg{transform:scale(1.12) rotate(-6deg)}
.mb-wa{box-shadow:0 10px 30px -8px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.5);animation:mb-wa-ring 3.2s ease-out infinite}
@keyframes mb-wa-ring{0%{box-shadow:0 10px 30px -8px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 10px 30px -8px rgba(0,0,0,.4),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 10px 30px -8px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,0)}}

/* ---------- LINHA DE ENERGIA nas seções (entra com .is-in) ---------- */
.mb-sec,.mb-pagehead{position:relative}
.mb-sec::before{content:"";position:absolute;left:var(--mb-pad);right:var(--mb-pad);top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(0,70,150,.35) 20%,rgba(213,165,53,.95) 50%,rgba(0,70,150,.35) 80%,transparent 100%);
  background-size:40% 100%;background-repeat:no-repeat;background-position:-40% 0;opacity:0}
.mb-sec.is-in::before{animation:mb-line-run 1.6s var(--ease-io) .1s 1 both}
.mb-night.mb-sec::before{background:linear-gradient(90deg,transparent,rgba(111,163,255,.6) 30%,rgba(233,190,78,1) 50%,rgba(111,163,255,.6) 70%,transparent);background-size:40% 100%;background-repeat:no-repeat}
@keyframes mb-line-run{0%{opacity:0;background-position:-40% 0}15%{opacity:1}100%{opacity:0;background-position:140% 0}}

/* ---------- REVEAL: blur → nítido, profundidade ---------- */
.mb-reveal{filter:blur(10px);transform:translateY(30px) scale(.985);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out),filter .9s var(--ease-out)}
.mb-reveal.is-in{filter:blur(0)}
.mb-reveal[data-delay="1"]{transition-delay:.14s}.mb-reveal[data-delay="2"]{transition-delay:.28s}.mb-reveal[data-delay="3"]{transition-delay:.42s}
/* títulos palavra a palavra */
.mb-display .mb-w{display:inline-block;opacity:0;transform:translateY(.6em) rotateX(-40deg);transform-origin:50% 100%;filter:blur(6px);transition:opacity .7s var(--ease-out),transform .9s var(--ease-out),filter .7s var(--ease-out);transition-delay:calc(var(--i,0)*70ms)}
.mb-display.is-in .mb-w{opacity:1;transform:none;filter:none}
.mb-display{perspective:600px}
.mb-lede{transition:opacity .8s var(--ease-out) .35s,transform .9s var(--ease-out) .35s}
.mb-w-wait .mb-lede{opacity:0;transform:translateY(14px)}

/* ---------- HERO: showroom ---------- */
.mb-hero{perspective:1200px;background:radial-gradient(ellipse 70% 60% at 62% 55%,#ffffff 0%,rgba(255,255,255,0) 65%),linear-gradient(180deg,#F3F6FB,#EDF1F7)}
.mb-hero__copy{transform:translate3d(calc(var(--px,0)*-6px),calc(var(--py,0)*-4px),0);transition:transform .6s var(--ease-out);will-change:transform}
.mb-stage{background:none;isolation:isolate}
.mb-stage .mb-energy{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.mb-stage canvas[role="img"]{z-index:1}
.mb-stage::before{content:"";position:absolute;left:8%;right:4%;bottom:14%;height:26%;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,70,150,.16),rgba(0,70,150,0) 65%);filter:blur(10px);transform:translate3d(calc(var(--px,0)*10px),0,0)}
.mb-stage::after{content:"";position:absolute;left:0;right:0;bottom:calc(14% + 26% * .5);height:1px;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(213,165,53,.6) 30%,rgba(0,70,150,.5) 70%,transparent);opacity:.7}
.mb-hs i{box-shadow:0 0 0 6px rgba(213,165,53,.2),0 0 0 1px rgba(255,255,255,.7) inset,0 6px 16px -6px rgba(0,0,0,.45),0 0 18px -4px rgba(213,165,53,.9)}
.mb-hs::before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(213,165,53,.7);animation:mb-hs-ring 2.6s ease-out infinite;animation-delay:calc(var(--i,0)*.5s)}
@keyframes mb-hs-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.mb-hs[aria-pressed="true"]::before{animation:none;opacity:0}
.mb-detail{border-radius:16px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(10,34,86,.1),0 20px 40px -20px rgba(10,34,86,.4);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out)}
.mb-detail::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--mb-gold),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:mb-line-run 2.2s var(--ease-io) infinite}
.mb-hint{padding:8px 14px;border-radius:999px;background:rgba(248,250,253,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(10,34,86,.08)}

/* ---------- MARQUEE ---------- */
.mb-marquee{border-color:transparent;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);position:relative}
.mb-marquee::before,.mb-marquee::after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,70,150,.25) 30%,rgba(213,165,53,.6) 50%,rgba(0,70,150,.25) 70%,transparent)}
.mb-marquee::before{top:0}.mb-marquee::after{bottom:0}
.mb-marquee__track span::before{text-shadow:0 0 10px rgba(213,165,53,.9)}

/* ---------- NÚMEROS ---------- */
.mb-night--grid{background-image:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(0,70,150,.55),transparent 60%),radial-gradient(ellipse 40% 40% at 90% 100%,rgba(213,165,53,.12),transparent 60%),linear-gradient(rgba(234,240,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(234,240,250,.06) 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px}
.mb-stats{border-top-color:rgba(255,255,255,.1);perspective:900px}
.mb-stats div{position:relative;transform-style:preserve-3d;transition:transform .5s var(--ease-out)}
.mb-stats strong{position:relative;filter:blur(8px);transition:filter .6s var(--ease-out),text-shadow .8s var(--ease-out);text-shadow:0 0 0 rgba(233,190,78,0)}
.mb-stats .is-in strong,.mb-stats strong.is-done{filter:blur(0)}
.mb-stats strong.is-done{text-shadow:0 0 24px rgba(233,190,78,.55),0 0 60px rgba(233,190,78,.25);animation:mb-num-pop .7s var(--ease-out)}
@keyframes mb-num-pop{0%{transform:scale(1)}40%{transform:scale(1.04) translateZ(20px)}100%{transform:scale(1)}}
.mb-stats strong.is-done::after{content:"";position:absolute;left:-6px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--mb-gold);box-shadow:0 0 12px 2px rgba(233,190,78,.8);transform:translate(-100%,-50%);animation:mb-spark 1.6s ease-out 1 both}
@keyframes mb-spark{0%{opacity:0;transform:translate(-100%,-50%) scale(.4)}30%{opacity:1}100%{opacity:0;transform:translate(-100%,-50%) translateY(-30px) scale(.2)}}

/* ---------- CARDS premium ---------- */
.mb-grid{perspective:1400px}
.mb-card{transform-style:preserve-3d;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);will-change:transform;overflow:hidden}
.mb-card.mb-reveal{transform:translateY(40px) rotateX(8deg) scale(.97)}
.mb-card.mb-reveal.is-in{transform:none}
.mb-card__media{z-index:0;transform:translateZ(18px);transition:transform .5s var(--ease-out);border-radius:0}
.mb-card__media img{transform:translate3d(calc((var(--mx,50%) - 50%) * -.08),calc((var(--my,50%) - 50%) * -.08),0) scale(1.08);transition:transform .35s var(--ease-out)}
.mb-card__media .mb-ph{transform:translate3d(calc((var(--mx,50%) - 50%) * -.06),calc((var(--my,50%) - 50%) * -.06),0);transition:transform .35s var(--ease-out);background:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.mb-card__media::after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.5),transparent 42%);mix-blend-mode:screen}
.mb-card__body{transform:translateZ(30px);opacity:0;transition:opacity .7s var(--ease-out) .25s,transform .7s var(--ease-out) .25s}
.mb-card.is-in .mb-card__body,.mb-card:not(.mb-reveal) .mb-card__body{opacity:1}
.mb-card__body h3{transform:translateZ(10px)}
/* reflexo passando pelo vidro ao entrar */
.mb-card .mb-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;overflow:hidden}
.mb-card .mb-sheen::before{content:"";position:absolute;top:-60%;bottom:-60%;left:-40%;width:35%;transform:skewX(-20deg) translateX(-160%);background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent)}
.mb-card.is-in .mb-sheen::before,.mb-card.is-touched .mb-sheen::before{animation:mb-sheen 1.4s var(--ease-io) .5s 1 both}
.mb-card:hover .mb-sheen::before{animation:mb-sheen 1.1s var(--ease-io) 1 both}
@keyframes mb-sheen{to{transform:skewX(-20deg) translateX(520%)}}
/* pulso de energia percorrendo a borda */
.mb-card .mb-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;padding:1.5px;
  background:conic-gradient(from var(--a,0deg),transparent 0 78%,rgba(213,165,53,.0) 80%,rgba(233,190,78,1) 90%,rgba(0,120,255,.7) 96%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.mb-card.is-in .mb-pulse,.mb-card.is-touched .mb-pulse{animation:mb-pulse-run 1.8s var(--ease-io) .6s 1 both}
.mb-card:hover .mb-pulse{animation:mb-pulse-loop 2.4s linear infinite;opacity:.9}
@keyframes mb-pulse-run{0%{--a:0deg;opacity:0}10%{opacity:1}100%{--a:360deg;opacity:0}}
@keyframes mb-pulse-loop{to{--a:360deg}}
.mb-card:hover{box-shadow:inset 0 1px 0 var(--g-line),0 0 0 1px rgba(0,70,150,.18),0 40px 80px -40px rgba(10,34,86,.5),0 0 50px -25px rgba(0,70,150,.35)}
.mb-night .mb-card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(213,165,53,.35),0 40px 80px -40px rgba(0,0,0,.8)}
.mb-badge{box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 6px 16px -8px rgba(213,165,53,.9);transform:translateZ(40px)}
.mb-tags span{background:rgba(255,255,255,.5);backdrop-filter:blur(6px)}
.mb-chip{transition:transform .3s var(--ease-out),background .3s,color .3s,box-shadow .3s}
.mb-chip:hover{transform:translateY(-2px)}
.mb-chip[aria-pressed="true"]{background:linear-gradient(180deg,#0A2F6E,#04193F);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(213,165,53,.5),0 10px 24px -12px rgba(0,70,150,.7)}

/* ---------- COMO COMPRAR: trilha 01→02→03 ---------- */
.mb-steps{position:relative;padding-top:8px}
.mb-steps li{border-top:0;padding:26px 24px 28px;border-radius:var(--mb-r);transform-style:preserve-3d;transition:transform .45s var(--ease-out),box-shadow .45s}
.mb-steps li:hover{transform:translateY(-6px)}
.mb-steps li::before{color:var(--mb-gold);text-shadow:0 0 22px rgba(233,190,78,.5);transform:translateZ(20px)}
.mb-steps li::after{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mb-gold),rgba(213,165,53,.2));transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-out) calc(var(--i,0)*.35s + .5s)}
.mb-sec.is-in .mb-steps li::after{transform:scaleX(1)}
.mb-trail{position:absolute;left:0;right:0;top:-34px;height:40px;width:100%;pointer-events:none;overflow:visible}
.mb-trail path{fill:none;stroke-width:1.5}
.mb-trail .t-base{stroke:rgba(255,255,255,.12)}
.mb-trail .t-run{stroke:url(#mbTrailGrad);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease-io) .3s;filter:drop-shadow(0 0 6px rgba(233,190,78,.8))}
.mb-sec.is-in .mb-trail .t-run{stroke-dashoffset:0}
.mb-trail circle{fill:var(--mb-gold);opacity:0;transition:opacity .4s}
.mb-sec.is-in .mb-trail circle{opacity:1}
.mb-sec.is-in .mb-trail circle:nth-of-type(1){transition-delay:.6s}.mb-sec.is-in .mb-trail circle:nth-of-type(2){transition-delay:1.5s}.mb-sec.is-in .mb-trail circle:nth-of-type(3){transition-delay:2.5s}
.mb-trail .t-dot{r:4;filter:drop-shadow(0 0 8px rgba(233,190,78,1));fill:#fff}
@media (max-width:760px){.mb-trail{display:none}.mb-steps li{padding:22px 20px 24px}}
:not(.mb-night)>.mb-wrap>.mb-steps li{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.45))}

/* ---------- LOJAS: pontos de destino ---------- */
.mb-stores{perspective:1200px}
.mb-store{border-radius:var(--mb-r);transform-style:preserve-3d;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);overflow:hidden}
.mb-store:hover{transform:translateY(-6px) rotateX(2deg);box-shadow:inset 0 1px 0 var(--g-line),0 0 0 1px rgba(0,70,150,.2),0 40px 70px -40px rgba(10,34,86,.5),0 0 40px -20px rgba(213,165,53,.5)}
.mb-store h3{padding-left:22px;position:relative}
.mb-store h3::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--mb-gold);box-shadow:0 0 0 3px rgba(213,165,53,.25),0 0 14px rgba(233,190,78,.9)}
.mb-store h3::after{content:"";position:absolute;left:-4px;top:calc(.45em - 4px);width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(213,165,53,.8);animation:mb-hs-ring 2.8s ease-out infinite;animation-delay:calc(var(--i,0)*.6s)}
.mb-store address{transform:translateZ(8px)}
.mb-store .mb-btn{transform:translateZ(16px)}
.mb-store::after{content:"";position:absolute;right:-20%;bottom:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,70,150,.12),transparent 60%);pointer-events:none;transition:transform .6s var(--ease-out)}
.mb-store:hover::after{transform:scale(1.3)}
.mb-night .mb-store::after{background:radial-gradient(circle,rgba(213,165,53,.15),transparent 60%)}

/* ---------- CTA final cinematográfico ---------- */
.mb-cta{background:radial-gradient(ellipse 80% 90% at 15% 20%,#0C4FA8 0%,#062E6E 45%,#04193F 100%);isolation:isolate;transform-style:preserve-3d;box-shadow:0 60px 120px -60px rgba(4,25,63,.9),inset 0 1px 0 rgba(255,255,255,.12)}
.mb-cta::before{background:radial-gradient(circle,rgba(233,190,78,.28),transparent 60%);animation:mb-float 9s ease-in-out infinite;z-index:-1}
.mb-cta .mb-energy{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
.mb-cta__panel{border-radius:16px;padding:18px 22px;color:#EAF0FA;display:grid;gap:6px;font-size:14px}
.mb-cta__panel span{color:#B9C8E6}
.mb-cta__btns{transform:translateZ(30px)}
@keyframes mb-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-30px,20px,0)}}
.mb-cta__glow{position:absolute;left:-10%;bottom:-60%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(111,163,255,.25),transparent 60%);z-index:-1;filter:blur(20px);animation:mb-float 12s ease-in-out infinite reverse}

/* ---------- Cabeçalho de página interna ---------- */
.mb-pagehead::after{opacity:.045;transform:translate3d(calc(var(--sy,0)*-40px),0,0);transition:transform .2s linear}
.mb-pagehead::before{content:"";position:absolute;left:var(--mb-pad);right:var(--mb-pad);bottom:0;height:1px;background:linear-gradient(90deg,var(--mb-gold),rgba(0,70,150,.3),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease-out) .4s}
.mb-pagehead.is-in::before{transform:scaleX(1)}

/* ---------- Split: imagem com parallax ---------- */
.mb-split figure{box-shadow:var(--g-shadow),inset 0 0 0 1px rgba(255,255,255,.6);transform:perspective(1000px) rotateY(calc(var(--px,0)*-2deg)) translateZ(0)}
.mb-split figure img{transform:scale(1.08) translate3d(0,calc(var(--sy,0)*-14px),0);will-change:transform}
.mb-split figure .mb-ph{background:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.mb-mark{text-shadow:0 0 40px rgba(233,190,78,.35);transform:translateZ(20px)}

/* ---------- Footer ---------- */
.mb-footer{position:relative}
.mb-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,165,53,.7),rgba(111,163,255,.5),transparent)}
.mb-footer a{position:relative;transition:color .2s}
.mb-footer a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--mb-gold);transition:width .3s var(--ease-out)}
.mb-footer a:hover::after{width:100%}

/* ---------- Mobile: menos peso, toque ---------- */
@media (max-width:900px){
  .mb-glass,.mb-store,.mb-card,.mb-steps li{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .mb-reveal{filter:blur(6px)}
  .mb-card__media{transform:none}.mb-card__body{transform:none}
  .mb-card:active{transform:scale(.985)}
  .mb-store:active{transform:scale(.985)}
  .mb-hero__copy{transform:none}
  .mb-btn--gold::after{display:none}
}
@media (hover:none){.mb-card:hover .mb-pulse{animation:none}}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .mb-reveal,.mb-card.mb-reveal,.mb-display .mb-w,.mb-card__body,.mb-stats strong{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .mb-sec::before,.mb-card .mb-sheen,.mb-card .mb-pulse,.mb-hs::before,.mb-store h3::after,.mb-detail::after,.mb-cta__glow,.mb-wa{animation:none!important}
  .mb-trail .t-run{stroke-dashoffset:0;transition:none}.mb-trail circle{opacity:1;transition:none}
  .mb-cta::before{animation:none}.mb-energy{display:none}
  .mb-btn--gold::after{display:none}
}
/* layout do CTA com painel glass */
.mb-cta{grid-template-columns:1.3fr .7fr;grid-template-rows:auto auto;row-gap:16px}
.mb-cta>div:first-child{grid-row:1/3}
.mb-cta__panel,.mb-cta__btns{grid-column:2}
.mb-cta__btns{justify-content:flex-start}
@media (max-width:760px){.mb-cta{grid-template-columns:1fr}.mb-cta>div:first-child{grid-row:auto}.mb-cta__panel,.mb-cta__btns{grid-column:1}}

.mb-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
/* formulário sobre fundo escuro */
.mb-night .mb-form input,.mb-night .mb-form select,.mb-night .mb-form textarea{color:#fff}
.mb-night .mb-form ::placeholder{color:rgba(185,200,230,.6)}
.mb-form option{color:#0A2256;background:#fff}