.elementor-4609 .elementor-element.elementor-element-18a5409{--display:flex;}.elementor-4609 .elementor-element.elementor-element-18a5409.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4609 .elementor-element.elementor-element-ddb68b0{--display:flex;}.elementor-4609 .elementor-element.elementor-element-8a8b316{--display:flex;}.elementor-4609 .elementor-element.elementor-element-da3a9a5{--display:flex;}.elementor-4609 .elementor-element.elementor-element-98b1cec{--display:flex;}.elementor-4609 .elementor-element.elementor-element-b1fcf21{--display:flex;}.elementor-4609 .elementor-element.elementor-element-2b32f86{--display:flex;}.elementor-4609 .elementor-element.elementor-element-da847e6{--display:flex;}@media(min-width:768px){.elementor-4609 .elementor-element.elementor-element-18a5409{--width:118.565%;}.elementor-4609 .elementor-element.elementor-element-ddb68b0{--content-width:100%;}.elementor-4609 .elementor-element.elementor-element-8a8b316{--content-width:100%;}.elementor-4609 .elementor-element.elementor-element-da3a9a5{--content-width:100%;}.elementor-4609 .elementor-element.elementor-element-98b1cec{--content-width:100%;}.elementor-4609 .elementor-element.elementor-element-b1fcf21{--content-width:100%;}.elementor-4609 .elementor-element.elementor-element-2b32f86{--content-width:100%;}.elementor-4609 .elementor-element.elementor-element-da847e6{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-1a76ca1 */.preach-logo img {
  height: 65px;
  filter: drop-shadow(0 0 8px rgba(163, 107, 240, 0.4));
}

.preach-vagas {margin: 10px;}

body {
  background: #05071a;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7990f29 */.preach-prof-img {
  position: relative;
  width: 180px;
  height: 180px;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
}

.preach-prof-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* 🔥 AJUSTE VISUAL PARA COMBINAR COM A LP */
  filter:
    brightness(0.9)
    contrast(1.05)
    saturate(0.9);
}

/* 🔥 OVERLAY ROXO (SEGREDO DO DESIGN) */
.preach-prof-img::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 70% 30%, rgba(163,107,240,0.35), transparent 60%),
    linear-gradient(180deg, rgba(5,8,26,0) 40%, rgba(5,8,26,0.6) 100%);

  mix-blend-mode: overlay;
}

.preach-prof-lista {
  margin-top: 18px;
  padding: 0;
  list-style: none;
  text-align: left;
}

.preach-prof-lista li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;

  font-size: 15px;
  line-height: 1.6;
  color: #dcdcf3;

  opacity: 0.9;
  transition: all 0.3s ease;
}

/* 🔥 MARCADOR ESTILO PREACH */
.preach-prof-lista li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;

  width: 8px;
  height: 8px;
  border-radius: 50%;

  background: linear-gradient(135deg, #a36bf0, #4f8dfd);

  box-shadow: 0 0 8px rgba(163, 107, 240, 0.6);
}

/* 🔥 HOVER SUAVE (efeito premium) */
.preach-prof-lista li:hover {
  opacity: 1;
  transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fae7f2 *//* 🔥 GLOW BASE DOS BONUS */
.preach-bonus-item {
  position: relative;
  background: linear-gradient(180deg, #11153a, #0b1030);
  border: 1px solid rgba(163,107,240,0.2);

  box-shadow:
    0 0 0 rgba(163,107,240,0),
    0 10px 30px rgba(0,0,0,0.3);

  transition: all 0.35s ease;
}

/* 🔥 GLOW NO HOVER */
.preach-bonus-item:hover {
  transform: translateY(-4px) scale(1.01);

  border-color: rgba(163,107,240,0.6);

  box-shadow:
    0 0 25px rgba(163,107,240,0.35),
    0 0 60px rgba(163,107,240,0.15),
    0 20px 60px rgba(0,0,0,0.5);
}

/* 🔥 EFEITO DE BORDA ILUMINADA */
.preach-bonus-item::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 12px;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(163,107,240,0.5),
    transparent
  );

  opacity: 0;
  transition: opacity 0.4s ease;
}

.preach-bonus-item:hover::before {
  opacity: 1;
}

/* 💰 VALOR COM DESTAQUE PREMIUM */
.preach-bonus-valor {
  color: #c48bff;
  font-weight: 800;

  text-shadow:
    0 0 8px rgba(163,107,240,0.6),
    0 0 18px rgba(163,107,240,0.4);
}

/* ✨ ÍCONE COM GLOW */
.preach-bonus-item svg {
  filter: drop-shadow(0 0 10px rgba(163,107,240,0.6));
  transition: 0.3s;
}

.preach-bonus-item:hover svg {
  transform: scale(1.1);
}

/* 💰 CONTAINER DO TOTAL */
.preach-bonus-total {
  margin-top: 30px;
  text-align: right;

  padding: 18px 22px;
  border-radius: 14px;

  background: linear-gradient(180deg, #0f1438, #0b1030);
  border: 1px solid rgba(163,107,240,0.3);

  position: relative;
  overflow: hidden;
}

/* 🔥 VALOR PRINCIPAL */
.preach-bonus-total strong {
  font-size: 34px;
  font-weight: 900;

  background: linear-gradient(135deg, #ffffff, #c48bff, #7c82fb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 0 12px rgba(163,107,240,0.8),
    0 0 30px rgba(163,107,240,0.4);
}

/* ✨ TEXTO SECUNDÁRIO */
.preach-bonus-total span {
  display: block;
  font-size: 14px;
  margin-top: 4px;
  color: #cfcff5;
  opacity: 0.8;
}

/* 🌌 GLOW AO REDOR DO BLOCO */
.preach-bonus-total::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 14px;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(163,107,240,0.6),
    transparent
  );

  opacity: 0.3;
}

/* 🔥 HOVER (DESTACA AINDA MAIS) */
.preach-bonus-total:hover {
  transform: translateY(-2px);

  box-shadow:
    0 0 30px rgba(163,107,240,0.35),
    0 0 80px rgba(163,107,240,0.15),
    0 20px 60px rgba(0,0,0,0.6);
}

@keyframes glowPulse {
  0% { box-shadow: 0 0 10px rgba(163,107,240,0.2); }
  50% { box-shadow: 0 0 25px rgba(163,107,240,0.4); }
  100% { box-shadow: 0 0 10px rgba(163,107,240,0.2); }
}

.preach-bonus-item {
  animation: glowPulse 3s infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3af24d1 */<section class="preach-oferta-final">
  <div class="preach-oferta-container">

    <div class="preach-oferta-topo">
      <span class="preach-badge">OFERTA EXCLUSIVA</span>

      <h2>
        Invista no seu crescimento,<br>
        <strong>transforme sua vida.</strong>
      </h2>

      <p>
        Essa é sua oportunidade de viver uma jornada de transformação
        com direção e profundidade espiritual.
      </p>
    </div>

    <div class="preach-oferta-box">

      <div class="preach-preco">
        <span class="preach-label">INVESTIMENTO ÚNICO</span>

        <div class="preach-preco-antigo">
          <s>R$ 69,90</s>
        </div>

        <div class="preach-preco-atual">
          <small>R$</small>
          <strong>39</strong>
          <span>,90</span>
        </div>

        <div class="preach-parcelamento">
          em até 2x de <strong>R$ 20,88</strong>
        </div>

        <div class="preach-seguro">
          Pagamento 100% seguro
        </div>
      </div>

      <div class="preach-beneficios">
        <div class="item">
          <div class="icone">📅</div>
          <div>
            <strong>3 encontros ao vivo</strong>
            <p>Aulas profundas e transformadoras.</p>
          </div>
        </div>

        <div class="item">
          <div class="icone">📖</div>
          <div>
            <strong>Materiais de apoio</strong>
            <p>Conteúdos práticos para aplicar.</p>
          </div>
        </div>

        <div class="item">
          <div class="icone">🎁</div>
          <div>
            <strong>Bônus exclusivos</strong>
            <p>R$ 111 em bônus inclusos.</p>
          </div>
        </div>
      </div>

      <div class="preach-garantia">
        <div class="garantia-icon">✓</div>
        <strong>7 DIAS</strong>
        <span>ou seu dinheiro de volta</span>
      </div>

    </div>

    <div class="preach-countdown-final">
      <p>Oferta encerra em:</p>

      <div class="preach-tempo-final">
        <div>
          <strong class="pf-dias">00</strong>
          <span>Dias</span>
        </div>

        <div>
          <strong class="pf-horas">00</strong>
          <span>Horas</span>
        </div>

        <div>
          <strong class="pf-minutos">00</strong>
          <span>Min</span>
        </div>

        <div>
          <strong class="pf-segundos">00</strong>
          <span>Seg</span>
        </div>
      </div>
    </div>

    <div class="preach-cta">
      <a href="#checkout" class="btn">
        QUERO PARTICIPAR DA MENTORIA →
      </a>

      <span class="preach-vagas">VAGAS LIMITADAS!</span>
    </div>

  </div>
</section>

<style>
.preach-oferta-final {
  padding: 120px 6%;
  background: #05071a;
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', Arial, sans-serif;
}

.preach-oferta-container {
  max-width: 1320px;
  margin: 0 auto;
}

.preach-badge {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 999px;
  background: rgba(163,107,240,0.18);
  border: 1px solid rgba(163,107,240,0.45);
  color: #c48bff;
  font-weight: 800;
  letter-spacing: 1px;
}

.preach-badge::before {
  content: "🔥 ";
}

.preach-oferta-topo h2 {
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1.08;
  margin: 28px 0 18px;
  font-weight: 900;
}

.preach-oferta-topo h2 strong {
  background: linear-gradient(135deg,#a36bf0,#4f8dfd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.preach-oferta-topo p {
  max-width: 760px;
  margin: 0 auto 50px;
  color: #e4e4f5;
  font-size: 20px;
  line-height: 1.5;
}

.preach-oferta-box {
  display: grid;
  grid-template-columns: 1fr 1fr 0.75fr;
  gap: 36px;
  background: #0b1030;
  border-radius: 24px;
  padding: 48px;
  border: 1px solid rgba(163,107,240,.35);
  box-shadow: 0 0 45px rgba(163,107,240,.14);
}

.preach-label {
  display: block;
  color: #c48bff;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.preach-preco-antigo {
  color: rgba(255,255,255,.7);
  font-size: 26px;
  margin-bottom: 10px;
}

.preach-preco-atual {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  color: #c48bff;
  text-shadow:
    0 0 18px rgba(163,107,240,.9),
    0 0 45px rgba(79,141,253,.35);
  animation: precoPulseFinal 2.4s infinite;
}

.preach-preco-atual small {
  font-size: 46px;
  font-weight: 900;
  margin-top: 24px;
}

.preach-preco-atual strong {
  font-size: clamp(110px, 11vw, 170px);
  line-height: .85;
  font-weight: 900;
}

.preach-preco-atual span {
  font-size: 54px;
  font-weight: 900;
  margin-top: 24px;
}

@keyframes precoPulseFinal {
  0%,100% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.04);
    filter: brightness(1.25);
  }
}

.preach-parcelamento {
  font-size: 23px;
  margin-top: 20px;
}

.preach-seguro {
  margin-top: 14px;
  color: #f1efff;
  font-size: 18px;
}

.preach-seguro::before {
  content: "🔒 ";
}

.preach-beneficios {
  display: flex;
  flex-direction: column;
  gap: 28px;
  text-align: left;
}

.preach-beneficios .item {
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 18px;
}

.preach-beneficios .icone {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(163,107,240,.45);
  background: rgba(163,107,240,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: 0 0 20px rgba(163,107,240,.18);
}

.preach-beneficios strong {
  display: block;
  font-size: 22px;
  margin-bottom: 6px;
}

.preach-beneficios p {
  margin: 0;
  color: #dddaf5;
  font-size: 18px;
  line-height: 1.45;
}

.preach-garantia {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(163,107,240,.25);
  padding-left: 28px;
}

.garantia-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px solid rgba(163,107,240,.55);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  color: #c48bff;
  margin-bottom: 18px;
  box-shadow: 0 0 35px rgba(163,107,240,.35);
}

.preach-garantia strong {
  font-size: 52px;
  color: #c48bff;
  line-height: 1;
}

.preach-garantia span {
  margin-top: 10px;
  color: #e4e4f5;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.preach-countdown-final {
  max-width: 620px;
  margin: 42px auto 28px;
  padding: 22px;
  border-radius: 18px;
  background: rgba(11,16,48,.82);
  border: 1px solid rgba(163,107,240,.35);
  box-shadow: 0 0 30px rgba(163,107,240,.18);
}

.preach-countdown-final p {
  margin: 0 0 16px;
  color: #c48bff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.preach-tempo-final {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
}

.preach-tempo-final div {
  padding: 14px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(163,107,240,.22);
}

.preach-tempo-final strong {
  display: block;
  font-size: 36px;
  color: #fff;
  text-shadow: 0 0 14px rgba(163,107,240,.8);
}

.preach-tempo-final span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  text-transform: uppercase;
  color: #dfdcf5;
}

.preach-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.preach-cta .btn {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 640px;
  padding: 22px 32px;
  background: linear-gradient(135deg,#a36bf0,#4f8dfd);
  border-radius: 14px;
  font-weight: 900;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  letter-spacing: .5px;
  box-shadow: 0 0 32px rgba(163,107,240,.55);
  animation: pulseCtaFinal 2.2s infinite;
}

.preach-cta .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform: skewX(-20deg);
  animation: shineBtnFinal 3s infinite;
}

@keyframes pulseCtaFinal {
  0%,100% {
    box-shadow: 0 0 22px rgba(163,107,240,.45), 0 0 50px rgba(79,141,253,.2);
  }
  50% {
    box-shadow: 0 0 38px rgba(163,107,240,.85), 0 0 90px rgba(79,141,253,.35);
  }
}

@keyframes shineBtnFinal {
  0% { left: -80%; }
  45% { left: 130%; }
  100% { left: 130%; }
}

.preach-vagas {
  color: #c48bff;
  font-weight: 800;
  letter-spacing: 1.5px;
  font-size: 15px;
}

@media(max-width: 900px) {
  .preach-oferta-box {
    grid-template-columns: 1fr;
  }

  .preach-beneficios {
    text-align: center;
  }

  .preach-garantia {
    border-left: none;
    border-top: 1px solid rgba(163,107,240,.25);
    padding-left: 0;
    padding-top: 30px;
  }
}

@media(max-width: 600px) {
  .preach-oferta-final {
    padding: 80px 22px;
  }

  .preach-oferta-box {
    padding: 30px 22px;
  }

  .preach-preco-atual small {
    font-size: 32px;
  }

  .preach-preco-atual strong {
    font-size: 100px;
  }

  .preach-preco-atual span {
    font-size: 36px;
  }

  .preach-tempo-final {
    gap: 8px;
  }

  .preach-tempo-final strong {
    font-size: 28px;
  }

  .preach-cta .btn {
    font-size: 16px;
  }
}
</style>

<script>
(function () {
  function rodarContadorPreachFinal() {
    var root = document.querySelector(".preach-oferta-final");
    if (!root) return;

    var dataFinal = new Date(2026, 5, 16, 23, 59, 59).getTime();

    var diasEl = root.querySelector(".pf-dias");
    var horasEl = root.querySelector(".pf-horas");
    var minutosEl = root.querySelector(".pf-minutos");
    var segundosEl = root.querySelector(".pf-segundos");
    var box = root.querySelector(".preach-countdown-final");

    if (!diasEl || !horasEl || !minutosEl || !segundosEl) return;

    function atualizar() {
      var agora = new Date().getTime();
      var distancia = dataFinal - agora;

      if (distancia <= 0) {
        box.innerHTML = "<p style='margin:0;color:#fff;font-weight:800;'>Oferta encerrada</p>";
        return;
      }

      var dias = Math.floor(distancia / (1000 * 60 * 60 * 24));
      var horas = Math.floor((distancia / (1000 * 60 * 60)) % 24);
      var minutos = Math.floor((distancia / (1000 * 60)) % 60);
      var segundos = Math.floor((distancia / 1000) % 60);

      diasEl.textContent = String(dias).padStart(2, "0");
      horasEl.textContent = String(horas).padStart(2, "0");
      minutosEl.textContent = String(minutos).padStart(2, "0");
      segundosEl.textContent = String(segundos).padStart(2, "0");
    }

    atualizar();

    if (!window.preachContadorOfertaFinalAtivo) {
      window.preachContadorOfertaFinalAtivo = true;
      setInterval(atualizar, 1000);
    }
  }

  rodarContadorPreachFinal();
  document.addEventListener("DOMContentLoaded", rodarContadorPreachFinal);
  window.addEventListener("load", rodarContadorPreachFinal);
  setTimeout(rodarContadorPreachFinal, 500);
  setTimeout(rodarContadorPreachFinal, 1500);
})();
</script>/* End custom CSS */