/* ==========================================================================
   sections/cta.css — Chamada final antes do formulário
   ========================================================================== */

.cta-band {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--bg-base);
  border-block: 1px solid var(--border);
}

.cta-band::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: min(64rem, 120%);
  aspect-ratio: 2 / 1;
  translate: -50% -50%;
  background: radial-gradient(
    ellipse at center,
    color-mix(in srgb, var(--brand) 22%, transparent) 0%,
    transparent 68%
  );
  pointer-events: none;
}

.cta-band__inner {
  display: grid;
  gap: var(--space-md);
  justify-items: center;
  text-align: center;
  max-inline-size: 46rem;
  margin-inline: auto;
}

.cta-band__title {
  max-inline-size: 22ch;
}

.cta-band__text {
  max-inline-size: 52ch;
}

.cta-band__actions {
  justify-content: center;
  margin-block-start: var(--space-2xs);
}