Menu Lateral Bellanet Fiber<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n background: #ffffff; \r\n font-family: \"Poppins\", sans-serif;\r\n color: #333;\r\n}\r\n\r\n\/* Overlay *\/\r\n.overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0);\r\n display: none;\r\n z-index: 99990;\r\n transition: background 0.35s, opacity 0.35s;\r\n}\r\n.overlay.active {\r\n display: block;\r\n background: rgba(0,0,0,0.3); \r\n}\r\n@media (min-width: 769px) {\r\n .overlay { display: none !important; }\r\n}\r\n\r\n\/* Bot\u00e3o Toggle *\/\r\n.toggle-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n position: fixed !important;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #6A00F4, #007BFF);\r\n padding: 10px 14px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n color: #fff;\r\n font-size: 20px;\r\n z-index: 99999 !important;\r\n box-shadow: 0 4px 15px rgba(106,0,244,0.3);\r\n transition: 0.3s;\r\n}\r\n.toggle-btn span {\r\n font-weight: bold;\r\n font-size: 20px;\r\n color: #fff; \r\n}\r\n.toggle-btn:hover {\r\n transform: scale(1.12);\r\n box-shadow: 0 0 45px rgba(106,0,244,0.5);\r\n}\r\n\r\n\/* \u00cdcone Wi-Fi pulsante *\/\r\n@keyframes pulseWifi {\r\n 0% { transform: scale(1); text-shadow: 0 0 8px #ffffff; }\r\n 50% { transform: scale(1.15); text-shadow: 0 0 16px #ffffff, 0 0 20px #007BFF; }\r\n 100% { transform: scale(1); text-shadow: 0 0 8px #ffffff; }\r\n}\r\n.toggle-btn i {\r\n animation: pulseWifi 1.6s infinite ease-in-out;\r\n}\r\n\r\n\/* Menu Lateral *\/\r\n.menu-lateral {\r\n position: fixed !important;\r\n top: 0;\r\n left: 0;\r\n width: 260px;\r\n height: 100vh;\r\n background: #f8f9fa; \r\n padding-top: 70px;\r\n transform: translateX(-100%);\r\n transition: transform 0.5s cubic-bezier(0.77,0,0.175,1);\r\n box-shadow: 5px 0 25px rgba(0,0,0,0.1);\r\n z-index: 99998 !important;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n.menu-lateral.active {\r\n transform: translateX(0);\r\n}\r\n\r\n\/* Bot\u00e3o fechar *\/\r\n.menu-lateral .close-btn {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n color: #333; \r\n font-size: 24px;\r\n cursor: pointer;\r\n transition: transform 0.3s;\r\n}\r\n.menu-lateral .close-btn:hover {\r\n transform: scale(1.2);\r\n color: #6A00F4;\r\n}\r\n\r\n\/* Links *\/\r\n.menu-lateral a {\r\n display: flex;\r\n align-items: center;\r\n padding: 16px 28px;\r\n gap: 14px;\r\n font-size: 18px;\r\n text-decoration: none;\r\n color: #444; \r\n opacity: 0;\r\n transform: translateX(-25px);\r\n transition: 0.3s;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o em ondas *\/\r\n.menu-lateral.active a { animation: slideIn 0.55s forwards ease; }\r\n@keyframes slideIn {\r\n from { opacity: 0; transform: translateX(-25px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n}\r\n.menu-lateral.active a:nth-child(2) { animation-delay: 0.10s; }\r\n.menu-lateral.active a:nth-child(3) { animation-delay: 0.20s; }\r\n.menu-lateral.active a:nth-child(4) { animation-delay: 0.30s; }\r\n.menu-lateral.active a:nth-child(5) { animation-delay: 0.40s; }\r\n\r\n\/* Hover com neon suave *\/\r\n.menu-lateral a:hover {\r\n background: linear-gradient(90deg, #f0f0f0, #e0e0e0);\r\n padding-left: 40px;\r\n color: #6A00F4;\r\n transform: translateX(10px);\r\n}\r\n.menu-lateral a i { \r\n transition: transform 0.4s; \r\n color: #6A00F4; \r\n}\r\n.menu-lateral a:hover i { transform: scale(1.25); }\r\n\r\n@media (max-width: 768px) {\r\n .menu-lateral { width: 80%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"toggle-btn\" onclick=\"toggleMenu()\">\r\n <i class=\"fa-solid fa-wifi\"><\/i>\r\n <span>Bellanetfiber<\/span>\r\n<\/div>\r\n\r\n<div id=\"overlay\" class=\"overlay\" onclick=\"toggleMenu()\"><\/div>\r\n\r\n<div id=\"menuLateral\" class=\"menu-lateral\">\r\n <button class=\"close-btn\" onclick=\"toggleMenu()\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/\"><i class=\"fa-solid fa-house\"><\/i> In\u00edcio<\/a>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/conta\/itochat\/login\/\"><i class=\"fa-solid fa-user\"><\/i> Acessar Conta<\/a>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/demo\/\"><i class=\"fa-solid fa-link\"><\/i> Recursos<\/a>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/divulgue-sua-empresa\"><i class=\"fa-solid fa-building\"><\/i> Planos<\/a>\r\n<\/div>\r\n\r\n<script>\r\nfunction toggleMenu() {\r\n const menu = document.getElementById('menuLateral');\r\n const overlay = document.getElementById('overlay');\r\n\r\n menu.classList.toggle('active');\r\n overlay.classList.toggle('active');\r\n\r\n if (menu.classList.contains('active')) {\r\n menu.querySelectorAll('a').forEach((item) => {\r\n item.style.animation = 'none';\r\n item.offsetHeight;\r\n item.style.animation = '';\r\n });\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b22f1ee e-flex e-con-boxed e-con e-parent\" data-id=\"b22f1ee\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d0253e0 e-con-full e-flex e-con e-child\" data-id=\"d0253e0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2bb43d stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-shortcode\" data-id=\"a2bb43d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n \n <style>\n :root { --p: #0073aa; }\n .cb-box { max-width: 380px; margin: 20px auto; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); font-family: 'Inter', sans-serif; position: relative; border: 1px solid #eee; }\n #cb-head { background: var(--p); color: #fff; padding: 15px; display: flex; align-items: center; justify-content: space-between; }\n .avatar-h { width: 40px; height: 40px; border-radius: 50%; background: #fff; object-fit: cover; }\n #cb-body { height: 400px; padding: 15px; overflow-y: auto; background: #f8fafc; display: flex; flex-direction: column; gap: 12px; scroll-behavior: smooth; }\n \n .msg-row { display: flex; align-items: flex-end; gap: 8px; max-width: 90%; margin-bottom: 4px; }\n .msg-row.bot { align-self: flex-start; }\n .msg-row.user { align-self: flex-end; flex-direction: row-reverse; }\n .msg-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }\n \n .m { padding: 8px 12px; border-radius: 12px; font-size: 14px; line-height: 1.4; position: relative; min-width: 60px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }\n .bot .m { background: #fff; border-bottom-left-radius: 2px; color: #334155; }\n .user .m { background: var(--p); color: #fff; border-bottom-right-radius: 2px; }\n \n .msg-time { font-size: 9px; opacity: 0.6; margin-top: 4px; display: block; text-align: right; width: 100%; }\n .user .msg-time { color: #fff; }\n\n #cb-ft { padding: 12px; border-top: 1px solid #eee; background: #fff; display: flex; flex-direction: column; gap: 8px; position: relative; }\n #ft-row { display: flex; align-items: center; gap: 8px; width: 100%; }\n #cb-in { flex: 1; border: 1px solid #e2e8f0; padding: 10px 15px; border-radius: 20px; outline: none; font-size: 14px; }\n \n #options-row { display: none; align-items: center; justify-content: space-between; font-size: 11px; color: #64748b; padding: 0 5px; }\n .btn-send { background: var(--p); border: none; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; }\n .btn-send:disabled { background: #cbd5e1; cursor: not-allowed; }\n \n #email-suggestions { position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; border-top: 1px solid #eee; display: none; flex-wrap: wrap; gap: 5px; padding: 8px; box-shadow: 0 -5px 15px rgba(0,0,0,0.08); z-index: 99; }\n .sug-chip { background: #f1f5f9; padding: 6px 12px; border-radius: 20px; font-size: 11px; cursor: pointer; color: #475569; border: 1px solid #e2e8f0; }\n .btn-o { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid var(--p); color: var(--p); background: #fff; cursor: pointer; font-weight: 600; margin-top: 8px; font-size: 13px; transition: 0.2s; }\n .btn-o:hover { background: var(--p); color: #fff; }\n \n .icon-trash { cursor: pointer; font-size: 14px; opacity: 0.6; transition: 0.2s; padding: 2px; }\n .icon-trash:hover { opacity: 1; color: #ef4444; }\n <\/style>\n\n <div class=\"cb-box\">\n <div id=\"cb-head\">\n <div style=\"display:flex; align-items:center; gap:10px;\">\n <img decoding=\"async\" src=\"https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/logo02-e1779891363999.png\" class=\"avatar-h\">\n <div><b style=\"font-size:14px;\">Belinha<\/b><br><small style=\"font-size:10px;\">Bellanet Fiber<\/small><\/div>\n <\/div>\n <div style=\"display:flex; gap:10px;\">\n <button onclick=\"location.reload()\" style=\"background:none; border:none; color:#fff; cursor:pointer;\" title=\"Reiniciar\">\u267b\ufe0f<\/button>\n <button id=\"mute-btn\" onclick=\"toggleMute()\" style=\"background:none; border:none; color:#fff; cursor:pointer;\" title=\"Ativar\/Desativar Voz\">\ud83d\udd07<\/button>\n <\/div>\n <\/div>\n \n <div id=\"cb-body\"><div id=\"chat-content\" style=\"display:flex; flex-direction:column; gap:12px;\">\n <div id=\"main-menu\" style=\"text-align:center; display:block;\">\n <button class=\"btn-o\" id=\"btn-login\" style=\"display:inline-block; width: calc(100% - 16px); margin: 8px auto;\" onclick=\"startFlow('login')\">Fazer Login<\/button>\n <button class=\"btn-o\" id=\"btn-cadastro\" style=\"display:inline-block; width: calc(100% - 16px); margin: 8px auto;\" onclick=\"startFlow('cadastro')\">Criar Conta<\/button>\n <\/div>\n <\/div><\/div>\n \n <div id=\"cb-ft\">\n <div id=\"email-suggestions\">\n <div class=\"sug-chip\" onclick=\"applySug('@gmail.com')\">@gmail.com<\/div>\n <div class=\"sug-chip\" onclick=\"applySug('@hotmail.com')\">@hotmail.com<\/div>\n <div class=\"sug-chip\" onclick=\"applySug('@outlook.com')\">@outlook.com<\/div>\n <div class=\"sug-chip\" onclick=\"applySug('.com.br')\">.com.br<\/div>\n <\/div>\n <div id=\"options-row\">\n <label style=\"display:flex; align-items:center; gap:5px; cursor:pointer;\">\n <input type=\"checkbox\" id=\"save-email-check\" checked> Lembrar e-mail\n <\/label>\n <span id=\"trash-btn\" class=\"icon-trash\" onclick=\"clearSavedEmail()\" title=\"Limpar e-mail salvo\">\ud83d\uddd1\ufe0f<\/span>\n <\/div>\n <div id=\"ft-row\">\n <input type=\"text\" id=\"cb-in\" placeholder=\"Digite...\" disabled onkeypress=\"if(event.key==='Enter') sendInput()\" oninput=\"handleInput(this.value)\">\n <button id=\"btn-send\" class=\"btn-send\" disabled onclick=\"sendInput()\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let flow=\"\", step=0, uData={nome:'', email:'', whatsapp:''}, isMuted = true, belinhaVoice = null;\n let midiaIniciada = false;\n \n const avatarUrl = \"https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/logo02-e1779891363999.png\";\n const input = document.getElementById('cb-in'), content = document.getElementById('chat-content'), suggBox = document.getElementById('email-suggestions'), btnS = document.getElementById('btn-send'), optRow = document.getElementById('options-row');\n \n const redirLogin = \"https:\/\/bellanetfiber.com.br\/conta\/itochat\/lojas\";\n const redirCadastro = \"https:\/\/bellanetfiber.com.br\/conta\/configuracao-perfil\/\";\n \n const noteS = new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/2358\/2358-preview.mp3');\n\n function iniciarMidia() {\n if (!midiaIniciada) {\n noteS.play().then(() => {\n noteS.pause();\n noteS.currentTime = 0;\n }).catch(e => {});\n \n const s = new SpeechSynthesisUtterance(\"\");\n window.speechSynthesis.speak(s);\n window.speechSynthesis.cancel();\n \n midiaIniciada = true;\n }\n }\n\n function loadVoice() { \n const vs = window.speechSynthesis.getVoices(); \n belinhaVoice = vs.find(v => v.lang === 'pt-BR' && (v.name.includes('Google') || v.name.includes('Luciana') || v.name.includes('Maria'))) || vs.find(v => v.lang.startsWith('pt'));\n }\n window.speechSynthesis.onvoiceschanged = loadVoice;\n\n function toggleMute() { \n isMuted = !isMuted; \n document.getElementById('mute-btn').innerText = isMuted ? '\ud83d\udd07' : '\ud83d\udd0a'; \n if(isMuted) window.speechSynthesis.cancel(); \n }\n\n function addMsg(t, isBot=true){\n const now = new Date();\n const timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');\n const row = document.createElement('div');\n row.className = isBot ? 'msg-row bot' : 'msg-row user';\n let avatarHtml = isBot ? `<img decoding=\"async\" src=\"${avatarUrl}\" class=\"msg-avatar\">` : '';\n row.innerHTML = `${avatarHtml}<div class=\"m\">${t}<span class=\"msg-time\">${timeStr}<\/span><\/div>`;\n content.appendChild(row);\n document.getElementById('cb-body').scrollTo(0, document.getElementById('cb-body').scrollHeight);\n \n if(isBot && !isMuted) {\n noteS.play().catch(e=>{});\n const s = new SpeechSynthesisUtterance(t.replace(\/<[^>]*>?\/gm, ''));\n s.voice = belinhaVoice; \n s.lang = 'pt-BR'; \n s.rate = 1.0;\n window.speechSynthesis.speak(s);\n }\n }\n\n window.onload = () => {\n loadVoice();\n const saved = localStorage.getItem('belinha_email');\n if(saved) { \n uData.email = saved; \n document.getElementById('trash-btn').style.display = 'inline';\n } else {\n document.getElementById('trash-btn').style.display = 'none';\n }\n\n setTimeout(() => {\n addMsg(\"Ol\u00e1! Seja muito bem-vindo(a) \u00e0 <b>Bellanet Fiber<\/b>. \ud83d\ude80\");\n setTimeout(() => {\n addMsg(\"Eu sou a <b>Belinha<\/b>. Como posso te ajudar hoje?\");\n const menu = document.getElementById('main-menu');\n if (menu && menu.style.display !== 'none') {\n menu.style.display = 'block';\n }\n }, 800);\n }, 400);\n };\n\n function clearSavedEmail() {\n localStorage.removeItem('belinha_email');\n uData.email = '';\n document.getElementById('trash-btn').style.display = 'none';\n input.value = '';\n addMsg(\"E-mail removido com sucesso! Pode digitar um novo.\");\n }\n\n function handleInput(val) {\n const isEmailStep = (step===1);\n if(isEmailStep && val.length >= 3) suggBox.style.display = 'flex';\n else suggBox.style.display = 'none';\n btnS.disabled = (val.length === 0);\n }\n\n function applySug(ext) {\n if(input.value.includes('@')) {\n let partes = input.value.split('@');\n input.value = partes[0] + ext;\n } else {\n input.value += ext;\n }\n suggBox.style.display = 'none';\n input.focus();\n }\n\n \/\/ MODIFICADO: Mostra op\u00e7\u00f5es de confirmar ou novo e-mail quando h\u00e1 e-mail salvo\n function startFlow(f){ \n iniciarMidia();\n flow = f; \n document.getElementById('main-menu').style.display = 'none'; \n \n if(uData.email) {\n \/\/ NOVO: Mostra bot\u00f5es para confirmar ou trocar e-mail\n addMsg(`Encontrei seu e-mail salvo: <b>${uData.email}<\/b>`);\n addMsg(`<div style=\"display:flex; flex-direction:column; gap:8px;\">\n <button class=\"btn-o\" onclick=\"confirmarEmailSalvo()\">\u2705 Confirmar este e-mail<\/button>\n <button class=\"btn-o\" onclick=\"usarNovoEmail()\">\ud83d\udcdd Usar outro e-mail<\/button>\n <\/div>`);\n } else {\n askForEmail();\n }\n }\n\n \/\/ NOVO: Fun\u00e7\u00e3o para confirmar e-mail salvo\n function confirmarEmailSalvo() {\n addMsg(`\u00d3timo! Vamos prosseguir com <b>${uData.email}<\/b>.`);\n checkAccount(uData.email);\n }\n\n \/\/ NOVO: Fun\u00e7\u00e3o para usar novo e-mail\n function usarNovoEmail() {\n addMsg(\"Sem problemas! Digite o novo e-mail abaixo:\");\n askForEmail();\n }\n\n function enableInput() {\n input.disabled = false;\n btnS.disabled = true;\n optRow.style.display = 'flex';\n input.focus();\n }\n\n function askForEmail() {\n step = 1;\n enableInput();\n }\n\n async function sendInput(){\n let v = input.value.trim(); if(!v) return; addMsg(v, false); input.value=''; suggBox.style.display = 'none';\n \n if(step===1){ \n uData.email=v; \n if(document.getElementById('save-email-check').checked) {\n localStorage.setItem('belinha_email', v);\n document.getElementById('trash-btn').style.display = 'inline';\n }\n optRow.style.display = 'none';\n checkAccount(v); \n } \n else if(step===2 && flow==='cadastro'){ uData.nome=v; step=3; addMsg(\"Qual seu <b>WhatsApp<\/b> com DDD?\"); }\n else if(step===3 && flow==='cadastro'){ uData.whatsapp=v; finalizarCadastro(); }\n else if(step==='otp') verifyOTP(v);\n }\n\n async function checkAccount(email) {\n const r = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/check_email',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:email})}).then(res=>res.json());\n \n if(r.exists) {\n addMsg(\"J\u00e1 te encontrei no sistema! Enviando c\u00f3digo de verifica\u00e7\u00e3o...\");\n requestOTP();\n } else {\n if(flow === 'login') {\n addMsg(\"N\u00e3o localizei esse e-mail. Vamos criar sua conta agora?\");\n addMsg(`<button class=\"btn-o\" onclick=\"flow='cadastro'; step=2; enableInput(); addMsg('Qual seu nome completo?')\">Criar Cadastro Agora<\/button>`);\n } else {\n step=2; \n addMsg(\"Perfeito! Agora, informe seu <b>nome completo<\/b>:\");\n enableInput();\n }\n }\n }\n\n async function requestOTP(){\n const r = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/request_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email})}).then(res=>res.json());\n if(r.success){ \n step='otp'; \n addMsg(\"Enviado! Digite o c\u00f3digo de 4 n\u00fameros recebido no seu e-mail:\"); \n enableInput();\n }\n }\n\n async function verifyOTP(c){\n const r = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/verify_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email, code:c})}).then(res=>res.json());\n \n if(r.success){\n const urlFinal = (flow === 'cadastro') ? redirCadastro : redirLogin;\n const mensagemFinal = (flow === 'cadastro') \n ? \"\ud83c\udf89 Conta criada com sucesso! Redirecionando...\" \n : \"\u2705 Acesso autorizado! Redirecionando...\";\n \n addMsg(mensagemFinal);\n setTimeout(() => window.location.href = urlFinal, 1500);\n } else {\n addMsg(\"\u274c C\u00f3digo inv\u00e1lido. Tente novamente.\");\n enableInput();\n }\n }\n\n async function finalizarCadastro() {\n addMsg(\"Criando sua conta...\");\n const reg = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/finalize_register',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify(uData)}).then(res=>res.json());\n \n if(reg.success) { \n addMsg(\"\ud83c\udf89 Conta criada! Enviando c\u00f3digo de verifica\u00e7\u00e3o...\");\n const otp = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/request_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email})}).then(res=>res.json());\n \n if(otp.success) {\n step = 'otp';\n addMsg(\"Enviado! Digite o c\u00f3digo de 4 n\u00fameros recebido no seu e-mail:\");\n enableInput();\n }\n } else {\n addMsg(\"\u274c Erro ao criar conta. Tente novamente.\");\n }\n }\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22a9241 stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-text-editor\" data-id=\"22a9241\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bellanetfiber.com.br\/conta\/login\/\" target=\"_blank\" rel=\"noopener\">ACESSAR CONTA COM SENHA<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ACESSAR CONTA COM SENHA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2517","page","type-page","status-publish","hentry","content-box content-box-wrapper"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages\/2517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/comments?post=2517"}],"version-history":[{"count":92,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages\/2517\/revisions"}],"predecessor-version":[{"id":5797,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages\/2517\/revisions\/5797"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/media?parent=2517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMenu Lateral Bellanet Fiber<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n background: #ffffff; \r\n font-family: \"Poppins\", sans-serif;\r\n color: #333;\r\n}\r\n\r\n\/* Overlay *\/\r\n.overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0);\r\n display: none;\r\n z-index: 99990;\r\n transition: background 0.35s, opacity 0.35s;\r\n}\r\n.overlay.active {\r\n display: block;\r\n background: rgba(0,0,0,0.3); \r\n}\r\n@media (min-width: 769px) {\r\n .overlay { display: none !important; }\r\n}\r\n\r\n\/* Bot\u00e3o Toggle *\/\r\n.toggle-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n position: fixed !important;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #6A00F4, #007BFF);\r\n padding: 10px 14px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n color: #fff;\r\n font-size: 20px;\r\n z-index: 99999 !important;\r\n box-shadow: 0 4px 15px rgba(106,0,244,0.3);\r\n transition: 0.3s;\r\n}\r\n.toggle-btn span {\r\n font-weight: bold;\r\n font-size: 20px;\r\n color: #fff; \r\n}\r\n.toggle-btn:hover {\r\n transform: scale(1.12);\r\n box-shadow: 0 0 45px rgba(106,0,244,0.5);\r\n}\r\n\r\n\/* \u00cdcone Wi-Fi pulsante *\/\r\n@keyframes pulseWifi {\r\n 0% { transform: scale(1); text-shadow: 0 0 8px #ffffff; }\r\n 50% { transform: scale(1.15); text-shadow: 0 0 16px #ffffff, 0 0 20px #007BFF; }\r\n 100% { transform: scale(1); text-shadow: 0 0 8px #ffffff; }\r\n}\r\n.toggle-btn i {\r\n animation: pulseWifi 1.6s infinite ease-in-out;\r\n}\r\n\r\n\/* Menu Lateral *\/\r\n.menu-lateral {\r\n position: fixed !important;\r\n top: 0;\r\n left: 0;\r\n width: 260px;\r\n height: 100vh;\r\n background: #f8f9fa; \r\n padding-top: 70px;\r\n transform: translateX(-100%);\r\n transition: transform 0.5s cubic-bezier(0.77,0,0.175,1);\r\n box-shadow: 5px 0 25px rgba(0,0,0,0.1);\r\n z-index: 99998 !important;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n.menu-lateral.active {\r\n transform: translateX(0);\r\n}\r\n\r\n\/* Bot\u00e3o fechar *\/\r\n.menu-lateral .close-btn {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n color: #333; \r\n font-size: 24px;\r\n cursor: pointer;\r\n transition: transform 0.3s;\r\n}\r\n.menu-lateral .close-btn:hover {\r\n transform: scale(1.2);\r\n color: #6A00F4;\r\n}\r\n\r\n\/* Links *\/\r\n.menu-lateral a {\r\n display: flex;\r\n align-items: center;\r\n padding: 16px 28px;\r\n gap: 14px;\r\n font-size: 18px;\r\n text-decoration: none;\r\n color: #444; \r\n opacity: 0;\r\n transform: translateX(-25px);\r\n transition: 0.3s;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o em ondas *\/\r\n.menu-lateral.active a { animation: slideIn 0.55s forwards ease; }\r\n@keyframes slideIn {\r\n from { opacity: 0; transform: translateX(-25px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n}\r\n.menu-lateral.active a:nth-child(2) { animation-delay: 0.10s; }\r\n.menu-lateral.active a:nth-child(3) { animation-delay: 0.20s; }\r\n.menu-lateral.active a:nth-child(4) { animation-delay: 0.30s; }\r\n.menu-lateral.active a:nth-child(5) { animation-delay: 0.40s; }\r\n\r\n\/* Hover com neon suave *\/\r\n.menu-lateral a:hover {\r\n background: linear-gradient(90deg, #f0f0f0, #e0e0e0);\r\n padding-left: 40px;\r\n color: #6A00F4;\r\n transform: translateX(10px);\r\n}\r\n.menu-lateral a i { \r\n transition: transform 0.4s; \r\n color: #6A00F4; \r\n}\r\n.menu-lateral a:hover i { transform: scale(1.25); }\r\n\r\n@media (max-width: 768px) {\r\n .menu-lateral { width: 80%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"toggle-btn\" onclick=\"toggleMenu()\">\r\n <i class=\"fa-solid fa-wifi\"><\/i>\r\n <span>Bellanetfiber<\/span>\r\n<\/div>\r\n\r\n<div id=\"overlay\" class=\"overlay\" onclick=\"toggleMenu()\"><\/div>\r\n\r\n<div id=\"menuLateral\" class=\"menu-lateral\">\r\n <button class=\"close-btn\" onclick=\"toggleMenu()\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/\"><i class=\"fa-solid fa-house\"><\/i> In\u00edcio<\/a>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/conta\/itochat\/login\/\"><i class=\"fa-solid fa-user\"><\/i> Acessar Conta<\/a>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/demo\/\"><i class=\"fa-solid fa-link\"><\/i> Recursos<\/a>\r\n <a href=\"https:\/\/bellanetfiber.com.br\/divulgue-sua-empresa\"><i class=\"fa-solid fa-building\"><\/i> Planos<\/a>\r\n<\/div>\r\n\r\n<script>\r\nfunction toggleMenu() {\r\n const menu = document.getElementById('menuLateral');\r\n const overlay = document.getElementById('overlay');\r\n\r\n menu.classList.toggle('active');\r\n overlay.classList.toggle('active');\r\n\r\n if (menu.classList.contains('active')) {\r\n menu.querySelectorAll('a').forEach((item) => {\r\n item.style.animation = 'none';\r\n item.offsetHeight;\r\n item.style.animation = '';\r\n });\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b22f1ee e-flex e-con-boxed e-con e-parent\" data-id=\"b22f1ee\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d0253e0 e-con-full e-flex e-con e-child\" data-id=\"d0253e0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2bb43d stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-shortcode\" data-id=\"a2bb43d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n \n <style>\n :root { --p: #0073aa; }\n .cb-box { max-width: 380px; margin: 20px auto; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); font-family: 'Inter', sans-serif; position: relative; border: 1px solid #eee; }\n #cb-head { background: var(--p); color: #fff; padding: 15px; display: flex; align-items: center; justify-content: space-between; }\n .avatar-h { width: 40px; height: 40px; border-radius: 50%; background: #fff; object-fit: cover; }\n #cb-body { height: 400px; padding: 15px; overflow-y: auto; background: #f8fafc; display: flex; flex-direction: column; gap: 12px; scroll-behavior: smooth; }\n \n .msg-row { display: flex; align-items: flex-end; gap: 8px; max-width: 90%; margin-bottom: 4px; }\n .msg-row.bot { align-self: flex-start; }\n .msg-row.user { align-self: flex-end; flex-direction: row-reverse; }\n .msg-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }\n \n .m { padding: 8px 12px; border-radius: 12px; font-size: 14px; line-height: 1.4; position: relative; min-width: 60px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }\n .bot .m { background: #fff; border-bottom-left-radius: 2px; color: #334155; }\n .user .m { background: var(--p); color: #fff; border-bottom-right-radius: 2px; }\n \n .msg-time { font-size: 9px; opacity: 0.6; margin-top: 4px; display: block; text-align: right; width: 100%; }\n .user .msg-time { color: #fff; }\n\n #cb-ft { padding: 12px; border-top: 1px solid #eee; background: #fff; display: flex; flex-direction: column; gap: 8px; position: relative; }\n #ft-row { display: flex; align-items: center; gap: 8px; width: 100%; }\n #cb-in { flex: 1; border: 1px solid #e2e8f0; padding: 10px 15px; border-radius: 20px; outline: none; font-size: 14px; }\n \n #options-row { display: none; align-items: center; justify-content: space-between; font-size: 11px; color: #64748b; padding: 0 5px; }\n .btn-send { background: var(--p); border: none; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; }\n .btn-send:disabled { background: #cbd5e1; cursor: not-allowed; }\n \n #email-suggestions { position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; border-top: 1px solid #eee; display: none; flex-wrap: wrap; gap: 5px; padding: 8px; box-shadow: 0 -5px 15px rgba(0,0,0,0.08); z-index: 99; }\n .sug-chip { background: #f1f5f9; padding: 6px 12px; border-radius: 20px; font-size: 11px; cursor: pointer; color: #475569; border: 1px solid #e2e8f0; }\n .btn-o { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid var(--p); color: var(--p); background: #fff; cursor: pointer; font-weight: 600; margin-top: 8px; font-size: 13px; transition: 0.2s; }\n .btn-o:hover { background: var(--p); color: #fff; }\n \n .icon-trash { cursor: pointer; font-size: 14px; opacity: 0.6; transition: 0.2s; padding: 2px; }\n .icon-trash:hover { opacity: 1; color: #ef4444; }\n <\/style>\n\n <div class=\"cb-box\">\n <div id=\"cb-head\">\n <div style=\"display:flex; align-items:center; gap:10px;\">\n <img decoding=\"async\" src=\"https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/logo02-e1779891363999.png\" class=\"avatar-h\">\n <div><b style=\"font-size:14px;\">Belinha<\/b><br><small style=\"font-size:10px;\">Bellanet Fiber<\/small><\/div>\n <\/div>\n <div style=\"display:flex; gap:10px;\">\n <button onclick=\"location.reload()\" style=\"background:none; border:none; color:#fff; cursor:pointer;\" title=\"Reiniciar\">\u267b\ufe0f<\/button>\n <button id=\"mute-btn\" onclick=\"toggleMute()\" style=\"background:none; border:none; color:#fff; cursor:pointer;\" title=\"Ativar\/Desativar Voz\">\ud83d\udd07<\/button>\n <\/div>\n <\/div>\n \n <div id=\"cb-body\"><div id=\"chat-content\" style=\"display:flex; flex-direction:column; gap:12px;\">\n <div id=\"main-menu\" style=\"text-align:center; display:block;\">\n <button class=\"btn-o\" id=\"btn-login\" style=\"display:inline-block; width: calc(100% - 16px); margin: 8px auto;\" onclick=\"startFlow('login')\">Fazer Login<\/button>\n <button class=\"btn-o\" id=\"btn-cadastro\" style=\"display:inline-block; width: calc(100% - 16px); margin: 8px auto;\" onclick=\"startFlow('cadastro')\">Criar Conta<\/button>\n <\/div>\n <\/div><\/div>\n \n <div id=\"cb-ft\">\n <div id=\"email-suggestions\">\n <div class=\"sug-chip\" onclick=\"applySug('@gmail.com')\">@gmail.com<\/div>\n <div class=\"sug-chip\" onclick=\"applySug('@hotmail.com')\">@hotmail.com<\/div>\n <div class=\"sug-chip\" onclick=\"applySug('@outlook.com')\">@outlook.com<\/div>\n <div class=\"sug-chip\" onclick=\"applySug('.com.br')\">.com.br<\/div>\n <\/div>\n <div id=\"options-row\">\n <label style=\"display:flex; align-items:center; gap:5px; cursor:pointer;\">\n <input type=\"checkbox\" id=\"save-email-check\" checked> Lembrar e-mail\n <\/label>\n <span id=\"trash-btn\" class=\"icon-trash\" onclick=\"clearSavedEmail()\" title=\"Limpar e-mail salvo\">\ud83d\uddd1\ufe0f<\/span>\n <\/div>\n <div id=\"ft-row\">\n <input type=\"text\" id=\"cb-in\" placeholder=\"Digite...\" disabled onkeypress=\"if(event.key==='Enter') sendInput()\" oninput=\"handleInput(this.value)\">\n <button id=\"btn-send\" class=\"btn-send\" disabled onclick=\"sendInput()\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let flow=\"\", step=0, uData={nome:'', email:'', whatsapp:''}, isMuted = true, belinhaVoice = null;\n let midiaIniciada = false;\n \n const avatarUrl = \"https:\/\/bellanetfiber.com.br\/conta\/wp-content\/uploads\/2026\/05\/logo02-e1779891363999.png\";\n const input = document.getElementById('cb-in'), content = document.getElementById('chat-content'), suggBox = document.getElementById('email-suggestions'), btnS = document.getElementById('btn-send'), optRow = document.getElementById('options-row');\n \n const redirLogin = \"https:\/\/bellanetfiber.com.br\/conta\/itochat\/lojas\";\n const redirCadastro = \"https:\/\/bellanetfiber.com.br\/conta\/configuracao-perfil\/\";\n \n const noteS = new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/2358\/2358-preview.mp3');\n\n function iniciarMidia() {\n if (!midiaIniciada) {\n noteS.play().then(() => {\n noteS.pause();\n noteS.currentTime = 0;\n }).catch(e => {});\n \n const s = new SpeechSynthesisUtterance(\"\");\n window.speechSynthesis.speak(s);\n window.speechSynthesis.cancel();\n \n midiaIniciada = true;\n }\n }\n\n function loadVoice() { \n const vs = window.speechSynthesis.getVoices(); \n belinhaVoice = vs.find(v => v.lang === 'pt-BR' && (v.name.includes('Google') || v.name.includes('Luciana') || v.name.includes('Maria'))) || vs.find(v => v.lang.startsWith('pt'));\n }\n window.speechSynthesis.onvoiceschanged = loadVoice;\n\n function toggleMute() { \n isMuted = !isMuted; \n document.getElementById('mute-btn').innerText = isMuted ? '\ud83d\udd07' : '\ud83d\udd0a'; \n if(isMuted) window.speechSynthesis.cancel(); \n }\n\n function addMsg(t, isBot=true){\n const now = new Date();\n const timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');\n const row = document.createElement('div');\n row.className = isBot ? 'msg-row bot' : 'msg-row user';\n let avatarHtml = isBot ? `<img decoding=\"async\" src=\"${avatarUrl}\" class=\"msg-avatar\">` : '';\n row.innerHTML = `${avatarHtml}<div class=\"m\">${t}<span class=\"msg-time\">${timeStr}<\/span><\/div>`;\n content.appendChild(row);\n document.getElementById('cb-body').scrollTo(0, document.getElementById('cb-body').scrollHeight);\n \n if(isBot && !isMuted) {\n noteS.play().catch(e=>{});\n const s = new SpeechSynthesisUtterance(t.replace(\/<[^>]*>?\/gm, ''));\n s.voice = belinhaVoice; \n s.lang = 'pt-BR'; \n s.rate = 1.0;\n window.speechSynthesis.speak(s);\n }\n }\n\n window.onload = () => {\n loadVoice();\n const saved = localStorage.getItem('belinha_email');\n if(saved) { \n uData.email = saved; \n document.getElementById('trash-btn').style.display = 'inline';\n } else {\n document.getElementById('trash-btn').style.display = 'none';\n }\n\n setTimeout(() => {\n addMsg(\"Ol\u00e1! Seja muito bem-vindo(a) \u00e0 <b>Bellanet Fiber<\/b>. \ud83d\ude80\");\n setTimeout(() => {\n addMsg(\"Eu sou a <b>Belinha<\/b>. Como posso te ajudar hoje?\");\n const menu = document.getElementById('main-menu');\n if (menu && menu.style.display !== 'none') {\n menu.style.display = 'block';\n }\n }, 800);\n }, 400);\n };\n\n function clearSavedEmail() {\n localStorage.removeItem('belinha_email');\n uData.email = '';\n document.getElementById('trash-btn').style.display = 'none';\n input.value = '';\n addMsg(\"E-mail removido com sucesso! Pode digitar um novo.\");\n }\n\n function handleInput(val) {\n const isEmailStep = (step===1);\n if(isEmailStep && val.length >= 3) suggBox.style.display = 'flex';\n else suggBox.style.display = 'none';\n btnS.disabled = (val.length === 0);\n }\n\n function applySug(ext) {\n if(input.value.includes('@')) {\n let partes = input.value.split('@');\n input.value = partes[0] + ext;\n } else {\n input.value += ext;\n }\n suggBox.style.display = 'none';\n input.focus();\n }\n\n \/\/ MODIFICADO: Mostra op\u00e7\u00f5es de confirmar ou novo e-mail quando h\u00e1 e-mail salvo\n function startFlow(f){ \n iniciarMidia();\n flow = f; \n document.getElementById('main-menu').style.display = 'none'; \n \n if(uData.email) {\n \/\/ NOVO: Mostra bot\u00f5es para confirmar ou trocar e-mail\n addMsg(`Encontrei seu e-mail salvo: <b>${uData.email}<\/b>`);\n addMsg(`<div style=\"display:flex; flex-direction:column; gap:8px;\">\n <button class=\"btn-o\" onclick=\"confirmarEmailSalvo()\">\u2705 Confirmar este e-mail<\/button>\n <button class=\"btn-o\" onclick=\"usarNovoEmail()\">\ud83d\udcdd Usar outro e-mail<\/button>\n <\/div>`);\n } else {\n askForEmail();\n }\n }\n\n \/\/ NOVO: Fun\u00e7\u00e3o para confirmar e-mail salvo\n function confirmarEmailSalvo() {\n addMsg(`\u00d3timo! Vamos prosseguir com <b>${uData.email}<\/b>.`);\n checkAccount(uData.email);\n }\n\n \/\/ NOVO: Fun\u00e7\u00e3o para usar novo e-mail\n function usarNovoEmail() {\n addMsg(\"Sem problemas! Digite o novo e-mail abaixo:\");\n askForEmail();\n }\n\n function enableInput() {\n input.disabled = false;\n btnS.disabled = true;\n optRow.style.display = 'flex';\n input.focus();\n }\n\n function askForEmail() {\n step = 1;\n enableInput();\n }\n\n async function sendInput(){\n let v = input.value.trim(); if(!v) return; addMsg(v, false); input.value=''; suggBox.style.display = 'none';\n \n if(step===1){ \n uData.email=v; \n if(document.getElementById('save-email-check').checked) {\n localStorage.setItem('belinha_email', v);\n document.getElementById('trash-btn').style.display = 'inline';\n }\n optRow.style.display = 'none';\n checkAccount(v); \n } \n else if(step===2 && flow==='cadastro'){ uData.nome=v; step=3; addMsg(\"Qual seu <b>WhatsApp<\/b> com DDD?\"); }\n else if(step===3 && flow==='cadastro'){ uData.whatsapp=v; finalizarCadastro(); }\n else if(step==='otp') verifyOTP(v);\n }\n\n async function checkAccount(email) {\n const r = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/check_email',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:email})}).then(res=>res.json());\n \n if(r.exists) {\n addMsg(\"J\u00e1 te encontrei no sistema! Enviando c\u00f3digo de verifica\u00e7\u00e3o...\");\n requestOTP();\n } else {\n if(flow === 'login') {\n addMsg(\"N\u00e3o localizei esse e-mail. Vamos criar sua conta agora?\");\n addMsg(`<button class=\"btn-o\" onclick=\"flow='cadastro'; step=2; enableInput(); addMsg('Qual seu nome completo?')\">Criar Cadastro Agora<\/button>`);\n } else {\n step=2; \n addMsg(\"Perfeito! Agora, informe seu <b>nome completo<\/b>:\");\n enableInput();\n }\n }\n }\n\n async function requestOTP(){\n const r = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/request_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email})}).then(res=>res.json());\n if(r.success){ \n step='otp'; \n addMsg(\"Enviado! Digite o c\u00f3digo de 4 n\u00fameros recebido no seu e-mail:\"); \n enableInput();\n }\n }\n\n async function verifyOTP(c){\n const r = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/verify_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email, code:c})}).then(res=>res.json());\n \n if(r.success){\n const urlFinal = (flow === 'cadastro') ? redirCadastro : redirLogin;\n const mensagemFinal = (flow === 'cadastro') \n ? \"\ud83c\udf89 Conta criada com sucesso! Redirecionando...\" \n : \"\u2705 Acesso autorizado! Redirecionando...\";\n \n addMsg(mensagemFinal);\n setTimeout(() => window.location.href = urlFinal, 1500);\n } else {\n addMsg(\"\u274c C\u00f3digo inv\u00e1lido. Tente novamente.\");\n enableInput();\n }\n }\n\n async function finalizarCadastro() {\n addMsg(\"Criando sua conta...\");\n const reg = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/finalize_register',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify(uData)}).then(res=>res.json());\n \n if(reg.success) { \n addMsg(\"\ud83c\udf89 Conta criada! Enviando c\u00f3digo de verifica\u00e7\u00e3o...\");\n const otp = await fetch('https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/chatbot\/v1\/request_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email})}).then(res=>res.json());\n \n if(otp.success) {\n step = 'otp';\n addMsg(\"Enviado! Digite o c\u00f3digo de 4 n\u00fameros recebido no seu e-mail:\");\n enableInput();\n }\n } else {\n addMsg(\"\u274c Erro ao criar conta. Tente novamente.\");\n }\n }\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22a9241 stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-text-editor\" data-id=\"22a9241\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bellanetfiber.com.br\/conta\/login\/\" target=\"_blank\" rel=\"noopener\">ACESSAR CONTA COM SENHA<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ACESSAR CONTA COM SENHA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2517","page","type-page","status-publish","hentry","content-box content-box-wrapper"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages\/2517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/comments?post=2517"}],"version-history":[{"count":92,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages\/2517\/revisions"}],"predecessor-version":[{"id":5797,"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/pages\/2517\/revisions\/5797"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/itochat\/wp-json\/wp\/v2\/media?parent=2517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}