eventos-altus-2026

[et_pb_section fb_built="1" fullwidth="on" admin_label="Hero Form" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" hover_enabled="0" global_colors_info="{}" sticky_enabled="0"] ALTUS — CAPTURA DE LEAD EM FORMATO QUIZ Colar num único módulo Código do Divi. Página no modelo "Em branco" (traz o próprio rodapé). CONTEXTO: o Altus NÃO é evento da AR Online. Somos participantes. Esta página é a ferramenta de captação usada no evento (estande, QR code, tablet) — NÃO é página de inscrição no Altus, e não deve dar a entender que a AR Online organiza ou credencia o evento. ⚠ As 5 perguntas e as opções são as definitivas, passadas pelo time. O público é escritório de advocacia que pede documentos a bancos. O que está entre [ ] continua pendente: nome/data oficial do evento, nº do estande e o que a pessoa recebe em troca. ⚠ Nas perguntas 1 a 4 não existe opção para quem JÁ tem a comprovação resolvida. É escolha de funil (toda resposta qualifica a dor), mas quem estiver resolvido marca algo falso ou abandona — e o dado chega sujo. Se for virar problema, a saída é uma terceira opção neutra por pergunta. ⚠ O texto do consentimento LGPD precisa de validação do Jurídico antes de publicar — a finalidade declarada ali define o que o Comercial pode fazer com o lead depois. São 7 passos: 5 perguntas, 1 de dados e a tela de obrigado. A tela de obrigado é o passo 7 desta mesma página — NÃO existe página de obrigado separada nesta campanha. MANTENHA: os ids e os atributos data-passo, data-campo, data-valor e data-rotulo — o JS depende deles. Para mudar o número de perguntas, acrescente/remova blocos .alt-passo em sequência e ajuste TOTAL_PERGUNTAS, PASSO_DADOS e PASSO_OBRIGADO no script. ═══════════════════════════════════════════════════════════════ --> inteira; o conteúdo dela é que volta para o wrap. Nada de 100vw aqui: com barra de rolagem, 100vw é maior que a área útil e devolve rolagem horizontal. -->

AR Online · Altus Bancário 2026

Altus Bancário 2026 · 9, 10 e 11 Out Seu escritório consegue provar o que enviou? 5 perguntas rápidas. No fim: seu diagnóstico, 3 créditos grátis e um brinde no nosso estande.

Pergunta 1 de 5 17%

role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="17" aria-label="Progresso do questionário" id="alt-prog-trilho">

role="group" aria-labelledby="alt-q1"> Como você envia hoje os pedidos de documentos aos bancos? O caminho mais usado no dia a dia. data-valor="envio_informal" data-rotulo="Por WhatsApp ou e-mail comum"> A Por WhatsApp ou e-mail comum data-valor="envio_direto_acao" data-rotulo="Não envio — entro direto com a ação"> B Não envio — entro direto com a ação data-valor="envio_plataforma" data-rotulo="Por plataforma com Carimbo do Tempo"> C Por plataforma com Carimbo do Tempo

role="group" aria-labelledby="alt-q2"> Você consegue provar a data e o conteúdo exato do que enviou? data-valor="prova_nao" data-rotulo="Não"> A Não data-valor="prova_print" data-rotulo="Só com print"> B Só com print data-valor="prova_carimbo" data-rotulo="Sim, com Carimbo do Tempo ICP-Brasil"> C Sim, com Carimbo do Tempo ICP-Brasil

role="group" aria-labelledby="alt-q3"> Você tem comprovação de que a mensagem foi recebida? data-valor="recebimento_nao_sei" data-rotulo="Não sei dizer"> A Não sei dizer data-valor="recebimento_nao" data-rotulo="Não"> B Não data-valor="recebimento_registro" data-rotulo="Sim, tenho registro de cada entrega"> C Sim, tenho registro de cada entrega

role="group" aria-labelledby="alt-q4"> Onde ficam guardados os comprovantes de cada cliente? data-valor="guarda_celular" data-rotulo="No celular"> A No celular data-valor="guarda_espalhado" data-rotulo="Espalhados em vários lugares"> B Espalhados em vários lugares data-valor="guarda_painel" data-rotulo="Num painel único, por cliente"> C Num painel único, por cliente

role="group" aria-labelledby="alt-q5"> Quantas notificações o escritório envia por mês? Uma estimativa já serve. data-valor="vol_ate_100" data-rotulo="Até 100"> A Até 100 data-valor="vol_100_500" data-rotulo="De 100 a 500"> B De 100 a 500 data-valor="vol_mais_500" data-rotulo="Mais de 500"> C Mais de 500

Falta só isso. Seu resultado aparece na próxima tela. Nome completo autocomplete="name" required>

E-mail corporativo autocomplete="email" inputmode="email" required>

Telefone / WhatsApp autocomplete="tel" inputmode="tel" maxlength="16" required>

publicar. É ele que delimita o contato comercial posterior. --> Autorizo o contato da AR Online sobre suas soluções, nos termos da LGPD (Lei nº 13.709/2018). rel="noopener">Ver Política de Privacidade. VER MEU RESULTADO stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">

Seus dados são tratados em conformidade com a LGPD (Lei nº 13.709/2018).

Último passo real: substitui o quiz na mesma página, por isso esta campanha não tem página de obrigado. O diagnóstico é a recompensa da troca — vem DEPOIS dos dados, não antes. Badge, diagnóstico e recomendação são preenchidos pelo script (tabela RESULTADOS), não moram aqui. A cor sai do atributo data-resultado. -->

role="status" aria-live="polite"> stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

, seu processo está vulnerável." Sem nome, cai para a frase sozinha. -->

O que fazer agora

situação probatória de um escritório. Validar o texto dos três resultados com o Jurídico antes de publicar. -->

Diagnóstico indicativo, baseado só nas respostas acima. Não é avaliação jurídica.

Sem cor de ação: a única pílula amarela da tela é o botão dos créditos, logo abaixo. -->

fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> Hub USB Mostre esta tela no estande da AR Online e retire o seu.

sobras que viram o recorte, arredondadas pelos dois anéis girados do CSS -->

Altus Bancário 2026 · 9, 10 e 11 Out · Estande da AR Online

3 créditos grátis para testar Use 3 créditos por nossa conta e veja o relatório pericial da notificação. id="alt-creditos-cta"> RESGATAR MEUS 3 CRÉDITOS stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> Válido por 30 dias, para novos cadastros.

stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> Voltar

VEJA NA PRÁTICA — visualizador em abas Portado da LP TechJur (~/Downloads/lp-techjur/novo.html): mesmo conteúdo, prefixo tj- trocado por alt- e paleta trazida para o tema escuro desta campanha. As abas e os botões Anterior/Próxima são controlados pelo JS. ⚠ Todos os dados do documento são FICTÍCIOS e a peça leva marca d'água "EXEMPLO". Não trocar por conteúdo de notificação real de cliente — nem nome, CPF, telefone, e-mail ou endereço. ─────────────────────────────────────────────────────────────── -->

Veja na prática Por dentro do Relatório Pericial Digital Navegue pelas seções do relatório que a AR Online gera a cada envio. Os dados abaixo são fictícios; a estrutura é a mesma do documento real. de cards deslizante e passam a ser a única navegação --> Toque em uma seção para abrir a página correspondente do relatório. Arraste a lista para o lado para ver todas. 1Resumo da comunicaçãoQuem enviou, para quem, quando e o status 2Definições técnicasCarimbo do Tempo, hash, IP, SMTP 3Amparo legalA base jurídica da evidência 4Conteúdo e anexosO que foi enviado, exatamente 5Trilha de auditoriaA conversa entre os servidores 6Carimbos do Tempo e conclusãoHash de cada evento e parecer final

AROnlineRELATÓRIO PERICIAL DIGITALEvidência Digital — Plataforma AR OnlineID: 7f3a9c21-4b8e-4d2a
30/09/2026

1. Resumo da Comunicação Geração do Relatório30/09/2026 às 10:24:31 ID da Mensagem7f3a9c21-4b8e-4d2a-9f10-0e5c2b7a1d36 RemetenteEscritório Exemplo Advocacia Destinatáriofinanceiro@empresaexemplo.com.br AssuntoNotificação extrajudicial Data do Envio30/09/2026 às 10:24:12 StatusEntregue Data do Status30/09/2026 às 10:24:17

AR Online — Plataforma de Evidências DigitaisPágina 1 de 13

EXEMPLO

O que isso prova

Que a notificação saiu e chegou

Em uma página, o juiz vê o identificador único da mensagem, remetente, destinatário, horário exato do envio e o status de entrega.

Página 1 de 13

← AnteriorPróxima →

AROnlineRELATÓRIO PERICIAL DIGITALEvidência Digital — Plataforma AR OnlineID: 7f3a9c21-4b8e-4d2a
30/09/2026

2. Definições Carimbo do Tempo (timestamping)Selo que atesta a data e a hora exatas de um evento, criando evidência da sua existência temporal. Algoritmo de Resumo (Hash)Código alfanumérico único gerado para um arquivo; funciona como uma impressão digital eletrônica. IP (Internet Protocol)Identificador numérico de cada dispositivo conectado a uma rede. SMTPProtocolo que permite o envio de e-mails de um servidor para outro. Trilha de AuditoriaRegistro cronológico de eventos que reconstrói o percurso técnico da mensagem até a entrega.

AR Online — Plataforma de Evidências DigitaisPágina 2 de 13

EXEMPLO

O que isso prova

Que qualquer pessoa entende a prova

O relatório explica cada termo técnico. Advogado, juiz ou perito leem a evidência sem precisar de tradução.

Página 2 de 13

← AnteriorPróxima →

AROnlineRELATÓRIO PERICIAL DIGITALEvidência Digital — Plataforma AR OnlineID: 7f3a9c21-4b8e-4d2a
30/09/2026

4. Amparo Legal e Validade Jurídica O suporte legal para a aceitação destas provas decorre da combinação dos seguintes dispositivos: MP nº 2.200-2/2001 (art. 10): instituiu a ICP-Brasil e trata da autenticidade e integridade de documentos eletrônicos. Código Civil (art. 219): declarações em documentos assinados em relação aos signatários. Código de Processo Civil (art. 374, IV): fatos em cujo favor milita presunção legal. Lei nº 13.874/2019: documento digital e técnica de certificação da ICP-Brasil.

AR Online — Plataforma de Evidências DigitaisPágina 4 de 13

EXEMPLO

O que isso prova

Que a evidência tem base legal

O próprio relatório indica os fundamentos da ICP-Brasil e do processo civil que sustentam a prova digital.

Página 4 de 13

← AnteriorPróxima →

AROnlineRELATÓRIO PERICIAL DIGITALEvidência Digital — Plataforma AR OnlineID: 7f3a9c21-4b8e-4d2a
30/09/2026

5. E-mail · Conteúdo da Comunicação Prezados, Por meio desta, notificamos V.Sas. acerca da pendência referente ao contrato nº 0000/2026, com vencimento em 15/09/2026, no valor de R$ 0.000,00. Solicitamos a regularização em até 10 (dez) dias úteis. Em caso de dúvida, entre em contato pelo canal indicado. Atenciosamente,
Escritório Exemplo Advocacia Anexos Notificacao_Extrajudicial.pdfBoleto_contrato_0000.pdf Nota Legal: este e-mail foi enviado via AR Online e recebe Carimbo do Tempo a cada evento.

AR Online — Plataforma de Evidências DigitaisPágina 6 de 13

EXEMPLO

O que isso prova

O que exatamente foi dito

O conteúdo integral e a lista de anexos ficam registrados. Acaba a discussão sobre o que foi ou não comunicado.

Página 6 de 13

← AnteriorPróxima →

AROnlineRELATÓRIO PERICIAL DIGITALEvidência Digital — Plataforma AR OnlineID: 7f3a9c21-4b8e-4d2a
30/09/2026

Trilha de Auditoria de Envio2026/09/30 10:24:13: send: ehlo mailer.exemplo2026/09/30 10:24:13: reply: 220 SMTP server ready2026/09/30 10:24:14: reply: 250-STARTTLS2026/09/30 10:24:14: reply: 250 SMTPUTF82026/09/30 10:24:15: reply: 250 2.1.0 Sender OK2026/09/30 10:24:15: reply: 250 2.1.5 Recipient OK2026/09/30 10:24:15: reply: 354 Start mail input2026/09/30 10:24:17: reply: 250 2.0.0 OK queued2026/09/30 10:24:17: reply: 221 closing channel

Registro cronológico da comunicação entre o servidor de envio e o servidor do destinatário, do primeiro contato à confirmação de recebimento.

AR Online — Plataforma de Evidências DigitaisPágina 8 de 13

EXEMPLO

O que isso prova

O caminho técnico até a entrega

Cada etapa da conversa entre servidores fica registrada, incluindo o aceite do destinatário ("Recipient OK") e a confirmação do recebimento.

Página 8 de 13

← AnteriorPróxima →

AROnlineRELATÓRIO PERICIAL DIGITALEvidência Digital — Plataforma AR OnlineID: 7f3a9c21-4b8e-4d2a
30/09/2026

Carimbos do Tempo Carimbo de Envio30/09/2026 10:24:17 Hash3b9e0f7a1c64d2e58b07f9a3c1d6e4b2a8f05c7d9e1b3a6c4f2d8e0a7b5c9d1e 6. Conclusão A comunicação eletrônica objeto deste relatório foi submetida a processos de certificação digital e carimbagem do tempo conforme os padrões da ICP-Brasil. O emprego de algoritmos de hash e protocolos de criptografia assegura a integridade do conteúdo e dos anexos desde o momento de sua geração. As evidências são aptas a instruir processos judiciais ou administrativos, com rastreabilidade da origem e da entrega no destino.

AR Online — Plataforma de Evidências DigitaisPágina 13 de 13

EXEMPLO

O que isso prova

Que nada foi alterado depois

Cada evento recebe um Carimbo do Tempo vinculado a um hash exclusivo, emitido por Autoridade credenciada ao ITI. Qualquer alteração posterior ficaria evidente.

Página 13 de 13

← AnteriorPróxima →

Aqui falamos da AR Online, não do evento — o Altus não é nosso. -->

Quem é a AR Online Notificação digital multicanal com validade jurídica. Cinco canais AR-Email, AR-SMS, AR-Whatsapp, AR-Voz e AR-Cartas.

Carimbo do Tempo ICP-Brasil Autenticidade, integridade e temporalidade em cada envio.

No Altus Bancário 2026 Estande da AR Online. 9, 10 e 11 de outubro de 2026.

Estrutura e estilo iguais aos da LP "12 modelos de notificações gratuitos". Lá o elemento é ; aqui é

de propósito — JS de tema e de plugin procura cabeçalho e rodapé por tag e pode pegar o nosso por engano (divi.md, item 11). O visual é o mesmo. --> alt="AR Online" loading="lazy" decoding="async"> Tecnologia avançada para comunicações seguras desde 2014.

Contato CNPJ: 37.459.079/0001-23
comercial@aronline.com.br

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="JS Global" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" hover_enabled="0" global_colors_info="{}" sticky_enabled="0"] ALTUS · JAVASCRIPT Colar em Divi > Opções do Tema > Integrações > corpo, ou no fim do mesmo módulo Código. ⚠ CONFIRA AS CONSTANTES antes de publicar. Campanha nova quer webhook próprio, senão os leads se misturam e a atribuição se perde. Não há URL de obrigado aqui: a tela de obrigado é o passo 7 da própria página. ⚠ CAMPO NOVO EXIGE MAPEAMENTO NO n8n. O payload leva q1..q5 em duas colunas cada (valor + rótulo). Se ninguém mapear, o dado chega e se perde em silêncio. ═══════════════════════════════════════════════════════════════ -->(function(){ "use strict"; /* ⚠ O endpoint é COMPARTILHADO por várias campanhas de evento. É o EVENTO_ID que separa um lead do outro lá no n8n — campanha nova, EVENTO_ID novo, sempre. Se duas campanhas saírem com o mesmo id, os leads se misturam e a atribuição se perde sem dar erro em lugar nenhum. ⚠ CONFERIR o caminho do webhook: veio "leads-eventos" no texto e "eventos" no link. Está com "leads-eventos". */ var WEBHOOK = 'https://n8n-mkt-dev.ar-infra.com.br/webhook/leads-eventos'; var EVENTO_ID = 'altus-bancario-2026'; /* separa este evento no n8n */ var EVENTO_GTM = 'lead_altus'; /* nome do evento no dataLayer */ var TOTAL_PERGUNTAS = 5; /* passos 1..5 */ var PASSO_DADOS = 6; var PASSO_OBRIGADO = 7; var ATRASO_AVANCO = 230; /* ms para a seleção ser vista antes de avançar */ var TIMEOUT_MS = 6000; /* teto de espera do webhook antes de seguir */ /* ───────────────────────────────────────────────────────────────── PONTUAÇÃO A pergunta 5 (volume) está FORA de propósito: volume não é proteção — enviar 500 notificações sem prova deixa mais exposto, não menos. Ela serve para priorizar o lead no n8n, não para a nota. As perguntas 2 e 3 (prova de conteúdo/data e prova de recebimento) pesam 3; canal e guarda pesam 2. Consequência desenhada de propósito: SEM a opção C nas duas perguntas de prova, o teto é 8 — ninguém é classificado como Protegido sem ter as duas provas. Na pergunta 3, "não sei" e "não" valem o mesmo: quem não sabe não tem. Continuam separadas porque mudam a conversa, não a nota. Mexeu nas opções do HTML? Mexa aqui. Valor que não estiver nesta tabela conta zero e marca pontuacao_incompleta no payload, para o erro aparecer no n8n em vez de sumir. ───────────────────────────────────────────────────────────────── */ var PESOS = { q1:{ envio_informal:1, envio_direto_acao:0, envio_plataforma:2 }, q2:{ prova_nao:0, prova_print:1, prova_carimbo:3 }, q3:{ recebimento_nao_sei:0, recebimento_nao:0, recebimento_registro:3 }, q4:{ guarda_celular:1, guarda_espalhado:0, guarda_painel:2 } }; /* faixas em ordem decrescente: a primeira cujo mínimo for alcançado vence */ var RESULTADOS = [ { chave:'protegido', minimo:9, frase:'Seu processo está protegido.', diagnostico:'Você tem prova do que enviou e de quem recebeu.', recomendacao:'Confira se vale para todos os clientes, não só os maiores.' }, { chave:'atencao', minimo:5, frase:'Seu processo pede atenção.', diagnostico:'Você tem parte da prova. Falta fechar um pedaço.', recomendacao:'Comece pelo pedaço que falta: envio, prova de conteúdo, ' + 'prova de recebimento ou guarda.' }, /* as três frases falam do PROCESSO, não da pessoa: cara a cara no estande, "você está vulnerável" soa como acusação */ { chave:'vulneravel', minimo:0, frase:'Seu processo está vulnerável.', diagnostico:'Hoje sua prova depende de print e memória.', recomendacao:'Centralize o envio num canal que registre data e conteúdo.' } ]; /* calculado, não escrito à mão: muda sozinho se os pesos mudarem */ var PONTUACAO_MAX = Object.keys(PESOS).reduce(function(soma, q){ var vals = Object.keys(PESOS[q]).map(function(k){ return PESOS[q][k] }); return soma + Math.max.apply(null, vals); }, 0); function init(){ /* ══ "Veja na prática": visualizador em abas ════════════════════ Portado da LP TechJur. Vem ANTES do bloco do formulário porque logo abaixo há um `return` quando o form não existe — se ficasse depois, qualquer página sem o quiz perderia o visualizador. Um <button role="tab"> por seção; o painel é achado pelo aria-controls. O estado mora no DOM (aria-selected + hidden), não numa variável paralela: assim o leitor de tela e o CSS leem a mesma verdade. */ (function(){ var abas = [].slice.call(document.querySelectorAll('.alt-aba')); if(!abas.length) return; /* ── por que NÃO usar scrollIntoView aqui ── scrollIntoView rola TODOS os contêineres roláveis do caminho, inclusive a página. No desktop não aparece: as abas ficam na coluna da esquerda, sempre à vista. No celular a faixa de abas fica no topo e o painel bem abaixo — tocar numa aba jogava a página centenas de pixels para cima, atrás do que a pessoa estava lendo. Aqui só a faixa rola, na horizontal. */ function centralizaAba(el){ var faixa = el.parentElement; if(!faixa || faixa.scrollWidth <= faixa.clientWidth) return; /* desktop: não rola */ var rF = faixa.getBoundingClientRect(), rE = el.getBoundingClientRect(); var alvo = faixa.scrollLeft + (rE.left - rF.left) - (rF.width - rE.width) / 2; var suave = !window.matchMedia('(prefers-reduced-motion: reduce)').matches; faixa.scrollTo({left: alvo, behavior: suave ? 'smooth' : 'auto'}); } function mostrarAba(i){ if(i < 0) i = abas.length - 1; if(i >= abas.length) i = 0; abas.forEach(function(t,k){ var ligada = (k === i); t.setAttribute('aria-selected', ligada ? 'true' : 'false'); /* só a aba ativa entra na ordem de tabulação: é o padrão de tablist — o Tab sai do grupo e as setas navegam dentro */ t.tabIndex = ligada ? 0 : -1; var painel = document.getElementById(t.getAttribute('aria-controls')); if(painel) painel.hidden = !ligada; }); centralizaAba(abas[i]); return i; } var abaAtual = 0; abas.forEach(function(t,k){ t.addEventListener('click', function(){ abaAtual = mostrarAba(k) }); t.addEventListener('keydown', function(e){ /* preventScroll pelo mesmo motivo: focar um elemento fora da vista também rola a página */ if(e.key === 'ArrowDown' || e.key === 'ArrowRight'){ e.preventDefault(); abaAtual = mostrarAba(abaAtual + 1); abas[abaAtual].focus({preventScroll:true}); } if(e.key === 'ArrowUp' || e.key === 'ArrowLeft'){ e.preventDefault(); abaAtual = mostrarAba(abaAtual - 1); abas[abaAtual].focus({preventScroll:true}); } }); }); [].slice.call(document.querySelectorAll('[data-alt-go]')).forEach(function(b){ b.addEventListener('click', function(){ abaAtual = mostrarAba(abaAtual + parseInt(b.getAttribute('data-alt-go'), 10)); }); }); })(); var form = document.getElementById('alt-form'); if(!form) return; var head = document.getElementById('alt-head'); var prog = document.getElementById('alt-prog'); var progPasso = document.getElementById('alt-prog-passo'); var progPct = document.getElementById('alt-prog-pct'); var progBarra = document.getElementById('alt-prog-barra'); var progTrilho= document.getElementById('alt-prog-trilho'); var nav = document.getElementById('alt-nav'); var btnVoltar = document.getElementById('alt-voltar'); var erro = document.getElementById('alt-erro'); var cartao = form.closest('.alt-quiz'); var passos = Array.prototype.slice.call(form.querySelectorAll('.alt-passo')); var atual = 1; var enviando = false; /* respostas: {q1:{valor,rotulo}, ...} */ var respostas = {}; /* ── entrada em cascata ── IntersectionObserver, não listener de scroll: não roda a cada quadro e se desliga sozinho depois de revelar. */ (function(){ var reduz = window.matchMedia('(prefers-reduced-motion: reduce)').matches; var semAnim = new URLSearchParams(window.location.search).get('anim') === '0'; var alvos = document.querySelectorAll('.alt-in'); if(!alvos.length) return; if(reduz || semAnim || !('IntersectionObserver' in window)){ Array.prototype.forEach.call(alvos, function(el){ el.classList.add('in') }); return; } var obs = new IntersectionObserver(function(ent){ ent.forEach(function(e){ if(!e.isIntersecting) return; setTimeout(function(){ e.target.classList.add('in') }, (+e.target.dataset.i || 0) * 80); obs.unobserve(e.target); }); },{threshold:.15}); /* o índice reinicia por seção: senão os blocos do fim da página herdam um atraso grande e parecem travados */ var sec = null, i = 0; Array.prototype.forEach.call(alvos, function(el){ var s = el.closest('section,div.alt'); if(s !== sec){ sec = s; i = 0 } el.dataset.i = i++; obs.observe(el); }); })(); /* ── UTMs ── Guardadas assim que a página abre: o quiz troca de passo sem recarregar, mas quem volta pelo histórico ou abre outra aba perde a query antes do envio. */ (function(){ var p = new URLSearchParams(window.location.search); ['utm_source','utm_medium','utm_campaign','utm_content','utm_term', 'utm_id','gclid','fbclid'].forEach(function(k){ var v = p.get(k); if(v){ try{ sessionStorage.setItem(k,v) }catch(e){} } }); })(); function utms(){ function s(k){ try{ return sessionStorage.getItem(k) || '' }catch(e){ return '' } } return {utm_source:s('utm_source'), utm_medium:s('utm_medium'), utm_campaign:s('utm_campaign'), utm_content:s('utm_content'), utm_term:s('utm_term'), utm_id:s('utm_id'), gclid:s('gclid'), fbclid:s('fbclid')}; } /* ── navegação entre passos ── */ function passoEl(n){ return form.querySelector('.alt-passo[data-passo="' + n + '"]'); } /* rolagem instantânea, nunca scroll-behavior:smooth — o Divi tem a rolagem suave dele em jQuery e as duas se cancelam (divi.md, 7) */ function trazParaTela(){ if(!cartao) return; var topo = cartao.getBoundingClientRect().top; if(topo < 0 || topo > window.innerHeight * .6){ window.scrollTo(0, Math.max(0, window.pageYOffset + topo - 24)); } } function atualizaProgresso(){ if(atual >= PASSO_OBRIGADO){ if(prog) prog.classList.add('alt-oculto'); if(head) head.classList.add('alt-oculto'); return; } if(prog) prog.classList.remove('alt-oculto'); var pct = Math.round(atual / PASSO_DADOS * 100); if(progPasso) progPasso.textContent = (atual <= TOTAL_PERGUNTAS) ? 'Pergunta ' + atual + ' de ' + TOTAL_PERGUNTAS : 'Seus dados'; if(progPct) progPct.textContent = pct + '%'; if(progBarra) progBarra.style.width = pct + '%'; if(progTrilho) progTrilho.setAttribute('aria-valuenow', String(pct)); } function mostra(n, foco){ atual = n; passos.forEach(function(p){ p.classList.toggle('alt-ativo', +p.dataset.passo === n); }); atualizaProgresso(); /* "Voltar" não aparece no primeiro passo nem depois do envio */ if(nav) nav.classList.toggle('alt-oculto', n === 1 || n >= PASSO_OBRIGADO); trazParaTela(); if(foco === false) return; var el = passoEl(n); if(!el) return; /* foco no TÍTULO do passo, não na primeira opção: o leitor de tela anuncia a pergunta nova, e quem usa mouse não vê a opção A com anel de foco parecendo pré-selecionada. Em celular, focar o <input> abriria o teclado sozinho no passo dos dados. */ var alvo = el.querySelector('.alt-q') || el; alvo.setAttribute('tabindex','-1'); try{ alvo.focus({preventScroll:true}) }catch(e){ try{ alvo.focus() }catch(e2){} } } /* ── piso do cartão ── Trocar de pergunta não pode encolher o cartão: no celular isso move o botão para debaixo do polegar no meio do toque. O piso é a altura do MAIOR passo de pergunta — medido, não chutado, porque um px fixo no CSS apodrece a cada troca de copy e ainda muda com a largura (324px em 820, 403px em 375). Os passos 6 e 7 passam do piso e crescem à vontade: ali o salto é esperado, muda o tipo de tela. */ function ajustaPiso(){ form.style.minHeight = '0'; var maior = 0; passos.forEach(function(p){ if(+p.dataset.passo > TOTAL_PERGUNTAS) return; var visivel = p.classList.contains('alt-ativo'); var estilo = p.getAttribute('style') || ''; /* fora de fluxo para medir sem empurrar a página nem piscar */ if(!visivel){ p.setAttribute('style', estilo + ';display:block;position:absolute;left:0;right:0;top:0;visibility:hidden'); } maior = Math.max(maior, p.getBoundingClientRect().height); if(!visivel){ if(estilo) p.setAttribute('style', estilo); else p.removeAttribute('style'); } }); form.style.minHeight = Math.ceil(maior) + 'px'; } var tRedim; window.addEventListener('resize', function(){ clearTimeout(tRedim); tRedim = setTimeout(ajustaPiso, 150); }); /* ── opções: um clique seleciona e avança ── */ form.addEventListener('click', function(ev){ var opt = ev.target.closest ? ev.target.closest('.alt-opt') : null; if(!opt || !form.contains(opt)) return; var passo = opt.closest('.alt-passo'); if(!passo) return; var campo = passo.dataset.campo; passo.querySelectorAll('.alt-opt').forEach(function(o){ o.setAttribute('aria-pressed', o === opt ? 'true' : 'false'); }); respostas[campo] = {valor: opt.dataset.valor || '', rotulo: opt.dataset.rotulo || opt.textContent.trim()}; var proximo = +passo.dataset.passo + 1; if(proximo > PASSO_DADOS) return; setTimeout(function(){ mostra(proximo) }, ATRASO_AVANCO); }); if(btnVoltar){ btnVoltar.addEventListener('click', function(){ if(atual > 1 && atual < PASSO_OBRIGADO) mostra(atual - 1); }); } /* ── máscara e validação do telefone ── */ var inpTel = document.getElementById('alt-telefone'); if(inpTel){ inpTel.addEventListener('input', function(){ var d = this.value.replace(/\D/g,'').slice(0,11); var fmt = d; if(d.length > 10) fmt = '(' + d.slice(0,2) + ') ' + d.slice(2,7) + '-' + d.slice(7); else if(d.length > 6) fmt = '(' + d.slice(0,2) + ') ' + d.slice(2,6) + '-' + d.slice(6); else if(d.length > 2) fmt = '(' + d.slice(0,2) + ') ' + d.slice(2); else if(d.length > 0) fmt = '(' + d; this.value = fmt; }); } function val(id){ var e = document.getElementById(id); return e ? e.value.trim() : '' } function marca(id, ruim){ var el = document.getElementById(id); if(!el) return; el.setAttribute('aria-invalid', ruim ? 'true' : 'false'); el.style.borderColor = ruim ? '#ff9d9d' : ''; } /* ── pontuação e resultado ── */ function pontua(){ var total = 0, completa = true; Object.keys(PESOS).forEach(function(q){ var tabela = PESOS[q]; var r = respostas[q]; if(r && Object.prototype.hasOwnProperty.call(tabela, r.valor)){ total += tabela[r.valor]; } else { completa = false; /* opção sem peso mapeado — vai no payload */ } }); return {pontos: total, completa: completa}; } function classifica(pontos){ for(var i = 0; i < RESULTADOS.length; i++){ if(pontos >= RESULTADOS[i].minimo) return RESULTADOS[i]; } return RESULTADOS[RESULTADOS.length - 1]; } function preencheResultado(r, pontos, primeiroNome){ var passo7 = passoEl(PASSO_OBRIGADO); if(passo7) passo7.setAttribute('data-resultado', r.chave); var badge = document.getElementById('alt-ok-badge'); var titulo = document.getElementById('alt-ok-titulo'); var diag = document.getElementById('alt-ok-diag'); var reco = document.getElementById('alt-ok-reco'); /* textContent em tudo: o nome vem do que a pessoa digitou */ if(badge) badge.textContent = pontos + ' de ' + PONTUACAO_MAX; if(titulo){ /* "Fulano, seu processo está vulnerável." — sem nome, a frase vai sozinha e com a maiúscula original */ titulo.textContent = primeiroNome ? primeiroNome + ', ' + r.frase.charAt(0).toLowerCase() + r.frase.slice(1) : r.frase; } if(diag) diag.textContent = r.diagnostico; if(reco) reco.textContent = r.recomendacao; } /* ── envio ── */ form.addEventListener('submit', async function(ev){ ev.preventDefault(); if(enviando) return; if(erro) erro.textContent = ''; /* alguma pergunta ficou sem resposta? volta para ela em vez de acusar erro num passo que a pessoa não está vendo */ for(var i = 1; i <= TOTAL_PERGUNTAS; i++){ if(!respostas['q' + i]){ mostra(i); var e1 = document.getElementById('alt-erro'); if(e1) e1.textContent = ''; return; } } /* valida campo a campo e marca qual falhou: numa lista de campos uma frase genérica não diz à pessoa onde está o erro */ var nome = val('alt-nome'); var email = val('alt-email'); var tel = val('alt-telefone').replace(/\D/g,''); var lgpd = document.getElementById('alt-lgpd'); var ruimNome = nome.length < 2; var ruimEmail = !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); var ruimTel = tel.length < 10 || tel.length > 11; marca('alt-nome', ruimNome); marca('alt-email', ruimEmail); marca('alt-telefone', ruimTel); if(ruimNome || ruimEmail || ruimTel){ if(erro) erro.textContent = 'Confira os campos destacados para enviar suas respostas.'; return; } if(lgpd && !lgpd.checked){ if(erro) erro.textContent = 'É preciso autorizar o tratamento dos dados para concluir.'; return; } var btn = form.querySelector('.alt-cta'); var rotulo = btn ? btn.textContent : ''; enviando = true; if(btn){ btn.disabled = true; btn.textContent = 'Enviando...' } var nota = pontua(); var resultado = classifica(nota.pontos); window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: EVENTO_GTM, eventId: EVENTO_ID, resultado: resultado.chave, pontuacao: nota.pontos}); var dados = Object.assign({ eventId: EVENTO_ID, pontuacao: nota.pontos, pontuacao_max: PONTUACAO_MAX, resultado: resultado.chave, pontuacao_incompleta: !nota.completa, nome: nome, email: email, telefone: tel, /* só dígitos, com DDD */ telefone_formatado: val('alt-telefone'), consentimento_lgpd: !!(lgpd && lgpd.checked), origem: 'evento-altus-estande', pagina: window.location.href }, utms()); for(var k = 1; k <= TOTAL_PERGUNTAS; k++){ var r = respostas['q' + k] || {valor:'', rotulo:''}; dados['q' + k + '_valor'] = r.valor; dados['q' + k + '_rotulo'] = r.rotulo; } /* Segue mesmo se a rede falhar E mesmo se ela nunca responder. Em no-cors não dá para ler a resposta, então erro e silêncio são indistinguíveis daqui — e deixar a pessoa presa num "Enviando..." eterno é pior do que um envio raro perdido. O teto de TIMEOUT_MS cobre o caso do webhook fora do ar, que sem isso trava a tela por minutos. */ try{ await Promise.race([ fetch(WEBHOOK, {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(dados), mode:'no-cors'}), new Promise(function(r){ setTimeout(r, TIMEOUT_MS) }) ]); }catch(_){ /* segue */ } if(btn){ btn.textContent = rotulo; btn.disabled = false } enviando = false; /* corte curto: nome longo, ou colado à mão, estoura o título */ var primeiro = nome.split(/\s+/)[0].slice(0,24); preencheResultado(resultado, nota.pontos, primeiro); mostra(PASSO_OBRIGADO); }); mostra(1, false); ajustaPiso(); /* a Poppins chega depois do primeiro layout e muda a quebra dos títulos — sem remedir aqui, o piso fica calculado na fonte errada */ if(document.fonts && document.fonts.ready){ document.fonts.ready.then(ajustaPiso).catch(function(){}); } } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', init); } else { init() }})();[/et_pb_fullwidth_code][/et_pb_section]