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\/app\/\/\"><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<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ddc3b9 e-con-full e-flex e-con e-child\" data-id=\"5ddc3b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db76433 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"db76433\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p> <style>\n .tabs-container {\n max-width: 600px;\n margin: 40px auto;\n font-family: 'Segoe UI', sans-serif;\n background: #ffffff10;\n backdrop-filter: blur(10px);\n border-radius: 12px;\n box-shadow: 0 0 20px rgba(0,0,0,0.2);\n overflow: hidden;\n }\n .tabs-header {\n display: flex;\n justify-content: space-around;\n background: #1e1e2f;\n }\n .tabs-header button {\n flex: 1;\n padding: 15px;\n background: transparent;\n color: #fff;\n border: none;\n font-size: 16px;\n cursor: pointer;\n }\n .tabs-header button.active {\n background: #0073aa;\n }\n .tabs-content {\n padding: 30px;\n background: #fff;\n }\n .tabs-content > div {\n display: none;\n }\n .tabs-content > div.active {\n display: block;\n }\n #togglePass {\n position: absolute;\n right: 10px;\n top: 9px;\n cursor: pointer;\n font-size: 16px;\n }\n <\/style>\n\n <div class=\"tabs-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" data-tab=\"login\">Login<\/button>\n <button class=\"tab-btn\" data-tab=\"cadastro\">Cadastro<\/button>\n <\/div>\n <div class=\"tabs-content\">\n <div class=\"tab-content active\" id=\"login\">\n <form name=\"loginform\" id=\"loginform\" action=\"https:\/\/bellanetfiber.com.br\/conta\/wp-login.php\" method=\"post\">\n <p>\n <label for=\"user_login\">Usu\u00e1rio ou E-mail<br \/>\n <input type=\"text\" name=\"log\" id=\"user_login\" class=\"input\" size=\"20\" required \/>\n <\/label>\n <\/p>\n <p>\n <label for=\"user_pass\">Senha<br \/>\n <div style=\"position: relative;\">\n <input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"input\" size=\"20\" required style=\"padding-right: 40px;\" \/>\n <span id=\"togglePass\">\ud83d\udc41\ufe0f<\/span>\n <\/div>\n <\/label>\n <\/p>\n <p>\n <input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>\n <label for=\"rememberme\">Lembrar-me<\/label>\n <\/p>\n <p>\n <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Entrar\" \/>\n <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/bellanetfiber.com.br\/conta\/r_itochar\/\" \/>\n <\/p>\n <\/form>\n <\/div>\n <div class=\"tab-content\" id=\"cadastro\">\n <style>\n .bellanet-cadastro-form {\n max-width: 500px;\n margin: 40px auto;\n background: #ffffff10;\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 12px;\n color: #fff;\n box-shadow: 0 0 20px rgba(0,0,0,0.2);\n font-family: 'Segoe UI', sans-serif;\n }\n .bellanet-cadastro-form h2 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 1.5rem;\n color: #fff;\n }\n .bellanet-cadastro-form input {\n width: 100%;\n padding: 12px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 8px;\n background: #f9f9f9;\n color: #000;\n }\n .bellanet-cadastro-form button {\n width: 100%;\n padding: 12px;\n background-color: #0073aa;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n cursor: pointer;\n }\n .bellanet-cadastro-form button:hover {\n background-color: #005177;\n }\n <\/style>\n\n <div class=\"bellanet-cadastro-form\">\n <h2>Cadastro de Cliente<\/h2>\n <form method=\"post\">\n <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"03568ea684\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/conta\/wp-json\/wp\/v2\/pages\/2607\" \/> <input type=\"hidden\" name=\"bellanet_frontend_cadastro\" value=\"1\">\n <input name=\"nome\" type=\"text\" placeholder=\"Nome de Usu\u00e1rio\" required>\n <input name=\"email\" type=\"email\" placeholder=\"E-mail\" required>\n <input name=\"telefone\" type=\"text\" placeholder=\"Telefone\">\n <input name=\"cpf\" type=\"text\" placeholder=\"CPF\">\n <input name=\"cidade\" type=\"text\" placeholder=\"Cidade\">\n <button type=\"submit\">Cadastrar<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Alternar abas\n document.querySelectorAll(\".tab-btn\").forEach(btn => {\n btn.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab-btn\").forEach(b => b.classList.remove(\"active\"));\n document.querySelectorAll(\".tab-content\").forEach(c => c.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n document.getElementById(btn.dataset.tab).classList.add(\"active\");\n });\n });\n\n \/\/ Mostrar\/ocultar senha\n const togglePass = document.getElementById('togglePass');\n if (togglePass) {\n togglePass.addEventListener('click', () => {\n const passInput = document.getElementById('user_pass');\n const isPassword = passInput.getAttribute('type') === 'password';\n passInput.setAttribute('type', isPassword ? 'text' : 'password');\n togglePass.textContent = isPassword ? '\ud83d\ude48' : '\ud83d\udc41\ufe0f';\n });\n }\n <\/script>\n <\/p>\n<p><a href=\"https:\/\/bellanetfiber.com.br\/conta\/2f\/\">ACESSO SEM SENHA<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbedde0 elementor-widget elementor-widget-heading\" data-id=\"fbedde0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Transformamos o atendimento em faturamento.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c19637 elementor-widget elementor-widget-text-editor\" data-id=\"5c19637\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bellanetfiber.com.br\/termos-de-uso-para-usar-usuario\/\">Termo de uso<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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>Menu Lateral Bellanet Fiber Bellanetfiber In\u00edcio Acessar Conta Recursos Planos ACESSO SEM SENHA Transformamos o atendimento em faturamento. Termo de uso<\/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-2607","page","type-page","status-publish","hentry","content-box content-box-wrapper"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/2607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/comments?post=2607"}],"version-history":[{"count":104,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/2607\/revisions"}],"predecessor-version":[{"id":2772,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/2607\/revisions\/2772"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/media?parent=2607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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\/app\/\/\"><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<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ddc3b9 e-con-full e-flex e-con e-child\" data-id=\"5ddc3b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db76433 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"db76433\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p> <style>\n .tabs-container {\n max-width: 600px;\n margin: 40px auto;\n font-family: 'Segoe UI', sans-serif;\n background: #ffffff10;\n backdrop-filter: blur(10px);\n border-radius: 12px;\n box-shadow: 0 0 20px rgba(0,0,0,0.2);\n overflow: hidden;\n }\n .tabs-header {\n display: flex;\n justify-content: space-around;\n background: #1e1e2f;\n }\n .tabs-header button {\n flex: 1;\n padding: 15px;\n background: transparent;\n color: #fff;\n border: none;\n font-size: 16px;\n cursor: pointer;\n }\n .tabs-header button.active {\n background: #0073aa;\n }\n .tabs-content {\n padding: 30px;\n background: #fff;\n }\n .tabs-content > div {\n display: none;\n }\n .tabs-content > div.active {\n display: block;\n }\n #togglePass {\n position: absolute;\n right: 10px;\n top: 9px;\n cursor: pointer;\n font-size: 16px;\n }\n <\/style>\n\n <div class=\"tabs-container\">\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" data-tab=\"login\">Login<\/button>\n <button class=\"tab-btn\" data-tab=\"cadastro\">Cadastro<\/button>\n <\/div>\n <div class=\"tabs-content\">\n <div class=\"tab-content active\" id=\"login\">\n <form name=\"loginform\" id=\"loginform\" action=\"https:\/\/bellanetfiber.com.br\/conta\/wp-login.php\" method=\"post\">\n <p>\n <label for=\"user_login\">Usu\u00e1rio ou E-mail<br \/>\n <input type=\"text\" name=\"log\" id=\"user_login\" class=\"input\" size=\"20\" required \/>\n <\/label>\n <\/p>\n <p>\n <label for=\"user_pass\">Senha<br \/>\n <div style=\"position: relative;\">\n <input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"input\" size=\"20\" required style=\"padding-right: 40px;\" \/>\n <span id=\"togglePass\">\ud83d\udc41\ufe0f<\/span>\n <\/div>\n <\/label>\n <\/p>\n <p>\n <input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>\n <label for=\"rememberme\">Lembrar-me<\/label>\n <\/p>\n <p>\n <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Entrar\" \/>\n <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/bellanetfiber.com.br\/conta\/r_itochar\/\" \/>\n <\/p>\n <\/form>\n <\/div>\n <div class=\"tab-content\" id=\"cadastro\">\n <style>\n .bellanet-cadastro-form {\n max-width: 500px;\n margin: 40px auto;\n background: #ffffff10;\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 12px;\n color: #fff;\n box-shadow: 0 0 20px rgba(0,0,0,0.2);\n font-family: 'Segoe UI', sans-serif;\n }\n .bellanet-cadastro-form h2 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 1.5rem;\n color: #fff;\n }\n .bellanet-cadastro-form input {\n width: 100%;\n padding: 12px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 8px;\n background: #f9f9f9;\n color: #000;\n }\n .bellanet-cadastro-form button {\n width: 100%;\n padding: 12px;\n background-color: #0073aa;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n cursor: pointer;\n }\n .bellanet-cadastro-form button:hover {\n background-color: #005177;\n }\n <\/style>\n\n <div class=\"bellanet-cadastro-form\">\n <h2>Cadastro de Cliente<\/h2>\n <form method=\"post\">\n <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"03568ea684\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/conta\/wp-json\/wp\/v2\/pages\/2607\" \/> <input type=\"hidden\" name=\"bellanet_frontend_cadastro\" value=\"1\">\n <input name=\"nome\" type=\"text\" placeholder=\"Nome de Usu\u00e1rio\" required>\n <input name=\"email\" type=\"email\" placeholder=\"E-mail\" required>\n <input name=\"telefone\" type=\"text\" placeholder=\"Telefone\">\n <input name=\"cpf\" type=\"text\" placeholder=\"CPF\">\n <input name=\"cidade\" type=\"text\" placeholder=\"Cidade\">\n <button type=\"submit\">Cadastrar<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Alternar abas\n document.querySelectorAll(\".tab-btn\").forEach(btn => {\n btn.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab-btn\").forEach(b => b.classList.remove(\"active\"));\n document.querySelectorAll(\".tab-content\").forEach(c => c.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n document.getElementById(btn.dataset.tab).classList.add(\"active\");\n });\n });\n\n \/\/ Mostrar\/ocultar senha\n const togglePass = document.getElementById('togglePass');\n if (togglePass) {\n togglePass.addEventListener('click', () => {\n const passInput = document.getElementById('user_pass');\n const isPassword = passInput.getAttribute('type') === 'password';\n passInput.setAttribute('type', isPassword ? 'text' : 'password');\n togglePass.textContent = isPassword ? '\ud83d\ude48' : '\ud83d\udc41\ufe0f';\n });\n }\n <\/script>\n <\/p>\n<p><a href=\"https:\/\/bellanetfiber.com.br\/conta\/2f\/\">ACESSO SEM SENHA<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbedde0 elementor-widget elementor-widget-heading\" data-id=\"fbedde0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Transformamos o atendimento em faturamento.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c19637 elementor-widget elementor-widget-text-editor\" data-id=\"5c19637\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bellanetfiber.com.br\/termos-de-uso-para-usar-usuario\/\">Termo de uso<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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>Menu Lateral Bellanet Fiber Bellanetfiber In\u00edcio Acessar Conta Recursos Planos ACESSO SEM SENHA Transformamos o atendimento em faturamento. Termo de uso<\/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-2607","page","type-page","status-publish","hentry","content-box content-box-wrapper"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/2607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/comments?post=2607"}],"version-history":[{"count":104,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/2607\/revisions"}],"predecessor-version":[{"id":2772,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/2607\/revisions\/2772"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/media?parent=2607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}