/* =========================
   CTA (PADRÃO DO SITE) - ATUALIZADO E ORGANIZADO
========================= */
.cta-section {
  position: relative;
  padding: 100px 24px; /* Padding lateral para mobile */
  background: var(--expert-bg);
  overflow: hidden;
  text-align: center; /* Centraliza texto */
}

.cta-section .container {
  max-width: 1200px; /* Largura máxima do conteúdo */
  margin: 0 auto; /* Centraliza o container */
  position: relative;
  z-index: 2; /* Garante que o conteúdo fique acima dos efeitos */
}

.cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(0, 191, 98, 0.14) 0%,
    rgba(0, 191, 98, 0.06) 35%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}

.cta-section::after {
  content: '';
  position: absolute;
  bottom: -200px;
  right: -200px;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(59,130,246,.14) 0%,
    rgba(59,130,246,0) 70%
  );
  pointer-events: none;
  z-index: 0;
}

.cta-title {
  font-size: 2.8rem;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.2;
  color: var(--text-main);
  position: relative;
  z-index: 2;
}

.cta-subtitle {
  font-size: 1.2rem;
  color: var(--text-muted);
  max-width: 700px;
  margin: 0 auto 48px;
  line-height: 1.7;
  position: relative;
  z-index: 2;
}


/* CORREÇÃO DO BOTÃO - Classe correta */
.botao_cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #03140B !important;

  padding: 18px 42px;
  border-radius: 999px;

  font-weight: 700;
  font-size: 1.05rem;

  box-shadow: var(--shadow-brand);
  transition: all 0.25s ease;

  border: none;
  background-clip: padding-box;

  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;

  text-decoration: none !important;

  position: relative;
  z-index: 2;
}

.botao_cta:hover,
.botao_cta:focus,
.botao_cta:active {
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,191,98,0.45);
  color: #03140B !important;
  text-decoration: none !important;
  outline: none;
}


/* Responsividade */
@media (max-width: 768px) {
  .cta-section {
    padding: 60px 20px;
  }
  
  .cta-title {
    font-size: 2.2rem;
  }
  
  .cta-subtitle {
    font-size: 1.1rem;
    margin-bottom: 32px;
  }
  
  .botao_cta {
    padding: 16px 32px;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .cta-title {
    font-size: 1.8rem;
  }
  
  .cta-subtitle {
    font-size: 1rem;
  }
}