.elementor-kit-9{--e-global-color-primary:#44838E;--e-global-color-secondary:#4E555E;--e-global-color-text:#EDE1E1;--e-global-color-accent:#3E8548;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<?php
/*
Template Name: Landing Page E-book Traição
*/

get_header(); ?>

<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0; padding: 0;
    background: #111;
    color: #fff;
  }
  .lp-container {
    max-width: 900px;
    margin: auto;
    padding: 20px;
  }
  header {
    background: linear-gradient(90deg, #e60039, #ff4081);
    padding: 30px 20px;
    text-align: center;
    border-radius: 8px;
  }
  header h1 {
    margin: 0;
    font-size: 2.6rem;
    font-weight: 900;
    color: #fff;
    text-shadow: 1px 1px 4px #990027;
  }
  .btn-buy {
    background: #ff4081;
    color: #fff;
    font-weight: 700;
    padding: 15px 40px;
    margin-top: 20px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-size: 1.2rem;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s ease;
  }
  .btn-buy:hover {
    background: #e60039;
  }
  .price-old {
    text-decoration: line-through;
    color: #ffcccb;
    font-size: 1.4rem;
    margin-right: 10px;
  }
  .price-new {
    font-size: 2rem;
    font-weight: 900;
    color: #ffd700;
  }
  .section {
    background: #222;
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 30px;
  }
  .section h2 {
    color: #ff4081;
    margin-bottom: 15px;
  }
  .countdown {
    font-size: 2rem;
    font-weight: 900;
    color: #ffd700;
    text-align: center;
    margin-top: 10px;
  }
  .benefits ul {
    list-style: none;
    padding-left: 0;
  }
  .benefits ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 1.1rem;
  }
  .benefits ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #ff4081;
    font-weight: 900;
  }
  .bonus-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
  }
  .bonus-item {
    background: #333;
    border-radius: 8px;
    padding: 10px;
    width: 160px;
    text-align: center;
    color: #fff;
  }
  .bonus-item img {
    max-width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .testimonials {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .testimonial {
    background: #330017;
    padding: 15px;
    border-radius: 8px;
    color: #ffd700;
  }
  .testimonial strong {
    display: block;
    margin-bottom: 5px;
    color: #ff4081;
  }
  footer {
    margin-top: 40px;
    text-align: center;
    font-size: 0.9rem;
    color: #888;
    padding-bottom: 20px;
  }
  @media(max-width: 600px) {
    .bonus-list {
      flex-direction: column;
      align-items: center;
    }
  }
</style>

<div class="lp-container">

  <!-- Cabeçalho -->
  <header>
    <h1>Como Saber se Ele Está Te Traindo</h1>
    <a href="#comprar" class="btn-buy">Quero meu e-book agora</a>
  </header>

  <!-- Oferta e contador -->
  <section class="section offer">
    <div style="text-align:center;">
      <span class="price-old">R$59,90</span>
      <span class="price-new">R$11,90</span>
    </div>
    <div class="countdown" id="countdown">Oferta acaba em: 00:00:00</div>
    <p style="text-align:center; margin-top:10px; font-weight:600;">Oferta por tempo limitado! Garanta já o seu.</p>
  </section>

  <!-- Apresentação do e-book -->
  <section class="section ebook-present">
    <div style="text-align:center;">
      <img src="https://i.imgur.com/LlPwUO8.png" alt="Capa do e-book" style="max-width: 220px; border-radius: 12px; box-shadow: 0 0 15px #ff4081;">
    </div>
    <p style="margin-top: 20px; font-size: 1.15rem; line-height: 1.6; text-align:center;">
      Descubra os sinais reais e aprenda a identificar se ele está te traindo com este guia completo e direto ao ponto. Não fique na dúvida, tome o controle da sua relação hoje!
    </p>
  </section>

  <!-- Benefícios -->
  <section class="section benefits">
    <h2>O que você vai aprender</h2>
    <ul>
      <li>Sinais claros para identificar traição</li>
      <li>Como interpretar mudanças de comportamento</li>
      <li>Estratégias para agir sem desespero</li>
      <li>Como proteger seu coração emocionalmente</li>
      <li>Dicas práticas para retomar o controle da sua vida</li>
    </ul>
  </section>

  <!-- Bônus -->
  <section class="section bonus">
    <h2>Bônus Exclusivos</h2>
    <div class="bonus-list">
      <div class="bonus-item">
        <img src="https://i.imgur.com/7HNgpXQ.png" alt="Bônus 1">
        <strong>Comunicação Eficaz no Relacionamento</strong>
      </div>
      <div class="bonus-item">
        <img src="https://i.imgur.com/z6KXK3p.png" alt="Bônus 2">
        <strong>Como Reconquistar a Confiança</strong>
      </div>
      <div class="bonus-item">
        <img src="https://i.imgur.com/3s7XZHP.png" alt="Bônus 3">
        <strong>Autoestima para Mulheres Fortes</strong>
      </div>
      <div class="bonus-item">
        <img src="https://i.imgur.com/CSWyNq9.png" alt="Bônus 4">
        <strong>Superando o Medo da Perda</strong>
      </div>
      <div class="bonus-item">
        <img src="https://i.imgur.com/6Lz3zFK.png" alt="Bônus 5">
        <strong>Guia Prático de Autocuidado</strong>
      </div>
    </div>
  </section>

  <!-- Depoimentos -->
  <section class="section testimonials">
    <h2>O que dizem nossas leitoras</h2>
    <div class="testimonial">
      <strong>Ana P.</strong>
      <p>"Esse e-book mudou minha visão e me ajudou a lidar com uma situação difícil. Recomendo muito!"</p>
    </div>
    <div class="testimonial">
      <strong>Juliana M.</strong>
      <p>"Sinais que eu nem imaginava e agora tenho certeza do que estava acontecendo. Obrigada!"</p>
    </div>
    <div class="testimonial">
      <strong>Mariana S.</strong>
      <p>"O melhor investimento que fiz. Simples, direto e com muita verdade."</p>
    </div>
  </section>

  <!-- Chamada final -->
  <section class="section" id="comprar" style="text-align:center;">
    <a href="https://sualandingpage.com/pagamento" target="_blank" class="btn-buy">Quero meu e-book agora por R$11,90</a>
    <div class="countdown" id="countdown2" style="margin-top:10px;">Oferta acaba em: 00:00:00</div>
  </section>

</div>

<footer>
  Satisfação garantida ou seu dinheiro de volta.
</footer>

<script>
// Contador regressivo de 24h, reinicia todo dia às 00:00
function startCountdown(id) {
  function updateCountdown() {
    const now = new Date();
    const nextMidnight = new Date();
    nextMidnight.setHours(24,0,0,0);
    const diff = nextMidnight - now;
    if (diff <= 0) {
      document.getElementById(id).textContent = "Oferta acaba em: 00:00:00";
      return;
    }
    const hrs = Math.floor(diff / (1000*60*60));
    const mins = Math.floor((diff % (1000*60*60)) / (1000*60));
    const secs = Math.floor((diff % (1000*60)) / 1000);
    document.getElementById(id).textContent = 
      `Oferta acaba em: ${hrs.toString().padStart(2,'0')}:${mins.toString().padStart(2,'0')}:${secs.toString().padStart(2,'0')}`;
  }
  updateCountdown();
  setInterval(updateCountdown, 1000);
}

startCountdown('countdown');
startCountdown('countdown2');
</script>

<?php get_footer(); ?>/* End custom CSS */