' + esc(s.q) + '

' + (s.hint ? '

' + esc(s.hint) + '

' : ''); if(s.type === 'text') renderText(s, head); else if(s.type === 'select') renderSelect(s, head); else if(s.type === 'form') renderForm(s, head); else renderOpts(s, head); var bk = d.getElementById('bk'); if(bk) bk.onclick = goBack; window.scrollTo(0,0); } function renderOpts(s, head){ var html = '

' + head + '

'; s.opts.forEach(function(o,i){ html += ''; }); html += '

'; app.innerHTML = html; var btns = app.querySelectorAll('.opt'); for(var i=0;i' + '' + '

Preencha este campo para continuar.

' + '' + '

'; var inp = d.getElementById('txt'); var err = d.getElementById('e-txt'); if(answers[s.id]) inp.value = answers[s.id]; inp.oninput = function(){ inp.classList.remove('err'); err.classList.remove('on'); }; inp.onkeydown = function(e){ if(e.key === 'Enter') go(); }; d.getElementById('nx').onclick = go; setTimeout(function(){ if(window.innerWidth >= 768) inp.focus(); }, 120); function go(){ var v = inp.value.trim(); if(v.length < 2){ inp.classList.add('err'); err.classList.add('on'); inp.focus(); return; } answer(s, { v:v }); } } function renderSelect(s, head){ var o = ''; for(var i=0;i' + v + ''; } app.innerHTML = '

' + head + '

' + '

Selecione uma opção para continuar.

' + '

'; var sel = d.getElementById('sel'); var err = d.getElementById('e-sel'); if(answers[s.id]) sel.value = answers[s.id]; sel.onchange = function(){ sel.className=''; err.className='errmsg'; }; d.getElementById('nx').onclick = function(){ if(!sel.value){ sel.className='err'; err.className='errmsg on'; return; } answer(s, { v: sel.value }); }; } /** * TELA DE CONTATO — o único ponto em que esta LP vira LEAD. * * 🔑 Quem ENVIA este formulário é a tag do Slabrak, não este script. `data-slabrak-lead` é o * opt-in que o track-script procura (ele ignora form de terceiro de propósito): ao encontrar, * carimba sck, gclid/fbclid/gbraid/wbraid, utm_*, _fbp/_fbc, event_id, honeypot, o ticket * assinado do SSR — e `_slabrak_test=1` quando o device está em modo teste — e só então posta em * /api/lp/leme/lead. É isso que faz o lead nascer com ORIGEM. O arquivo que o cliente mandou * terminava num `console.log`: o funil rodava inteiro e nenhum lead saía. * * 🪤 `data-slabrak-redirect="?ok=1"` volta para ESTA página em vez de pintar a tela de fim aqui. * Não é rodeio: a tag só redireciona dentro do `.then` de um POST que respondeu ok. Pintar * "Recebemos seu caso" no clique mostraria sucesso para um envio que falhou — e o lead sumiria * com a pessoa achando que a LEME vai ligar. * * 🚨 SEM `novalidate`, e a validação é a NATIVA (`setCustomValidity`). Isto não é estilo: a tag * escuta submit em fase de CAPTURA no document, então o listener dela roda ANTES de qualquer * listener deste form — validar aqui e chamar `stopPropagation()` não impede nada, o fetch já * saiu (medido na Nina em 28/08: telefone "123" foi postado assim mesmo). Campo com mensagem de * validade não-vazia faz o navegador nem DISPARAR o submit, que é uma etapa anterior a todos. */ function renderForm(s, head){ setBar(94, 'Última etapa', 'Falta só o contato'); // O desfecho já está decidido ANTES do formulário: quem chega aqui é `ok` ou `manual` (todo // `kill` encerrou antes). Guardar agora é o que permite pintar a tela certa na volta do ?ok=1. var resultado = flags.manual ? 'analise_manual' : 'qualificado'; guardaFim({ resultado: resultado, motivo: flags.reason || null }); var ocultos = ''; for (var i = 0; i < STEPS.length; i++) { var k = STEPS[i].id; if (k === 'contato') continue; var v = answers[k]; // As respostas viajam JUNTO com o lead, como campo do formulário — é o que o vendedor lê no // CRM e o que permite ao servidor decidir sem confiar só no navegador. ocultos += ''; } ocultos += ''; ocultos += ''; app.innerHTML = '

' + head + '

'; var campos = { nome: { el: d.getElementById('nome'), box:'field-nome', msg:'e-nome', ok: function(v){ return v.trim().split(/\s+/).length >= 2; } }, telefone: { el: d.getElementById('fone'), box:'field-telefone', msg:'e-fone', ok: function(v){ var n = v.replace(/\D/g,''); return n.length >= 10 && n.length <= 11; } }, email: { el: d.getElementById('mail'), box:'field-email', msg:'e-mail', ok: function(v){ return /^[^\s@]+@[^\s@]+\.[a-z]{2,}$/i.test(v.trim()); } } }; var chaves = Object.keys(campos); // Mensagem não-vazia = campo inválido para o NAVEGADOR = submit bloqueado na origem. function revalida(){ chaves.forEach(function(k){ var c = campos[k]; if (c.el) c.el.setCustomValidity(c.ok(c.el.value) ? '' : 'invalido'); }); } /* 🪤 `validity.valid` (PROPRIEDADE) e nunca `checkValidity()` (MÉTODO) para só LER o estado: o método DISPARA o evento `invalid`, e como o handler de `invalid` repinta os campos, isso entra em recursão e rouba o foco a cada tecla — o campo para de aceitar digitação. */ function pinta(k){ var c = campos[k], box = d.getElementById(c.box); if (!box || !c.el) return; var ruim = !c.el.validity.valid; box.classList.toggle('error', ruim); var m = d.getElementById(c.msg); if (m) m.classList.toggle('on', ruim); c.el.classList.toggle('err', ruim); c.el.setAttribute('aria-invalid', ruim ? 'true' : 'false'); } /** * Máscara preservando a POSIÇÃO do cursor pela contagem de DÍGITOS à esquerda dele. * * 🚨 Contar dígitos, e não caracteres: os separadores — parênteses, espaço, hífen — aparecem e * somem conforme o número cresce, então conta por posição de caractere erra exatamente quando * a máscara se reorganiza. Medido na Nina em 28/08 fazendo o gesto de quem errou o DDD: em * `(11) 98888-7777`, apagar o "1" e digitar "7" resultava em `(19) 88887-7777`. Onze dígitos, * validação APROVA, e o especialista liga para um número que não é o da pessoa. */ function mascara(v){ var n = v.replace(/\D/g,'').slice(0,11), out = n; if (n.length > 2) out = '(' + n.slice(0,2) + ') ' + n.slice(2); if (n.length > 7) out = '(' + n.slice(0,2) + ') ' + n.slice(2,7) + '-' + n.slice(7); return out; } campos.telefone.el.oninput = function(){ var el = campos.telefone.el, antes = el.value, pos = el.selectionStart; var depois = mascara(antes); if (depois !== antes) { var digitosAntes = (antes.slice(0, pos).match(/\d/g) || []).length; el.value = depois; var novaPos = depois.length, vistos = 0; for (var i = 0; i < depois.length; i++) { if (/\d/.test(depois[i])) { vistos++; if (vistos === digitosAntes) { novaPos = i + 1; break; } } } if (digitosAntes === 0) novaPos = 0; try { el.setSelectionRange(novaPos, novaPos); } catch (_) {} } revalida(); pinta('telefone'); }; // O espaço que o teclado do celular insere e a maiúscula do autocorretor são o que de fato // atrapalha o e-mail — some com os dois sem reordenar nada. campos.email.el.oninput = function(){ campos.email.el.value = campos.email.el.value.replace(/\s+/g,'').toLowerCase(); revalida(); pinta('email'); }; campos.nome.el.oninput = function(){ revalida(); pinta('nome'); }; // O navegador dispara `invalid` em cada campo reprovado quando o submit é barrado — é onde a // pintura de TODOS acontece, inclusive nos que a pessoa nem tocou. chaves.forEach(function(k){ if (campos[k].el) campos[k].el.addEventListener('invalid', function(){ pinta(k); }); }); revalida(); } /* ============================================================ NAVEGAÇÃO ============================================================ */ function answer(s, o){ history.push({ idx:idx, answers:JSON.parse(JSON.stringify(answers)), manual:flags.manual, reason:flags.reason }); answers[s.id] = ('v' in o) ? o.v : null; if(o.kill) return end('kill', o.r); if(o.manual){ flags.manual = true; flags.reason = o.r || flags.reason; } if(s.check){ var r = s.check(answers); if(r && r.t === 'kill') return end('kill', r.r); if(r && r.t === 'manual'){ flags.manual = true; flags.reason = flags.reason || r.r; } } idx++; render(); } function goBack(){ var h = history.pop(); if(!h) return; idx = h.idx; answers = h.answers; flags.manual = h.manual; flags.reason = h.reason; render(); } /* ============================================================ SAÍDAS ============================================================ */ function finish(){ end(flags.manual ? 'manual' : 'ok', flags.reason); } /* Telas de encerramento por motivo. Tom: nunca dizer "recusado". Sempre explicar a régua e deixar porta aberta. */ var ENDINGS = { ok: { seal:'ok', ic:'✓', t:'Recebemos seu caso.', p:'Um especialista da LEME vai entrar em contato em breve. Obrigado pelas informações.', tag:'⚡ Retorno em minutos' }, juridico: { seal:'wait', ic:'⚖', t:'Seu caso precisa de uma leitura jurídica.', p:'Imóveis com inventário, usufruto ou processo exigem uma análise específica antes da simulação. Um especialista da LEME vai avaliar e retornar.', tag:'Análise em andamento' }, saldo: { seal:'wait', ic:'◎', t:'Vamos confirmar o saldo do seu financiamento.', p:'Com o valor exato em mãos, conseguimos calcular quanto o seu imóvel pode liberar. Um especialista entra em contato para levantar esse dado com você.', tag:'Análise em andamento' }, proporcao: { seal:'wait', ic:'◎', t:'Vamos calcular o limite do seu imóvel.', p:'O valor que você deseja está acima da faixa usual para um imóvel dessa avaliação. Um especialista vai apurar o limite real e apresentar as opções.', tag:'Análise em andamento' }, proponente: { seal:'wait', ic:'◎', t:'Vamos avaliar a composição da operação.', p:'Com um segundo proponente, a operação pode ser estruturada. Um especialista da LEME entra em contato para montar o caso.', tag:'Análise em andamento' }, semImovel: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'Nossa linha de crédito trabalha exclusivamente com garantia de imóvel. Quando você tiver um imóvel para oferecer como garantia, refaça a simulação.' }, valor: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'Nossas operações são estruturadas com imóveis avaliados a partir de R$ 300 mil. Se você tiver outro imóvel dentro dessa faixa, vale refazer a simulação.' }, alvenaria: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'A garantia precisa ser um imóvel de alvenaria. Construções mistas, de madeira ou pré-moldadas não são aceitas nesta linha.' }, rural: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'No momento não trabalhamos com terrenos, chácaras e imóveis rurais. A garantia precisa ser um imóvel urbano construído.' }, divida: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'Para esta operação, o saldo devedor precisa representar menos da metade do valor do imóvel. Quando a dívida chegar nesse patamar, a operação volta a ser possível.' }, emprestimo: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'Nossas operações começam em R$ 150 mil. Abaixo disso, o custo da estruturação não compensa para você.' }, idadeMin: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'Esta linha de crédito exige proponente a partir de 26 anos. Se houver outra pessoa na operação dentro dessa faixa, vale refazer a simulação.' }, idadeMax: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'O prazo desta operação exige um proponente com menos de 70 anos. Com um segundo proponente dentro dessa faixa, o caso pode ser reavaliado.' }, _manual: { seal:'wait', ic:'◎', t:'Recebemos seu caso.', p:'Seu caso tem uma particularidade que pede análise. Um especialista da LEME vai avaliar e entrar em contato.', tag:'Análise em andamento' }, _kill: { seal:'nt', ic:'✓', t:'Obrigado pelas informações.', p:'Pelo perfil informado, esta linha de crédito não se aplica ao seu caso neste momento.' } }; /** * Pinta a tela final. * * 🚨 `kill` chega aqui NO MEIO do quiz, antes da tela de contato — quem é cortado não deixa * nome, telefone nem e-mail, por decisão de negócio. Então a ÚNICA coisa que ele deixa é a * etapa do funil: sem o `marcaEtapa` abaixo, uma campanha inteira batendo numa regra da régua * seria indistinguível de uma campanha que não converte. É o que torna a régua legível para * quem compra mídia. */ function end(type, reason){ if (type === 'kill') { marcaEtapa('desqualificado'); if (reason) marcaEtapa('motivo_' + reason); } else if (type === 'manual' && reason) { // O `analise_manual` em si é marcado na volta do ?ok=1, junto com o `lead` — aqui só o // motivo, que já é conhecido e não depende do envio. marcaEtapa('motivo_' + reason); } var e = (reason && ENDINGS[reason]) ? ENDINGS[reason] : (type === 'ok' ? ENDINGS.ok : (type === 'manual' ? ENDINGS._manual : ENDINGS._kill)); setBar(100, 'Concluído', type === 'kill' ? '' : 'Recebido'); app.innerHTML = '

' + '

' + e.ic + '

' + '

' + esc(e.t) + '

' + '

' + esc(e.p) + '

' + (e.tag ? '' + esc(e.tag) + '' : '') + (type === 'kill' ? '' : '') + '

'; var rd = d.getElementById('redo'); if(rd) rd.onclick = function(){ answers = {}; flags = { manual:false, reason:null }; history = []; idx = 0; renderHero(); }; window.scrollTo(0,0); } /* ============================================================ BOOT ============================================================ A volta do envio (`?ok=1`) é o ÚNICO ponto em que se sabe que o POST deu certo — a tag só redireciona dentro do `.then` de uma resposta ok. Por isso `lead` é marcado AQUI e não no clique: marcar no clique contaria como lead quem teve o envio recusado. */ (function boot(){ var okQuery = false; try { okQuery = (new URLSearchParams(location.search)).get('ok') === '1'; } catch (_) {} var fim = okQuery ? leFim() : null; if (fim) { marcaEtapa('lead'); if (fim.resultado === 'analise_manual') marcaEtapa('analise_manual'); try { sessionStorage.removeItem(CHAVE); } catch (_) {} // A capa precisa existir como fonte da verdade mesmo entrando direto na tela de fim: quem // clicar em "Refazer simulação" depende dela. end(fim.resultado === 'analise_manual' ? 'manual' : 'ok', fim.motivo || null); return; } marcaEtapa('abriu'); renderHero(); })(); })();

Troque seu financiamento caro e economize até 90% no custo financeiro.

Troque seu financiamento caro e economize
até 90% no custo financeiro.