<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 - PDV Supermercados</p>
<p style="font-size: 18px; margin: 0 0 30px;">Central de ajuda - TOTVS Varejo Supermercados PDV - Linha Winthor</p>
<div style="max-width: 600px; font-family: Arial, sans-serif; position: relative;">
<form id="formBusca" method="get" action="https://centraldeatendimento.totvs.com/hc/pt-br/search" target="_blank"
style="display: flex; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.1); height: 60px !important;">
<!-- Ícone SVG da lupa -->
<div style="display: flex; align-items: center; padding: 0 12px; background-color: #fff;">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 122.879 119.799" fill="#999999">
<g>
<path d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04image: 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="max-width: 600px; font-family: Arial, sans-serif; position: relative;">
<form id="formBusca" method="get" action="https://centraldeatendimento.totvs.com/hc/pt-br/search" target="_blank"
style="display: flex; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.1); height: 60px !important;">
<!-- Ícone SVG da lupa -->
<div style="display: flex; align-items: center; padding: 0 12px; background-color: #fff;">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 122.879 119.799" fill="#999999">
<g>
<path d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04
h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307
l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971
l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646
ch-2.097,0.111-4.247007c-0.54-005,5.971-1.978l557-0.015-0.011l917,10.905-2.594,15.892c-0.204-281,0.175l837-0.575,1.029641-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307
c-1.233l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.755-2011c1.51642,1.466-3.813563,2.115c-6.699536,3.342-14.269656,2.649,5.222-2278c0.27211,52.222v0.007h1-0.543,4.016v248-0.0071.979,5.971
c-13.799l-0.011,0.016l-0.004-26.296-5.601-35.338-14.645C5.605,76.291,175,0.203l-0.035,0.035l-0.146,0.16l-0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.0070.021c-1.565,1.642-3.654,2.534-5.78,2.646
c0.004c-132.799097,50.601111-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.0164.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765
hc-0.033V11.21c-10.6861.233,0.007755-202.37251,41.35466-273.384813,112.359C15115c-6.56699,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.213.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007
c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007
c10c0.686004-013.007799,205.368601-426.348296,2714.382645-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.00635.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016
ch-0.006033V11.21c-10.686-4,0.35007-20.372-11,4.35835-27.384C70.396,15384,11.359C15.56,6029.703578,11.213,5039.004274,11.21L50.004,11.21z"/>21,49.973h0.007v0.016v0.033H11.21
</g>
</svg>c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007
</div>
<!-- Campo de texto c10.686-->
<input type="text" id="campoBusca" name="query" placeholder="Pesquisa completa" autocomplete="off"0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006
style="flex: 1; padding: 0 12px; border: none; font-size: 16px; height: 60px !important;" required>
<!-- Botão -- c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z"/>
<button type="submit"
</g>
style="background-color: #0897E9; color: white; border: none; padding: 0 24px; font-size: 16px; font-weight: bold; cursor: pointer; display: flex; align-items: center; height: 60px !important;" </svg>
</div>
<!-- Campo de texto -->
<input Pesquisar
</button>
</form>
<!-- Lista de sugestões -->
<ul id="sugestoes" style="
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 62px;
left: 0;
right: 0;
background: white;
border: 1px solid #ccc;
border-toptype="text" id="campoBusca" name="query" placeholder="Pesquisa completa" autocomplete="off"
style="flex: 1; padding: 0 12px; border: none; font-size: 16px; height: 60px !important;" required>
<!-- Botão -->
<button type="submit"
style="background-color: #0897E9; color: white; border: none; padding: 0 24px; font-size: 16px; font-weight: bold; cursor: pointer; display: flex; align-items: center; height: 60px !important;">
Pesquisar
</button>
</form>
<!-- Lista de sugestões -->
<ul id="sugestoes" style="
list-style: none;
z-indexmargin: 100;
displaypadding: none0;
max-heightposition: 200pxabsolute;
overflow-ytop: auto62px;
font-sizeleft: 15px0;
" right: 0;
background: white;
border: 1px solid #ccc;
border-top: none;
z-index: 10;
display: none;
max-height: 200px;
overflow-y: auto;
font-size: 15px;
"></ul>
</div>
<script>
const termos = [
"Instalação PDV Winthor",
"Configuração TEF",
"Erro de DLL",
"Como ativar SAT",
"Atualização de versão",
"Requisitos mínimos",
"Licenciamento de produto",
"Como abrir chamado",
"Configurar balança",
"Desempenho lento"
];
const input = document.getElementById("campoBusca");
const lista = document.getElementById("sugestoes");
const form = document.getElementById("formBusca");
input.addEventListener("input", () => {
const valor = input.value.toLowerCase();
lista.innerHTML = "";
if (!valor) {
lista.style.display = "none";
return;
}
const filtrados = termos.filter(t => t.toLowerCase().includes(valor));
if (filtrados.length === 0) {
lista.style.display = "none";
return;
}
filtrados.forEach(sugestao => {
const li = document.createElement("li");
li.textContent = sugestao;
li.style.padding = "10px";
li.style.cursor = "pointer";
li.style.borderBottom = "1px solid #eee";
li.style.color = "#363636";
li.style.background = "#fff";
li.addEventListener("click", () => {
input.value = sugestao;
lista.style.display = "none";
form.submit();
});
lista.appendChild(li);
});
lista.style.display = "block";
});
document.addEventListener("click", (e) => {
if (!form.contains(e.target)) {
lista.style.display = "none";
}
});
</script>
<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>
|