<p style="
      font-size: 30px;
      margin: 0px 0 0px 0;
	  font-weight: 500;
	  text-align: center;
    ">
      Perguntas frequentes
    </p>
<p style="font-size: 18px; color: #9d9d9d; margin-bottom: 20px; text-align: center;">
  Encontre respostas rápidas para as dúvidas mais comuns abaixo.
</p>

<div style="max-width: 80%; margin: 0 auto; font-family: Arial, sans-serif;">

  <style>
    details {
      border-bottom: 1px solid #ddd;
      padding: 15px 0;
    }

    summary {
      list-style: none;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      min-height: 48px;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    .title-group {
      display: flex;
      flex-direction: column;
    }

    .title {
      font-weight: bold;
      font-size: 16px;
    }

    .arrow {
      transition: transform 0.3s ease;
      font-size: 16px;
      margin-left: 20px;
    }

    details[open] .arrow {
      transform: rotate(180deg);
    }

    .content {
      padding: 10px 0 0;
      font-size: 14px;
      color: #444;
    }

    .accordion-loadmore {   
	background: #ffffff;
    color: #363636;
    border: #e5e5e5;
    border-style: solid;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    margin: 24px auto 0px auto;
    padding: 16px 24px!important;
    display: block!important;     
 }
  </style>

  <div id="accordion-items">

    <details open>
      <summary>
        <div class="title-group">
          <span class="title">Como posso utilizar o TOTVS Varejo Supermercados PDV?</span>
        </div>
        <span class="arrow">⌄</span>
      </summary>
      <div class="content">
        Para acessar esta solução, você deve solicitar ao seu ESN a troca de licença do PDV 2075 do TOTVS Linha Winthor para o TOTVS Varejo Supermercados PDV e após a efetivar esta ação, você deverá acessar a documentação <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=815595086">Instalação do TOTVS Varejo Supermercados PDV</a>, para realizar a configuração da nova aplicação.<br><br>
        Importante: todos os clientes que utilizam o PDV 2075 do TOTVS Linha Winthor atualmente, não terão custos para migrar para o TOTVS Varejo Supermercados PDV.
      </div>
    </details>

    <details>
      <summary>
        <div class="title-group">
          <span class="title">O que vai acontecer com os meus dados?</span>
        </div>
        <span class="arrow">⌄</span>
      </summary>
      <div class="content">
        Para garantir uma transição tranquila seus dados permanecerão disponíveis no banco de dados já utilizado. <br><br>
        Lembrando que a TOTVS sempre atuará observando toda e qualquer legislação aplicável e eventuais deveres de confidencialidade existentes.
      </div>
    </details>

    <details>
      <summary>
        <div class="title-group">
          <span class="title">O que vai acontecer se eu não migrar para a solução substituta até a data da descontinuação?</span>
        </div>
        <span class="arrow">⌄</span>
      </summary>
      <div class="content">
        Se você não realizar a migração para o TOTVS Varejo Supermercados PDV até a data da descontinuação, você poderá continuar utilizando o PDV 2075 do TOTVS Linha Winthor, mas sem contar com correções, inovações e suporte técnico. Entretanto, ao atualizar seu ambiente a partir de janeiro/2026, o  PDV 2075 do TOTVS Linha Winthor não estará mais disponível, uma vez que não estará contido nos releases liberados a partir desta data.<br><br>
        Recomendamos migrar para o TOTVS Varejo Supermercados PDV até a data da descontinuação para evitar eventuais impactos em sua operação, garantir suporte técnico e não ter custos de licenciamento para utilizar a solução substituta.
      </div>
    </details>

    <details>
      <summary>
        <div class="title-group">
          <span class="title">O que vai acontecer após a data da descontinuação?</span>
        </div>
        <span class="arrow">⌄</span>
      </summary>
      <div class="content">
        Conforme nossa Política de Ciclo de Vida de Software, a partir da data de descontinuação, a TOTVS não irá evoluir, prestar suporte ou dar manutenção para o produto descontinuado.
      </div>
    </details>

    <details>
      <summary>
        <div class="title-group">
          <span class="title">Existe alguma documentação para conhecer o produto substituto?</span>
        </div>
        <span class="arrow">⌄</span>
      </summary>
      <div class="content">
        <a href="https://tdn.totvs.com/display/public/TVSPLC/TOTVS+Varejo+Supermercados+PDV">Clique aqui</a> e conheça a documentação que preparamos para te ajudar nesta transição.
      </div>
    </details>

  </div>

  <button id="accordion-loadmore" class="accordion-loadmore">Carregar mais</button>

  <script>
    const loadMoreBtn = document.getElementById("accordion-loadmore");
    const container = document.getElementById("accordion-items");
    let current = 5;
    const total = 20;
    const step = 5;

    const perguntas = [
      {
        titulo: "Preciso fazer a validação do produto substituto no meu ambiente?",
        texto: "Recomendamos que, para assegurar o sucesso na adoção do produto substituto, seja realizada a validação da aderência e definição de configurações específicas e novas parametrizações, seguidas de rodadas de testes. Em alguns casos, a implantação do produto substituto pode gerar a necessidade de treinamentos e capacitações a serem fornecidos sob demanda.<br><br>Estamos à disposição para esclarecer qualquer dúvida. Basta entrar em contato com o seu ESN (Executivo de Soluções e Negócios)!"
      },
      {
        titulo: "Sou obrigado a realizar essa migração?",
        texto: "Sim, é obrigatório. A reforma tributária aprovada pelo congresso será realizada apenas com a integração com o novo PDV, não contemplando o PDV 2075."
      },
      {
        titulo: "O que o PDV Supermercados oferece de vantagens para eu realizar a migração?",
        texto: "Um PDV moderno, multiplataforma (Windows e Linux), com um motor de promoções com mais de 1000 combinações, equipamentos modernos homologados (como balanças, teclados, pin pads, leitores de código de barras e impressoras), entre outros"
      },
      {
        titulo: "Como será feita a transição?",
        texto: "A transição será feita de forma gradual, até o fim de 2025"
      },
      {
        titulo: "O que acontece se eu não migrar para o novo PDV até a data final?",
        texto: "Haverá um risco fiscal em decorrência da Reforma Tributária"
      }
    ];

    function createAccordionItem(index) {
      if (!perguntas[index - 5]) return "";
      return `
        <details>
          <summary>
            <div class="title-group">
              <span class="title">${perguntas[index - 5].titulo}</span>
            </div>
            <span class="arrow">⌄</span>
          </summary>
          <div class="content">${perguntas[index - 5].texto}</div>
        </details>
      `;
    }

    loadMoreBtn.addEventListener("click", () => {
      const limit = Math.min(current + step, total);
      for (let i = current; i < limit; i++) {
        container.innerHTML += createAccordionItem(i);
      }
      current = limit;
      if (current >= total) loadMoreBtn.style.display = "none";
    });
  </script>
</div>
   

<p style="
      font-size: 30px;
      margin: 88px 0 0px 0;
	  font-weight: 500;
	  text-align: center;
    ">
      Base de conhecimento
    </p>
<p style="font-size: 18px; color: #9d9d9d; margin-bottom: 20px; text-align: center;">
  Encontre respostas rápidas para as dúvidas mais comuns abaixo.
</p>

<div style="max-width: 1320px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif;">
  <style>
    .grid-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
    }

    @media (max-width: 1320px) {
      .grid-container {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 1024px) {
      .grid-container {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 920px) {
      .grid-container {
        grid-template-columns: 1fr;
      }
    }

    .grid-item p {
      margin: 0 0 10px;
    }

    .grid-item p:first-child {
      font-weight: bold;
      font-size: 16px;
    }

    .grid-item a {
      color: black;
      text-decoration: underline;
      font-weight: bold;
      font-size: 14px;
    }
  </style>    
  <div class="grid-container">
    <div class="grid-item">
      <p> PDV - SUP - Caixa não aparece no servidor de faturamento.</p>
      <p>Para que seja apresentado o PDV na monitoria, é necessário que o campo Nome PDV na rotina...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28075266556567-PDV-SUP-Caixa-n%C3%A3o-aparece-no-servidor-de-faturamento">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p>PDV - SUP - Divergência de preço atacado</p>
      <p>Acesse o ACRUX MONITOR e segue o caminho: Configurações - Configurações de PDVs...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28084705156247-PDV-SUP-Diverg%C3%AAncia-de-pre%C3%A7o-atacado">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p>PDV - SUP - Erro ao utiliza Crédito.</p>
      <p>Validar também se a aplicação do WTA e o Serviço winthor-integracao-pdv-supermercados do WTA...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28108142393623-PDV-SUP-Erro-ao-utiliza-Cr%C3%A9dito">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p> PDV - SUP - Divergência de preço com etiqueta para KIT e Cesta.</p>
      <p>Acesse o ACRUX MONITOR seguir o caminho: Configurações - Configurações de PDV - Produtos...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28108484453399-PDV-SUP-Diverg%C3%AAncia-de-pre%C3%A7o-com-etiqueta-para-KIT-e-Cesta">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p>PDV - SUP - Não existe CONF - Erro ao chamar TEF.</p>
      <p>Acesse o ACRUX MONITOR no caminho Configurações de PDVs - TEF e verifique se...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28114111173655-PDV-SUP-N%C3%A3o-existe-CONF-Erro-ao-chamar-TEF">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p>PDV - SUP - Monitor Antigo não acessa (Após atualização).</p>
      <p>Para solucionar é necessário adicionar Aplicativo na parte de gerenciador de serviços de infor...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28148232419991-PDV-SUP-Monitor-Antigo-n%C3%A3o-acessa-Ap%C3%B3s-atualiza%C3%A7%C3%A3o">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p>PDV - SUP - Cesta não encontrada no PDV.</p>
      <p>Consulte a cesta na rotina 2013 - Pesquisa de embalagens...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/28148376007703-PDV-SUP-Cesta-n%C3%A3o-encontrada-no-PDV">Acessar artigo</a>
    </div>
    <div class="grid-item">
      <p>PDV - SUP - Como inserir licença no MONITORPLUS</p>
      <p>Escolha o pacote de licenças que deseja inserir (PDV, SELF ou NFC-e), lembrando que para cada pacote ...</p>
      <a href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/26985899336855-PDV-SUP-Como-inserir-licen%C3%A7a-no-MONITORPLUS">Acessar artigo</a>
    </div>
  </div>
</div> 

<div style="max-width: 1000px; margin: 40px auto; padding: 30px; background: url('https://tdn.totvs.com/download/attachments/919067157/Frame%2048095603.jpg?version=1&modificationDate=1744649445579&api=v2') center/cover no-repeat; font-family: Arial, sans-serif; border-radius: 12px;">
  <style>
    .cta-title {
      font-size: 30px;
      font-weight: bold;
      margin: 0;
      color: #ffffff;
    }

    .cta-subtitle {
      font-size: 30px;
      color: #ffffff;
      margin: 5px 0 20px;
    }

    .whatsapp-button {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background-color: #eafaf1;
      color: #56CF61;
      padding: 10px 20px;
      border-radius: 20px;
      text-decoration: none;
      font-size: 20px;
      font-weight: bold;
      transition: all 0.3s ease;
    }

    .whatsapp-button:hover {
      background-color: #56CF61;
      color: #fff;
    }

    .whatsapp-button svg {
      width: 22px;
      height: 22px;
      fill: currentColor;
    }
  </style>

  <p class="cta-title">Precisa de ajuda e não encontrou por aqui?</p>
  <p class="cta-subtitle">
    Entre em contato pelo Portal de clientes ou pelo 
    <a href="https://wa.me/SEU_NUMERO" target="_blank" class="whatsapp-button">
      Whatsapp
      <svg xmlns="http://www.w3.org/2000/svg" fill="#56CF61" height="800px" width="800px" viewBox="0 0 308 308">
        <g>
          <path d="M227.904,176.981c-0.6-0.288-23.054-11.345-27.044-12.781c-1.629-0.585-3.374-1.156-5.23-1.156   c-3.032,0-5.579,1.511-7.563,4.479c-2.243,3.334-9.033,11.271-11.131,13.642c-0.274,0.313-0.648,0.687-0.872,0.687   c-0.201,0-3.676-1.431-4.728-1.888c-24.087-10.463-42.37-35.624-44.877-39.867c-0.358-0.61-0.373-0.887-0.376-0.887   c0.088-0.323,0.898-1.135,1.316-1.554c1.223-1.21,2.548-2.805,3.83-4.348c0.607-0.731,1.215-1.463,1.812-2.153   c1.86-2.164,2.688-3.844,3.648-5.79l0.503-1.011c2.344-4.657,