{"id":17,"date":"2026-05-31T22:15:25","date_gmt":"2026-06-01T01:15:25","guid":{"rendered":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/?page_id=17"},"modified":"2026-05-31T22:25:12","modified_gmt":"2026-06-01T01:25:12","slug":"publicado","status":"publish","type":"page","link":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/","title":{"rendered":"Publicado"},"content":{"rendered":"<p><code data-path-to-node=\"3,1,0\" data-index-in-node=\"0\">    <div class=\"mural-container-root\">\n        \n        <style>\n            .mural-container-root {\n                --primary: #ef4444; \n                --background: #0f172a; \n                --surface: #1e293b;\n                --text: #f8fafc; \n                --text-muted: #94a3b8; \n                --border: #475569; \n                --info: #38bdf8; \n                --accent: #22c55e;\n                display: flex; \n                flex-direction: column; \n                gap: 15px; \n                width: 100%;\n                position: relative;\n                overflow: hidden;\n            }\n            \n            \/* Container Principal do Mural *\/\n            .mural-quadro-principal {\n                background: #020617; \n                border: 2px solid var(--border); \n                border-radius: 16px; \n                padding: 20px;\n                display: flex;\n                flex-direction: column;\n                gap: 15px;\n            }\n\n            \/* Header Interno do Mural (Flexbox Adapt\u00e1vel) *\/\n            .mural-interno-header {\n                display: flex; \n                flex-direction: row;\n                align-items: center; \n                justify-content: space-between; \n                gap: 15px;\n                border-bottom: 1px solid var(--border);\n                padding-bottom: 15px;\n            }\n            \n            .mural-search-box-wrapper { \n                flex: 1; \n                order: 1;\n            }\n            \n            .mural-search-input { \n                width: 100% !important; \n                background: rgba(30, 41, 59, 0.7) !important; \n                border: 1px solid var(--border) !important; \n                color: #f8fafc !important; \n                padding: 10px 16px !important; \n                border-radius: 24px !important; \n                font-size: 0.9rem !important; \n                outline: none !important;\n                box-shadow: none !important; \n                margin: 0 !important;\n                transition: border-color 0.2s;\n            }\n            .mural-search-input:focus {\n                border-color: var(--info) !important;\n            }\n            \n            \/* Avatar e Bot\u00f5es de Controle de Conta *\/\n            .mural-user-profile-badge { \n                display: flex; \n                align-items: center; \n                gap: 12px; \n                order: 2;\n                flex-shrink: 0;\n            }\n            \n            \/* Estiliza\u00e7\u00e3o dos Links de A\u00e7\u00e3o no Topo *\/\n            .mural-btn-action-top {\n                font-size: 0.8rem !important;\n                font-weight: 700 !important;\n                text-decoration: none !important;\n                padding: 8px 16px !important;\n                border-radius: 20px !important;\n                transition: all 0.2s ease;\n                display: inline-flex;\n                align-items: center;\n            }\n            .mural-btn-action-top.add-anuncio {\n                background: var(--primary) !important;\n                color: #fff !important;\n            }\n            .mural-btn-action-top.add-anuncio:hover {\n                background: #dc2626 !important;\n                transform: translateY(-1px);\n            }\n            .mural-btn-action-top.login-link {\n                background: rgba(56, 189, 248, 0.1) !important;\n                border: 1px solid var(--info) !important;\n                color: var(--info) !important;\n            }\n            .mural-btn-action-top.login-link:hover {\n                background: var(--info) !important;\n                color: #fff !important;\n            }\n\n            .mural-avatar-link-wrapper {\n                display: flex;\n                align-items: center;\n                text-decoration: none !important;\n                transition: transform 0.2s;\n            }\n            .mural-avatar-link-wrapper:hover {\n                transform: scale(1.05);\n            }\n\n            .mural-avatar-frame { \n                width: 36px !important; \n                height: 36px !important; \n                border-radius: 50% !important; \n                border: 2px solid var(--accent) !important; \n                object-fit: cover !important; \n                margin: 0 !important; \n            }\n            \n            \/* Grid de Logos *\/\n            .mural-grid { \n                min-height: 350px; \n                display: flex; \n                flex-wrap: wrap; \n                gap: 12px; \n                align-content: start; \n                align-items: center; \n            }\n            \n            .logo-item { \n                background: var(--surface); \n                border: 2px solid transparent; \n                border-radius: 10px; \n                padding: 6px; \n                display: flex; \n                align-items: center; \n                justify-content: center; \n                cursor: pointer; \n                transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); \n            }\n            .logo-item:hover, .logo-item.active { \n                border-color: var(--info); \n                transform: scale(1.05); \n                box-shadow: 0 4px 12px rgba(56, 189, 248, 0.2);\n            }\n            .logo-item img { object-fit: contain; width: 100%; height: 100%; border-radius: 6px; }\n            \n            \/* MENU LATERAL SLIDE-OUT (STYLE DRAWER \/ GLASSMORPHISM) *\/\n            .mural-side-drawer { \n                position: fixed;\n                top: 0;\n                right: -400px; \n                width: 100%;\n                max-width: 380px;\n                height: 100vh;\n                background: rgba(30, 41, 59, 0.75); \n                backdrop-filter: blur(16px) saturate(180%);\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\n                border-left: 1px solid rgba(255, 255, 255, 0.1);\n                box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);\n                z-index: 99999;\n                display: flex;\n                flex-direction: column;\n                transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n                padding: 25px;\n                box-sizing: border-box;\n            }\n            .mural-side-drawer.open { right: 0; }\n            \n            .drawer-header {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                margin-bottom: 20px;\n                border-bottom: 1px solid rgba(255,255,255,0.1);\n                padding-bottom: 12px;\n            }\n            .drawer-close-btn {\n                background: rgba(255,255,255,0.1); border: none; color: #fff; font-size: 1.2rem; cursor: pointer;\n                width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n                transition: background 0.2s;\n            }\n            .drawer-close-btn:hover { background: rgba(239, 68, 68, 0.4); }\n\n            \/* M\u00e9tricas estilo YouTube *\/\n            .yt-meta-bar {\n                display: flex; align-items: center; justify-content: space-between; \n                background: rgba(15, 23, 42, 0.4); padding: 10px 14px; border-radius: 12px; \n                font-size: 0.85rem; color: var(--text-muted); margin-bottom: 15px;\n            }\n            .yt-views-count { font-weight: bold; color: #fff; }\n            \n            .btn-yt-like {\n                background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255,255,255,0.1) !important;\n                color: #fff !important; padding: 6px 16px !important; border-radius: 20px !important; font-size: 0.85rem !important;\n                cursor: pointer !important; display: flex !important; align-items: center !important; gap: 6px !important;\n                transition: all 0.2s !important; font-weight: 600 !important; box-shadow: none !important;\n            }\n            .btn-yt-like:hover { background: rgba(239, 68, 68, 0.2) !important; border-color: var(--primary) !important; }\n            .btn-yt-like.liked { background: var(--primary) !important; border-color: var(--primary) !important; }\n\n            .yt-description-block {\n                background: rgba(15, 23, 42, 0.25); border-radius: 12px; padding: 16px; \n                font-size: 0.9rem; color: #e2e8f0; line-height: 1.6; border-left: 4px solid var(--info);\n                flex: 1; overflow-y: auto; margin-bottom: 20px;\n            }\n            .detail-info-row { font-size: 0.85rem; color: var(--text-muted); margin-top: 8px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 8px; }\n            .detail-info-row strong { color: #fff; }\n\n            .drawer-overlay {\n                position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.4);\n                backdrop-filter: blur(2px); z-index: 9999; display: none;\n            }\n            .drawer-overlay.active { display: block; }\n\n            \/* RESPONSIVIDADE: BARRA ABAIXO DO USU\u00c1RIO NO CELULAR *\/\n            @media (max-width: 600px) {\n                .mural-interno-header {\n                    flex-direction: column;\n                    align-items: flex-end; \n                    gap: 12px;\n                }\n                .mural-user-profile-badge {\n                    order: 1; \n                    width: 100%;\n                    justify-content: space-between;\n                }\n                .mural-search-box-wrapper {\n                    order: 2; \n                    width: 100%;\n                }\n                .mural-side-drawer {\n                    max-width: 100%; \n                }\n            }\n        <\/style>\n\n        <!-- BACKDROP OVERLAY -->\n        <div class=\"drawer-overlay\" id=\"muralDrawerOverlay\" onclick=\"fecharMenuLateralMural()\"><\/div>\n\n        <!-- QUADRO PRINCIPAL DO MURAL -->\n        <div class=\"mural-quadro-principal\">\n            \n            <!-- HEADER INTERNO DO MURAL -->\n            <div class=\"mural-interno-header\">\n                <!-- Barra de Busca -->\n                <div class=\"mural-search-box-wrapper\">\n                    <input type=\"text\" id=\"muralSearchField\" class=\"mural-search-input\" placeholder=\"\ud83d\udd0d Buscar empresa ou palavra-chave no mural...\">\n                <\/div>\n                \n                <!-- Dados do Anunciante \/ Links Condicionais de Conta -->\n                <div class=\"mural-user-profile-badge\">\n                                            \n                        <!-- Link Direto de Autentica\u00e7\u00e3o para Visitantes -->\n                        <a href=\"https:\/\/bellanetfiber.com.br\/conta\/configuracao\/\" class=\"mural-btn-action-top login-link\">\ud83d\udd11 Acessar Conta<\/a>\n                        <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/?s=36&d=mm&r=g\" class=\"mural-avatar-frame\" style=\"border-color: var(--border) !important;\">\n\n                                    <\/div>\n            <\/div>\n\n            <!-- GRID DE LOGOS -->\n            <div class=\"mural-grid\" id=\"muralGridContainer\">\n                <p style=\"color:var(--text-muted); width:100%; text-align:center; padding: 40px 0;\">Nenhum an\u00fancio ativo no mural neste momento.<\/p>            <\/div>\n        <\/div>\n\n        <!-- MENU LATERAL DRAWER (STYLE YOUTUBE + GLASSMORPHISM) -->\n        <div class=\"mural-side-drawer\" id=\"muralSideDrawer\">\n            <div class=\"drawer-header\">\n                <h3 id=\"drawerTitulo\" style=\"margin:0; font-size:1.2rem; color:#fff; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:260px;\">Empresa<\/h3>\n                <button class=\"drawer-close-btn\" onclick=\"fecharMenuLateralMural()\">\u2715<\/button>\n            <\/div>\n\n            <!-- Meta Bar estilo YouTube -->\n            <div class=\"yt-meta-bar\">\n                <span class=\"yt-views-count\" id=\"drawerViews\">0 views<\/span>\n                <button class=\"btn-yt-like\" id=\"btnMuralLike\" data-id=\"0\">\n                    <span>\u2764\ufe0f<\/span> <span id=\"drawerLikesCount\">0<\/span>\n                <\/button>\n            <\/div>\n\n            <!-- Caixa de Descri\u00e7\u00e3o e Dados adicionais -->\n            <div class=\"yt-description-block\">\n                <p id=\"drawerDesc\" style=\"margin-top:0; margin-bottom:12px; white-space:pre-wrap;\"><\/p>\n                \n                <div class=\"detail-info-row\" id=\"rowPostado\">Postado em: <strong id=\"drawerPostado\">-<\/strong><\/div>\n                <div class=\"detail-info-row\" id=\"rowSite\">Website: <strong id=\"drawerSite\">-<\/strong><\/div>\n                <div class=\"detail-info-row\" id=\"rowTel\">Telefone: <strong id=\"drawerTel\">-<\/strong><\/div>\n                <div class=\"detail-info-row\" id=\"rowCnpj\">CNPJ: <strong id=\"drawerCnpj\">-<\/strong><\/div>\n            <\/div>\n\n            <!-- Bot\u00e3o de Redirecionamento Direto -->\n            <a href=\"#\" id=\"drawerBtnAcessar\" target=\"_blank\" rel=\"noopener nofollow\" class=\"btn-pub\" style=\"background:var(--info) !important;\">Visitar Website Oficial \u2794<\/a>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        function abrirMenuLateralMural(elemento) {\n            const id = elemento.getAttribute('data-id');\n            const titulo = elemento.getAttribute('data-titulo');\n            const desc = elemento.getAttribute('data-desc') || 'Nenhuma descri\u00e7\u00e3o fornecida.';\n            const link = elemento.getAttribute('data-link');\n            const views = elemento.getAttribute('data-views');\n            const curtidas = elemento.getAttribute('data-curtidas');\n            const tel = elemento.getAttribute('data-tel');\n            const site = elemento.getAttribute('data-site');\n            const cnpj = elemento.getAttribute('data-cnpj');\n            const postado = elemento.getAttribute('data-postado');\n\n            document.getElementById('drawerTitulo').innerText = titulo;\n            document.getElementById('drawerDesc').innerText = desc;\n            document.getElementById('drawerViews').innerText = parseInt(views).toLocaleString() + ' views';\n            document.getElementById('drawerLikesCount').innerText = curtidas;\n            document.getElementById('drawerPostado').innerText = postado;\n            document.getElementById('btnMuralLike').setAttribute('data-id', id);\n\n            if (localStorage.getItem('mural_liked_' + id)) {\n                document.getElementById('btnMuralLike').classList.add('liked');\n            } else {\n                document.getElementById('btnMuralLike').classList.remove('liked');\n            }\n\n            document.getElementById('drawerSite').innerText = site ? site : '-';\n            document.getElementById('drawerTel').innerText = tel ? tel : '-';\n            document.getElementById('drawerCnpj').innerText = cnpj ? cnpj : '-';\n\n            const btnAcessar = document.getElementById('drawerBtnAcessar');\n            if (link && link !== '#') {\n                btnAcessar.href = link;\n                btnAcessar.style.display = 'block';\n            } else {\n                btnAcessar.style.display = 'none';\n            }\n\n            document.querySelectorAll('.logo-item').forEach(el => el.classList.remove('active'));\n            elemento.classList.add('active');\n\n            document.getElementById('muralSideDrawer').classList.add('open');\n            document.getElementById('muralDrawerOverlay').classList.add('active');\n\n            jQuery.post('https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-admin\/admin-ajax.php', {\n                action: 'mural_registrar_clique_externo',\n                anuncio_id: id\n            }, function(res) {\n                if(res.success && res.data.novo_total !== undefined) {\n                    document.getElementById('drawerViews').innerText = parseInt(res.data.novo_total).toLocaleString() + ' views';\n                    elemento.setAttribute('data-views', res.data.novo_total);\n                }\n            });\n        }\n\n        function fecharMenuLateralMural() {\n            document.getElementById('muralSideDrawer').classList.remove('open');\n            document.getElementById('muralDrawerOverlay').classList.remove('active');\n            document.querySelectorAll('.logo-item').forEach(el => el.classList.remove('active'));\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const btnLike = document.getElementById('btnMuralLike');\n            if(btnLike) {\n                btnLike.addEventListener('click', function() {\n                    const id = this.getAttribute('data-id');\n                    if (localStorage.getItem('mural_liked_' + id)) {\n                        alert('Voc\u00ea j\u00e1 deixou o seu feedback positivo para esta empresa!');\n                        return;\n                    }\n\n                    this.classList.add('liked');\n                    jQuery.post('https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-admin\/admin-ajax.php', {\n                        action: 'mural_registrar_curtida',\n                        anuncio_id: id\n                    }, function(res) {\n                        if(res.success) {\n                            localStorage.setItem('mural_liked_' + id, 'true');\n                            document.getElementById('drawerLikesCount').innerText = res.data.novas_curtidas;\n                            const itemGrid = document.querySelector('.logo-item[data-id=\"'+id+'\"]');\n                            if(itemGrid) itemGrid.setAttribute('data-curtidas', res.data.novas_curtidas);\n                        }\n                    });\n                });\n            }\n\n            const searchField = document.getElementById('muralSearchField');\n            if(searchField) {\n                searchField.addEventListener('input', function(e) {\n                    const termo = e.target.value.toLowerCase().trim();\n                    const itens = document.querySelectorAll('.logo-item');\n                    \n                    itens.forEach(function(item) {\n                        const titulo = item.getAttribute('data-titulo').toLowerCase();\n                        const descricao = item.getAttribute('data-desc').toLowerCase();\n                        if (titulo.includes(termo) || descricao.includes(termo)) {\n                            item.style.display = 'flex';\n                        } else {\n                            item.style.display = 'none';\n                        }\n                    });\n                });\n            }\n        });\n    <\/script>\n    <\/code><\/p>\n","protected":false},"excerpt":{"rendered":"","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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":1,"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/pages\/17\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/bellanetfiber.com.br\/conta\/anuncio\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}