/* App 1.1.2 – banner promocional aprimorado e mais próximo do print */
.app-download-wrap{
  --app-font-family: Inter, Arial, sans-serif;
  --app-title-color:#6b21a8;
  --app-desc-color:#3f2b00;
  --app-btn-bg:#111111;
  --app-btn-text:#ffffff;
  --app-bg-start:#f3be00;
  --app-bg-end:#ffd93a;
  --app-title-size:44px;
  --app-desc-size:18px;
  --app-button-text-size:19px;
  --app-button-kicker-size:10px;
  --app-qr-size:104px;
  --app-gap:28px;
  --app-image-width:220px;
  --app-button-radius:12px;
  --app-container-radius:24px;
  --app-container-padding:22px;
  --app-bg-image:none;
  --app-hide-qrcode-mobile:flex;
  --app-hide-image-mobile:flex;
  font-family:var(--app-font-family);
}
.app-download-wrap *{ box-sizing:border-box; }
.app-download-col{ min-width:0; position:relative; z-index:2; }
.app-download-title{
  font-size:var(--app-title-size);
  line-height:1.03;
  font-weight:900;
  letter-spacing:-.04em;
  margin:0 0 10px 0;
  color:var(--app-title-color) !important;
}
.app-download-desc{
  font-size:var(--app-desc-size);
  line-height:1.42;
  margin:0;
  color:var(--app-desc-color) !important;
}
.app-download-buttons{ display:flex; gap:14px; }
.app-store-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease, background .15s ease;
}
.app-store-button:hover{ transform:translateY(-1px); }
.app-store-text{ display:block; font-weight:900; line-height:1.02; }
.app-store-kicker{ display:block; line-height:1.05; }
.app-download-qrcode img{ display:block; width:var(--app-qr-size); height:auto; }
.app-download-image img{ width:var(--app-image-width); max-width:100%; height:auto; display:block; }

/* Classic */
.app-download-wrap.is-classic{
  display:grid;
  grid-template-columns:minmax(320px, 1.25fr) minmax(260px, 1fr);
  gap:var(--app-gap);
  align-items:center;
}
.app-download-wrap.is-classic .app-download-buttons{ flex-wrap:wrap; margin-top:24px; }
.app-download-wrap.is-classic .app-store-button{
  padding:12px 18px;
  border-radius:999px;
  background:transparent;
  border:2px solid var(--app-btn-bg);
  color:var(--app-btn-bg);
}
.app-download-wrap.is-classic.is-filled .app-store-button{
  background:var(--app-btn-bg);
  color:var(--app-btn-text);
}
.app-download-wrap.is-classic .app-store-button:hover{
  background:var(--app-btn-bg);
  color:var(--app-btn-text);
}
.app-download-wrap.is-classic .app-store-text{ font-size:var(--app-button-text-size); }
.app-download-wrap.is-classic .app-download-qrcode{ margin-top:18px; display:flex; justify-content:flex-start; }
.app-download-wrap.is-classic .app-download-image{ display:flex; justify-content:center; }
.app-download-wrap.is-classic .app-download-image img{ border-radius:16px; }

/* Banner */
.app-download-wrap.is-banner{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(170px, 240px) minmax(260px, 1fr) minmax(260px, 330px);
  gap:var(--app-gap);
  align-items:center;
  padding:var(--app-container-padding);
  border-radius:var(--app-container-radius);
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 38%),
    radial-gradient(circle at 78% 12%, rgba(255,246,180,.45) 0, rgba(255,246,180,0) 20%),
    var(--app-bg-image),
    linear-gradient(135deg, var(--app-bg-start) 0%, var(--app-bg-end) 100%);
  background-size:auto, auto, cover, auto;
  background-position:center center, center center, center center, center center;
  box-shadow:0 18px 48px rgba(219,165,0,.28);
}
.app-download-wrap.is-banner:before,
.app-download-wrap.is-banner:after,
.app-download-wrap.is-banner .app-download-content:before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:1;
}
.app-download-wrap.is-banner:before{
  width:180px;
  height:180%;
  left:-24px;
  top:-35%;
  transform:skewX(-28deg);
  border-radius:28px;
  background:rgba(255,255,255,.14);
}
.app-download-wrap.is-banner:after{
  width:120px;
  height:180%;
  left:132px;
  top:-35%;
  transform:skewX(-28deg);
  border-radius:24px;
  background:rgba(255,255,255,.08);
}
.app-download-wrap.is-banner .app-download-content:before{
  inset:auto auto 14px -6px;
  width:112px;
  height:7px;
  border-radius:999px;
  background:rgba(102, 32, 168, .14);
}
.app-download-wrap.is-banner .app-download-image{ display:flex; justify-content:center; align-items:center; }
.app-download-wrap.is-banner .app-download-image img{
  width:var(--app-image-width);
  max-height:225px;
  object-fit:contain;
  transform:rotate(-10deg) translateY(4px);
  transform-origin:center center;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.30));
}
.app-download-wrap.is-banner .app-download-content{ text-align:left; }
.app-download-wrap.is-banner .app-download-title{
  text-transform:uppercase;
  margin-bottom:8px;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.app-download-wrap.is-banner .app-download-desc{ max-width:560px; }
.app-download-wrap.is-banner .app-download-aside{
  display:grid;
  grid-template-columns:auto minmax(170px, 190px);
  align-items:center;
  justify-content:center;
  gap:18px;
}
.app-download-wrap.is-banner .app-download-qrcode{
  flex:0 0 auto;
  justify-self:center;
  align-self:center;
  background:#ffffff;
  border-radius:8px;
  padding:8px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  border:1px solid rgba(0,0,0,.06);
}
.app-download-wrap.is-banner .app-download-buttons{
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:10px;
  min-width:182px;
  justify-self:center;
}
.app-download-wrap.is-banner .app-store-button{
  position:relative;
  width:100%;
  min-width:182px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:10px 14px;
  border-radius:var(--app-button-radius);
  background:linear-gradient(180deg, #171717 0%, #060606 100%);
  color:var(--app-btn-text);
  box-shadow:0 10px 22px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.app-download-wrap.is-banner .app-store-button:hover{ filter:brightness(1.04); }
.app-download-wrap.is-banner .app-store-button:before{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-weight:900;
  font-size:16px;
  line-height:1;
}
.app-download-wrap.is-banner .app-store-button.is-google:before{ content:"▶"; }
.app-download-wrap.is-banner .app-store-button.is-apple:before{ content:"A"; font-size:14px; }
.app-download-wrap.is-banner .app-store-button span{ display:block; }
.app-download-wrap.is-banner .app-store-kicker{
  font-size:var(--app-button-kicker-size);
  opacity:.82;
  font-weight:700;
}
.app-download-wrap.is-banner .app-store-text{
  font-size:var(--app-button-text-size);
  letter-spacing:-.02em;
}

@media (max-width: 1024px){
  .app-download-wrap.is-banner{
    grid-template-columns:minmax(120px, 200px) 1fr;
  }
  .app-download-wrap.is-banner .app-download-aside{
    grid-column:1 / -1;
    justify-content:center;
  }
}

@media (max-width: 900px){
  .app-download-wrap.is-classic{
    grid-template-columns:1fr;
    text-align:center;
    gap:28px;
  }
  .app-download-wrap.is-classic .app-download-buttons{ justify-content:center; }
  .app-download-wrap.is-classic .app-download-qrcode{ justify-content:center; }

  .app-download-wrap.is-banner{
    grid-template-columns:1fr;
    gap:18px;
    text-align:center;
    padding:18px;
  }
  .app-download-wrap.is-banner:before,
  .app-download-wrap.is-banner:after,
  .app-download-wrap.is-banner .app-download-content:before{ display:none; }
  .app-download-wrap.is-banner .app-download-image{ display:var(--app-hide-image-mobile); }
  .app-download-wrap.is-banner .app-download-image img{ max-height:170px; transform:none; }
  .app-download-wrap.is-banner .app-download-content{ text-align:center; }
  .app-download-wrap.is-banner .app-download-desc{ margin-inline:auto; }
  .app-download-wrap.is-banner .app-download-aside{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
  }
  .app-download-wrap.is-banner .app-download-qrcode{ display:var(--app-hide-qrcode-mobile); }
  .app-download-wrap.is-classic .app-download-qrcode{ display:var(--app-hide-qrcode-mobile); }
  .app-download-wrap.is-classic .app-download-image{ display:var(--app-hide-image-mobile); }
  .app-download-wrap.is-banner .app-download-buttons{
    width:100%;
    max-width:290px;
  }
}