<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="position: relative; height: 300px; overflow: hidden; border-radius: 12px; max-width: 1000px; margin: 40px auto;">

  <video autoplay loop muted playsinline style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
    <source src="https://tdn.totvs.com/download/attachments/919067157/videoplayback.mp4?version=1&modificationDate=1744650727420&api=v2" type="video/mp4">
  </video>

  <!-- overlay azul -->
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 64, 255, 0.6);"></div>

  <!-- conteúdo acima do vídeo -->
  <div style="position: relative; z-index: 2; padding: 30px; color: #ffffff; font-family: Arial, sans-serif;">
    <p style="font-size: 30px; font-weight: bold; margin: 0;">Precisa de ajuda e não encontrou por aqui?</p>
    <p style="font-size: 30px; margin-top: 10px;">
      Entre em contato pelo Portal de clientes ou pelo 
      <a href="https://wa.me/SEU_NUMERO" target="_blank" style="background-color: #eafaf1; color: #56CF61; font-weight: bold; padding: 10px 20px; border-radius: 20px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px;">
        Whatsapp
        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="22" height="22" 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,0.342-8.587-0.305-9.856c-0.531-1.062-10.012-23.944-11.02-26.348   c-2.424-5.801-5.627-8.502-10.078-8.502c-0.413,0,0,0-1.732,0.073c-2.109,0.089-13.594,1.601-18.672,4.802   c-5.385,3.395-14.495,14.217-14.495,33.249c0,17.129,10.87,33.302,15.537,39.453c0.116,0.155,0.329,0.47,0.638,0.922   c17.873,26.102,40.154,45.446,62.741,54.469c21.745,8.686,32.042,9.69,37.896,9.69c0.001,0,0.001,0,0.001,0   c2.46,0,4.429-0.193,6.166-0.364l1.102-0.105c7.512-0.666,24.02-9.22,27.775-19.655c2.958-8.219,3.738-17.199,1.77-20.458   C233.168,179.508,230.845,178.393,227.904,176.981z"/>
            <path d="M156.734,0C73.318,0,5.454,67.354,5.454,150.143c0,26.777,7.166,52.988,20.741,75.928L0.212,302.716   c-0.484,1.429-0.124,3.009,0.933,4.085C1.908,307.58,2.943,308,4,308c0.405,0,0.813-0.061,1.211-0.188l79.92-25.396   c21.87,11.685,46.588,17.853,71.604,17.853C240.143,300.27,308,232.923,308,150.143C308,67.354,240.143,0,156.734,0z    M156.734,268.994c-23.539,0-46.338-6.797-65.936-19.657c-0.659-0.433-1.424-0.655-2.194-0.655c-0.407,0-0.815,0.062-1.212,0.188   l-40.035,12.726l12.924-38.129c0.418-1.234,0.209-2.595-0.561-3.647c-14.924-20.392-22.813-44.485-22.813-69.677   c0-65.543,53.754-118.867,119.826-118.867c66.064,0,119.812,53.324,119.812,118.867   C276.546,215.678,222.799,268.994,156.734,268.994z"/>
          </g>
        </svg>
      </a>
    </p>
  </div>

</div>