/* ═══════════════════════════ cta.css ═══════════════════════════ */

.cta-final { padding-block: 0 var(--section-py); }

.cta-card {
  position: relative;
  text-align: center;
  background: var(--grad-romance);
  border-radius: var(--r-xl);
  padding: 72px 32px;
  overflow: hidden;
  box-shadow: var(--shadow-card);
}
.cta-card .eyebrow { justify-content: center; }
.cta-card h2 { color: #fff; margin-bottom: 14px; max-width: 640px; margin-inline: auto; }
.cta-card > p { color: rgba(255,255,255,.88); max-width: 520px; margin: 0 auto 30px; }
.cta-card .btn-wpp { background: #fff; color: var(--green-deep); }
.cta-card .btn-wpp:hover { background: #f3fff7; }
.cta-foot { display: block; margin-top: 18px; font-size: 0.82rem; color: rgba(255,255,255,.75); }

.cta-hearts { position: absolute; inset: 0; pointer-events: none; }
.cta-hearts span {
  position: absolute;
  color: rgba(255,255,255,.12);
  font-size: 60px;
}
.cta-hearts span:nth-child(1) { top: 12%; left: 8%; font-size: 44px; }
.cta-hearts span:nth-child(2) { bottom: 14%; right: 10%; font-size: 80px; }
.cta-hearts span:nth-child(3) { top: 50%; left: 84%; font-size: 32px; }

@media (max-width: 560px) {
  .cta-card { padding: 52px 22px; }
  .cta-card .btn { width: 100%; }
}