/* =====================================================
   CTA FINAL — CONVERSÃO EMPRESARIAL (ISOLADO)
===================================================== */

.ce-cta-final {
  /* 🔒 ISOLAMENTO DE VARIÁVEIS */
  --ce-bg-section: #0b1220;
  --ce-bg-main: #050505;
  --ce-text-muted: rgba(255,255,255,0.65);
  --ce-green-main: #00BF62;
  --ce-green-light: #7CFFB6;

  position: relative;
  padding: 140px 24px;
  text-align: center;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(0,191,98,0.10),
      transparent 45%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(0,191,98,0.06),
      transparent 50%
    ),
    linear-gradient(
      180deg,
      var(--bg-section) 0%,
      var(--bg-main) 100%
    );
}

/* RESET LOCAL */
.ce-cta-final * {
  box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ce-cta-container {
  max-width: 820px;
  margin: 0 auto;
}

/* =====================================================
   TÍTULO
===================================================== */

.ce-cta-title {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 22px;
  letter-spacing: -0.4px;
  color: #ffffff;
}

.ce-cta-title span {
  color: var(--ce-green-main);
}

/* =====================================================
   SUBTÍTULO
===================================================== */

.ce-cta-subtitle {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--ce-text-muted);
  max-width: 640px;
  margin: 0 auto 44px;
}

/* =====================================================
   BOTÕES
===================================================== */

.ce-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* base comum para <a> e <button> */
.ce-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 16px 28px;
  border-radius: 14px;

  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;

  border: none;
  background: none;

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

  transition: all 0.3s ease;
}

/* =========================
   BOTÃO PRINCIPAL
========================= */

.ce-cta-primary {
  background: linear-gradient(
    135deg,
    var(--brand),
    var(--brand-dark)
  );

  color: #03140B;
  box-shadow: var(--shadow-brand);
}

/* 🔒 HOVER / FOCUS / ACTIVE */
.ce-cta-primary:hover,
.ce-cta-primary:focus,
.ce-cta-primary:active {
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,191,98,0.45);
  color: #03140B;
  text-decoration: none;
  outline: none;
}

/* garante que texto e ícone não mudem de cor */
.ce-cta-primary,
.ce-cta-primary i,
.ce-cta-primary:hover i,
.ce-cta-primary:focus i {
  color: #03140B;
}


/* =====================================================
   GARANTIA
===================================================== */

.ce-cta-guarantee {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 999px;
  background: rgba(17,24,39,0.75);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 0.85rem;
  color: var(--ce-text-muted);
  box-shadow:
    0 14px 35px rgba(0,0,0,0.35);
}

.ce-cta-guarantee i {
  color: var(--ce-green-main);
  font-size: 0.95rem;
}

/* =====================================================
   RESPONSIVO
===================================================== */

@media (max-width: 768px) {
  .ce-cta-title {
    font-size: 2.1rem;
  }

  .ce-cta-buttons {
    flex-direction: column;
    align-items: center;
  }

  .ce-cta-btn {
    width: 100%;
    max-width: 320px;
  }
}

@media (max-width: 480px) {
  .ce-cta-final {
    padding: 110px 16px;
  }

  .ce-cta-title {
    font-size: 1.8rem;
  }

  .ce-cta-subtitle {
    font-size: 0.95rem;
  }
}