.baixeapp-ctl,.baixeapp-ctl *{box-sizing:border-box!important}
.baixeapp-ctl{
  --ba-orange:#f05a17;--ba-preto:#0c0d15;--ba-branco:#ffffff;
  --ba-muted:#a7adbd;--ba-line:rgba(255,255,255,.10);
  position:relative!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;
  font-family:Arial,Helvetica,sans-serif!important;-webkit-font-smoothing:antialiased!important;
  background:var(--ba-preto)!important;color:var(--ba-branco)!important;isolation:isolate!important;
}
.baixeapp-ctl.ba-full{
  width:var(--ba-vw,100vw)!important;max-width:var(--ba-vw,100vw)!important;
  margin-left:calc(50% - var(--ba-vw,100vw) / 2)!important;margin-right:calc(50% - var(--ba-vw,100vw) / 2)!important;
}
/* Remove automaticamente o respiro que o Elementor coloca em volta do widget
   (padding da seção/container e margem do wrapper), que aparece como um risco
   claro acima/abaixo quando a página tem fundo branco. */
.elementor-section:has(.baixeapp-ctl.ba-full){padding:0!important}
.e-con:has(.baixeapp-ctl.ba-full){padding:0!important;--padding-top:0!important;--padding-bottom:0!important;--padding-left:0!important;--padding-right:0!important}
.elementor-widget:has(> .elementor-widget-container .baixeapp-ctl.ba-full),
.elementor-widget:has(> .baixeapp-ctl.ba-full){margin:0!important}
.elementor-widget-container:has(> .baixeapp-ctl.ba-full){margin:0!important;padding:0!important}
.ba-wrap{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;padding:clamp(56px,8vw,110px) 0!important}

/* fundo futurista: grade + brilhos */
.ba-grade{
  position:absolute!important;inset:0!important;z-index:-1!important;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  -webkit-mask-image:radial-gradient(720px 560px at 32% 50%,#000 30%,transparent 75%)!important;
  mask-image:radial-gradient(720px 560px at 32% 50%,#000 30%,transparent 75%)!important;
}
.baixeapp-ctl:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:radial-gradient(800px 520px at 78% 20%,rgba(240,90,23,.14),transparent 60%),radial-gradient(700px 520px at 15% 85%,rgba(240,90,23,.10),transparent 60%)!important;
}

.ba-grid{display:grid!important;grid-template-columns:1fr 1.05fr!important;gap:clamp(34px,5vw,70px)!important;align-items:center!important}
@media (max-width:880px){.ba-grid{grid-template-columns:1fr!important}}

/* ===== Cena dos celulares ===== */
.ba-fones{display:flex!important;justify-content:center!important}
.ba-fones-cena{position:relative!important;width:min(420px,88%)!important;aspect-ratio:1/1.08!important;perspective:1100px!important}
.ba-halo{
  position:absolute!important;left:50%!important;top:52%!important;width:78%!important;aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(240,90,23,.34),rgba(240,90,23,.10) 45%,transparent 70%)!important;
  filter:blur(14px)!important;animation:ba-pulso 4.5s ease-in-out infinite!important;
}
@keyframes ba-pulso{0%,100%{opacity:.75;scale:1}50%{opacity:1;scale:1.08}}
.ba-anel{
  position:absolute!important;left:50%!important;top:52%!important;width:96%!important;aspect-ratio:1/1!important;
  translate:-50% -50%!important;border-radius:50%!important;
  border:1px dashed rgba(240,90,23,.5)!important;
  animation:ba-gira 26s linear infinite!important;
}
.ba-anel-2{width:74%!important;border-color:rgba(255,255,255,.16)!important;border-style:solid!important;animation-duration:18s!important;animation-direction:reverse!important}
@keyframes ba-gira{from{rotate:0deg}to{rotate:360deg}}

/* moldura do celular em CSS */
.ba-fone{
  position:absolute!important;width:56%!important;aspect-ratio:9/19!important;border-radius:34px!important;
  background:#101218!important;border:2px solid #262a36!important;padding:10px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(240,90,23,.15),0 0 44px rgba(240,90,23,.20)!important;
  transform-style:preserve-3d!important;
}
.ba-fone-frente{left:8%!important;top:2%!important;z-index:2!important;animation:ba-flutua 6s ease-in-out infinite!important}
.ba-fone-tras{right:4%!important;top:9%!important;z-index:1!important;opacity:.9!important;rotate:6deg!important;animation:ba-flutua 7s ease-in-out .8s infinite!important}
@keyframes ba-flutua{0%,100%{translate:0 0}50%{translate:0 -16px}}
.ba-fone-notch{
  position:absolute!important;top:16px!important;left:50%!important;translate:-50% 0!important;z-index:3!important;
  width:38%!important;height:13px!important;border-radius:999px!important;background:#05060a!important;border:1px solid #1c1f2a!important;
}
.ba-fone-tela{
  width:100%!important;height:100%!important;border-radius:24px!important;overflow:hidden!important;
  background-color:#05060a!important;background-size:cover!important;background-position:top center!important;
}

/* tela ilustrativa (quando não subir print) */
.ba-tela-demo{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:30% 12% 0!important;background:linear-gradient(180deg,#12141d,#05060a)!important}
.ba-demo-logo{font-size:clamp(18px,2.4vw,24px)!important;font-weight:950!important;color:#fff!important;margin-bottom:18px!important}
.ba-demo-logo b{color:var(--ba-orange)!important}
.ba-demo-linha{display:block!important;width:100%!important;height:10px!important;border-radius:6px!important;background:rgba(255,255,255,.10)!important;margin-bottom:10px!important}
.ba-demo-linha.w60{width:60%!important;align-self:flex-start!important}
.ba-demo-card{display:block!important;width:100%!important;height:16%!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ba-orange),#ff9a3d)!important;margin-top:14px!important;opacity:.92!important}
.ba-demo-card.c2{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important}

/* ===== Texto ===== */
.ba-kicker{
  display:inline-block!important;margin-bottom:16px!important;padding:7px 16px!important;border-radius:999px!important;
  background:rgba(240,90,23,.14)!important;border:1px solid rgba(240,90,23,.45)!important;color:#ffb38c!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:1.5px!important;text-transform:uppercase!important;
}
.ba-titulo{margin:0 0 14px!important;font-size:clamp(30px,4.8vw,54px)!important;font-weight:950!important;line-height:1.04!important;color:#fff!important}
.ba-titulo span{
  color:var(--ba-orange)!important;
  background:linear-gradient(90deg,var(--ba-orange),#ff9a3d)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
.ba-sub{margin:0 0 26px!important;max-width:520px!important;font-size:clamp(14.5px,1.8vw,18px)!important;line-height:1.6!important;color:var(--ba-muted)!important}

/* checklist */
.ba-lista{list-style:none!important;margin:0 0 24px!important;padding:0!important;display:grid!important;gap:10px!important}
.ba-item{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:12px 16px!important;border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;border:1px solid var(--ba-line)!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease!important;
}
.ba-item:hover{transform:translateX(6px)!important;border-color:var(--ba-orange)!important;background:rgba(240,90,23,.08)!important}
.ba-item-check{
  flex:none!important;width:26px!important;height:26px!important;border-radius:8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,var(--ba-orange),#ff9a3d)!important;color:#fff!important;
  box-shadow:0 6px 14px rgba(240,90,23,.4)!important;
}
.ba-item-check svg{width:14px!important;height:14px!important;display:block!important}
.ba-item-emoji{flex:none!important;font-size:20px!important;line-height:1!important}
.ba-item-texto{font-size:14.5px!important;font-weight:800!important;color:#e6e8ef!important}
.ba-nota{margin:0 0 26px!important;font-size:13px!important;line-height:1.6!important;color:var(--ba-muted)!important;max-width:520px!important}

/* selos das lojas */
.ba-lojas{display:flex!important;flex-wrap:wrap!important;gap:14px!important}
.ba-loja{
  display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:8px 22px 8px 16px!important;
  border-radius:13px!important;background:#000!important;border:1.5px solid rgba(255,255,255,.22)!important;color:#fff!important;text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.ba-loja:hover{transform:translateY(-4px)!important;border-color:var(--ba-orange)!important;box-shadow:0 14px 30px rgba(240,90,23,.3)!important}
.ba-loja svg{width:28px!important;height:28px!important;display:block!important;flex:none!important}
.ba-loja-txt{display:flex!important;flex-direction:column!important;line-height:1.15!important}
.ba-loja-txt small{font-size:10.5px!important;font-weight:700!important;color:#c7cbd8!important;text-transform:uppercase!important;letter-spacing:.4px!important}
.ba-loja-txt b{font-size:17px!important;font-weight:900!important;color:#fff!important}

/* ===== Reveal (em cascata nos itens) ===== */
.baixeapp-ctl.ba-js .ba-reveal{opacity:0!important;translate:0 22px!important;transition:opacity .55s ease var(--ba-d,0ms),translate .55s ease var(--ba-d,0ms)!important}
.baixeapp-ctl.ba-js .ba-reveal.is-in{opacity:1!important;translate:0 0!important}
@media (prefers-reduced-motion:reduce){
  .baixeapp-ctl.ba-js .ba-reveal{opacity:1!important;translate:0 0!important;transition:none!important}
  .ba-halo,.ba-anel,.ba-fone-frente,.ba-fone-tras{animation:none!important}
  .ba-item,.ba-loja{transition:none!important}
}

@media (max-width:880px){
  .ba-texto{text-align:center!important}
  .ba-sub,.ba-nota{margin-left:auto!important;margin-right:auto!important}
  .ba-lojas{justify-content:center!important}
  .ba-item{text-align:left!important}
}
@media (max-width:480px){
  .ba-fones-cena{width:min(320px,94%)!important}
  .ba-loja{flex:1 1 100%!important;justify-content:center!important}
}
