.promo-dialog {
  width: min(520px, calc(100% - 28px));
  max-width: 520px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(202, 166, 107, .62);
  border-radius: 28px;
  color: #17243a;
  background: #fff;
  box-shadow: 0 30px 100px rgba(7, 18, 34, .35);
}
.promo-dialog::backdrop { background: rgba(9, 18, 31, .72); backdrop-filter: blur(5px); }
.promo-card { position: relative; padding: clamp(28px, 6vw, 48px); text-align: center; }
.promo-card::before { position: absolute; inset: 0 0 auto; height: 8px; content: ""; background: linear-gradient(90deg, #a87b3d, #ecd5a9, #a87b3d); }
.promo-close { position: absolute; top: 17px; inset-inline-end: 17px; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #dce2e9; border-radius: 50%; color: #26354c; background: #fff; cursor: pointer; font-size: 23px; }
.promo-close:hover { background: #f5f2ec; }
.promo-kicker { display: inline-flex; margin: 7px 0 15px; color: #927044; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.promo-card h2 { margin: 0 auto 12px; max-width: 420px; color: #142033; font-size: clamp(26px, 5vw, 35px); line-height: 1.45; }
.promo-card h2 strong { display: block; color: #9a713d; font-size: 1.16em; }
.promo-card p { max-width: 410px; margin: 0 auto 19px; color: #596577; font-size: 15px; line-height: 1.9; }
.promo-fineprint { display: block; margin: -6px auto 21px; color: #768092; font-size: 12px; line-height: 1.8; }
.promo-actions { display: grid; gap: 9px; justify-items: center; }
.promo-whatsapp { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 0 23px; border: 1px solid #08704b; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #12875d, #08704b); box-shadow: 0 8px 20px rgba(8, 118, 79, .2); font-size: 14px; font-weight: 750; text-decoration: none; }
.promo-whatsapp:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(8, 118, 79, .25); }
.promo-later { min-height: 42px; padding: 0 15px; border: 0; color: #586478; background: transparent; cursor: pointer; font-size: 13px; }
.promo-later:hover { color: #18243a; text-decoration: underline; }
@media (max-width: 480px) { .promo-card { padding: 31px 22px 25px; } .promo-card h2 { font-size: 26px; } }
@media (prefers-reduced-motion: reduce) { .promo-whatsapp { transition: none; } }