<style>
.wiki-content .contentLayout2 .columnLayout .cell {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.page-metadata {
    display: none !important;
}
div.wiki-content div.search-macro-large .search-macro-query input {
    height: 60px !important;
}
div.wiki-content div.search-macro-large .search-macro-query .aui-icon {
    top: 21px!important;
} .ia-fixed-sidebar {
    display: none!important;
}  
div#main{
 	padding-left: 15px!important;
    padding-right: 15px!important; 
} 
#main {     
	padding-left: 15px!important;
    padding-right: 15px!important;

}
.theme-default .ia-splitter #main {
    margin-left: auto !important;
}
 #main #content {
    padding-right: 0px!important;
} 

.expand-control-text {
    color: #363636!important;
    font-size: 18px !important;
    font-weight: normal!important;
}

.sectionColumnWrapper {
    padding-left: 1.7em!important;
    padding-right: 1.8em!important;
}
.box-icon {
    width: 130px!important;
    height: 130px!important;
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center;
}  
.cw-bylines {
    display: none!important;
} 
h1#title-text {
    display: none!important;
}
 .card-box {
    box-shadow: none !important;
    padding: 10px;
    display: flex;
    height: 119px;
    align-items: center;
    margin-left: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: auto !important;
    height: auto !important;
}
.custom-button {
    padding: 16px 10px!important;
    border: none!important;
    border-radius: 8px!important;
	width: 100%!important;
}  
.sectionMacro {
    padding: 0px 10px!important;
} 
.columnMacro.conf-macro.output-block {
    width: 333px!important;
}
.sectionMacroWithBorder .columnMacro {
    border-style: dashed!important;
    border-width: 0px!important;
    border-color: #ffffff!important;
    padding: inherit!important;
}

 </style>
<div style="width:100%; height:491px; background-image: url('https://tdn.totvs.com/download/attachments/919067157/Frame1.jpg?version=1&modificationDate=1744391035852&api=v2'); background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; color: white;">
  <div style="text-align: left; max-width: 1070px; width: 100%; padding: 0 20px;">

    <p style="font-size: 56px; margin: 0 0 10px;">Portal da migração</p>

    <p style="font-size: 18px; margin: 0 0 30px;">Central de ajuda - TOTVS Varejo Supermercados PDV</p>

    <div style="display: flex; max-width: 600px; width: 100%; margin-bottom: 20px;">
   <div class="search-macro search-macro-large conf-macro output-inline" data-hasbody="false" data-macro-name="livesearch">
    <div class="aui-dd-parent"> </div>
    <form class="aui aui-dd-parent" name="livesearchForm" method="GET" action="/dosearchsite.action" role="search">
        <fieldset class="search-macro-fields">
            <div class="search-macro-query">
                <input class="text" type="text" name="queryString" autocomplete="off" placeholder="Pesquisar" aria-label="Pesquisar">
                                <span class="aui-icon aui-icon-large aui-iconfont-search">Pesquisa</span>
                            </div>
                        <input type="hidden" name="where" value="TVSPLC">
            <input type="hidden" name="additional" value="space name">
            <input type="hidden" name="labels" value="">
            <input type="hidden" name="contentType" value="">
        </fieldset>
    </form>
</div> 
 
    </div>

    <p style="font-size: 14px; margin: 0;">
      <span style="color: #8BBCEC;">POPULAR:</span>
      <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=870411305" target="_blank" style="color: white; margin-right: 12px; text-decoration: underline;">Configuração de banco de dados</a>
      <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=574887420" target="_blank" style="color: white; text-decoration: underline;">Carteira Digital e Código de movimentação</a>
    </p>

  </div>
</div>

<p style="
      font-size: 23px;
      margin: 8px 0 24px 0;
	  font-weight: 500;
    ">
      Principais tópicos
    </p>
<div style="display:flex; gap:20px; margin-bottom: 32px;">

  <!-- Card 1 -->
  <div style="width:100%;max-width:300px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
    <a href="url_da_publicacao_1" target="_blank">
      <img src="https://tdn.totvs.com/download/attachments/919067157/Image.jpg?version=1&modificationDate=1744316027751&api=v2" alt="Imagem" style="width:100%;height:auto;">
    </a>
    <div style="padding:16px;">
      <div style="font-size:14px;color:#0897E9;margin-bottom:8px;">
        <a href="url_do_autor_1" style="text-decoration:none;color:#0897E9;">Leandro Rodrigues</a> • 1 Jan 2025
      </div>
      <h3 style="margin:0 0 8px;font-size:20px;color:#000;">Publicação 1 ↗</h3>
      <p style="margin:0 0 12px;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>
      <div>
        <a href="url_tag_1" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;">Cadastro</a>
        <a href="url_tag_2" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;">Erro de dll</a>
      </div>
    </div>
  </div>

  <!-- Card 2 -->
  <div style="width:100%;max-width:300px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
    <a href="url_da_publicacao_2" target="_blank">
      <img src="https://tdn.totvs.com/download/attachments/919067157/Image.jpg?version=1&modificationDate=1744316027751&api=v2" alt="Imagem" style="width:100%;height:auto;">
    </a>
    <div style="padding:16px;">
      <div style="font-size:14px;color:#0897E9;margin-bottom:8px;">
        <a href="url_do_autor_2" style="text-decoration:none;color:#0897E9;">Ana Silva</a> • 5 Fev 2025
      </div>
      <h3 style="margin:0 0 8px;font-size:20px;color:#000;">Publicação 2 ↗</h3>
      <p style="margin:0 0 12px;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
      <div>
        <a href="url_tag_3" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;">Configuração</a>
        <a href="url_tag_4" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;">Performance</a>
      </div>
    </div>
  </div>

  <!-- Card 3 -->
  <div style="width:100%;max-width:300px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
    <a href="url_da_publicacao_3" target="_blank">
      <img src="https://tdn.totvs.com/download/attachments/919067157/Image.jpg?version=1&modificationDate=1744316027751&api=v2" alt="Imagem" style="width:100%;height:auto;">
    </a>
    <div style="padding:16px;">
      <div style="font-size:14px;color:#0897E9;margin-bottom:8px;">
        <a href="url_do_autor_3" style="text-decoration:none;color:#0897E9;">Pedro Almeida</a> • 10 Mar 2025
      </div>
      <h3 style="margin:0 0 8px;font-size:20px;color:#000;">Publicação 3 ↗</h3>
      <p style="margin:0 0 12px;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        Ut enim ad minim veniam, quis nostrud exercitation ullamco.
      </p>
      <div>
        <a href="url_tag_5" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;">Instalação</a>
        <a href="url_tag_6" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;">Atualização</a>
      </div>
    </div>
  </div>

</div>
<div style="display:flex; gap:20px; margin-bottom: 32px;">

  <!-- Card 1 -->
  <div style="width:100%;max-width:300px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
    <a href="url_da_publicacao_1" target="_blank">
      <img src="https://tdn.totvs.com/download/attachments/919067157/Image.jpg?version=1&modificationDate=1744316027751&api=v2" alt="Imagem" style="width:100%;height:auto;">
    </a>
    <div style="padding:16px;">
      <div style="font-size:14px;color:#0897E9;margin-bottom:8px;">
        <a href="url_do_autor_1" style="text-decoration:none;color:#0897E9;">Leandro Rodrigues</a> • 1 Jan 2025
      </div>
      <h3 style="margin:0 0 8px;font-size:20px;color:#000;">Publicação 1 ↗</h3>
      <p style="margin:0 0 12px;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>
      <div>
        <a href="url_tag_1" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;">Cadastro</a>
        <a href="url_tag_2" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;">Erro de dll</a>
      </div>
    </div>
  </div>

  <!-- Card 2 -->
  <div style="width:100%;max-width:300px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
    <a href="url_da_publicacao_2" target="_blank">
      <img src="https://tdn.totvs.com/download/attachments/919067157/Image.jpg?version=1&modificationDate=1744316027751&api=v2" alt="Imagem" style="width:100%;height:auto;">
    </a>
    <div style="padding:16px;">
      <div style="font-size:14px;color:#0897E9;margin-bottom:8px;">
        <a href="url_do_autor_2" style="text-decoration:none;color:#0897E9;">Ana Silva</a> • 5 Fev 2025
      </div>
      <h3 style="margin:0 0 8px;font-size:20px;color:#000;">Publicação 2 ↗</h3>
      <p style="margin:0 0 12px;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
      <div>
        <a href="url_tag_3" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;">Configuração</a>
        <a href="url_tag_4" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;">Performance</a>
      </div>
    </div>
  </div>

  <!-- Card 3 -->
  <div style="width:100%;max-width:300px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
    <a href="url_da_publicacao_3" target="_blank">
      <img src="https://tdn.totvs.com/download/attachments/919067157/Image.jpg?version=1&modificationDate=1744316027751&api=v2" alt="Imagem" style="width:100%;height:auto;">
    </a>
    <div style="padding:16px;">
      <div style="font-size:14px;color:#0897E9;margin-bottom:8px;">
        <a href="url_do_autor_3" style="text-decoration:none;color:#0897E9;">Pedro Almeida</a> • 10 Mar 2025
      </div>
      <h3 style="margin:0 0 8px;font-size:20px;color:#000;">Publicação 3 ↗</h3>
      <p style="margin:0 0 12px;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        Ut enim ad minim veniam, quis nostrud exercitation ullamco.
      </p>
      <div>
        <a href="url_tag_5" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;">Instalação</a>
        <a href="url_tag_6" style="display:inline-block;background-color:#EAF9FF;color:#0897E9;text-decoration:none;padding:4px 10px;border-radius:12px;font-size:12px;">Atualização</a>
      </div>
    </div>
  </div>

</div>
<p style="
      font-size: 23px;
      margin: 8px 0 24px 0;
	  font-weight: 500;
    ">
      Video Recentes
    </p>
<div style="max-width: 350px; margin-bottom: 20px;">
  <iframe
    width="100%"
    height="150px"
    src="https://www.youtube.com/embed/dqU3MY2enWc"
    style="border:none; border-radius:8px; display:block;"
    allowfullscreen>
  </iframe>
  <h3 style="margin: 10px 0 5px; font-size: 18px;">Título do Vídeo</h3>
  <p style="margin: 0; font-size: 14px; color: #555;">Subtítulo ou descrição breve sobre o vídeo.</p>
</div>
<div style="max-width: 350px; margin-bottom: 20px;">
  <iframe
    width="100%"
    height="150px"
    src="https://www.youtube.com/embed/dqU3MY2enWc"
    style="border:none; border-radius:8px; display:block;"
    allowfullscreen>
  </iframe>
  <h3 style="margin: 10px 0 5px; font-size: 18px;">Título do Vídeo</h3>
  <p style="margin: 0; font-size: 14px; color: #555;">Subtítulo ou descrição breve sobre o vídeo.</p>
</div>
<div style="max-width: 350px; margin-bottom: 20px;">
  <iframe
    width="100%"
    height="150px"
    src="https://www.youtube.com/embed/dqU3MY2enWc"
    style="border:none; border-radius:8px; display:block;"
    allowfullscreen>
  </iframe>
  <h3 style="margin: 10px 0 5px; font-size: 18px;">Título do Vídeo</h3>
  <p style="margin: 0; font-size: 14px; color: #555;">Subtítulo ou descrição breve sobre o vídeo.</p>
</div>






<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: 900px; 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>


https://centraldeatendimento.totvs.com/hc/pt-br/articles/28075266556567-PDV-SUP-Caixa-n%C3%A3o-aparece-no-servidor-de-faturamento

https://centraldeatendimento.totvs.com/hc/pt-br/articles/28084705156247-PDV-SUP-Diverg%C3%AAncia-de-pre%C3%A7o-atacado

https://centraldeatendimento.totvs.com/hc/pt-br/articles/28108142393623-PDV-SUP-Erro-ao-utiliza-Cr%C3%A9dito

https://centraldeatendimento.totvs.com/hc/pt-br/articles/28108484453399-PDV-SUP-Diverg%C3%AAncia-de-pre%C3%A7o-com-etiqueta-para-KIT-e-Cesta

https://centraldeatendimento.totvs.com/hc/pt-br/articles/28114111173655-PDV-SUP-N%C3%A3o-existe-CONF-Erro-ao-chamar-TEF

https://centraldeatendimento.totvs.com/hc/pt-br/articles/28114111173655-PDV-SUP-N%C3%A3o-existe-CONF-Erro-ao-chamar-TEF

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

https://centraldeatendimento.totvs.com/hc/pt-br/articles/28148376007703-PDV-SUP-Cesta-n%C3%A3o-encontrada-no-PDV

https://centraldeatendimento.totvs.com/hc/pt-br/articles/26985899336855-PDV-SUP-Como-inserir-licen%C3%A7a-no-MONITORPLUS

https://centraldeatendimento.totvs.com/hc/pt-br/articles/30561093806743-PDV-SUPER-Processo-de-adquirir-as-licen%C3%A7as-do-PDV-SUPER

https://centraldeatendimento.totvs.com/hc/pt-br/articles/30458832745751-PDV-SUP-C%C3%B3digo-X-n%C3%A3o-permite-fra%C3%A7%C3%A3o-na-quantidade




<style type="text/css">
    .cards-container {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justify-items: center;
    }

    .card {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .card-text-container {
        text-align: left;
        padding: 30px;
    }

    .card-label {
        color: orange;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #045B8F;
        font-weight: bold;
        font-size: 17px;
    }

    #card-title-link:hover {
        text-decoration: underline;
    }

    .card-desc {
        margin: 0 !important;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #494440;
    }

    .card-text-margin-bottom {
        margin: 0 0 5px 0 !important;
    }
</style>

<section class="cards-container">
    <div class="card">
        
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">Suporte</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://totvscst.zendesk.com/hc/pt-br/#home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?</a>
            </h2>
            <p class="card-desc">Entre em contato pelo <a href="https://totvscst.zendesk.com/hc/pt-br/#home" target="blank">Portal de clientes</a> ou pelo WhatsApp. A equipe de atendimento do TOTVS PDV Supermercados estará pronta para lhe ajudar.</p>
        </div>
    </div>
</section>