.elementor-kit-92{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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-92 e-page-transition{background-color:#B82E6C;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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:1140px;}.e-con{--container-max-width:1140px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Convite Digital Interativo | Flytech Virtual</title>
  <style>
    body {
      font-family: 'Poppins', sans-serif;
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #333;
      line-height: 1.6;
    }
    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 10%;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      position: sticky;
      top: 0;
      z-index: 100;
    }
    header img {
      height: 50px;
    }
    header a {
      background-color: #B7376B;
      color: #fff;
      padding: 12px 25px;
      border-radius: 25px;
      text-decoration: none;
      font-weight: 600;
      transition: 0.3s;
    }
    header a:hover {
      background-color: #8E2D56;
    }
    section {
      padding: 80px 10%;
      text-align: center;
    }
    h1, h2 {
      color: #B7376B;
      font-weight: 700;
    }
    .btn {
      display: inline-block;
      background-color: #B7376B;
      color: #fff;
      padding: 15px 35px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 600;
      margin-top: 20px;
      transition: 0.3s;
    }
    .btn:hover {
      background-color: #8E2D56;
    }
    .price {
      font-size: 1.3em;
      color: #B7376B;
      margin: 10px 0;
    }
    .price del {
      color: #aaa;
    }
    .benefits, .steps {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 30px;
      margin-top: 40px;
    }
    .benefit, .step {
      background-color: #f9f9f9;
      padding: 25px;
      border-radius: 15px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .gallery img {
      width: 100%;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .faq {
      text-align: left;
      max-width: 800px;
      margin: 0 auto;
    }
    .faq-item {
      margin-bottom: 20px;
    }
    .cta {
      background-color: #B7376B;
      color: #fff;
      padding: 60px 10%;
      text-align: center;
      border-radius: 0;
    }
    .cta h2 {
      color: #fff;
    }
    footer {
      background-color: #f1f1f1;
      padding: 30px 10%;
      text-align: center;
      font-size: 0.9em;
      color: #666;
    }
  </style>
</head>
<body>

  <!-- Cabeçalho -->
  <header>
    <img src="SEU_LOGO_AQUI.png" alt="Flytech Virtual Logo">
    <a href="#">Quero meu convite!</a>
  </header>

  <!-- Hero -->
  <section>
    <h1>💌 Convite Digital Interativo</h1>
    <p>Surpreenda seus convidados com estilo e praticidade! Crie um convite moderno, personalizado e totalmente interativo por um preço que cabe no seu bolso.</p>
    <p class="price"><del>R$39,90</del> <strong>por apenas R$19,90</strong> 🎉</p>
    <a href="#" class="btn">Fazer meu convite agora</a>
  </section>

  <!-- Benefícios -->
  <section>
    <h2>Por que escolher um convite digital interativo?</h2>
    <div class="benefits">
      <div class="benefit">📱 <strong>100% digital:</strong> Envie por WhatsApp, Instagram ou e-mail.</div>
      <div class="benefit">🎵 <strong>Interativo:</strong> Pode conter música, link de localização e contagem regressiva.</div>
      <div class="benefit">💖 <strong>Personalizado:</strong> Adaptado ao tema do seu evento.</div>
      <div class="benefit">⚡ <strong>Entrega rápida:</strong> Receba seu convite pronto em poucas horas.</div>
      <div class="benefit">🌍 <strong>Sustentável:</strong> Sem papel, sem desperdício!</div>
    </div>
  </section>

  <!-- Como funciona -->
  <section>
    <h2>Seu convite em 3 passos simples</h2>
    <div class="steps">
      <div class="step">1️⃣ Escolha o modelo e envie suas informações.</div>
      <div class="step">2️⃣ Nós personalizamos o convite com o tema do seu evento.</div>
      <div class="step">3️⃣ Receba o link pronto para enviar aos convidados!</div>
    </div>
    <a href="#" class="btn">Quero meu convite agora!</a>
  </section>

  <!-- Galeria -->
  <section class="gallery">
    <h2>Veja alguns modelos incríveis ✨</h2>
    <p>Todos 100% personalizados com seu tema, cor e evento.</p>
    <img src="MODELO1.jpg" alt="Modelo de convite 1">
    <img src="MODELO2.jpg" alt="Modelo de convite 2">
    <img src="MODELO3.jpg" alt="Modelo de convite 3">
  </section>

  <!-- Oferta -->
  <section style="background-color:#B7376B; color:#fff;">
    <h2>🎁 Oferta especial por tempo limitado!</h2>
    <p>De <del>R$39,90</del> por apenas <strong>R$19,90</strong></p>
    <p>Aproveite o valor promocional e garanta seu convite digital hoje mesmo!</p>
    <a href="#" class="btn" style="background:#fff; color:#B7376B;">Aproveitar agora!</a>
  </section>

  <!-- FAQ -->
  <section>
    <h2>Dúvidas Frequentes 💬</h2>
    <div class="faq">
      <div class="faq-item"><strong>1. Quanto tempo leva pra receber meu convite?</strong><br>Em até 24 horas após o envio das informações do evento.</div>
      <div class="faq-item"><strong>2. Posso escolher o tema do convite?</strong><br>Sim! Você escolhe o tema, cores e estilo — nós personalizamos tudo pra combinar com seu evento.</div>
      <div class="faq-item"><strong>3. Como recebo meu convite?</strong><br>Você recebe um link interativo que pode ser enviado por WhatsApp, Instagram ou e-mail.</div>
      <div class="faq-item"><strong>4. É possível fazer alterações depois?</strong><br>Sim, uma pequena edição está inclusa gratuitamente.</div>
      <div class="faq-item"><strong>5. Preciso instalar algo pra visualizar?</strong><br>Não! O convite é totalmente online, abre em qualquer celular ou computador.</div>
    </div>
  </section>

  <!-- CTA Final -->
  <section class="cta">
    <h2>Transforme o seu convite em uma experiência inesquecível 💌</h2>
    <p>Rápido, moderno e cheio de charme — seu evento merece começar com estilo!</p>
    <a href="#" class="btn" style="background:#fff; color:#B7376B;">Quero meu convite agora!</a>
  </section>

  <!-- Rodapé -->
  <footer>
    <img src="SEU_LOGO_AQUI.png" alt="Flytech Virtual" style="height:40px;"><br><br>
    contato@flytechvirtual.com<br>
    © 2025 Flytech Virtual – Todos os direitos reservados.
  </footer>

</body>
</html>/* End custom CSS */