Teste de captura \u2014 Formul\u00e1rio Hello Joy<\/title>\r\n <style>\r\n html { color-scheme: dark; background: #0d0a08; }\r\n body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #0d0a08; }\r\n #hjApp { width: min(100%, 520px); padding: 24px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: linear-gradient(180deg, #1c150f, #1f1812); }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"hjApp\" style=\"visibility:hidden\">\r\n\r\n <style>\r\n \/* ===== ESCOPO TOTAL EM #hjApp \u2014 n\u00e3o vaza e n\u00e3o sofre interfer\u00eancia ===== *\/\r\n #hjApp {\r\n --brand: #C9A15C;\r\n --brand-lt: #E3C48A;\r\n --ink: #F3EDE3;\r\n --muted: #A99C88;\r\n --line: rgba(255,255,255,.14);\r\n --soft: rgba(255,255,255,.05);\r\n --alert: #E0B472;\r\n --ok: #7FBF8F;\r\n --err: #E38A7A;\r\n --on-brand: #2A2118;\r\n color: var(--ink);\r\n font-family: inherit;\r\n text-align: left;\r\n line-height: 1.5;\r\n }\r\n #hjApp *, #hjApp *::before, #hjApp *::after { box-sizing: border-box; }\r\n #hjApp .hj-screen { display: none; }\r\n #hjApp .hj-screen.is-active { display: block; animation: hjIn .25s ease; }\r\n @keyframes hjIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\r\n\r\n \/* ---- cabe\u00e7alho ---- *\/\r\n #hjApp .hj-head { text-align: center; margin-bottom: 22px; }\r\n #hjApp .hj-head img { max-width: 190px; height: auto; display: inline-block; }\r\n\r\n \/* ---- tipografia ---- *\/\r\n #hjApp .hj-eyebrow {\r\n display: inline-block; font-size: 11px; font-weight: 700;\r\n letter-spacing: .16em; text-transform: uppercase;\r\n color: var(--brand); margin-bottom: 10px;\r\n }\r\n #hjApp .hj-eyebrow::before { content: '\u2014 '; }\r\n #hjApp h2.hj-t {\r\n margin: 0 0 12px; font-size: 26px; line-height: 1.22;\r\n font-weight: 700; letter-spacing: -.01em; color: var(--ink);\r\n }\r\n #hjApp h2.hj-t em { font-style: italic; color: var(--brand); }\r\n #hjApp .hj-p { margin: 0 0 14px; font-size: 14.5px; color: var(--muted); }\r\n #hjApp .hj-p strong { color: var(--ink); font-weight: 600; }\r\n #hjApp .hj-div { height: 1px; background: var(--line); margin: 18px 0; }\r\n\r\n \/* ---- lista de checks ---- *\/\r\n #hjApp .hj-checks { list-style: none; margin: 0 0 20px; padding: 0; }\r\n #hjApp .hj-checks li {\r\n display: flex; gap: 10px; align-items: flex-start;\r\n font-size: 14px; color: var(--muted); margin-bottom: 9px;\r\n }\r\n #hjApp .hj-checks strong { color: var(--ink); font-weight: 600; }\r\n #hjApp svg { max-width: 100%; }\r\n #hjApp .hj-checks svg { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 3px; color: var(--brand); }\r\n\r\n \/* ---- bot\u00f5es ---- *\/\r\n #hjApp .hj-btn {\r\n position: relative; overflow: hidden; width: 100%; display: block;\r\n border: 1.5px solid var(--line); border-radius: 12px;\r\n padding: 16px 16px; font: inherit; font-size: 16px; font-weight: 600;\r\n line-height: 1.3; text-align: center; cursor: pointer;\r\n background: rgba(255,255,255,.06); color: var(--muted);\r\n transition: background .18s, color .18s, border-color .18s, transform .12s;\r\n }\r\n #hjApp .hj-btn > span { position: relative; z-index: 2; }\r\n #hjApp .hj-btn:disabled { cursor: not-allowed; }\r\n #hjApp .hj-btn.is-ready {\r\n background: linear-gradient(135deg, var(--brand-lt), var(--brand));\r\n border-color: transparent; color: var(--on-brand);\r\n box-shadow: 0 6px 18px rgba(201,161,92,.26);\r\n }\r\n #hjApp .hj-btn.is-ready:hover { transform: translateY(-1px); }\r\n #hjApp .hj-btn .hj-bar {\r\n position: absolute; inset: 0 auto 0 0; width: 0%;\r\n background: rgba(201,161,92,.22); z-index: 1; transition: width .06s linear;\r\n }\r\n #hjApp .hj-btn--ghost {\r\n background: transparent; color: var(--ink);\r\n border-color: var(--line); font-weight: 600;\r\n }\r\n #hjApp .hj-btn--ghost:not(:disabled):hover { border-color: var(--brand); color: var(--brand); }\r\n #hjApp .hj-btn--quiet {\r\n background: transparent; color: var(--muted);\r\n border-style: dashed; font-size: 13.5px; font-weight: 500; padding: 12px 14px;\r\n }\r\n #hjApp .hj-btn--quiet:not(:disabled):hover { color: var(--ink); border-color: var(--muted); }\r\n #hjApp .hj-btn:disabled:not(.is-ready) { opacity: .5; }\r\n\r\n \/* ---- formul\u00e1rio ---- *\/\r\n #hjApp .hj-field { margin-bottom: 17px; }\r\n #hjApp .hj-label {\r\n display: block; font-size: 14px; font-weight: 600;\r\n letter-spacing: .02em; color: var(--muted); margin-bottom: 6px;\r\n }\r\n #hjApp .hj-input, #hjApp .hj-select {\r\n width: 100%; padding: 15px 15px; font: inherit; font-size: 17px;\r\n color: var(--ink); background: rgba(255,255,255,.05);\r\n border: 1.5px solid var(--line); border-radius: 10px;\r\n transition: border-color .16s, background .16s; appearance: none;\r\n }\r\n #hjApp .hj-input::placeholder { color: rgba(169,156,136,.7); }\r\n #hjApp .hj-input:focus, #hjApp .hj-select:focus {\r\n outline: none; border-color: var(--brand); background: rgba(255,255,255,.08);\r\n }\r\n #hjApp .hj-select {\r\n background-image: url(\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23A99C88' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat; background-position: right 13px center; background-size: 16px;\r\n padding-right: 40px;\r\n }\r\n #hjApp .hj-select option { background: #2A2118; color: var(--ink); }\r\n #hjApp .hj-prefix { position: relative; }\r\n #hjApp .hj-prefix .hj-rs {\r\n position: absolute; left: 15px; top: 50%; transform: translateY(-50%);\r\n font-size: 17px; color: var(--muted); pointer-events: none;\r\n }\r\n #hjApp .hj-prefix .hj-input { padding-left: 46px; }\r\n #hjApp .hj-input.is-bad, #hjApp .hj-select.is-bad { border-color: var(--err); }\r\n #hjApp .hj-err {\r\n display: none; margin-top: 6px; font-size: 13.5px; color: var(--err);\r\n }\r\n #hjApp .hj-err.is-on { display: block; }\r\n\r\n \/* ---- caixa da entrada ---- *\/\r\n #hjApp .hj-box {\r\n margin: 16px 0 18px; padding: 20px 16px; border-radius: 14px;\r\n background: var(--soft); border: 1.5px solid var(--line); text-align: center;\r\n }\r\n #hjApp .hj-box-lbl { margin: 0 0 4px; font-size: 13.5px; color: var(--muted); }\r\n #hjApp .hj-box-lbl strong { color: var(--ink); }\r\n #hjApp .hj-box-val {\r\n font-size: 38px; line-height: 1.1; font-weight: 800;\r\n letter-spacing: -.02em; color: var(--brand); margin: 4px 0 8px;\r\n }\r\n #hjApp .hj-box-note {\r\n margin: 0; font-size: 11.5px; color: var(--muted);\r\n text-transform: uppercase; letter-spacing: .05em;\r\n }\r\n #hjApp .hj-warns { list-style: none; margin: 0 0 18px; padding: 0; }\r\n #hjApp .hj-warns li {\r\n display: flex; gap: 10px; align-items: flex-start;\r\n font-size: 14px; color: var(--ink); margin-bottom: 10px;\r\n }\r\n #hjApp .hj-warns svg { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 2px; color: var(--alert); }\r\n #hjApp .hj-ask-t { text-align: center; margin-bottom: 8px; }\r\n #hjApp .hj-ask-t em { font-style: normal; white-space: nowrap; }\r\n #hjApp .hj-ask-sub { text-align: center; margin-bottom: 22px; font-size: 13.5px; }\r\n #hjApp .hj-ask {\r\n margin: 0 0 12px; font-size: 15px; font-weight: 700;\r\n color: var(--ink); text-align: center;\r\n }\r\n #hjApp .hj-actions { display: grid; gap: 9px; }\r\n\r\n \/* ---- painel de prazo ---- *\/\r\n #hjApp .hj-prazo {\r\n display: none; margin-top: 14px; padding: 16px 14px;\r\n border-radius: 12px; background: var(--soft); border: 1.5px solid var(--line);\r\n }\r\n #hjApp .hj-prazo.is-on { display: block; animation: hjIn .22s ease; }\r\n #hjApp .hj-prazo-t { margin: 0 0 10px; font-size: 14px; font-weight: 700; text-align: center; }\r\n #hjApp .hj-prazo-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }\r\n #hjApp .hj-opt {\r\n padding: 12px 8px; border: 1.5px solid var(--line); border-radius: 10px;\r\n background: rgba(255,255,255,.04); font: inherit; font-size: 14px;\r\n font-weight: 600; color: var(--ink); cursor: pointer;\r\n transition: border-color .16s, color .16s, background .16s;\r\n }\r\n #hjApp .hj-opt:hover { border-color: var(--brand); color: var(--brand); }\r\n #hjApp .hj-back {\r\n display: block; margin: 12px auto 0; background: none; border: 0;\r\n font: inherit; font-size: 13px; color: var(--muted);\r\n text-decoration: underline; cursor: pointer;\r\n }\r\n\r\n \/* ---- rodap\u00e9 ---- *\/\r\n #hjApp .hj-foot { margin-top: 18px; text-align: center; }\r\n #hjApp .hj-foot .hj-note { margin: 0 0 8px; font-size: 12.5px; color: var(--brand); }\r\n #hjApp .hj-foot .hj-lock {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n font-size: 12px; color: var(--muted);\r\n }\r\n #hjApp .hj-foot .hj-lock svg { width: 13px; height: 13px; }\r\n #hjApp .hj-foot .hj-micro { display: block; margin-top: 6px; font-size: 11.5px; color: rgba(169,156,136,.75); }\r\n\r\n \/* ---- tela final ---- *\/\r\n #hjApp .hj-final { text-align: center; }\r\n #hjApp .hj-final-ico {\r\n width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n background: rgba(127,191,143,.12); color: var(--ok);\r\n }\r\n #hjApp .hj-final-ico svg { width: 28px; height: 28px; }\r\n\r\n \/* ---- estado enviando ---- *\/\r\n #hjApp .hj-sending { display: none; margin-top: 14px; text-align: center; font-size: 14px; color: var(--muted); }\r\n #hjApp.is-sending .hj-sending { display: block; }\r\n #hjApp.is-sending .hj-actions, #hjApp.is-sending .hj-prazo { opacity: .45; pointer-events: none; }\r\n\r\n @media (max-width: 480px) {\r\n #hjApp h2.hj-t { font-size: 22px; }\r\n #hjApp .hj-box-val { font-size: 31px; }\r\n #hjApp .hj-prazo-opts { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n\r\n\r\n \r\n <div class=\"hj-head\">\r\n <img decoding=\"async\" src=\"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\" alt=\"Hello Joy\">\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen is-active\" data-screen=\"intro\" style=\"display:block\">\r\n <span class=\"hj-eyebrow\">Antes de prosseguir<\/span>\r\n <h2 class=\"hj-t\">A Hello Joy \u00e9 uma <em>facilitadora de pagamento<\/em>.<\/h2>\r\n <p class=\"hj-p\">N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 <strong>parcelar o pagamento<\/strong> da sua cirurgia no boleto.<\/p>\r\n <div class=\"hj-div\"><\/div>\r\n <p class=\"hj-p\"><strong>Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter:<\/strong><\/p>\r\n <ul class=\"hj-checks\">\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>O <strong>procedimento<\/strong> que deseja fazer<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>O <strong>valor estimado<\/strong> (entre R$ 8.000 e R$ 100.000)<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>O <strong>m\u00e9dico ou cl\u00ednica<\/strong> onde far\u00e1 a cirurgia<\/span><\/li>\r\n <\/ul>\r\n <button type=\"button\" class=\"hj-btn\" id=\"hjIntroBtn\" disabled>\r\n <span class=\"hj-bar\" id=\"hjIntroBar\"><\/span>\r\n <span id=\"hjIntroLbl\">Aguarde 15s...<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen\" data-screen=\"form\" style=\"display:none\">\r\n <span class=\"hj-eyebrow\">An\u00e1lise gratuita<\/span>\r\n <h2 class=\"hj-t\">Vamos cuidar do <em>seu sonho<\/em>.<\/h2>\r\n <p class=\"hj-p\">Preencha os dados abaixo e uma consultora te atende em instantes pelo WhatsApp.<\/p>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjNome\">Nome completo<\/label>\r\n <input class=\"hj-input\" id=\"hjNome\" type=\"text\" autocomplete=\"name\" placeholder=\"Nome e sobrenome\">\r\n <div class=\"hj-err\" id=\"hjNomeErr\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjWpp\">WhatsApp<\/label>\r\n <input class=\"hj-input\" id=\"hjWpp\" type=\"tel\" inputmode=\"numeric\" maxlength=\"15\" autocomplete=\"tel\" placeholder=\"(51) 99999-9999\">\r\n <div class=\"hj-err\" id=\"hjWppErr\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjProc\">Procedimento desejado<\/label>\r\n <select class=\"hj-select\" id=\"hjProc\"><\/select>\r\n <div class=\"hj-err\" id=\"hjProcErr\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjValor\">Valor estimado do procedimento<\/label>\r\n <div class=\"hj-prefix\">\r\n <span class=\"hj-rs\">R$<\/span>\r\n <input class=\"hj-input\" id=\"hjValor\" type=\"text\" inputmode=\"numeric\" placeholder=\"0,00\">\r\n <\/div>\r\n <div class=\"hj-err\" id=\"hjValorErr\"><\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" class=\"hj-btn is-ready\" id=\"hjSubmit\"><span>Continuar<\/span><\/button>\r\n\r\n <div class=\"hj-foot\">\r\n <p class=\"hj-note\">* Aceitamos valores a partir de <strong>R$ 8.000,00<\/strong><\/p>\r\n <span class=\"hj-lock\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n Seus dados s\u00e3o sigilosos (LGPD)\r\n <\/span>\r\n <span class=\"hj-micro\">Sem consulta a SPC\/Serasa \u00b7 Aprova\u00e7\u00e3o em at\u00e9 48h<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen\" data-screen=\"entrada\" style=\"display:none\">\r\n <span class=\"hj-eyebrow\">Falta um \u00faltimo ponto<\/span>\r\n <h2 class=\"hj-t\">Existe um <em>valor de entrada<\/em>.<\/h2>\r\n\r\n <div class=\"hj-box\">\r\n <p class=\"hj-box-lbl\">Para o seu plano de <strong id=\"hjPlano\">R$ \u2014<\/strong>, a entrada \u00e9 de<\/p>\r\n <div class=\"hj-box-val\" id=\"hjEntrada\">R$ \u2014<\/div>\r\n <p class=\"hj-box-note\">Valor \u00fanico, no ato da assinatura<\/p>\r\n <\/div>\r\n\r\n <ul class=\"hj-warns\">\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><span>A entrada <strong>n\u00e3o pode ser parcelada<\/strong> nem inclu\u00edda nas mensalidades.<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><span>\u00c9 paga <strong>no ato da assinatura<\/strong> do contrato, antes da libera\u00e7\u00e3o.<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><span>Sem esse valor dispon\u00edvel, <strong>n\u00e3o conseguimos dar andamento<\/strong> ao atendimento.<\/span><\/li>\r\n <\/ul>\r\n\r\n <button type=\"button\" class=\"hj-btn\" id=\"hjEntBtn\" disabled>\r\n <span class=\"hj-bar\" id=\"hjEntBar\"><\/span>\r\n <span id=\"hjEntLbl\">Aguarde 15s...<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen\" data-screen=\"decisao\" style=\"display:none\">\r\n <span class=\"hj-eyebrow\">\u00daltima pergunta<\/span>\r\n <h2 class=\"hj-t hj-ask-t\">Voc\u00ea tem <em id=\"hjEntrada2\">R$ \u2014<\/em> de entrada dispon\u00edvel?<\/h2>\r\n <p class=\"hj-p hj-ask-sub\">Valor \u00fanico, pago no ato da assinatura do contrato.<\/p>\r\n\r\n <div class=\"hj-actions\">\r\n <button type=\"button\" class=\"hj-btn is-ready\" id=\"hjTenho\"><span>Tenho o valor e quero prosseguir<\/span><\/button>\r\n <button type=\"button\" class=\"hj-btn hj-btn--ghost\" id=\"hjConsigo\"><span>N\u00e3o tenho agora, mas consigo<\/span><\/button>\r\n <button type=\"button\" class=\"hj-btn hj-btn--quiet\" id=\"hjNao\"><span>N\u00e3o tenho e n\u00e3o consigo esse valor<\/span><\/button>\r\n <\/div>\r\n\r\n <div class=\"hj-prazo\" id=\"hjPrazo\" style=\"display:none\">\r\n <p class=\"hj-prazo-t\">Em quanto tempo voc\u00ea consegue esse valor?<\/p>\r\n <div class=\"hj-prazo-opts\">\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"7\">At\u00e9 7 dias<\/button>\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"14\">At\u00e9 14 dias<\/button>\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"30\">At\u00e9 30 dias<\/button>\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"31\">Mais de 30 dias<\/button>\r\n <\/div>\r\n <button type=\"button\" class=\"hj-back\" id=\"hjVoltar\">Voltar<\/button>\r\n <\/div>\r\n\r\n <div class=\"hj-sending\">Registrando suas informa\u00e7\u00f5es...<\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen hj-final\" data-screen=\"final\" style=\"display:none\">\r\n <div class=\"hj-final-ico\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <h2 class=\"hj-t\">Obrigado pelo seu contato!<\/h2>\r\n <p class=\"hj-p\">Seus dados foram registrados com sucesso. No momento, o valor de entrada \u00e9 um requisito para dar andamento \u00e0 an\u00e1lise \u2014 mas <strong>guardamos o seu cadastro<\/strong>.<\/p>\r\n <p class=\"hj-p\">Assim que voc\u00ea tiver o valor dispon\u00edvel, \u00e9 s\u00f3 voltar aqui e refazer o pedido. Nossa equipe tamb\u00e9m poder\u00e1 entrar em contato com novas condi\u00e7\u00f5es.<\/p>\r\n <div class=\"hj-div\"><\/div>\r\n <p class=\"hj-p\" style=\"font-size:13px\">Voc\u00ea j\u00e1 pode fechar esta janela.<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\/* ==================================================================\r\n HELLO JOY \u2014 L\u00d3GICA DO POPUP (v5)\r\n\r\n PRINC\u00cdPIO: NADA de refer\u00eancia guardada, NADA de bind direto.\r\n O Elementor MOVE\/CLONA o conte\u00fado do popup para dentro do modal\r\n quando ele abre. Qualquer elemento capturado antes disso vira um\r\n n\u00f3 \u00f3rf\u00e3o: o JS atualiza um bot\u00e3o que ningu\u00e9m v\u00ea, enquanto a tela\r\n mostra uma c\u00f3pia congelada (sintoma: timer travado em \"Aguarde 15s\").\r\n\r\n Por isso:\r\n - todo acesso a elemento \u00e9 por getElementById NA HORA do uso;\r\n - todo clique \u00e9 delegado no document;\r\n - o timer s\u00f3 come\u00e7a quando o popup fica de fato vis\u00edvel;\r\n - ao fechar, o estado volta pra tela 1 sozinho.\r\n ================================================================== *\/\r\n(function () {\r\n 'use strict';\r\n\r\n \/* ==================== CONFIGURA\u00c7\u00c3O ==================== *\/\r\n var WEBHOOK_MAKE = 'https:\/\/hellojoy.5fiveagencia.com.br\/api\/v1\/leads';\r\n\r\n var CONSULTORAS = [\r\n { nome: 'Carina', numero: '5551993384970' },\r\n { nome: 'Anny', numero: '5551980887343' },\r\n { nome: 'Safira', numero: '5551980574178' },\r\n { nome: 'Gabriela', numero: '5551999739574' },\r\n { nome: 'Vanessa', numero: '5551991951772' },\r\n { nome: 'Giselle', numero: '5551995736569' },\r\n { nome: 'Jessica', numero: '5551992417446' }\r\n ];\r\n\r\n var TIMER_INTRO = 15; \/\/ segundos da tela 1\r\n var TIMER_ENTRADA = 15; \/\/ segundos da tela 3\r\n var PRAZO_LIMITE = 14; \/\/ at\u00e9 N dias o lead passa; acima, bloqueia\r\n var VALOR_MIN = 8000;\r\n var VALOR_MAX = 100000;\r\n\r\n var PROCEDIMENTOS = [\r\n 'Abdominoplastia',\r\n 'Lipoaspira\u00e7\u00e3o',\r\n 'Lipo HD',\r\n 'Pr\u00f3tese de mama',\r\n 'Mastopexia (com ou sem pr\u00f3tese)',\r\n 'Rinoplastia',\r\n 'Blefaroplastia',\r\n 'Otoplastia',\r\n 'Ninfoplastia',\r\n 'Cirurgia bari\u00e1trica',\r\n 'Combina\u00e7\u00e3o de procedimentos',\r\n 'Outro'\r\n ];\r\n \/* ================== FIM DA CONFIGURA\u00c7\u00c3O ================== *\/\r\n\r\n\r\n if (window.hjBooted) return; \/\/ trava contra execu\u00e7\u00e3o dupla do widget\r\n window.hjBooted = true;\r\n\r\n \/* ---- acesso SEMPRE ao vivo ---- *\/\r\n function E(id) { return document.getElementById(id); }\r\n function app() { return E('hjApp'); }\r\n function visivel(el) { return !!(el && el.offsetParent !== null); }\r\n\r\n var st = {\r\n tela: 'intro',\r\n timerIntro: null,\r\n timerEntrada: null,\r\n introLiberado: false,\r\n entradaLiberada: false,\r\n enviando: false,\r\n aberto: false\r\n };\r\n\r\n \/* ================= NAVEGA\u00c7\u00c3O ================= *\/\r\n function tela(nome) {\r\n st.tela = nome;\r\n var a = app();\r\n if (!a) return;\r\n var telas = a.querySelectorAll('.hj-screen');\r\n for (var i = 0; i < telas.length; i++) {\r\n var ativa = telas[i].getAttribute('data-screen') === nome;\r\n telas[i].classList.toggle('is-active', ativa);\r\n telas[i].style.display = ativa ? 'block' : 'none';\r\n }\r\n console.log('[HJ] tela ->', nome);\r\n var box = a.closest('.dialog-message') || a.closest('.dialog-widget-content');\r\n if (box) { try { box.scrollTop = 0; } catch (e) {} }\r\n }\r\n\r\n \/* ================= TIMER (re-busca o bot\u00e3o a cada tique) ================= *\/\r\n function rodaTimer(segundos, idBtn, idBar, idLbl, textoFinal, aoLiberar) {\r\n var ini = Date.now(), ultimo = -1;\r\n var btn = E(idBtn), lbl = E(idLbl);\r\n if (btn) { btn.disabled = true; btn.classList.remove('is-ready'); }\r\n if (lbl) lbl.textContent = 'Aguarde ' + segundos + 's...';\r\n\r\n var it = setInterval(function () {\r\n var b = E(idBtn), bar = E(idBar), l = E(idLbl); \/\/ <- ao vivo, sempre\r\n if (!b || !l) return; \/\/ ainda n\u00e3o est\u00e1 no DOM\r\n var el = (Date.now() - ini) \/ 1000;\r\n var pr = Math.min(el \/ segundos, 1);\r\n if (bar) bar.style.width = (pr * 100) + '%';\r\n var rest = Math.max(Math.ceil(segundos - el), 0);\r\n if (rest !== ultimo) { ultimo = rest; l.textContent = 'Aguarde ' + rest + 's...'; }\r\n if (pr >= 1) {\r\n clearInterval(it);\r\n if (bar) bar.style.width = '0%';\r\n b.disabled = false;\r\n b.classList.add('is-ready');\r\n l.textContent = textoFinal;\r\n if (aoLiberar) aoLiberar();\r\n }\r\n }, 100);\r\n return it;\r\n }\r\n\r\n function iniciarIntro() {\r\n if (st.timerIntro) clearInterval(st.timerIntro);\r\n st.introLiberado = false;\r\n st.timerIntro = rodaTimer(TIMER_INTRO, 'hjIntroBtn', 'hjIntroBar', 'hjIntroLbl',\r\n 'Entendi, quero prosseguir',\r\n function () { st.introLiberado = true; });\r\n }\r\n\r\n function iniciarEntrada() {\r\n if (st.timerEntrada) clearInterval(st.timerEntrada);\r\n st.entradaLiberada = false;\r\n st.timerEntrada = rodaTimer(TIMER_ENTRADA, 'hjEntBtn', 'hjEntBar', 'hjEntLbl',\r\n 'Entendi, quero prosseguir',\r\n function () { st.entradaLiberada = true; });\r\n }\r\n\r\n \/* ================= CALCULADORA ================= *\/\r\n var TABELA = {\r\n 8:699, 9:749, 10:799, 11:849, 12:899, 13:949, 14:949, 15:999, 16:999,\r\n 17:1049, 18:1049, 19:1049, 20:1099, 21:1099, 22:1099,\r\n 23:1149, 24:1149, 25:1149, 26:1149,\r\n 27:1199, 28:1199, 29:1199, 30:1199, 31:1199, 32:1199,\r\n 33:1349, 34:1349, 35:1349, 36:1449, 37:1449, 38:1449, 39:1449,\r\n 40:1499, 41:1499, 42:1499, 43:1549, 44:1549, 45:1549, 46:1549,\r\n 47:1599, 48:1599\r\n };\r\n function parseBRL(v) {\r\n var x = String(v || '').replace(\/[^\\d,]\/g, '').replace(\/\\.\/g, '').replace(',', '.');\r\n var n = parseFloat(x);\r\n return isNaN(n) ? 0 : n;\r\n }\r\n function fmtBRL(n) {\r\n return (Number(n) || 0).toFixed(2).replace('.', ',').replace(\/(\\d)(?=(\\d{3})+(?!\\d))\/g, '$1.');\r\n }\r\n function planoBase(v) { \/\/ 57999,99 -> 58\r\n return Math.min(100, Math.max(8, Math.round((Number(v) || 0) \/ 1000)));\r\n }\r\n function calcEntrada(v) {\r\n var p = planoBase(v);\r\n return p <= 48 ? TABELA[p] : 1649 + 50 * Math.floor((p - 49) \/ 2);\r\n }\r\n\r\n \/* ================= M\u00c1SCARAS ================= *\/\r\n\r\n \/* Remove o c\u00f3digo do pa\u00eds (55) e o zero de operadora, para que o\r\n que sobra seja sempre DDD + n\u00famero.\r\n ATEN\u00c7\u00c3O: DDD 55 existe de verdade (Santa Maria\/RS). A regra abaixo\r\n distingue os dois casos pelo tamanho e pelo 9 do celular.\r\n\r\n 5551993384970 (13) -> 51993384970 DDI + DDD + 9 + 8\r\n 555199338497 (12) -> 5199338497 DDI + DDD + 8 (o 9 entra depois)\r\n 55619986871 (11) -> 619986871 DDI + resto (3\u00ba d\u00edgito != 9)\r\n 55993384970 (11) -> intacto DDD 55 + celular (3\u00ba d\u00edgito = 9)\r\n 0519933849701 (0..) -> tira o zero de operadora *\/\r\n function tiraDDI(d) {\r\n d = String(d || '').replace(\/\\D\/g, '');\r\n if (!d) return '';\r\n\r\n \/\/ zero de operadora \/ trunk\r\n if (d.charAt(0) === '0' && d.length >= 11) d = d.slice(1);\r\n\r\n if (d.indexOf('55') === 0) {\r\n if (d.length >= 12) {\r\n console.log('[HJ] c\u00f3digo do pa\u00eds removido (DDI 55) ->', d.slice(2));\r\n d = d.slice(2);\r\n } else if (d.length === 11 && d.charAt(2) !== '9') {\r\n \/\/ 55 + 9 d\u00edgitos sem o 9 do celular = era c\u00f3digo do pa\u00eds\r\n console.log('[HJ] c\u00f3digo do pa\u00eds removido (DDI 55) ->', d.slice(2));\r\n d = d.slice(2);\r\n }\r\n \/\/ 11 d\u00edgitos com 9 na 3\u00aa posi\u00e7\u00e3o = DDD 55 leg\u00edtimo, n\u00e3o mexe\r\n }\r\n return d.slice(0, 11);\r\n }\r\n\r\n function mascaraTel(v) {\r\n var d = tiraDDI(v); \/\/ normaliza ANTES de cortar\r\n if (d.length > 10) return d.replace(\/^(\\d{2})(\\d{5})(\\d{0,4}).*\/, '($1) $2-$3');\r\n if (d.length > 6) return d.replace(\/^(\\d{2})(\\d{4})(\\d{0,4}).*\/, '($1) $2-$3');\r\n if (d.length > 2) return d.replace(\/^(\\d{2})(\\d{0,5}).*\/, '($1) $2');\r\n if (d.length > 0) return d.replace(\/^(\\d{0,2}).*\/, '($1');\r\n return '';\r\n }\r\n \/\/ 8 d\u00edgitos depois do DDD -> insere o 9 sozinho\r\n function completaNove() {\r\n var el = E('hjWpp');\r\n if (!el) return;\r\n var d = tiraDDI(el.value); \/\/ tira DDI antes de contar\r\n if (d.length === 10) {\r\n d = d.slice(0, 2) + '9' + d.slice(2);\r\n el.value = d.replace(\/^(\\d{2})(\\d{5})(\\d{4})\/,'($1) $2-$3');\r\n console.log('[HJ] 9 inserido automaticamente ->', el.value);\r\n } else {\r\n var reformatado = mascaraTel(el.value);\r\n if (reformatado !== el.value) el.value = reformatado; \/\/ aplica a limpeza do DDI\r\n }\r\n }\r\n\r\n \/* ================= SELECT ================= *\/\r\n function montaSelect() {\r\n var sel = E('hjProc');\r\n if (!sel || sel.options.length > 1) return;\r\n sel.innerHTML = '';\r\n var o0 = document.createElement('option');\r\n o0.value = ''; o0.textContent = 'Selecione...';\r\n sel.appendChild(o0);\r\n for (var i = 0; i < PROCEDIMENTOS.length; i++) {\r\n var o = document.createElement('option');\r\n o.value = PROCEDIMENTOS[i]; o.textContent = PROCEDIMENTOS[i];\r\n sel.appendChild(o);\r\n }\r\n }\r\n\r\n \/* ================= VALIDA\u00c7\u00c3O ================= *\/\r\n function marca(idIn, idErr, msg) {\r\n var i = E(idIn), e = E(idErr);\r\n if (!i || !e) return !msg;\r\n if (msg) { i.classList.add('is-bad'); e.textContent = msg; e.classList.add('is-on'); }\r\n else { i.classList.remove('is-bad'); e.classList.remove('is-on'); }\r\n return !msg;\r\n }\r\n function valida(campo) {\r\n var ok = true;\r\n if (!campo || campo === 'nome') {\r\n var v = (E('hjNome') || {}).value || '';\r\n v = v.trim();\r\n var partes = v.split(\/\\s+\/).filter(function (p) { return p.length >= 2; });\r\n ok = marca('hjNome', 'hjNomeErr',\r\n !v ? 'Digite seu nome.' : (partes.length < 2 ? 'Digite nome e sobrenome.' : '')) && ok;\r\n }\r\n if (!campo || campo === 'wpp') {\r\n var d = (((E('hjWpp') || {}).value) || '').replace(\/\\D\/g, '');\r\n \/\/ aceita 10 (DDD + 8) ou 11 (DDD + 9). O 9 \u00e9 inserido sozinho.\r\n var m = !d ? 'Digite seu WhatsApp.'\r\n : (d.length < 10 ? 'Digite o DDD e o n\u00famero completo.'\r\n : (d.length > 11 ? 'N\u00famero com d\u00edgitos demais.' : ''));\r\n ok = marca('hjWpp', 'hjWppErr', m) && ok;\r\n }\r\n if (!campo || campo === 'proc') {\r\n ok = marca('hjProc', 'hjProcErr', ((E('hjProc') || {}).value) ? '' : 'Selecione um procedimento.') && ok;\r\n }\r\n if (!campo || campo === 'valor') {\r\n var bruto = ((E('hjValor') || {}).value) || '';\r\n var n = parseBRL(bruto);\r\n var mv = !bruto.trim() ? 'Informe o valor estimado.'\r\n : (n < VALOR_MIN ? 'Valor m\u00ednimo: R$ ' + fmtBRL(VALOR_MIN) + '.'\r\n : (n > VALOR_MAX ? 'Valor m\u00e1ximo: R$ ' + fmtBRL(VALOR_MAX) + '.' : ''));\r\n ok = marca('hjValor', 'hjValorErr', mv) && ok;\r\n }\r\n return ok;\r\n }\r\n\r\n \/* ================= DADOS ================= *\/\r\n function cookie(n) {\r\n var m = document.cookie.match('(^|;)\\\\s*' + n + '\\\\s*=\\\\s*([^;]+)');\r\n return m ? decodeURIComponent(m.pop()) : '';\r\n }\r\n function telefone(v) {\r\n var d = tiraDDI(v); \/\/ mesma regra do campo\r\n if (d.length < 10) return '';\r\n var ddd = d.slice(0, 2), n = d.slice(2);\r\n if (n.length === 8) n = '9' + n; \/\/ DDD + 8 -> insere o 9\r\n if (n.length > 9) n = n.slice(-9);\r\n return '55' + ddd + n;\r\n }\r\n function coletar() {\r\n var p = new URLSearchParams(window.location.search);\r\n var bruto = parseBRL((E('hjValor') || {}).value);\r\n return {\r\n nome: (((E('hjNome') || {}).value) || '').trim(),\r\n whatsapp: telefone((E('hjWpp') || {}).value),\r\n whatsapp_raw: ((E('hjWpp') || {}).value) || '',\r\n procedimento: ((E('hjProc') || {}).value) || '',\r\n valor: fmtBRL(bruto),\r\n valor_numero: bruto,\r\n plano_base: fmtBRL(planoBase(bruto) * 1000),\r\n entrada_valor: fmtBRL(calcEntrada(bruto)),\r\n utm_source: p.get('utm_source') || '',\r\n utm_medium: p.get('utm_medium') || '',\r\n utm_campaign: p.get('utm_campaign') || '',\r\n utm_content: p.get('utm_content') || '',\r\n utm_term: p.get('utm_term') || '',\r\n fbclid: p.get('fbclid') || '', gclid: p.get('gclid') || '', ttclid: p.get('ttclid') || '',\r\n fbp: cookie('_fbp'), fbc: cookie('_fbc'),\r\n page_url: window.location.href,\r\n referrer: document.referrer || ''\r\n };\r\n }\r\n\r\n \/* ================= ROD\u00cdZIO E ENVIO ================= *\/\r\n function proximaLocal() {\r\n var i = 0;\r\n try { i = parseInt(localStorage.getItem('hjRodizioIdx') || '0', 10); } catch (e) {}\r\n if (isNaN(i) || i < 0) i = 0;\r\n var c = CONSULTORAS[i % CONSULTORAS.length];\r\n try { localStorage.setItem('hjRodizioIdx', String((i + 1) % CONSULTORAS.length)); } catch (e) {}\r\n return c;\r\n }\r\n function mensagem(d, c) {\r\n var l = [\r\n 'Ol\u00e1, ' + c.nome + '! Vim pelo site da Hello Joy e gostaria de parcelar minha cirurgia.',\r\n '',\r\n 'Nome: ' + d.nome,\r\n 'Procedimento: ' + d.procedimento,\r\n 'Valor estimado: R$ ' + d.valor,\r\n ''\r\n ];\r\n if (d.entrada_status === 'consigo' && d.entrada_prazo) {\r\n l.push('Li e concordo com o valor de entrada de R$ ' + d.entrada_valor +\r\n ', pago no ato da assinatura do contrato. Consigo esse valor em at\u00e9 ' + d.entrada_prazo + ' dias.');\r\n } else {\r\n l.push('Li e concordo com o valor de entrada de R$ ' + d.entrada_valor +\r\n ', pago no ato da assinatura do contrato.');\r\n }\r\n return encodeURIComponent(l.join('\\n'));\r\n }\r\n\r\n function enviar(status, prazo, bloqueado) {\r\n if (st.enviando) return;\r\n st.enviando = true;\r\n var a = app();\r\n if (a) a.classList.add('is-sending');\r\n\r\n var d = coletar();\r\n d.entrada_status = status;\r\n d.entrada_prazo = prazo || '';\r\n d.qualificado = bloqueado ? 'nao' : 'sim';\r\n console.log('[HJ] enviando', d);\r\n\r\n var jaFoi = false;\r\n function segue(consultora) {\r\n if (jaFoi) return;\r\n jaFoi = true;\r\n if (bloqueado) {\r\n if (a) a.classList.remove('is-sending');\r\n tela('final');\r\n return;\r\n }\r\n var c = consultora || proximaLocal();\r\n window.location.href = 'https:\/\/wa.me\/' + String(c.numero).replace(\/\\D\/g, '') + '?text=' + mensagem(d, c);\r\n }\r\n\r\n if (!WEBHOOK_MAKE) { segue(null); return; }\r\n\r\n var t = setTimeout(function () { segue(null); }, 6000); \/\/ nunca trava a lead\r\n fetch(WEBHOOK_MAKE, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(d)\r\n })\r\n .then(function (r) { return r.json().catch(function () { return null; }); })\r\n .then(function (j) {\r\n clearTimeout(t);\r\n if (j && j.numero) segue({ nome: j.nome || '', numero: String(j.numero) });\r\n else segue(null);\r\n })\r\n .catch(function () { clearTimeout(t); segue(null); });\r\n }\r\n\r\n \/* ================= EVENTOS DELEGADOS =================\r\n Ligados ao document: sobrevivem a mover\/clonar o conte\u00fado. *\/\r\n document.addEventListener('click', function (ev) {\r\n var t = ev.target;\r\n if (!t || !t.closest) return;\r\n\r\n \/\/ avan\u00e7a da intro para o formul\u00e1rio\r\n if (t.closest('#hjIntroBtn')) {\r\n if (!st.introLiberado) return;\r\n ev.stopPropagation();\r\n tela('form');\r\n montaSelect();\r\n return;\r\n }\r\n\r\n \/\/ formul\u00e1rio -> tela de entrada\r\n if (t.closest('#hjSubmit')) {\r\n ev.stopPropagation();\r\n completaNove();\r\n if (!valida()) {\r\n var a = app();\r\n var bad = a && a.querySelector('.is-bad');\r\n if (bad && bad.focus) bad.focus();\r\n return;\r\n }\r\n var bruto = parseBRL((E('hjValor') || {}).value);\r\n var elP = E('hjPlano'), elE = E('hjEntrada'), elE2 = E('hjEntrada2');\r\n var entradaFmt = 'R$ ' + fmtBRL(calcEntrada(bruto));\r\n if (elP) elP.textContent = 'R$ ' + fmtBRL(planoBase(bruto) * 1000);\r\n if (elE) elE.textContent = entradaFmt;\r\n if (elE2) elE2.textContent = entradaFmt;\r\n tela('entrada');\r\n iniciarEntrada();\r\n return;\r\n }\r\n\r\n \/\/ conscientiza\u00e7\u00e3o -> decis\u00e3o\r\n if (t.closest('#hjEntBtn')) {\r\n if (!st.entradaLiberada) return;\r\n ev.stopPropagation();\r\n tela('decisao');\r\n return;\r\n }\r\n\r\n \/\/ decis\u00f5es (bot\u00f5es j\u00e1 liberados: a espera foi na tela anterior)\r\n if (t.closest('#hjTenho')) {\r\n ev.stopPropagation();\r\n enviar('tenho', '', false);\r\n return;\r\n }\r\n if (t.closest('#hjConsigo')) {\r\n ev.stopPropagation();\r\n var pz = E('hjPrazo');\r\n if (pz) { pz.classList.add('is-on'); pz.style.display = 'block'; }\r\n return;\r\n }\r\n if (t.closest('#hjNao')) {\r\n ev.stopPropagation();\r\n enviar('nao_tenho', '', true);\r\n return;\r\n }\r\n if (t.closest('#hjVoltar')) {\r\n ev.stopPropagation();\r\n var pz2 = E('hjPrazo');\r\n if (pz2) { pz2.classList.remove('is-on'); pz2.style.display = 'none'; }\r\n return;\r\n }\r\n var opt = t.closest('.hj-opt');\r\n if (opt && opt.closest('#hjApp')) {\r\n ev.stopPropagation();\r\n var dias = parseInt(opt.getAttribute('data-dias'), 10);\r\n enviar('consigo', String(dias), dias > PRAZO_LIMITE);\r\n return;\r\n }\r\n }, false);\r\n\r\n \/\/ m\u00e1scaras e valida\u00e7\u00e3o, tamb\u00e9m delegadas\r\n document.addEventListener('input', function (ev) {\r\n var el = ev.target;\r\n if (!el || !el.id) return;\r\n if (el.id === 'hjWpp') {\r\n el.value = mascaraTel(el.value);\r\n if (el.classList.contains('is-bad')) valida('wpp');\r\n } else if (el.id === 'hjValor') {\r\n var d = el.value.replace(\/\\D\/g, '');\r\n el.value = d ? fmtBRL(parseInt(d, 10) \/ 100) : '';\r\n if (el.classList.contains('is-bad')) valida('valor');\r\n }\r\n }, true);\r\n\r\n document.addEventListener('blur', function (ev) {\r\n var el = ev.target;\r\n if (!el || !el.id) return;\r\n if (el.id === 'hjWpp') { completaNove(); valida('wpp'); }\r\n else if (el.id === 'hjNome') { valida('nome'); }\r\n else if (el.id === 'hjValor') { valida('valor'); }\r\n }, true);\r\n\r\n document.addEventListener('change', function (ev) {\r\n if (ev.target && ev.target.id === 'hjProc') valida('proc');\r\n }, true);\r\n\r\n \/* ================= CICLO DE VIDA =================\r\n Observa quando o popup fica vis\u00edvel. S\u00f3 a\u00ed o timer come\u00e7a \u2014\r\n assim os 15s valem a partir da abertura, n\u00e3o do load da p\u00e1gina. *\/\r\n function reiniciar() {\r\n st.enviando = false;\r\n st.introLiberado = false;\r\n st.entradaLiberada = false;\r\n if (st.timerIntro) { clearInterval(st.timerIntro); st.timerIntro = null; }\r\n if (st.timerEntrada) { clearInterval(st.timerEntrada); st.timerEntrada = null; }\r\n var a = app();\r\n if (a) a.classList.remove('is-sending');\r\n var pz = E('hjPrazo');\r\n if (pz) { pz.classList.remove('is-on'); pz.style.display = 'none'; }\r\n tela('intro');\r\n montaSelect();\r\n iniciarIntro();\r\n console.log('[HJ] popup aberto \u2014 timer de', TIMER_INTRO, 's iniciado');\r\n }\r\n\r\n setInterval(function () {\r\n var a = app();\r\n if (!a) return;\r\n a.style.visibility = 'visible'; \/\/ garante que nunca fica invis\u00edvel\r\n var v = visivel(a);\r\n if (v && !st.aberto) { st.aberto = true; reiniciar(); }\r\n else if (!v && st.aberto) { st.aberto = false; console.log('[HJ] popup fechado'); }\r\n }, 250);\r\n\r\n \/\/ se o popup j\u00e1 estiver vis\u00edvel no load (ou n\u00e3o for modal), come\u00e7a agora\r\n setTimeout(function () {\r\n var a = app();\r\n if (a) { a.style.visibility = 'visible'; }\r\n if (a && visivel(a) && !st.aberto) { st.aberto = true; reiniciar(); }\r\n }, 300);\r\n\r\n console.log('[HJ] popup v5 carregado');\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teste de captura \u2014 Formul\u00e1rio Hello Joy Antes de prosseguir A Hello Joy \u00e9 uma facilitadora de pagamento. N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 parcelar o pagamento da sua cirurgia no boleto. Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter: O procedimento que deseja fazer O valor estimado (entre R$ 8.000 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>HTML - Testes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html.5fiveagencia.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML - Testes\" \/>\n<meta property=\"og:description\" content=\"Teste de captura \u2014 Formul\u00e1rio Hello Joy Antes de prosseguir A Hello Joy \u00e9 uma facilitadora de pagamento. N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 parcelar o pagamento da sua cirurgia no boleto. Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter: O procedimento que deseja fazer O valor estimado (entre R$ 8.000 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html.5fiveagencia.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Testes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-28T14:51:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\",\"url\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\",\"name\":\"HTML - Testes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hellojoy.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\",\"datePublished\":\"2026-08-28T14:48:38+00:00\",\"dateModified\":\"2026-08-28T14:51:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hellojoy.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\",\"contentUrl\":\"https:\\\/\\\/hellojoy.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#website\",\"url\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\",\"name\":\"Testes\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"HTML - Testes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html.5fiveagencia.com.br\/","og_locale":"en_US","og_type":"article","og_title":"HTML - Testes","og_description":"Teste de captura \u2014 Formul\u00e1rio Hello Joy Antes de prosseguir A Hello Joy \u00e9 uma facilitadora de pagamento. N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 parcelar o pagamento da sua cirurgia no boleto. Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter: O procedimento que deseja fazer O valor estimado (entre R$ 8.000 […]","og_url":"https:\/\/html.5fiveagencia.com.br\/","og_site_name":"Testes","article_modified_time":"2026-08-28T14:51:57+00:00","og_image":[{"url":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/html.5fiveagencia.com.br\/","url":"https:\/\/html.5fiveagencia.com.br\/","name":"HTML - Testes","isPartOf":{"@id":"https:\/\/html.5fiveagencia.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html.5fiveagencia.com.br\/#primaryimage"},"image":{"@id":"https:\/\/html.5fiveagencia.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png","datePublished":"2026-08-28T14:48:38+00:00","dateModified":"2026-08-28T14:51:57+00:00","breadcrumb":{"@id":"https:\/\/html.5fiveagencia.com.br\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html.5fiveagencia.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/html.5fiveagencia.com.br\/#primaryimage","url":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png","contentUrl":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png"},{"@type":"BreadcrumbList","@id":"https:\/\/html.5fiveagencia.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html.5fiveagencia.com.br\/"},{"@type":"ListItem","position":2,"name":"HTML"}]},{"@type":"WebSite","@id":"https:\/\/html.5fiveagencia.com.br\/#website","url":"https:\/\/html.5fiveagencia.com.br\/","name":"Testes","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html.5fiveagencia.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Teste de captura \u2014 Formul\u00e1rio Hello Joy<\/title>\r\n <style>\r\n html { color-scheme: dark; background: #0d0a08; }\r\n body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #0d0a08; }\r\n #hjApp { width: min(100%, 520px); padding: 24px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: linear-gradient(180deg, #1c150f, #1f1812); }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"hjApp\" style=\"visibility:hidden\">\r\n\r\n <style>\r\n \/* ===== ESCOPO TOTAL EM #hjApp \u2014 n\u00e3o vaza e n\u00e3o sofre interfer\u00eancia ===== *\/\r\n #hjApp {\r\n --brand: #C9A15C;\r\n --brand-lt: #E3C48A;\r\n --ink: #F3EDE3;\r\n --muted: #A99C88;\r\n --line: rgba(255,255,255,.14);\r\n --soft: rgba(255,255,255,.05);\r\n --alert: #E0B472;\r\n --ok: #7FBF8F;\r\n --err: #E38A7A;\r\n --on-brand: #2A2118;\r\n color: var(--ink);\r\n font-family: inherit;\r\n text-align: left;\r\n line-height: 1.5;\r\n }\r\n #hjApp *, #hjApp *::before, #hjApp *::after { box-sizing: border-box; }\r\n #hjApp .hj-screen { display: none; }\r\n #hjApp .hj-screen.is-active { display: block; animation: hjIn .25s ease; }\r\n @keyframes hjIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\r\n\r\n \/* ---- cabe\u00e7alho ---- *\/\r\n #hjApp .hj-head { text-align: center; margin-bottom: 22px; }\r\n #hjApp .hj-head img { max-width: 190px; height: auto; display: inline-block; }\r\n\r\n \/* ---- tipografia ---- *\/\r\n #hjApp .hj-eyebrow {\r\n display: inline-block; font-size: 11px; font-weight: 700;\r\n letter-spacing: .16em; text-transform: uppercase;\r\n color: var(--brand); margin-bottom: 10px;\r\n }\r\n #hjApp .hj-eyebrow::before { content: '\u2014 '; }\r\n #hjApp h2.hj-t {\r\n margin: 0 0 12px; font-size: 26px; line-height: 1.22;\r\n font-weight: 700; letter-spacing: -.01em; color: var(--ink);\r\n }\r\n #hjApp h2.hj-t em { font-style: italic; color: var(--brand); }\r\n #hjApp .hj-p { margin: 0 0 14px; font-size: 14.5px; color: var(--muted); }\r\n #hjApp .hj-p strong { color: var(--ink); font-weight: 600; }\r\n #hjApp .hj-div { height: 1px; background: var(--line); margin: 18px 0; }\r\n\r\n \/* ---- lista de checks ---- *\/\r\n #hjApp .hj-checks { list-style: none; margin: 0 0 20px; padding: 0; }\r\n #hjApp .hj-checks li {\r\n display: flex; gap: 10px; align-items: flex-start;\r\n font-size: 14px; color: var(--muted); margin-bottom: 9px;\r\n }\r\n #hjApp .hj-checks strong { color: var(--ink); font-weight: 600; }\r\n #hjApp svg { max-width: 100%; }\r\n #hjApp .hj-checks svg { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 3px; color: var(--brand); }\r\n\r\n \/* ---- bot\u00f5es ---- *\/\r\n #hjApp .hj-btn {\r\n position: relative; overflow: hidden; width: 100%; display: block;\r\n border: 1.5px solid var(--line); border-radius: 12px;\r\n padding: 16px 16px; font: inherit; font-size: 16px; font-weight: 600;\r\n line-height: 1.3; text-align: center; cursor: pointer;\r\n background: rgba(255,255,255,.06); color: var(--muted);\r\n transition: background .18s, color .18s, border-color .18s, transform .12s;\r\n }\r\n #hjApp .hj-btn > span { position: relative; z-index: 2; }\r\n #hjApp .hj-btn:disabled { cursor: not-allowed; }\r\n #hjApp .hj-btn.is-ready {\r\n background: linear-gradient(135deg, var(--brand-lt), var(--brand));\r\n border-color: transparent; color: var(--on-brand);\r\n box-shadow: 0 6px 18px rgba(201,161,92,.26);\r\n }\r\n #hjApp .hj-btn.is-ready:hover { transform: translateY(-1px); }\r\n #hjApp .hj-btn .hj-bar {\r\n position: absolute; inset: 0 auto 0 0; width: 0%;\r\n background: rgba(201,161,92,.22); z-index: 1; transition: width .06s linear;\r\n }\r\n #hjApp .hj-btn--ghost {\r\n background: transparent; color: var(--ink);\r\n border-color: var(--line); font-weight: 600;\r\n }\r\n #hjApp .hj-btn--ghost:not(:disabled):hover { border-color: var(--brand); color: var(--brand); }\r\n #hjApp .hj-btn--quiet {\r\n background: transparent; color: var(--muted);\r\n border-style: dashed; font-size: 13.5px; font-weight: 500; padding: 12px 14px;\r\n }\r\n #hjApp .hj-btn--quiet:not(:disabled):hover { color: var(--ink); border-color: var(--muted); }\r\n #hjApp .hj-btn:disabled:not(.is-ready) { opacity: .5; }\r\n\r\n \/* ---- formul\u00e1rio ---- *\/\r\n #hjApp .hj-field { margin-bottom: 17px; }\r\n #hjApp .hj-label {\r\n display: block; font-size: 14px; font-weight: 600;\r\n letter-spacing: .02em; color: var(--muted); margin-bottom: 6px;\r\n }\r\n #hjApp .hj-input, #hjApp .hj-select {\r\n width: 100%; padding: 15px 15px; font: inherit; font-size: 17px;\r\n color: var(--ink); background: rgba(255,255,255,.05);\r\n border: 1.5px solid var(--line); border-radius: 10px;\r\n transition: border-color .16s, background .16s; appearance: none;\r\n }\r\n #hjApp .hj-input::placeholder { color: rgba(169,156,136,.7); }\r\n #hjApp .hj-input:focus, #hjApp .hj-select:focus {\r\n outline: none; border-color: var(--brand); background: rgba(255,255,255,.08);\r\n }\r\n #hjApp .hj-select {\r\n background-image: url(\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23A99C88' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat; background-position: right 13px center; background-size: 16px;\r\n padding-right: 40px;\r\n }\r\n #hjApp .hj-select option { background: #2A2118; color: var(--ink); }\r\n #hjApp .hj-prefix { position: relative; }\r\n #hjApp .hj-prefix .hj-rs {\r\n position: absolute; left: 15px; top: 50%; transform: translateY(-50%);\r\n font-size: 17px; color: var(--muted); pointer-events: none;\r\n }\r\n #hjApp .hj-prefix .hj-input { padding-left: 46px; }\r\n #hjApp .hj-input.is-bad, #hjApp .hj-select.is-bad { border-color: var(--err); }\r\n #hjApp .hj-err {\r\n display: none; margin-top: 6px; font-size: 13.5px; color: var(--err);\r\n }\r\n #hjApp .hj-err.is-on { display: block; }\r\n\r\n \/* ---- caixa da entrada ---- *\/\r\n #hjApp .hj-box {\r\n margin: 16px 0 18px; padding: 20px 16px; border-radius: 14px;\r\n background: var(--soft); border: 1.5px solid var(--line); text-align: center;\r\n }\r\n #hjApp .hj-box-lbl { margin: 0 0 4px; font-size: 13.5px; color: var(--muted); }\r\n #hjApp .hj-box-lbl strong { color: var(--ink); }\r\n #hjApp .hj-box-val {\r\n font-size: 38px; line-height: 1.1; font-weight: 800;\r\n letter-spacing: -.02em; color: var(--brand); margin: 4px 0 8px;\r\n }\r\n #hjApp .hj-box-note {\r\n margin: 0; font-size: 11.5px; color: var(--muted);\r\n text-transform: uppercase; letter-spacing: .05em;\r\n }\r\n #hjApp .hj-warns { list-style: none; margin: 0 0 18px; padding: 0; }\r\n #hjApp .hj-warns li {\r\n display: flex; gap: 10px; align-items: flex-start;\r\n font-size: 14px; color: var(--ink); margin-bottom: 10px;\r\n }\r\n #hjApp .hj-warns svg { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 2px; color: var(--alert); }\r\n #hjApp .hj-ask-t { text-align: center; margin-bottom: 8px; }\r\n #hjApp .hj-ask-t em { font-style: normal; white-space: nowrap; }\r\n #hjApp .hj-ask-sub { text-align: center; margin-bottom: 22px; font-size: 13.5px; }\r\n #hjApp .hj-ask {\r\n margin: 0 0 12px; font-size: 15px; font-weight: 700;\r\n color: var(--ink); text-align: center;\r\n }\r\n #hjApp .hj-actions { display: grid; gap: 9px; }\r\n\r\n \/* ---- painel de prazo ---- *\/\r\n #hjApp .hj-prazo {\r\n display: none; margin-top: 14px; padding: 16px 14px;\r\n border-radius: 12px; background: var(--soft); border: 1.5px solid var(--line);\r\n }\r\n #hjApp .hj-prazo.is-on { display: block; animation: hjIn .22s ease; }\r\n #hjApp .hj-prazo-t { margin: 0 0 10px; font-size: 14px; font-weight: 700; text-align: center; }\r\n #hjApp .hj-prazo-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }\r\n #hjApp .hj-opt {\r\n padding: 12px 8px; border: 1.5px solid var(--line); border-radius: 10px;\r\n background: rgba(255,255,255,.04); font: inherit; font-size: 14px;\r\n font-weight: 600; color: var(--ink); cursor: pointer;\r\n transition: border-color .16s, color .16s, background .16s;\r\n }\r\n #hjApp .hj-opt:hover { border-color: var(--brand); color: var(--brand); }\r\n #hjApp .hj-back {\r\n display: block; margin: 12px auto 0; background: none; border: 0;\r\n font: inherit; font-size: 13px; color: var(--muted);\r\n text-decoration: underline; cursor: pointer;\r\n }\r\n\r\n \/* ---- rodap\u00e9 ---- *\/\r\n #hjApp .hj-foot { margin-top: 18px; text-align: center; }\r\n #hjApp .hj-foot .hj-note { margin: 0 0 8px; font-size: 12.5px; color: var(--brand); }\r\n #hjApp .hj-foot .hj-lock {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n font-size: 12px; color: var(--muted);\r\n }\r\n #hjApp .hj-foot .hj-lock svg { width: 13px; height: 13px; }\r\n #hjApp .hj-foot .hj-micro { display: block; margin-top: 6px; font-size: 11.5px; color: rgba(169,156,136,.75); }\r\n\r\n \/* ---- tela final ---- *\/\r\n #hjApp .hj-final { text-align: center; }\r\n #hjApp .hj-final-ico {\r\n width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n background: rgba(127,191,143,.12); color: var(--ok);\r\n }\r\n #hjApp .hj-final-ico svg { width: 28px; height: 28px; }\r\n\r\n \/* ---- estado enviando ---- *\/\r\n #hjApp .hj-sending { display: none; margin-top: 14px; text-align: center; font-size: 14px; color: var(--muted); }\r\n #hjApp.is-sending .hj-sending { display: block; }\r\n #hjApp.is-sending .hj-actions, #hjApp.is-sending .hj-prazo { opacity: .45; pointer-events: none; }\r\n\r\n @media (max-width: 480px) {\r\n #hjApp h2.hj-t { font-size: 22px; }\r\n #hjApp .hj-box-val { font-size: 31px; }\r\n #hjApp .hj-prazo-opts { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n\r\n\r\n \r\n <div class=\"hj-head\">\r\n <img decoding=\"async\" src=\"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\" alt=\"Hello Joy\">\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen is-active\" data-screen=\"intro\" style=\"display:block\">\r\n <span class=\"hj-eyebrow\">Antes de prosseguir<\/span>\r\n <h2 class=\"hj-t\">A Hello Joy \u00e9 uma <em>facilitadora de pagamento<\/em>.<\/h2>\r\n <p class=\"hj-p\">N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 <strong>parcelar o pagamento<\/strong> da sua cirurgia no boleto.<\/p>\r\n <div class=\"hj-div\"><\/div>\r\n <p class=\"hj-p\"><strong>Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter:<\/strong><\/p>\r\n <ul class=\"hj-checks\">\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>O <strong>procedimento<\/strong> que deseja fazer<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>O <strong>valor estimado<\/strong> (entre R$ 8.000 e R$ 100.000)<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>O <strong>m\u00e9dico ou cl\u00ednica<\/strong> onde far\u00e1 a cirurgia<\/span><\/li>\r\n <\/ul>\r\n <button type=\"button\" class=\"hj-btn\" id=\"hjIntroBtn\" disabled>\r\n <span class=\"hj-bar\" id=\"hjIntroBar\"><\/span>\r\n <span id=\"hjIntroLbl\">Aguarde 15s...<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen\" data-screen=\"form\" style=\"display:none\">\r\n <span class=\"hj-eyebrow\">An\u00e1lise gratuita<\/span>\r\n <h2 class=\"hj-t\">Vamos cuidar do <em>seu sonho<\/em>.<\/h2>\r\n <p class=\"hj-p\">Preencha os dados abaixo e uma consultora te atende em instantes pelo WhatsApp.<\/p>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjNome\">Nome completo<\/label>\r\n <input class=\"hj-input\" id=\"hjNome\" type=\"text\" autocomplete=\"name\" placeholder=\"Nome e sobrenome\">\r\n <div class=\"hj-err\" id=\"hjNomeErr\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjWpp\">WhatsApp<\/label>\r\n <input class=\"hj-input\" id=\"hjWpp\" type=\"tel\" inputmode=\"numeric\" maxlength=\"15\" autocomplete=\"tel\" placeholder=\"(51) 99999-9999\">\r\n <div class=\"hj-err\" id=\"hjWppErr\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjProc\">Procedimento desejado<\/label>\r\n <select class=\"hj-select\" id=\"hjProc\"><\/select>\r\n <div class=\"hj-err\" id=\"hjProcErr\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hj-field\">\r\n <label class=\"hj-label\" for=\"hjValor\">Valor estimado do procedimento<\/label>\r\n <div class=\"hj-prefix\">\r\n <span class=\"hj-rs\">R$<\/span>\r\n <input class=\"hj-input\" id=\"hjValor\" type=\"text\" inputmode=\"numeric\" placeholder=\"0,00\">\r\n <\/div>\r\n <div class=\"hj-err\" id=\"hjValorErr\"><\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" class=\"hj-btn is-ready\" id=\"hjSubmit\"><span>Continuar<\/span><\/button>\r\n\r\n <div class=\"hj-foot\">\r\n <p class=\"hj-note\">* Aceitamos valores a partir de <strong>R$ 8.000,00<\/strong><\/p>\r\n <span class=\"hj-lock\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n Seus dados s\u00e3o sigilosos (LGPD)\r\n <\/span>\r\n <span class=\"hj-micro\">Sem consulta a SPC\/Serasa \u00b7 Aprova\u00e7\u00e3o em at\u00e9 48h<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen\" data-screen=\"entrada\" style=\"display:none\">\r\n <span class=\"hj-eyebrow\">Falta um \u00faltimo ponto<\/span>\r\n <h2 class=\"hj-t\">Existe um <em>valor de entrada<\/em>.<\/h2>\r\n\r\n <div class=\"hj-box\">\r\n <p class=\"hj-box-lbl\">Para o seu plano de <strong id=\"hjPlano\">R$ \u2014<\/strong>, a entrada \u00e9 de<\/p>\r\n <div class=\"hj-box-val\" id=\"hjEntrada\">R$ \u2014<\/div>\r\n <p class=\"hj-box-note\">Valor \u00fanico, no ato da assinatura<\/p>\r\n <\/div>\r\n\r\n <ul class=\"hj-warns\">\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><span>A entrada <strong>n\u00e3o pode ser parcelada<\/strong> nem inclu\u00edda nas mensalidades.<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><span>\u00c9 paga <strong>no ato da assinatura<\/strong> do contrato, antes da libera\u00e7\u00e3o.<\/span><\/li>\r\n <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><span>Sem esse valor dispon\u00edvel, <strong>n\u00e3o conseguimos dar andamento<\/strong> ao atendimento.<\/span><\/li>\r\n <\/ul>\r\n\r\n <button type=\"button\" class=\"hj-btn\" id=\"hjEntBtn\" disabled>\r\n <span class=\"hj-bar\" id=\"hjEntBar\"><\/span>\r\n <span id=\"hjEntLbl\">Aguarde 15s...<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen\" data-screen=\"decisao\" style=\"display:none\">\r\n <span class=\"hj-eyebrow\">\u00daltima pergunta<\/span>\r\n <h2 class=\"hj-t hj-ask-t\">Voc\u00ea tem <em id=\"hjEntrada2\">R$ \u2014<\/em> de entrada dispon\u00edvel?<\/h2>\r\n <p class=\"hj-p hj-ask-sub\">Valor \u00fanico, pago no ato da assinatura do contrato.<\/p>\r\n\r\n <div class=\"hj-actions\">\r\n <button type=\"button\" class=\"hj-btn is-ready\" id=\"hjTenho\"><span>Tenho o valor e quero prosseguir<\/span><\/button>\r\n <button type=\"button\" class=\"hj-btn hj-btn--ghost\" id=\"hjConsigo\"><span>N\u00e3o tenho agora, mas consigo<\/span><\/button>\r\n <button type=\"button\" class=\"hj-btn hj-btn--quiet\" id=\"hjNao\"><span>N\u00e3o tenho e n\u00e3o consigo esse valor<\/span><\/button>\r\n <\/div>\r\n\r\n <div class=\"hj-prazo\" id=\"hjPrazo\" style=\"display:none\">\r\n <p class=\"hj-prazo-t\">Em quanto tempo voc\u00ea consegue esse valor?<\/p>\r\n <div class=\"hj-prazo-opts\">\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"7\">At\u00e9 7 dias<\/button>\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"14\">At\u00e9 14 dias<\/button>\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"30\">At\u00e9 30 dias<\/button>\r\n <button type=\"button\" class=\"hj-opt\" data-dias=\"31\">Mais de 30 dias<\/button>\r\n <\/div>\r\n <button type=\"button\" class=\"hj-back\" id=\"hjVoltar\">Voltar<\/button>\r\n <\/div>\r\n\r\n <div class=\"hj-sending\">Registrando suas informa\u00e7\u00f5es...<\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hj-screen hj-final\" data-screen=\"final\" style=\"display:none\">\r\n <div class=\"hj-final-ico\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <h2 class=\"hj-t\">Obrigado pelo seu contato!<\/h2>\r\n <p class=\"hj-p\">Seus dados foram registrados com sucesso. No momento, o valor de entrada \u00e9 um requisito para dar andamento \u00e0 an\u00e1lise \u2014 mas <strong>guardamos o seu cadastro<\/strong>.<\/p>\r\n <p class=\"hj-p\">Assim que voc\u00ea tiver o valor dispon\u00edvel, \u00e9 s\u00f3 voltar aqui e refazer o pedido. Nossa equipe tamb\u00e9m poder\u00e1 entrar em contato com novas condi\u00e7\u00f5es.<\/p>\r\n <div class=\"hj-div\"><\/div>\r\n <p class=\"hj-p\" style=\"font-size:13px\">Voc\u00ea j\u00e1 pode fechar esta janela.<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\/* ==================================================================\r\n HELLO JOY \u2014 L\u00d3GICA DO POPUP (v5)\r\n\r\n PRINC\u00cdPIO: NADA de refer\u00eancia guardada, NADA de bind direto.\r\n O Elementor MOVE\/CLONA o conte\u00fado do popup para dentro do modal\r\n quando ele abre. Qualquer elemento capturado antes disso vira um\r\n n\u00f3 \u00f3rf\u00e3o: o JS atualiza um bot\u00e3o que ningu\u00e9m v\u00ea, enquanto a tela\r\n mostra uma c\u00f3pia congelada (sintoma: timer travado em \"Aguarde 15s\").\r\n\r\n Por isso:\r\n - todo acesso a elemento \u00e9 por getElementById NA HORA do uso;\r\n - todo clique \u00e9 delegado no document;\r\n - o timer s\u00f3 come\u00e7a quando o popup fica de fato vis\u00edvel;\r\n - ao fechar, o estado volta pra tela 1 sozinho.\r\n ================================================================== *\/\r\n(function () {\r\n 'use strict';\r\n\r\n \/* ==================== CONFIGURA\u00c7\u00c3O ==================== *\/\r\n var WEBHOOK_MAKE = 'https:\/\/hellojoy.5fiveagencia.com.br\/api\/v1\/leads';\r\n\r\n var CONSULTORAS = [\r\n { nome: 'Carina', numero: '5551993384970' },\r\n { nome: 'Anny', numero: '5551980887343' },\r\n { nome: 'Safira', numero: '5551980574178' },\r\n { nome: 'Gabriela', numero: '5551999739574' },\r\n { nome: 'Vanessa', numero: '5551991951772' },\r\n { nome: 'Giselle', numero: '5551995736569' },\r\n { nome: 'Jessica', numero: '5551992417446' }\r\n ];\r\n\r\n var TIMER_INTRO = 15; \/\/ segundos da tela 1\r\n var TIMER_ENTRADA = 15; \/\/ segundos da tela 3\r\n var PRAZO_LIMITE = 14; \/\/ at\u00e9 N dias o lead passa; acima, bloqueia\r\n var VALOR_MIN = 8000;\r\n var VALOR_MAX = 100000;\r\n\r\n var PROCEDIMENTOS = [\r\n 'Abdominoplastia',\r\n 'Lipoaspira\u00e7\u00e3o',\r\n 'Lipo HD',\r\n 'Pr\u00f3tese de mama',\r\n 'Mastopexia (com ou sem pr\u00f3tese)',\r\n 'Rinoplastia',\r\n 'Blefaroplastia',\r\n 'Otoplastia',\r\n 'Ninfoplastia',\r\n 'Cirurgia bari\u00e1trica',\r\n 'Combina\u00e7\u00e3o de procedimentos',\r\n 'Outro'\r\n ];\r\n \/* ================== FIM DA CONFIGURA\u00c7\u00c3O ================== *\/\r\n\r\n\r\n if (window.hjBooted) return; \/\/ trava contra execu\u00e7\u00e3o dupla do widget\r\n window.hjBooted = true;\r\n\r\n \/* ---- acesso SEMPRE ao vivo ---- *\/\r\n function E(id) { return document.getElementById(id); }\r\n function app() { return E('hjApp'); }\r\n function visivel(el) { return !!(el && el.offsetParent !== null); }\r\n\r\n var st = {\r\n tela: 'intro',\r\n timerIntro: null,\r\n timerEntrada: null,\r\n introLiberado: false,\r\n entradaLiberada: false,\r\n enviando: false,\r\n aberto: false\r\n };\r\n\r\n \/* ================= NAVEGA\u00c7\u00c3O ================= *\/\r\n function tela(nome) {\r\n st.tela = nome;\r\n var a = app();\r\n if (!a) return;\r\n var telas = a.querySelectorAll('.hj-screen');\r\n for (var i = 0; i < telas.length; i++) {\r\n var ativa = telas[i].getAttribute('data-screen') === nome;\r\n telas[i].classList.toggle('is-active', ativa);\r\n telas[i].style.display = ativa ? 'block' : 'none';\r\n }\r\n console.log('[HJ] tela ->', nome);\r\n var box = a.closest('.dialog-message') || a.closest('.dialog-widget-content');\r\n if (box) { try { box.scrollTop = 0; } catch (e) {} }\r\n }\r\n\r\n \/* ================= TIMER (re-busca o bot\u00e3o a cada tique) ================= *\/\r\n function rodaTimer(segundos, idBtn, idBar, idLbl, textoFinal, aoLiberar) {\r\n var ini = Date.now(), ultimo = -1;\r\n var btn = E(idBtn), lbl = E(idLbl);\r\n if (btn) { btn.disabled = true; btn.classList.remove('is-ready'); }\r\n if (lbl) lbl.textContent = 'Aguarde ' + segundos + 's...';\r\n\r\n var it = setInterval(function () {\r\n var b = E(idBtn), bar = E(idBar), l = E(idLbl); \/\/ <- ao vivo, sempre\r\n if (!b || !l) return; \/\/ ainda n\u00e3o est\u00e1 no DOM\r\n var el = (Date.now() - ini) \/ 1000;\r\n var pr = Math.min(el \/ segundos, 1);\r\n if (bar) bar.style.width = (pr * 100) + '%';\r\n var rest = Math.max(Math.ceil(segundos - el), 0);\r\n if (rest !== ultimo) { ultimo = rest; l.textContent = 'Aguarde ' + rest + 's...'; }\r\n if (pr >= 1) {\r\n clearInterval(it);\r\n if (bar) bar.style.width = '0%';\r\n b.disabled = false;\r\n b.classList.add('is-ready');\r\n l.textContent = textoFinal;\r\n if (aoLiberar) aoLiberar();\r\n }\r\n }, 100);\r\n return it;\r\n }\r\n\r\n function iniciarIntro() {\r\n if (st.timerIntro) clearInterval(st.timerIntro);\r\n st.introLiberado = false;\r\n st.timerIntro = rodaTimer(TIMER_INTRO, 'hjIntroBtn', 'hjIntroBar', 'hjIntroLbl',\r\n 'Entendi, quero prosseguir',\r\n function () { st.introLiberado = true; });\r\n }\r\n\r\n function iniciarEntrada() {\r\n if (st.timerEntrada) clearInterval(st.timerEntrada);\r\n st.entradaLiberada = false;\r\n st.timerEntrada = rodaTimer(TIMER_ENTRADA, 'hjEntBtn', 'hjEntBar', 'hjEntLbl',\r\n 'Entendi, quero prosseguir',\r\n function () { st.entradaLiberada = true; });\r\n }\r\n\r\n \/* ================= CALCULADORA ================= *\/\r\n var TABELA = {\r\n 8:699, 9:749, 10:799, 11:849, 12:899, 13:949, 14:949, 15:999, 16:999,\r\n 17:1049, 18:1049, 19:1049, 20:1099, 21:1099, 22:1099,\r\n 23:1149, 24:1149, 25:1149, 26:1149,\r\n 27:1199, 28:1199, 29:1199, 30:1199, 31:1199, 32:1199,\r\n 33:1349, 34:1349, 35:1349, 36:1449, 37:1449, 38:1449, 39:1449,\r\n 40:1499, 41:1499, 42:1499, 43:1549, 44:1549, 45:1549, 46:1549,\r\n 47:1599, 48:1599\r\n };\r\n function parseBRL(v) {\r\n var x = String(v || '').replace(\/[^\\d,]\/g, '').replace(\/\\.\/g, '').replace(',', '.');\r\n var n = parseFloat(x);\r\n return isNaN(n) ? 0 : n;\r\n }\r\n function fmtBRL(n) {\r\n return (Number(n) || 0).toFixed(2).replace('.', ',').replace(\/(\\d)(?=(\\d{3})+(?!\\d))\/g, '$1.');\r\n }\r\n function planoBase(v) { \/\/ 57999,99 -> 58\r\n return Math.min(100, Math.max(8, Math.round((Number(v) || 0) \/ 1000)));\r\n }\r\n function calcEntrada(v) {\r\n var p = planoBase(v);\r\n return p <= 48 ? TABELA[p] : 1649 + 50 * Math.floor((p - 49) \/ 2);\r\n }\r\n\r\n \/* ================= M\u00c1SCARAS ================= *\/\r\n\r\n \/* Remove o c\u00f3digo do pa\u00eds (55) e o zero de operadora, para que o\r\n que sobra seja sempre DDD + n\u00famero.\r\n ATEN\u00c7\u00c3O: DDD 55 existe de verdade (Santa Maria\/RS). A regra abaixo\r\n distingue os dois casos pelo tamanho e pelo 9 do celular.\r\n\r\n 5551993384970 (13) -> 51993384970 DDI + DDD + 9 + 8\r\n 555199338497 (12) -> 5199338497 DDI + DDD + 8 (o 9 entra depois)\r\n 55619986871 (11) -> 619986871 DDI + resto (3\u00ba d\u00edgito != 9)\r\n 55993384970 (11) -> intacto DDD 55 + celular (3\u00ba d\u00edgito = 9)\r\n 0519933849701 (0..) -> tira o zero de operadora *\/\r\n function tiraDDI(d) {\r\n d = String(d || '').replace(\/\\D\/g, '');\r\n if (!d) return '';\r\n\r\n \/\/ zero de operadora \/ trunk\r\n if (d.charAt(0) === '0' && d.length >= 11) d = d.slice(1);\r\n\r\n if (d.indexOf('55') === 0) {\r\n if (d.length >= 12) {\r\n console.log('[HJ] c\u00f3digo do pa\u00eds removido (DDI 55) ->', d.slice(2));\r\n d = d.slice(2);\r\n } else if (d.length === 11 && d.charAt(2) !== '9') {\r\n \/\/ 55 + 9 d\u00edgitos sem o 9 do celular = era c\u00f3digo do pa\u00eds\r\n console.log('[HJ] c\u00f3digo do pa\u00eds removido (DDI 55) ->', d.slice(2));\r\n d = d.slice(2);\r\n }\r\n \/\/ 11 d\u00edgitos com 9 na 3\u00aa posi\u00e7\u00e3o = DDD 55 leg\u00edtimo, n\u00e3o mexe\r\n }\r\n return d.slice(0, 11);\r\n }\r\n\r\n function mascaraTel(v) {\r\n var d = tiraDDI(v); \/\/ normaliza ANTES de cortar\r\n if (d.length > 10) return d.replace(\/^(\\d{2})(\\d{5})(\\d{0,4}).*\/, '($1) $2-$3');\r\n if (d.length > 6) return d.replace(\/^(\\d{2})(\\d{4})(\\d{0,4}).*\/, '($1) $2-$3');\r\n if (d.length > 2) return d.replace(\/^(\\d{2})(\\d{0,5}).*\/, '($1) $2');\r\n if (d.length > 0) return d.replace(\/^(\\d{0,2}).*\/, '($1');\r\n return '';\r\n }\r\n \/\/ 8 d\u00edgitos depois do DDD -> insere o 9 sozinho\r\n function completaNove() {\r\n var el = E('hjWpp');\r\n if (!el) return;\r\n var d = tiraDDI(el.value); \/\/ tira DDI antes de contar\r\n if (d.length === 10) {\r\n d = d.slice(0, 2) + '9' + d.slice(2);\r\n el.value = d.replace(\/^(\\d{2})(\\d{5})(\\d{4})\/,'($1) $2-$3');\r\n console.log('[HJ] 9 inserido automaticamente ->', el.value);\r\n } else {\r\n var reformatado = mascaraTel(el.value);\r\n if (reformatado !== el.value) el.value = reformatado; \/\/ aplica a limpeza do DDI\r\n }\r\n }\r\n\r\n \/* ================= SELECT ================= *\/\r\n function montaSelect() {\r\n var sel = E('hjProc');\r\n if (!sel || sel.options.length > 1) return;\r\n sel.innerHTML = '';\r\n var o0 = document.createElement('option');\r\n o0.value = ''; o0.textContent = 'Selecione...';\r\n sel.appendChild(o0);\r\n for (var i = 0; i < PROCEDIMENTOS.length; i++) {\r\n var o = document.createElement('option');\r\n o.value = PROCEDIMENTOS[i]; o.textContent = PROCEDIMENTOS[i];\r\n sel.appendChild(o);\r\n }\r\n }\r\n\r\n \/* ================= VALIDA\u00c7\u00c3O ================= *\/\r\n function marca(idIn, idErr, msg) {\r\n var i = E(idIn), e = E(idErr);\r\n if (!i || !e) return !msg;\r\n if (msg) { i.classList.add('is-bad'); e.textContent = msg; e.classList.add('is-on'); }\r\n else { i.classList.remove('is-bad'); e.classList.remove('is-on'); }\r\n return !msg;\r\n }\r\n function valida(campo) {\r\n var ok = true;\r\n if (!campo || campo === 'nome') {\r\n var v = (E('hjNome') || {}).value || '';\r\n v = v.trim();\r\n var partes = v.split(\/\\s+\/).filter(function (p) { return p.length >= 2; });\r\n ok = marca('hjNome', 'hjNomeErr',\r\n !v ? 'Digite seu nome.' : (partes.length < 2 ? 'Digite nome e sobrenome.' : '')) && ok;\r\n }\r\n if (!campo || campo === 'wpp') {\r\n var d = (((E('hjWpp') || {}).value) || '').replace(\/\\D\/g, '');\r\n \/\/ aceita 10 (DDD + 8) ou 11 (DDD + 9). O 9 \u00e9 inserido sozinho.\r\n var m = !d ? 'Digite seu WhatsApp.'\r\n : (d.length < 10 ? 'Digite o DDD e o n\u00famero completo.'\r\n : (d.length > 11 ? 'N\u00famero com d\u00edgitos demais.' : ''));\r\n ok = marca('hjWpp', 'hjWppErr', m) && ok;\r\n }\r\n if (!campo || campo === 'proc') {\r\n ok = marca('hjProc', 'hjProcErr', ((E('hjProc') || {}).value) ? '' : 'Selecione um procedimento.') && ok;\r\n }\r\n if (!campo || campo === 'valor') {\r\n var bruto = ((E('hjValor') || {}).value) || '';\r\n var n = parseBRL(bruto);\r\n var mv = !bruto.trim() ? 'Informe o valor estimado.'\r\n : (n < VALOR_MIN ? 'Valor m\u00ednimo: R$ ' + fmtBRL(VALOR_MIN) + '.'\r\n : (n > VALOR_MAX ? 'Valor m\u00e1ximo: R$ ' + fmtBRL(VALOR_MAX) + '.' : ''));\r\n ok = marca('hjValor', 'hjValorErr', mv) && ok;\r\n }\r\n return ok;\r\n }\r\n\r\n \/* ================= DADOS ================= *\/\r\n function cookie(n) {\r\n var m = document.cookie.match('(^|;)\\\\s*' + n + '\\\\s*=\\\\s*([^;]+)');\r\n return m ? decodeURIComponent(m.pop()) : '';\r\n }\r\n function telefone(v) {\r\n var d = tiraDDI(v); \/\/ mesma regra do campo\r\n if (d.length < 10) return '';\r\n var ddd = d.slice(0, 2), n = d.slice(2);\r\n if (n.length === 8) n = '9' + n; \/\/ DDD + 8 -> insere o 9\r\n if (n.length > 9) n = n.slice(-9);\r\n return '55' + ddd + n;\r\n }\r\n function coletar() {\r\n var p = new URLSearchParams(window.location.search);\r\n var bruto = parseBRL((E('hjValor') || {}).value);\r\n return {\r\n nome: (((E('hjNome') || {}).value) || '').trim(),\r\n whatsapp: telefone((E('hjWpp') || {}).value),\r\n whatsapp_raw: ((E('hjWpp') || {}).value) || '',\r\n procedimento: ((E('hjProc') || {}).value) || '',\r\n valor: fmtBRL(bruto),\r\n valor_numero: bruto,\r\n plano_base: fmtBRL(planoBase(bruto) * 1000),\r\n entrada_valor: fmtBRL(calcEntrada(bruto)),\r\n utm_source: p.get('utm_source') || '',\r\n utm_medium: p.get('utm_medium') || '',\r\n utm_campaign: p.get('utm_campaign') || '',\r\n utm_content: p.get('utm_content') || '',\r\n utm_term: p.get('utm_term') || '',\r\n fbclid: p.get('fbclid') || '', gclid: p.get('gclid') || '', ttclid: p.get('ttclid') || '',\r\n fbp: cookie('_fbp'), fbc: cookie('_fbc'),\r\n page_url: window.location.href,\r\n referrer: document.referrer || ''\r\n };\r\n }\r\n\r\n \/* ================= ROD\u00cdZIO E ENVIO ================= *\/\r\n function proximaLocal() {\r\n var i = 0;\r\n try { i = parseInt(localStorage.getItem('hjRodizioIdx') || '0', 10); } catch (e) {}\r\n if (isNaN(i) || i < 0) i = 0;\r\n var c = CONSULTORAS[i % CONSULTORAS.length];\r\n try { localStorage.setItem('hjRodizioIdx', String((i + 1) % CONSULTORAS.length)); } catch (e) {}\r\n return c;\r\n }\r\n function mensagem(d, c) {\r\n var l = [\r\n 'Ol\u00e1, ' + c.nome + '! Vim pelo site da Hello Joy e gostaria de parcelar minha cirurgia.',\r\n '',\r\n 'Nome: ' + d.nome,\r\n 'Procedimento: ' + d.procedimento,\r\n 'Valor estimado: R$ ' + d.valor,\r\n ''\r\n ];\r\n if (d.entrada_status === 'consigo' && d.entrada_prazo) {\r\n l.push('Li e concordo com o valor de entrada de R$ ' + d.entrada_valor +\r\n ', pago no ato da assinatura do contrato. Consigo esse valor em at\u00e9 ' + d.entrada_prazo + ' dias.');\r\n } else {\r\n l.push('Li e concordo com o valor de entrada de R$ ' + d.entrada_valor +\r\n ', pago no ato da assinatura do contrato.');\r\n }\r\n return encodeURIComponent(l.join('\\n'));\r\n }\r\n\r\n function enviar(status, prazo, bloqueado) {\r\n if (st.enviando) return;\r\n st.enviando = true;\r\n var a = app();\r\n if (a) a.classList.add('is-sending');\r\n\r\n var d = coletar();\r\n d.entrada_status = status;\r\n d.entrada_prazo = prazo || '';\r\n d.qualificado = bloqueado ? 'nao' : 'sim';\r\n console.log('[HJ] enviando', d);\r\n\r\n var jaFoi = false;\r\n function segue(consultora) {\r\n if (jaFoi) return;\r\n jaFoi = true;\r\n if (bloqueado) {\r\n if (a) a.classList.remove('is-sending');\r\n tela('final');\r\n return;\r\n }\r\n var c = consultora || proximaLocal();\r\n window.location.href = 'https:\/\/wa.me\/' + String(c.numero).replace(\/\\D\/g, '') + '?text=' + mensagem(d, c);\r\n }\r\n\r\n if (!WEBHOOK_MAKE) { segue(null); return; }\r\n\r\n var t = setTimeout(function () { segue(null); }, 6000); \/\/ nunca trava a lead\r\n fetch(WEBHOOK_MAKE, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(d)\r\n })\r\n .then(function (r) { return r.json().catch(function () { return null; }); })\r\n .then(function (j) {\r\n clearTimeout(t);\r\n if (j && j.numero) segue({ nome: j.nome || '', numero: String(j.numero) });\r\n else segue(null);\r\n })\r\n .catch(function () { clearTimeout(t); segue(null); });\r\n }\r\n\r\n \/* ================= EVENTOS DELEGADOS =================\r\n Ligados ao document: sobrevivem a mover\/clonar o conte\u00fado. *\/\r\n document.addEventListener('click', function (ev) {\r\n var t = ev.target;\r\n if (!t || !t.closest) return;\r\n\r\n \/\/ avan\u00e7a da intro para o formul\u00e1rio\r\n if (t.closest('#hjIntroBtn')) {\r\n if (!st.introLiberado) return;\r\n ev.stopPropagation();\r\n tela('form');\r\n montaSelect();\r\n return;\r\n }\r\n\r\n \/\/ formul\u00e1rio -> tela de entrada\r\n if (t.closest('#hjSubmit')) {\r\n ev.stopPropagation();\r\n completaNove();\r\n if (!valida()) {\r\n var a = app();\r\n var bad = a && a.querySelector('.is-bad');\r\n if (bad && bad.focus) bad.focus();\r\n return;\r\n }\r\n var bruto = parseBRL((E('hjValor') || {}).value);\r\n var elP = E('hjPlano'), elE = E('hjEntrada'), elE2 = E('hjEntrada2');\r\n var entradaFmt = 'R$ ' + fmtBRL(calcEntrada(bruto));\r\n if (elP) elP.textContent = 'R$ ' + fmtBRL(planoBase(bruto) * 1000);\r\n if (elE) elE.textContent = entradaFmt;\r\n if (elE2) elE2.textContent = entradaFmt;\r\n tela('entrada');\r\n iniciarEntrada();\r\n return;\r\n }\r\n\r\n \/\/ conscientiza\u00e7\u00e3o -> decis\u00e3o\r\n if (t.closest('#hjEntBtn')) {\r\n if (!st.entradaLiberada) return;\r\n ev.stopPropagation();\r\n tela('decisao');\r\n return;\r\n }\r\n\r\n \/\/ decis\u00f5es (bot\u00f5es j\u00e1 liberados: a espera foi na tela anterior)\r\n if (t.closest('#hjTenho')) {\r\n ev.stopPropagation();\r\n enviar('tenho', '', false);\r\n return;\r\n }\r\n if (t.closest('#hjConsigo')) {\r\n ev.stopPropagation();\r\n var pz = E('hjPrazo');\r\n if (pz) { pz.classList.add('is-on'); pz.style.display = 'block'; }\r\n return;\r\n }\r\n if (t.closest('#hjNao')) {\r\n ev.stopPropagation();\r\n enviar('nao_tenho', '', true);\r\n return;\r\n }\r\n if (t.closest('#hjVoltar')) {\r\n ev.stopPropagation();\r\n var pz2 = E('hjPrazo');\r\n if (pz2) { pz2.classList.remove('is-on'); pz2.style.display = 'none'; }\r\n return;\r\n }\r\n var opt = t.closest('.hj-opt');\r\n if (opt && opt.closest('#hjApp')) {\r\n ev.stopPropagation();\r\n var dias = parseInt(opt.getAttribute('data-dias'), 10);\r\n enviar('consigo', String(dias), dias > PRAZO_LIMITE);\r\n return;\r\n }\r\n }, false);\r\n\r\n \/\/ m\u00e1scaras e valida\u00e7\u00e3o, tamb\u00e9m delegadas\r\n document.addEventListener('input', function (ev) {\r\n var el = ev.target;\r\n if (!el || !el.id) return;\r\n if (el.id === 'hjWpp') {\r\n el.value = mascaraTel(el.value);\r\n if (el.classList.contains('is-bad')) valida('wpp');\r\n } else if (el.id === 'hjValor') {\r\n var d = el.value.replace(\/\\D\/g, '');\r\n el.value = d ? fmtBRL(parseInt(d, 10) \/ 100) : '';\r\n if (el.classList.contains('is-bad')) valida('valor');\r\n }\r\n }, true);\r\n\r\n document.addEventListener('blur', function (ev) {\r\n var el = ev.target;\r\n if (!el || !el.id) return;\r\n if (el.id === 'hjWpp') { completaNove(); valida('wpp'); }\r\n else if (el.id === 'hjNome') { valida('nome'); }\r\n else if (el.id === 'hjValor') { valida('valor'); }\r\n }, true);\r\n\r\n document.addEventListener('change', function (ev) {\r\n if (ev.target && ev.target.id === 'hjProc') valida('proc');\r\n }, true);\r\n\r\n \/* ================= CICLO DE VIDA =================\r\n Observa quando o popup fica vis\u00edvel. S\u00f3 a\u00ed o timer come\u00e7a \u2014\r\n assim os 15s valem a partir da abertura, n\u00e3o do load da p\u00e1gina. *\/\r\n function reiniciar() {\r\n st.enviando = false;\r\n st.introLiberado = false;\r\n st.entradaLiberada = false;\r\n if (st.timerIntro) { clearInterval(st.timerIntro); st.timerIntro = null; }\r\n if (st.timerEntrada) { clearInterval(st.timerEntrada); st.timerEntrada = null; }\r\n var a = app();\r\n if (a) a.classList.remove('is-sending');\r\n var pz = E('hjPrazo');\r\n if (pz) { pz.classList.remove('is-on'); pz.style.display = 'none'; }\r\n tela('intro');\r\n montaSelect();\r\n iniciarIntro();\r\n console.log('[HJ] popup aberto \u2014 timer de', TIMER_INTRO, 's iniciado');\r\n }\r\n\r\n setInterval(function () {\r\n var a = app();\r\n if (!a) return;\r\n a.style.visibility = 'visible'; \/\/ garante que nunca fica invis\u00edvel\r\n var v = visivel(a);\r\n if (v && !st.aberto) { st.aberto = true; reiniciar(); }\r\n else if (!v && st.aberto) { st.aberto = false; console.log('[HJ] popup fechado'); }\r\n }, 250);\r\n\r\n \/\/ se o popup j\u00e1 estiver vis\u00edvel no load (ou n\u00e3o for modal), come\u00e7a agora\r\n setTimeout(function () {\r\n var a = app();\r\n if (a) { a.style.visibility = 'visible'; }\r\n if (a && visivel(a) && !st.aberto) { st.aberto = true; reiniciar(); }\r\n }, 300);\r\n\r\n console.log('[HJ] popup v5 carregado');\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teste de captura \u2014 Formul\u00e1rio Hello Joy Antes de prosseguir A Hello Joy \u00e9 uma facilitadora de pagamento. N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 parcelar o pagamento da sua cirurgia no boleto. Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter: O procedimento que deseja fazer O valor estimado (entre R$ 8.000 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>HTML - Testes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html.5fiveagencia.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML - Testes\" \/>\n<meta property=\"og:description\" content=\"Teste de captura \u2014 Formul\u00e1rio Hello Joy Antes de prosseguir A Hello Joy \u00e9 uma facilitadora de pagamento. N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 parcelar o pagamento da sua cirurgia no boleto. Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter: O procedimento que deseja fazer O valor estimado (entre R$ 8.000 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html.5fiveagencia.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Testes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-28T14:51:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\",\"url\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\",\"name\":\"HTML - Testes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hellojoy.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\",\"datePublished\":\"2026-08-28T14:48:38+00:00\",\"dateModified\":\"2026-08-28T14:51:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hellojoy.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\",\"contentUrl\":\"https:\\\/\\\/hellojoy.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/#website\",\"url\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/\",\"name\":\"Testes\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/html.5fiveagencia.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"HTML - Testes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html.5fiveagencia.com.br\/","og_locale":"en_US","og_type":"article","og_title":"HTML - Testes","og_description":"Teste de captura \u2014 Formul\u00e1rio Hello Joy Antes de prosseguir A Hello Joy \u00e9 uma facilitadora de pagamento. N\u00e3o somos uma cl\u00ednica e n\u00e3o realizamos cirurgias. Nossa fun\u00e7\u00e3o \u00e9 parcelar o pagamento da sua cirurgia no boleto. Para sua an\u00e1lise, voc\u00ea j\u00e1 precisa ter: O procedimento que deseja fazer O valor estimado (entre R$ 8.000 […]","og_url":"https:\/\/html.5fiveagencia.com.br\/","og_site_name":"Testes","article_modified_time":"2026-08-28T14:51:57+00:00","og_image":[{"url":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/html.5fiveagencia.com.br\/","url":"https:\/\/html.5fiveagencia.com.br\/","name":"HTML - Testes","isPartOf":{"@id":"https:\/\/html.5fiveagencia.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html.5fiveagencia.com.br\/#primaryimage"},"image":{"@id":"https:\/\/html.5fiveagencia.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png","datePublished":"2026-08-28T14:48:38+00:00","dateModified":"2026-08-28T14:51:57+00:00","breadcrumb":{"@id":"https:\/\/html.5fiveagencia.com.br\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html.5fiveagencia.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/html.5fiveagencia.com.br\/#primaryimage","url":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png","contentUrl":"https:\/\/hellojoy.com.br\/wp-content\/uploads\/2026\/05\/Logo-HELLOJOY-HORIZONTAL-e1778891548417.png"},{"@type":"BreadcrumbList","@id":"https:\/\/html.5fiveagencia.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html.5fiveagencia.com.br\/"},{"@type":"ListItem","position":2,"name":"HTML"}]},{"@type":"WebSite","@id":"https:\/\/html.5fiveagencia.com.br\/#website","url":"https:\/\/html.5fiveagencia.com.br\/","name":"Testes","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html.5fiveagencia.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/html.5fiveagencia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}