/* ============================================================
   CTA FINAL
   ============================================================ */
.cta-final {
  background: linear-gradient(180deg, var(--surface) 0%, var(--bg-soft) 100%);
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
.cta-final::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 100%, var(--verde-soft) 0%, transparent 40%),
    radial-gradient(circle at 80% 100%, var(--azul-soft) 0%, transparent 45%);
  opacity: 0.6;
  pointer-events: none;
}
.cta-inner {
  position: relative;
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: clamp(42px, 6vw, 64px);
  line-height: 1.05;
  margin-bottom: 24px;
}
.cta-inner p {
  font-size: 19px;
  color: var(--text-mute);
  margin-bottom: 40px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.55;
}
.cta-inner .cta-row {
  justify-content: center;
  margin-bottom: 0;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 860px) {
  .cta-final { padding: 88px 0; }
  .cta-inner p { font-size: 17px; }
}

@media (max-width: 520px) {
  .cta-final .cta-row { flex-direction: column; }
}