.sac-body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(34, 197, 94, 0.16), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(14, 165, 233, 0.12), transparent 50%),
    #0b1220;
  color: #e8eef7;
  font-family: Manrope, system-ui, sans-serif;
}
.sac-wrap { max-width: 560px; margin: 0 auto; padding: 1rem 1rem 3rem; }
.sac-header {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; margin-bottom: 1.25rem; padding: .5rem 0;
}
.sac-brand {
  font-family: Sora, Manrope, sans-serif;
  font-weight: 800; font-size: 1.15rem; color: #fff; text-decoration: none;
}
.sac-nav { display: flex; gap: .85rem; align-items: center; flex-wrap: wrap; }
.sac-nav a, .sac-linkbtn {
  color: #9fb3c8; text-decoration: none; background: none; border: 0;
  font: inherit; cursor: pointer; padding: 0;
}
.sac-nav a:hover, .sac-linkbtn:hover { color: #fff; }
.sac-hero { margin: 0 0 1.25rem; }
.sac-hero-sm h1 { font-size: 1.45rem; }
.sac-kicker {
  margin: 0 0 .35rem; text-transform: uppercase; letter-spacing: .08em;
  font-size: .72rem; color: #6ee7b7; font-weight: 700;
}
.sac-hero h1 {
  margin: 0 0 .5rem; font-family: Sora, Manrope, sans-serif;
  font-size: 1.75rem; line-height: 1.2; color: #fff;
}
.sac-lead { margin: 0; color: #9fb3c8; line-height: 1.5; }
.sac-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 1.1rem 1.15rem 1.25rem;
  margin-bottom: 1rem;
}
.sac-card h2 { margin: 0 0 .65rem; font-size: 1.05rem; color: #fff; }
.sac-muted { color: #9fb3c8; font-size: .92rem; margin: 0 0 .85rem; line-height: 1.45; }
.sac-form label { display: block; margin-bottom: .85rem; color: #c5d4e3; font-size: .9rem; }
.sac-form input, .sac-form select {
  display: block; width: 100%; margin-top: .35rem; box-sizing: border-box;
  border-radius: 10px; border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28); color: #fff; padding: .7rem .8rem; font: inherit;
}
.sac-channels { display: grid; gap: .65rem; }
.sac-wa {
  display: flex; justify-content: space-between; gap: .75rem; align-items: center;
  padding: .85rem 1rem; border-radius: 12px; text-decoration: none;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); color: #e8eef7;
}
.sac-wa.is-primary { border-color: rgba(34,197,94,.45); background: rgba(34,197,94,.08); }
.sac-wa span { color: #9fb3c8; font-size: .85rem; }
.sac-wa strong { color: #fff; font-size: .92rem; }
.sac-pay .copia-cola {
  word-break: break-all; font-size: .8rem; margin: 0 0 .75rem;
  padding: .85rem; border-radius: 10px; background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.08);
}
.sac-qr { display: block; max-width: 220px; margin: 1rem auto 0; border-radius: 12px; }
.sac-flash { margin-bottom: 1rem; }
.cred-list { margin-top: .25rem; }
.cred-row {
  display: flex; gap: .75rem; justify-content: space-between; align-items: flex-start;
  padding: .65rem 0; border-bottom: 1px solid rgba(255,255,255,.06);
}
.cred-row small { display: block; color: #9fb3c8; margin-bottom: .15rem; }
.btn-block { width: 100%; }
@media (max-width: 420px) {
  .sac-hero h1 { font-size: 1.45rem; }
}