/* 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>Da Arte à Encomenda</title>

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap"
      rel="stylesheet"
    />

    <style>
      :root {
        --roxo: #6e19ff;
        --rosa: #ff30f0;
        --grad: linear-gradient(135deg, #6e19ff, #ff30f0);
        --dark: #0b0b1a;
        --bege: #efe3d8;
        --text-dark: #1f2937;
      }

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Inter", Arial, sans-serif;
      }

      body {
        background: radial-gradient(circle at top, #12002b, #070012);
        color: #e5e7eb;
        line-height: 1.6;
      }

      .benefits {
        display: flex;
        flex-direction: column;
        gap: 22px;
      }

      .benefit-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
      }

      /* ÍCONE QUADRADO (igual ao da imagem) */
      .icon-box {
        width: 42px;
        height: 42px;
        min-width: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: linear-gradient(135deg, #ff30f0, #6e19ff);
        color: #fff;
        font-size: 22px;

        border-radius: 10px;
        box-shadow: 0 10px 25px rgba(255, 48, 240, 0.3);
      }

      /* TEXTO */
      .benefit-item p {
        margin: 0;
        font-size: 15px;
        line-height: 1.35; /* mais compacto */
        color: #e5e7eb;
      }

      .benefit-item strong {
        display: block;
        font-size: 16px;
        margin-bottom: 2px; /* antes era maior */
        color: #fff;
      }

      .card-light {
        background: #ffffff;
        color: var(--text-dark);
        border: 1px solid rgba(0, 0, 0, 0.06);
        padding: 18px 20px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        gap: 14px;
        text-align: left;
        transition: 0.25s ease;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
      }

      .card-light:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.1);
      }

      /* TEXTO */
      .card-light span {
        font-size: 15px;
        font-weight: 500;
        color: #1f2937;
      }

      /* AUTORA */
      .author {
        display: grid;
        grid-template-columns: 320px 1fr;
        gap: 40px;
        align-items: center;
      }

      .author-img {
        position: relative;
      }

      .author-img img {
        width: 100%;
        border-radius: 18px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
        border: 2px solid rgba(255, 48, 240, 0.25);
        transform: scale(0.98);
        transition: 0.4s ease;
      }

      .author-img img:hover {
        transform: scale(1);
      }

      /* texto */
      .author-content p {
        margin-bottom: 14px;
        font-size: 15.5px;
        color: #1f2937;
        line-height: 1.7;
      }

      /* destaque final */
      .author-highlight {
        margin-top: 20px;
        padding: 16px 18px;
        border-left: 4px solid var(--rosa);
        background: rgba(255, 255, 255, 0.8);
        border-radius: 10px;
        font-weight: 600;
      }

      /* mobile */
      @media (max-width: 768px) {
        .author {
          grid-template-columns: 1fr;
          text-align: center;
        }

        .author-img img {
          max-width: 260px;
          margin: 0 auto;
        }
      }

      .video-section {
        text-align: center;
      }

      .video-wrapper {
        max-width: 900px;
        margin: 30px auto 0;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
        border: 1px solid rgba(255, 48, 240, 0.2);
      }

      .video-wrapper iframe {
        width: 100%;
        height: 500px;
      }

      @media (max-width: 768px) {
        .video-wrapper iframe {
          height: 220px;
        }
      }

      /* CONTAINER */
      .container {
        max-width: 1100px;
        margin: auto;
        padding: 0 20px;
      }
      section {
        padding: 20px 0 40px;
      }

      /* TITLES */
      h2 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 35px;
        font-family: "Quicksand", sans-serif;
        font-weight: 600;
        background: var(--grad);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      h3 {
        text-align: center;
        font-family: "Quicksand", sans-serif;
        font-weight: 600;
      }

      /* ================= HERO ================= */
      .hero {
        position: relative;
        padding: 100px 20px 40px;
        text-align: center;
        overflow: hidden;

        /* IMAGEM DE FUNDO */
        background: url("poly.png")
          center/cover no-repeat;
      }

      /* OVERLAY ESCURO (ESSENCIAL) */
      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(11, 0, 40, 0.85),
          rgba(26, 0, 61, 0.85)
        );
        z-index: 0;
      }

      /* GARANTE QUE TEXTO FIQUE NA FRENTE */
      .hero * {
        position: relative;
        z-index: 1;
      }

      .hero h1 {
        font-size: 52px;
        font-family: "Quicksand", sans-serif;
        font-weight: 700;
        letter-spacing: -0.5px;
      }

      .meta {
        margin-top: 10px;
        color: #ddd;
      }

      /* BUTTON */
      .btn {
        display: inline-block;
        margin-top: 25px;
        padding: 15px 30px;
        background: var(--grad);
        color: #fff;
        font-weight: bold;
        border-radius: 12px;
        text-decoration: none;
        box-shadow: 0 0 25px rgba(255, 48, 240, 0.3);
        transition: 0.3s;
      }

      .btn:hover {
        transform: scale(1.05);
      }

      /* ================= COUNTDOWN ================= */
      .countdown {
        margin-top: 25px;
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
      }

      .box {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 48, 240, 0.3);
        padding: 12px 14px;
        border-radius: 12px;
        min-width: 75px;
        backdrop-filter: blur(10px);
      }

      .box span {
        font-size: 22px;
        font-weight: bold;
        display: block;
        color: #ff30f0;
      }

      /* ================= GRID ================= */
      .grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }

      /* CARD DARK */
      .card {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(110, 25, 255, 0.3);
        padding: 22px;
        border-radius: 16px;
        text-align: center;
        transition: 0.3s;
      }

      .card:hover {
        transform: translateY(-5px);
        border-color: var(--rosa);
        box-shadow: 0 0 25px rgba(110, 25, 255, 0.25);
      }

      /* highlight */
      .highlight {
        background: rgba(255, 255, 255, 0.05);
        border-left: 4px solid var(--rosa);
        padding: 25px;
        border-radius: 12px;
      }

      /* LIGHT SECTION */
      .section-light {
        background: var(--bege);
        color: var(--text-dark);
      }

      .section-light h2 {
        background: linear-gradient(135deg, #6e19ff, #ff30f0);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      /* CTA */
      .cta {
        background: linear-gradient(135deg, #6e19ff, #ff30f0);
        text-align: center;
        padding: 90px 20px;
      }

      /* FLOAT */
      .float {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: var(--grad);
        padding: 14px 18px;
        border-radius: 50px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        box-shadow: 0 0 20px rgba(255, 48, 240, 0.4);
      }

      /* MOBILE */
      .mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #12002b;
        text-align: center;
        padding: 15px;
        display: none;
        border-top: 1px solid rgba(255, 48, 240, 0.3);
      }

      .mobile a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
      }

      /* REVEAL */
      .reveal {
        opacity: 0;
        transform: translateY(40px);
        transition: 0.8s;
        margin-bottom: 20px;
      }
      .reveal.active {
        opacity: 1;
        transform: translateY(0);
      }

      .bonus-grid {
        grid-template-columns: repeat(4, 1fr);
      }

      .bonus-card {
        background: var(--bege);
        color: var(--text-dark);
        border-radius: 16px;
        overflow: hidden;
        text-align: left;
        transition: 0.3s;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      }

      .bonus-card:hover {
        transform: translateY(-6px);
      }

      .bonus-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
      }

      .bonus-card h3 {
        font-size: 16px;
        margin: 12px 12px 6px;
      }

      .bonus-card p {
        font-size: 13px;
        padding: 0 12px 15px;
        opacity: 0.85;
      }

      .cta {
        color: #fff;
      }

      /* FAQ */
      .faq {
        max-width: 800px;
        margin: 0 auto;
      }

      .faq-item {
        border-radius: 14px;
        margin-bottom: 12px;
        overflow: hidden;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      }

      .faq-question {
        width: 100%;
        padding: 18px;
        background: #efe3d8;
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: bold;
        cursor: pointer;
        font-size: 15px;
      }

      .icon {
        font-size: 20px;
        transition: 0.3s;
      }

      .faq-answer {
        max-height: 0;
        overflow: hidden;
        transition:
          max-height 0.35s ease,
          padding 0.35s ease;
        padding: 0 18px;
        font-size: 14px;
        color: #1f2937;
      }

      .faq-item.active .faq-answer {
        max-height: 200px;
        padding: 16px 18px;
      }

      .faq-item.active .icon {
        transform: rotate(45deg);
      }

      /* LOGO */
      /* TOPBAR LOGO */
      /* HEADER BASE */
      .topbar {
        width: 100%;
        padding: 18px 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background: rgba(11, 11, 26, 0.35);
        backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(255, 48, 240, 0.15);
        transition: 0.4s ease;
      }

      /* CONTEÚDO */
      .topbar-content {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      /* BRAND */
      .brand {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      /* LOGO */
      .logo-img {
        height: 46px;
        width: auto;
        opacity: 0;
        transform: translateY(-10px);
        animation: fadeInDown 0.8s ease forwards;
      }

      /* NOME */
      .brand-name {
        font-family: "Quicksand", sans-serif;
        font-size: 18px;
        font-weight: 600;
        background: linear-gradient(135deg, #6e19ff, #ff30f0);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0;
        transform: translateY(-10px);
        animation: fadeInDown 0.8s ease 0.2s forwards;
      }

      /* ANIMAÇÃO ENTRADA */
      @keyframes fadeInDown {
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* HEADER ENCOLHIDO (SCROLL) */
      .topbar.shrink {
        padding: 10px 0;
        background: rgba(11, 11, 26, 0.7);
      }

      .topbar.shrink .logo-img {
        height: 34px;
      }

      .topbar.shrink .brand-name {
        font-size: 15px;
      }

      .logo img {
        height: 96px;
        width: auto;
        object-fit: contain;
        filter: drop-shadow(0 0 10px rgba(255, 48, 240, 0.25));
        transition: 0.3s;
      }

      .logo img:hover {
        transform: scale(1.05);
      }

      /* RESPONSIVO */
      @media (max-width: 768px) {
        .grid {
          grid-template-columns: 1fr;
        }
        .hero h1 {
          font-size: 32px;
        }
        .mobile {
          display: block;
        }
      }
    </style>
  </head>

  <body>
    <!-- TOP BAR / LOGO -->
    <!-- HEADER PREMIUM -->
    <header class="topbar" id="topbar">
      <div class="container topbar-content">
        <div class="brand">
          <img src="logo.png" alt="Logo" class="logo-img" />
          <span class="brand-name">Da Arte à Encomenda</span>
        </div>
      </div>
    </header>

    <!-- HERO -->
    <div class="hero reveal">
      <h1>Transforme sua arte em renda constante</h1>
      <p>
        Sem depender de sorte ou promoções, <br>apenas estratégia de
        vendas reais.
      </p>

      <p class="meta">Imersão <strong>ao vivo</strong> + gravação | Vagas limitadas</p>

      <div class="countdown">
        <div class="box"><span id="d">0</span>D</div>
        <div class="box"><span id="h">0</span>H</div>
        <div class="box"><span id="m">0</span>M</div>
        <div class="box"><span id="s">0</span>S</div>
      </div>

      <div class="video-wrapper">
          <iframe
            src="https://www.youtube.com/embed/xbWYdKp8Hyk"
            title="Apresentação do curso"
            frameborder="0"
            allow="
              accelerometer;
              autoplay;
              clipboard-write;
              encrypted-media;
              gyroscope;
              picture-in-picture;
            "
            allowfullscreen
          >
          </iframe>
        </div>

      <a class="btn" href="https://pay.kiwify.com.br/zmMr6fH">Quero transformar minha arte</a>
    </div>

    <!-- DOR -->
    <section class="reveal">
      <div class="container">
        <h2>Se hoje você sente que…</h2>

        <div class="grid">
          <div class="card-light">
            <div class="icon-box">✔</div>
            <span>Cria muito, mas não vende o suficiente</span>
          </div>
          <div class="card-light">
            <div class="icon-box">✔</div>
            <span>Não sabe quanto cobrar</span>
          </div>
          <div class="card-light">
            <div class="icon-box">✔</div>
            <span>Se sente invisível no mercado</span>
          </div>
          <div class="card-light">
            <div class="icon-box">✔</div>
            <span>Trabalha muito e lucra pouco</span>
          </div>
          <div class="card-light">
            <div class="icon-box">✔</div>
            <span>Tem medo de se posicionar</span>
          </div>
        </div>
      </div>
    </section>

    <!-- QUEBRA (LIGHT) -->
    <section class="reveal section-light">
      <div class="container">
        <h2>
          O problema não é <br />
          <span style="font-size: larger">sua arte</span>
        </h2>

        <div class="highlight" style="background: #fff">
          Você não vende pouco por falta de talento.<br /><br />
          Você vende pouco porque ninguém te ensinou posicionamento,
          precificação e vendas.<br /><br />
          <h3>Arte sem estratégia vira hobby.</h3>
        </div>
      </div>
    </section>

    <!-- CONTEÚDO (LIGHT) -->
    <section class="reveal">
      <div class="container">
        <h2>O que você vai dominar</h2>

        <div class="grid">
          <div class="card-light">
            <div class="icon-box">💰</div>
            <span>Mentalidade de vendas lucrativas</span>
          </div>

          <div class="card-light">
            <div class="icon-box">📊</div>
            <span>Precificação estratégica</span>
          </div>

          <div class="card-light">
            <div class="icon-box">📣</div>
            <span>Conteúdo que gera pedidos</span>
          </div>

          <div class="card-light">
            <div class="icon-box">🚀</div>
            <span>Como vender melhor</span>
          </div>
        </div>
      </div>
    </section>

    <!-- BÔNUS (LIGHT) -->
    <section class="reveal section-light">
      <div class="container">
        <h2>Bônus exclusivos</h2>

        <div class="grid bonus-grid">
          <div class="bonus-card">
            <img
              src="bonus-1.png"
              alt="Aulas bônus"
            />
            <h3>2 Aulas Bônus de Aramados</h3>
            <p>
              Aulas exclusivas sobre a técnica de aramados para você aumentar as chances de valorizar
              o seu trabalho artesanal.
            </p>
          </div>

          <div class="bonus-card">
            <img
              src="bonus-2.png"
              alt="IA"
            />
            <h3>Pauli IA</h3>
            <p>
              Seu assistente inteligente para te ajudar a criar ideias, posts e
              estratégias de venda automaticamente.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- PROVA -->
    <section class="reveal">
      <div class="container">
        <h2>Isso não é um curso comum</h2>

        <div class="highlight" style="background-color: #efe3d8; color: black">
          É uma imersão prática para artesãs que querem sair do amadorismo e
          viver de arte com estratégia e posicionamento.
        </div>
      </div>
    </section>

    <!-- OFERTA -->
    <section class="reveal">
      <div class="container">
        <h2>Seu acesso completo inclui</h2>

        <div class="benefits">
          <div class="benefit-item">
            <div class="icon-box">🎥</div>
            <p>
              <strong>Imersão ao vivo no dia 09/05</strong><br />Aprenda passo a
              passo com acompanhamento em tempo real.
            </p>
          </div>

          <div class="benefit-item">
            <div class="icon-box">📺</div>
            <p>
              <strong>Gravação completa</strong><br />Acesse todo o conteúdo
              quando quiser e revise quantas vezes precisar.
            </p>
          </div>

          <div class="benefit-item">
            <div class="icon-box">✨</div>
            <p>
              <strong>2 aulas bônus exclusivas</strong><br />Conteúdos extras
              para acelerar suas vendas no artesanato.
            </p>
          </div>

          <div class="benefit-item">
            <div class="icon-box">🔒</div>
            <p>
              <strong>Acesso vitalício</strong><br />Estude no seu ritmo, sem
              prazo para expirar.
            </p>
          </div>
        </div>

        <div style="text-align: center; margin-top: 30px">
          <h3 style="font-size: 26px">Investimento: R$ 97,00</h3>
          <a class="btn" href="https://pay.kiwify.com.br/zmMr6fH">Garantir minha vaga</a>
        </div>
      </div>
    </section>

    <!-- AUTORA -->
    <section class="reveal section-light" id="sobre-autora">
      <div class="container author">
        <div class="author-img">
          <img src="poly.png" alt="Pauliane Sampaio - Poly" />
        </div>

        <div class="author-content">
          <h2>Quem é Pauliane Sampaio?</h2>

          <p>
            Olá, meu nome é Pauliane Sampaio, mas todos me conhecem como Poly.
            Sou mãe da Cecile e do João e natural de Óbidos/PA. Sempre acreditei
            que a educação poderia transformar a minha vida.
          </p>

          <p>
            Sou formada em Geografia (UFAM) e mestre em Clima e Ambiente (INPA).
            Durante muito tempo, me via na carreira acadêmica, mas a vida me
            levou ao artesanato de forma inesperada.
          </p>

          <p>
            Tudo começou com um simples laço feito para a festa junina da escola
            da minha filha — e isso mudou completamente o meu caminho. O que era
            hobby virou propósito: ensinar outras mulheres a viverem do próprio
            talento.
          </p>

          <p>
            Hoje lidero um coletivo de mulheres empreendedoras que crescem
            juntas no artesanato e nos negócios.
          </p>

          <p>
            No curso, você terá meu acompanhamento para tirar dúvidas e evoluir
            sua jornada como artesã e empreendedora.
          </p>

          <h2 style="color: #fff; text-align: center; font-size: larger">
            Você não precisa trabalhar mais. <br>Precisa vender melhor.
          </h2>
        </div>
      </div>
    </section>

    <section class="reveal">
      <div class="container">
        <h2>Dúvidas Frequentes</h2>

        <div class="faq">
          <div class="faq-item">
            <button class="faq-question">
              <span>Garantia do curso</span>
              <span class="icon">+</span>
            </button>
            <div class="faq-answer">
              Se você não ficar satisfeito(a) com o curso, basta nos avisar
              dentro dos 7 dias de garantia que realizaremos seu reembolso.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-question">
              <span>Como funciona o curso?</span>
              <span class="icon">+</span>
            </button>
            <div class="faq-answer">
              O curso é uma imersão prática com aulas ao vivo e conteúdos
              gravados, focado em transformar sua arte em vendas reais.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-question">
              <span>Quais as formas de pagamento?</span>
              <span class="icon">+</span>
            </button>
            <div class="faq-answer">Cartão de crédito, PIX ou boleto.</div>
          </div>

          <div class="faq-item">
            <button class="faq-question">
              <span>Por quanto tempo tenho acesso?</span>
              <span class="icon">+</span>
            </button>
            <div class="faq-answer">
              Aula ao vivo no dia 09/05/2026 e, em seguida, conteúdo gravado na plataforma de forma vitalícia.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-question">
              <span>Posso acessar pelo celular?</span>
              <span class="icon">+</span>
            </button>
            <div class="faq-answer">
              Sim, totalmente compatível com celular, tablet e computador.
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- MOBILE -->
    <div class="mobile">
      <a href="https://pay.kiwify.com.br/zmMr6fH">Quero participar no dia 09/05</a>
    </div>

    <script>
      const eventDate = new Date("2026-05-09T20:00:00").getTime();

      setInterval(() => {
        const now = new Date().getTime();
        const diff = eventDate - now;

        document.getElementById("d").innerText = Math.floor(
          diff / (1000 * 60 * 60 * 24),
        );
        document.getElementById("h").innerText = Math.floor(
          (diff / (1000 * 60 * 60)) % 24,
        );
        document.getElementById("m").innerText = Math.floor(
          (diff / (1000 * 60)) % 60,
        );
        document.getElementById("s").innerText = Math.floor((diff / 1000) % 60);
      }, 1000);

      const els = document.querySelectorAll(".reveal");
      const obs = new IntersectionObserver(
        (e) => {
          e.forEach(
            (i) => i.isIntersecting && i.target.classList.add("active"),
          );
        },
        { threshold: 0.1 },
      );

      els.forEach((e) => obs.observe(e));

      document.querySelectorAll(".faq-question").forEach((btn) => {
        btn.addEventListener("click", () => {
          const item = btn.parentElement;

          // fecha outros (efeito premium)
          document.querySelectorAll(".faq-item").forEach((el) => {
            if (el !== item) el.classList.remove("active");
          });

          item.classList.toggle("active");
        });
      });

      const topbar = document.getElementById("topbar");

      window.addEventListener("scroll", () => {
        if (window.scrollY > 50) {
          topbar.classList.add("shrink");
        } else {
          topbar.classList.remove("shrink");
        }
      });
    </script>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Garantia do curso",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Se você não ficar satisfeito(a) com o curso, basta nos avisar dentro dos 14 dias de garantia que realizaremos seu reembolso."
            }
          },
          {
            "@type": "Question",
            "name": "Como funciona o curso?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "O curso é uma imersão prática com aulas ao vivo e conteúdos gravados, focado em transformar sua arte em vendas reais."
            }
          },
          {
            "@type": "Question",
            "name": "Quais as formas de pagamento?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Cartão de crédito, PIX ou boleto dependendo da plataforma de pagamento."
            }
          },
          {
            "@type": "Question",
            "name": "Por quanto tempo tenho acesso ao curso?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "O acesso é de longo prazo ou vitalício dependendo da plataforma."
            }
          },
          {
            "@type": "Question",
            "name": "Posso acessar pelo celular?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Sim, o curso pode ser acessado por celular, tablet ou computador."
            }
          }
        ]
      }
    </script>
  </body>
</html>/* End custom CSS */