{"id":9795,"date":"2026-10-17T16:40:59","date_gmt":"2026-10-17T19:40:59","guid":{"rendered":"https:\/\/bellanetfiber.com.br\/conta\/?page_id=9795"},"modified":"2026-10-18T15:50:59","modified_gmt":"2026-10-18T18:50:59","slug":"app","status":"publish","type":"page","link":"https:\/\/bellanetfiber.com.br\/conta\/app\/","title":{"rendered":"App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9795\" class=\"elementor elementor-9795\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e67184 e-flex e-con-boxed e-con e-parent\" data-id=\"43e67184\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f8c42 stax-condition-yes elementor-widget elementor-widget-html\" data-id=\"e4f8c42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>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\/\"><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\t\t<div class=\"elementor-element elementor-element-f93609f stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-shortcode\" data-id=\"f93609f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>.login-container{max-width:500px;margin:40px auto;font-family:'Segoe UI',sans-serif;background:#ffffff10;backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.2);overflow:hidden}.login-header{background:#1e1e2f;padding:20px;text-align:center}.login-header h2{color:#fff;margin:0;font-size:1.5rem}.login-site-info{color:#ccc;font-size:13px;margin-top:8px}.login-content{padding:30px;background:#fff;color:#333}.login-content label{display:block;margin-bottom:5px;font-weight:600}.login-content input[type=\"text\"],.login-content input[type=\"password\"]{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px}.login-content .button-primary{width:100%;padding:12px;background:#0073aa;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:background .3s}.login-content .button-primary:hover{background:#005177}.login-content .button-primary:disabled{background:#b0b0b0;cursor:not-allowed;opacity:.7}.password-wrapper{position:relative}#togglePass{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;user-select:none;margin-top:-8px}.bellanet-lost-password-link{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.bellanet-lost-password-link a{color:#0073aa;text-decoration:none;font-weight:600}.bellanet-lost-password-link a:hover{color:#005177;text-decoration:underline}.bellanet-terms-wrapper{margin-top:15px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.bellanet-terms-wrapper label{display:flex;align-items:flex-start;gap:8px;font-weight:normal;font-size:13px;cursor:pointer;margin-bottom:0}.bellanet-terms-wrapper input[type=\"checkbox\"]{width:auto;margin:0;margin-top:3px;cursor:pointer}.bellanet-terms-wrapper a{color:#0073aa;text-decoration:underline}.bellanet-error-msg{background:#f8d7da;color:#721c24;padding:12px 15px;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;font-size:14px}.bellanet-contact-link{margin-top:15px;padding:12px;background:#f0f8ff;border:1px solid #d0e7f5;border-radius:8px;text-align:center}.bellanet-contact-link a{color:#0073aa;font-weight:600;text-decoration:none}.bellanet-contact-link a:hover{text-decoration:underline}<\/style>\n    <div class=\"login-container\"><div class=\"login-header\"><h2>Acesse sua Conta<\/h2><div class=\"login-site-info\">\ud83c\udf10 Conta Bellanetfiber<\/div><\/div><div class=\"login-content\">\n        <form name=\"loginform\" id=\"loginform\" action=\"\/conta\/wp-json\/wp\/v2\/pages\/9795\" method=\"post\"><input type=\"hidden\" name=\"bellanet_custom_login\" value=\"1\">\n    <p><label for=\"user_login\">Usu\u00e1rio ou E-mail<\/label><input type=\"text\" name=\"log\" id=\"user_login\" size=\"20\" required value=\"\"\/><\/p>\n    <p><label for=\"user_pass\">Senha<\/label><div class=\"password-wrapper\"><input type=\"password\" name=\"pwd\" id=\"user_pass\" size=\"20\" required style=\"padding-right:40px;\"\/><span id=\"togglePass\">\ud83d\udc41\ufe0f<\/span><\/div><\/p>\n    <p style=\"margin-bottom:20px;\"><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>&nbsp;<label for=\"rememberme\" style=\"display:inline;font-weight:normal;\">Lembrar-me<\/label><\/p>\n    <div class=\"bellanet-lost-password-link\">\n        <a href=\"https:\/\/bellanetfiber.com.br\/conta\/itochat\">\ud83d\udd11 Esqueci minha senha<\/a>\n        <a href=\"https:\/\/bellanetfiber.com.br\/conta\/itochat\">\ud83d\udcdd Cadastre-se<\/a>\n    <\/div>\n    <div class=\"bellanet-terms-wrapper\"><label for=\"accept_terms\"><input type=\"checkbox\" name=\"accept_terms\" id=\"accept_terms\" value=\"1\" \/>&nbsp;Li e aceito os <a href=\"https:\/\/bellanetfiber.com.br\/termos-de-uso-para-usar-usuario\/\" target=\"_blank\">Termos de Uso<\/a> e a <a href=\"https:\/\/bellanetfiber.com.br\/conta\/politica-de-privacidade\/\" target=\"_blank\">Pol\u00edtica de Privacidade<\/a><\/label><\/div>\n    <div class=\"bellanet-contact-link\">\n        <span style=\"font-size:13px;color:#666;\">\n            \ud83d\udcac Precisa de ajuda? \n            <a href=\"https:\/\/bellanetfiber.com.br\/conta\/contato\/\" target=\"_blank\" rel=\"noopener\">Falar Conosco<\/a>\n        <\/span>\n    <\/div>\n    <p style=\"margin-top:15px;\"><input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Entrar\" disabled\/><\/p><\/form><\/div><\/div>\n    <script>document.addEventListener('DOMContentLoaded',function(){const t=document.getElementById('togglePass');if(t)t.addEventListener('click',()=>{const p=document.getElementById('user_pass');const i=p.getAttribute('type')==='password';p.setAttribute('type',i?'text':'password');t.textContent=i?'\ud83d\ude48':'\ud83d\udc41\ufe0f';});const a=document.getElementById('accept_terms'),s=document.getElementById('wp-submit');function ts(){s.disabled=!a.checked;}ts();a.addEventListener('change',ts);document.getElementById('loginform').addEventListener('submit',function(e){if(!a.checked){e.preventDefault();alert('Voc\u00ea precisa aceitar os termos de uso para continuar.');}});});<\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28833760 elementor-widget elementor-widget-shortcode\" data-id=\"28833760\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            .pms-wrapper { text-align: center; padding: 10px 0; max-width: 100%; position: relative; }\n            .pms-header { margin-bottom: 15px; padding: 12px 15px; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); display: inline-block; }\n            .pms-header p { font-size: 14px; color: #444; margin: 0; line-height: 1.5; }\n\n            .pms-search-wrap { position: relative; max-width: 400px; margin: 0 auto 15px; display: flex; align-items: center; }\n            .pms-search-input { width: 100%; padding: 10px 36px 10px 14px; border: 1px solid #ddd; border-radius: 24px; font-size: 14px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.04); outline: none; }\n            .pms-search-input:focus { border-color: #1b4ea5; }\n            .pms-search-clear { position: absolute; right: 10px; background: #e9ecef; border: none; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; font-size: 12px; color: #666; display: flex; align-items: center; justify-content: center; }\n            .pms-search-clear:hover { background: #dc3545; color: #fff; }\n\n            \/* === FILTRO POR CATEGORIA === *\/\n            .pms-category-filter {\n                display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;\n                margin: 0 auto 15px; max-width: 600px;\n            }\n            .pms-cat-filter-btn {\n                background: #f1f3f5; color: #495057;\n                border: 2px solid transparent;\n                padding: 6px 16px; border-radius: 20px;\n                font-size: 13px; font-weight: 600; cursor: pointer;\n                transition: all 0.2s ease;\n            }\n            .pms-cat-filter-btn:hover {\n                background: #e9ecef;\n            }\n            .pms-cat-filter-btn.pms-cat-filter-active {\n                background: var(--cat-color, #1b4ea5);\n                color: #fff;\n                box-shadow: 0 3px 10px rgba(0,0,0,0.15);\n            }\n            .pms-cat-filter-btn[data-cat=\"all\"].pms-cat-filter-active {\n                background: #343a40;\n            }\n\n            .pms-slider { display: flex; gap: 15px; padding: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; justify-content: center; }\n            .pms-slider::-webkit-scrollbar { display: none; }\n\n            .pms-card {\n                flex: 0 0 auto; width: 110px; display: inline-flex; flex-direction: column; align-items: center;\n                text-decoration: none; color: #333; scroll-snap-align: center; transition: transform 0.15s ease; position: relative;\n                cursor: pointer;\n            }\n            .pms-card:hover { transform: translateY(-3px); }\n\n            .pms-icon-box {\n                width: 50px; height: 50px; border-radius: 14px; display: flex; justify-content: center; align-items: center;\n                font-size: 22px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-bottom: 6px;\n            }\n            .pms-theme-financeiro { background: linear-gradient(135deg, #113679, #1b4ea5); }\n            .pms-theme-delivery { background: linear-gradient(135deg, #f36c21, #fca34d); }\n            .pms-theme-produtos { background: linear-gradient(135deg, #1b5e3a, #34a853); }\n            .pms-theme-cliente { background: linear-gradient(135deg, #12999b, #26c6da); }\n            .pms-theme-admin-theme { background: linear-gradient(135deg, #6c757d, #adb5bd); }\n\n            .pms-card-title { font-size: 12px; font-weight: 700; white-space: normal; text-align: center; line-height: 1.2; margin-bottom: 4px; }\n\n            \/* Badge de categoria no card *\/\n            .pms-card-cat-badge {\n                font-size: 9px; color: #fff;\n                padding: 2px 8px; border-radius: 10px;\n                margin-bottom: 4px; font-weight: 600;\n                max-width: 100px; overflow: hidden;\n                text-overflow: ellipsis; white-space: nowrap;\n            }\n\n            .pms-modal-overlay {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);\n                z-index: 99999; display: flex; align-items: center; justify-content: center;\n                opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s;\n            }\n            .pms-modal-overlay.pms-modal-active { opacity: 1; visibility: visible; }\n\n            .pms-modal-content {\n                background: #fff; width: 92%; max-width: 420px; border-radius: 18px;\n                padding: 30px 25px 25px; position: relative; text-align: center;\n                box-shadow: 0 15px 50px rgba(0,0,0,0.25); transform: scale(0.9) translateY(20px);\n                transition: transform 0.3s ease; max-height: 90vh; overflow-y: auto;\n            }\n            .pms-modal-overlay.pms-modal-active .pms-modal-content { transform: scale(1) translateY(0); }\n\n            .pms-modal-close {\n                position: absolute; top: 12px; right: 12px; background: #f1f1f1; border: none;\n                width: 34px; height: 34px; border-radius: 50%; font-size: 22px; line-height: 1;\n                cursor: pointer; color: #666; transition: all 0.2s;\n            }\n            .pms-modal-close:hover { background: #dc3545; color: #fff; transform: rotate(90deg); }\n\n            .pms-modal-title { font-size: 20px; font-weight: 700; color: #222; margin: 0 0 15px 0; }\n\n            .pms-modal-body {\n                font-size: 14px; color: #555; line-height: 1.6; text-align: left;\n                background: #f8f9fa; padding: 15px; border-radius: 10px; margin-bottom: 20px;\n                border-left: 4px solid #1b4ea5;\n            }\n            .pms-modal-body a { color: #1b4ea5; font-weight: 600; text-decoration: none; }\n            .pms-modal-body a:hover { text-decoration: underline; }\n\n            .pms-modal-actions { display: flex; flex-direction: column; gap: 10px; align-items: center; }\n\n            .pms-modal-btn {\n                display: inline-block; color: #fff; text-decoration: none;\n                padding: 12px 28px; border-radius: 30px; font-weight: 600; font-size: 14px;\n                transition: transform 0.2s, box-shadow 0.2s; text-align: center;\n                min-width: 180px; box-sizing: border-box;\n            }\n            .pms-modal-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); color: #fff; }\n\n            .pms-modal-extra-btns { display: flex; flex-direction: column; gap: 8px; width: 100%; align-items: center; }\n            .pms-modal-btn-extra { font-size: 14px; padding: 12px 24px; min-width: 180px; }\n\n            .pms-no-results { padding: 15px; color: #888; font-style: italic; }\n            @media (max-width: 767px) { .pms-slider { justify-content: flex-start; } }\n        <\/style>\n        <div class=\"pms-wrapper\">\n            \n            <div class=\"pms-search-wrap\"><input type=\"text\" class=\"pms-search-input\" placeholder=\"\ud83d\udd0d Pesquisar por t\u00edtulo, descri\u00e7\u00e3o ou categoria...\" autocomplete=\"off\"><button type=\"button\" class=\"pms-search-clear\" style=\"display:none;\">\u2715<\/button><\/div>\n            <div class=\"pms-category-filter\"><button class=\"pms-cat-filter-btn pms-cat-filter-active\" data-cat=\"all\">Todas<\/button><button class=\"pms-cat-filter-btn\" data-cat=\"financeiro\" style=\"--cat-color:#1b4ea5;\">Financeiro<\/button><button class=\"pms-cat-filter-btn\" data-cat=\"operacao\" style=\"--cat-color:#f36c21;\">Opera\u00e7\u00e3o<\/button><button class=\"pms-cat-filter-btn\" data-cat=\"cadastro\" style=\"--cat-color:#34a853;\">Cadastro<\/button><\/div>\n            <div class=\"pms-slider\"><div class=\"pms-card pms-card-modal\" data-title=\"Minhas compras\" data-desc=\"\" data-icon=\"\ud83c\udf81\" data-theme=\"financeiro\" data-buttons=\"[{&quot;label&quot;:&quot;Ver Pedidos&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/pedido&quot;,&quot;color&quot;:&quot;#1b4ea5&quot;},{&quot;label&quot;:&quot;Novo Pedido&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/pedido\\\/novo&quot;,&quot;color&quot;:&quot;#34a853&quot;}]\" data-category=\"financeiro\" data-category-name=\"Financeiro\">\n                    <div class=\"pms-icon-box pms-theme-financeiro\">\ud83c\udf81<\/div>\n                    <div class=\"pms-card-title\">Minhas compras<\/div>\n                    <div class=\"pms-card-cat-badge\" style=\"background:#1b4ea5;\">Financeiro<\/div>\n                <\/div><div class=\"pms-card pms-card-modal\" data-title=\"Delivery\" data-desc=\"&lt;p&gt;Controle de entregas, rota de &lt;a href=&quot;#&quot;&gt;motoboys&lt;\/a&gt; e taxas.&lt;\/p&gt;\" data-icon=\"\ud83d\udef5\" data-theme=\"delivery\" data-buttons=\"[{&quot;label&quot;:&quot;Criar Delivery&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/delivery\\\/&quot;,&quot;color&quot;:&quot;#f36c21&quot;},{&quot;label&quot;:&quot;Criar loja&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/criar-loja\\\/&quot;,&quot;color&quot;:&quot;#1b4ea5&quot;}]\" data-category=\"operacao\" data-category-name=\"Opera\u00e7\u00e3o\">\n                    <div class=\"pms-icon-box pms-theme-delivery\">\ud83d\udef5<\/div>\n                    <div class=\"pms-card-title\">Delivery<\/div>\n                    <div class=\"pms-card-cat-badge\" style=\"background:#f36c21;\">Opera\u00e7\u00e3o<\/div>\n                <\/div><div class=\"pms-card pms-card-modal\" data-title=\"Produtos\" data-desc=\"Cadastro, edi\u00e7\u00e3o e controle de estoque.\" data-icon=\"\ud83d\udce6\" data-theme=\"produtos\" data-buttons=\"[{&quot;label&quot;:&quot;Ver Produtos&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/Produtos&quot;,&quot;color&quot;:&quot;#34a853&quot;}]\" data-category=\"cadastro\" data-category-name=\"Cadastro\">\n                    <div class=\"pms-icon-box pms-theme-produtos\">\ud83d\udce6<\/div>\n                    <div class=\"pms-card-title\">Produtos<\/div>\n                    <div class=\"pms-card-cat-badge\" style=\"background:#34a853;\">Cadastro<\/div>\n                <\/div><div class=\"pms-card pms-card-modal\" data-title=\"Clientes\" data-desc=\"Base de clientes, hist\u00f3rico e atendimentos.\" data-icon=\"\ud83d\udc64\" data-theme=\"cliente\" data-buttons=\"[{&quot;label&quot;:&quot;Ver Clientes&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/Clientes&quot;,&quot;color&quot;:&quot;#12999b&quot;}]\" data-category=\"cadastro\" data-category-name=\"Cadastro\">\n                    <div class=\"pms-icon-box pms-theme-cliente\">\ud83d\udc64<\/div>\n                    <div class=\"pms-card-title\">Clientes<\/div>\n                    <div class=\"pms-card-cat-badge\" style=\"background:#34a853;\">Cadastro<\/div>\n                <\/div><div class=\"pms-card pms-card-modal\" data-title=\"Criar URL e Api\" data-desc=\"&lt;p&gt;Crie sua loja e publique em pouco cliques&lt;\/p&gt;\" data-icon=\"\ud83d\udd11\" data-theme=\"financeiro\" data-buttons=\"[{&quot;label&quot;:&quot;Criar&quot;,&quot;url&quot;:&quot;https:\\\/\\\/bellanetfiber.com.br\\\/api\\\/&quot;,&quot;color&quot;:&quot;#1b4ea5&quot;}]\" data-category=\"cadastro\" data-category-name=\"Cadastro\">\n                    <div class=\"pms-icon-box pms-theme-financeiro\">\ud83d\udd11<\/div>\n                    <div class=\"pms-card-title\">Criar URL e Api<\/div>\n                    <div class=\"pms-card-cat-badge\" style=\"background:#34a853;\">Cadastro<\/div>\n                <\/div><\/div>\n            <div class=\"pms-no-results\" style=\"display:none;\">Nenhum card encontrado.<\/div>\n            \n        <div id=\"pms-modal-overlay\" class=\"pms-modal-overlay\">\n            <div class=\"pms-modal-content\">\n                <button class=\"pms-modal-close\" aria-label=\"Fechar\">&times;<\/button>\n                <div class=\"pms-modal-icon\"><\/div>\n                <h3 class=\"pms-modal-title\"><\/h3>\n                <div class=\"pms-modal-body\"><\/div>\n                <div class=\"pms-modal-actions\">\n                    <div class=\"pms-modal-extra-btns\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n        \n        <script>\n        (function() {\n            const wrapper = document.currentScript.previousElementSibling;\n            const input = wrapper.querySelector('.pms-search-input');\n            const clearBtn = wrapper.querySelector('.pms-search-clear');\n            const slider = wrapper.querySelector('.pms-slider');\n            const noResults = wrapper.querySelector('.pms-no-results');\n            const cards = slider.querySelectorAll('.pms-card');\n            const filterBtns = wrapper.querySelectorAll('.pms-cat-filter-btn');\n\n            let activeCategory = 'all';\n\n            function applyFilters() {\n                const term = input ? input.value.toLowerCase().trim() : '';\n                let visibleCount = 0;\n\n                cards.forEach(card => {\n                    const title = (card.getAttribute('data-title') || '').toLowerCase();\n                    const descDiv = document.createElement('div');\n                    descDiv.innerHTML = card.getAttribute('data-desc') || '';\n                    const desc = descDiv.textContent.toLowerCase();\n                    const catName = (card.getAttribute('data-category-name') || '').toLowerCase();\n                    const catId = card.getAttribute('data-category') || '';\n\n                    const matchText = !term || title.includes(term) || desc.includes(term) || catName.includes(term);\n                    const matchCat = activeCategory === 'all' || catId === activeCategory;\n\n                    if (matchText && matchCat) {\n                        card.style.display = '';\n                        visibleCount++;\n                    } else {\n                        card.style.display = 'none';\n                    }\n                });\n\n                if (noResults) noResults.style.display = (visibleCount === 0 && (term || activeCategory !== 'all')) ? 'block' : 'none';\n            }\n\n            if (input) {\n                input.addEventListener('input', function() {\n                    clearBtn.style.display = this.value ? 'block' : 'none';\n                    applyFilters();\n                });\n                clearBtn.addEventListener('click', function() {\n                    input.value = ''; clearBtn.style.display = 'none';\n                    applyFilters(); input.focus();\n                });\n            }\n\n            filterBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    filterBtns.forEach(b => b.classList.remove('pms-cat-filter-active'));\n                    this.classList.add('pms-cat-filter-active');\n                    activeCategory = this.getAttribute('data-cat');\n                    applyFilters();\n                });\n            });\n\n            \/\/ === Modal ===\n            const overlay = document.getElementById('pms-modal-overlay');\n            if (overlay) {\n                const mClose = overlay.querySelector('.pms-modal-close');\n                const mIcon = overlay.querySelector('.pms-modal-icon');\n                const mTitle = overlay.querySelector('.pms-modal-title');\n                const mBody = overlay.querySelector('.pms-modal-body');\n                const mExtraBtns = overlay.querySelector('.pms-modal-extra-btns');\n\n                function openModal(card) {\n                    mIcon.innerHTML = '<div class=\"pms-icon-box pms-theme-' + card.dataset.theme + '\" style=\"margin:0 auto 15px;width:64px;height:64px;font-size:30px;\">' + card.dataset.icon + '<\/div>';\n                    mTitle.textContent = card.dataset.title;\n                    mBody.innerHTML = card.dataset.desc;\n\n                    mExtraBtns.innerHTML = '';\n                    try {\n                        var btns = JSON.parse(card.dataset.buttons || '[]');\n                        if (btns.length === 0) {\n                            mExtraBtns.innerHTML = '<p style=\"color:#888; font-size:13px; margin:0;\">Nenhum bot\u00e3o configurado.<\/p>';\n                        } else {\n                            btns.forEach(function(b) {\n                                var a = document.createElement('a');\n                                a.href = b.url; a.target = '_blank'; a.rel = 'noopener';\n                                a.className = 'pms-modal-btn pms-modal-btn-extra';\n                                a.textContent = b.label;\n                                a.style.background = b.color || '#555';\n                                mExtraBtns.appendChild(a);\n                            });\n                        }\n                    } catch(e) {}\n\n                    overlay.classList.add('pms-modal-active');\n                    document.body.style.overflow = 'hidden';\n                }\n\n                function closeModal() {\n                    overlay.classList.remove('pms-modal-active');\n                    document.body.style.overflow = '';\n                }\n\n                cards.forEach(card => {\n                    card.addEventListener('click', function(e) { e.preventDefault(); openModal(this); });\n                });\n\n                mClose.addEventListener('click', closeModal);\n                overlay.addEventListener('click', function(e) { if (e.target === overlay) closeModal(); });\n                document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && overlay.classList.contains('pms-modal-active')) closeModal(); });\n            }\n        })();\n        <\/script><\/div>\n\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>Menu Lateral Bellanet Fiber Bellanetfiber In\u00edcio Acessar Conta Recursos Planos<\/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-9795","page","type-page","status-publish","hentry","content-box content-box-wrapper"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/9795","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=9795"}],"version-history":[{"count":13,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/9795\/revisions"}],"predecessor-version":[{"id":12142,"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/pages\/9795\/revisions\/12142"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/wp-json\/wp\/v2\/media?parent=9795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}