{"id":3263,"date":"2026-07-23T14:45:01","date_gmt":"2026-07-23T14:45:01","guid":{"rendered":"https:\/\/app.digitalfreelancer.org\/?page_id=3263"},"modified":"2026-07-23T14:49:29","modified_gmt":"2026-07-23T14:49:29","slug":"dashboarduniverso","status":"publish","type":"page","link":"https:\/\/app.digitalfreelancer.org\/index.php\/dashboarduniverso\/","title":{"rendered":"Dashboarduniverso"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3263\" class=\"elementor elementor-3263\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aacd32 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2aacd32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25398d5 elementor-widget elementor-widget-shortcode\" data-id=\"25398d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">            <style>\n            .uni-wrapper {\n                --bg:#100a18;\n                --panel:#1c1428;\n                --panel-2:#221933;\n                --gold:#d6a85c;\n                --gold-soft:#e9dcc3;\n                --text:#f3eef7;\n                --muted:#b3a6cf;\n                font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n                background: var(--bg);\n                color: var(--text);\n                padding: 26px;\n                border-radius: 16px;\n                box-shadow: 0 20px 60px rgba(0,0,0,0.45);\n                position: relative;\n                overflow: hidden;\n                min-height: 450px;\n                transition: background 0.3s ease, color 0.3s ease, filter 0.6s ease, opacity 0.6s ease;\n            }\n            .uni-wrapper * { box-sizing: border-box; }\n\n            \/* Estado de Sa\u00edda \/ Portal Ativado *\/\n            .uni-wrapper.uni-portal-activating {\n                filter: blur(8px) brightness(1.4);\n                opacity: 0;\n                pointer-events: none;\n            }\n\n            \/* Tema Alternativo (Exemplo: Claro\/Solar) *\/\n            .uni-wrapper.uni-theme-solar {\n                --bg:#f8f5ec;\n                --panel:#ffffff;\n                --panel-2:#f0ebe1;\n                --gold:#8c6d33;\n                --gold-soft:#5c4721;\n                --text:#2c241d;\n                --muted:#6e6358;\n            }\n\n            \/* Part\u00edculas Flutuantes Din\u00e2micas *\/\n            .uni-particles {\n                position: absolute;\n                inset: 0;\n                pointer-events: none;\n                z-index: 1;\n                overflow: hidden;\n            }\n            .uni-particle {\n                position: absolute;\n                background: var(--gold);\n                border-radius: 50%;\n                opacity: 0;\n                box-shadow: 0 0 8px var(--gold);\n                animation: uni-float-particle linear infinite;\n            }\n            @keyframes uni-float-particle {\n                0% {\n                    transform: translateY(110vh) scale(0.3);\n                    opacity: 0;\n                }\n                20% {\n                    opacity: 0.8;\n                }\n                80% {\n                    opacity: 0.8;\n                }\n                100% {\n                    transform: translateY(-20px) scale(1.2);\n                    opacity: 0;\n                }\n            }\n\n            .uni-header, .uni-grid, .uni-welcome-bar {\n                position: relative;\n                z-index: 2;\n            }\n\n            \/* Barra de Boas-Vindas & Controlos *\/\n            .uni-welcome-bar {\n                background: var(--panel);\n                border: 1px solid rgba(214,168,92,0.25);\n                border-radius: 12px;\n                padding: 16px 20px;\n                margin-bottom: 24px;\n                display: flex;\n                flex-wrap: wrap;\n                align-items: center;\n                justify-content: space-between;\n                gap: 15px;\n            }\n            .uni-welcome-info {\n                display: flex;\n                flex-direction: column;\n                gap: 4px;\n            }\n            .uni-welcome-title {\n                font-size: 18px;\n                color: var(--gold);\n                font-family: Georgia, 'Times New Roman', serif;\n                font-weight: bold;\n            }\n            .uni-meta-info {\n                font-size: 13px;\n                color: var(--muted);\n                display: flex;\n                gap: 15px;\n                flex-wrap: wrap;\n            }\n            .uni-controls {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                flex-wrap: wrap;\n            }\n            .uni-btn-control, .uni-select-control {\n                background: var(--panel-2);\n                color: var(--text);\n                border: 1px solid rgba(214,168,92,0.3);\n                padding: 6px 12px;\n                border-radius: 6px;\n                font-size: 13px;\n                cursor: pointer;\n                text-decoration: none;\n                transition: border-color 0.2s;\n            }\n            .uni-btn-control:hover, .uni-select-control:hover {\n                border-color: var(--gold);\n                color: var(--gold);\n            }\n\n            .uni-header h2 {\n                margin: 0 0 6px;\n                font-size: 26px;\n                color: var(--gold);\n                font-family: Georgia, 'Times New Roman', serif;\n            }\n            .uni-sub {\n                color: var(--muted);\n                font-size: 14px;\n                margin-bottom: 22px;\n            }\n            .uni-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n                gap: 16px;\n            }\n\n            \/* Efeito de Luz no Mouse Over (Spotlight Card) & Links *\/\n            .uni-card {\n                background: var(--panel);\n                border: 1px solid rgba(214,168,92,0.25);\n                border-radius: 12px;\n                overflow: hidden;\n                text-align: center;\n                position: relative;\n                display: block;\n                text-decoration: none;\n                z-index: 2;\n                transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n            }\n            .uni-card::before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background: radial-gradient(\n                    600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n                    rgba(214, 168, 92, 0.18),\n                    transparent 40%\n                );\n                opacity: 0;\n                transition: opacity 0.3s ease;\n                pointer-events: none;\n                z-index: 3;\n            }\n            .uni-card:hover::before {\n                opacity: 1;\n            }\n            .uni-card:hover {\n                transform: translateY(-4px);\n                border-color: rgba(214,168,92,0.6);\n                box-shadow: 0 10px 25px rgba(214, 168, 92, 0.15);\n            }\n\n            \/* Anima\u00e7\u00e3o Impactante ao Clicar no Card (Portal Ativo) *\/\n            .uni-card.uni-card-active {\n                z-index: 999;\n                transform: scale(1.12) translateY(-10px) !important;\n                border-color: var(--gold) !important;\n                box-shadow: 0 0 50px rgba(214, 168, 92, 0.8), 0 0 100px rgba(214, 168, 92, 0.4) !important;\n                transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.5s ease, border-color 0.5s ease;\n            }\n            .uni-card.uni-card-active::before {\n                opacity: 1 !important;\n                background: radial-gradient(circle at center, rgba(214, 168, 92, 0.6), transparent 70%);\n            }\n\n            .uni-img-container {\n                width: 100%;\n                height: 160px;\n                background: var(--panel-2);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                overflow: hidden;\n                position: relative;\n            }\n            .uni-img-container img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                transition: transform 0.5s ease;\n            }\n            .uni-card:hover .uni-img-container img {\n                transform: scale(1.06);\n            }\n            .uni-card.uni-card-active .uni-img-container img {\n                transform: scale(1.15);\n            }\n            .uni-img-fallback {\n                color: var(--gold);\n                font-size: 24px;\n            }\n            .uni-content {\n                padding: 14px;\n            }\n            .uni-content h3 {\n                margin: 0;\n                font-size: 15px;\n                color: var(--gold-soft);\n            }\n            <\/style>\n            \n        <div class=\"uni-wrapper\" id=\"universo-135f0f88-2fcc-4dc5-9309-e66e3c4e9a13\">\n            <!-- Contentor de Part\u00edculas por JavaScript -->\n            <div class=\"uni-particles\" data-particles><\/div>\n\n            <!-- Div de Boas-Vindas e Controlos (Hora, Local, Temperatura, Utilizador, Temas, Idioma, Sess\u00e3o) -->\n            <div class=\"uni-welcome-bar\">\n                <div class=\"uni-welcome-info\">\n                    <div class=\"uni-welcome-title\" data-translate=\"welcome\">Ol\u00e1, Viajante! \u2728<\/div>\n                    <div class=\"uni-meta-info\">\n                        <span>\ud83d\udd52 <span data-live-clock>--:--:--<\/span><\/span>\n                        <span>\ud83d\udccd <span data-translate=\"location\">Lisboa, PT<\/span><\/span>\n                        <span>\ud83c\udf21\ufe0f <span data-live-temp>22\u00b0C<\/span><\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"uni-controls\">\n                    <!-- Seletor de Tema Alternativo -->\n                    <button type=\"button\" class=\"uni-btn-control\" data-theme-toggle>\ud83c\udfa8 <span data-translate=\"theme\">Tema<\/span><\/button>\n                    \n                    <!-- Seletor de Idioma (PT \/ EN) -->\n                    <select class=\"uni-select-control\" data-lang-select>\n                        <option value=\"pt\">PT<\/option>\n                        <option value=\"en\">EN<\/option>\n                    <\/select>\n\n                    <!-- Estado de Sess\u00e3o (Login \/ Logout \/ Registar) -->\n                                            <a href=\"https:\/\/app.digitalfreelancer.org\/wp-login.php?redirect_to=https%3A%2F%2Fapp.digitalfreelancer.org%2Findex.php%2Fdashboarduniverso%2F\" class=\"uni-btn-control\" data-translate=\"login\">Entrar<\/a>\n                                                            <\/div>\n            <\/div>\n\n            <div class=\"uni-header\">\n                <h2 data-translate=\"dash_title\">\ud83c\udf0c Dashboard Universo<\/h2>\n                <div class=\"uni-sub\" data-translate=\"dash_sub\">Explora\u00e7\u00e3o de portais e frequ\u00eancias dimensionais.<\/div>\n            <\/div>\n\n            <div class=\"uni-grid\">\n                                    <a href=\"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-buzio\/\" class=\"uni-card\" data-spotlight data-portal-link>\n                        <div class=\"uni-img-container\">\n                                                            <img decoding=\"async\" src=\"https:\/\/app.digitalfreelancer.org\/wp-content\/uploads\/2026\/07\/b786f9ce-d808-41fa-8377-ad2ee16ce2c4.png\" alt=\"Buzios\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                                <div class=\"uni-img-fallback\" style=\"display:none; position:absolute; inset:0; align-items:center; justify-content:center; background:var(--panel-2);\">\ud83c\udf0c<\/div>\n                                                    <\/div>\n                        <div class=\"uni-content\">\n                            <h3>Buzios<\/h3>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-rune\/\" class=\"uni-card\" data-spotlight data-portal-link>\n                        <div class=\"uni-img-container\">\n                                                            <img decoding=\"async\" src=\"https:\/\/app.digitalfreelancer.org\/wp-content\/uploads\/2026\/07\/fd9d798e-6b44-4db8-befc-eb28c9adaca3.png\" alt=\"Runas\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                                <div class=\"uni-img-fallback\" style=\"display:none; position:absolute; inset:0; align-items:center; justify-content:center; background:var(--panel-2);\">\ud83c\udf0c<\/div>\n                                                    <\/div>\n                        <div class=\"uni-content\">\n                            <h3>Runas<\/h3>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-celestial-pendulum\/\" class=\"uni-card\" data-spotlight data-portal-link>\n                        <div class=\"uni-img-container\">\n                                                            <img decoding=\"async\" src=\"https:\/\/app.digitalfreelancer.org\/wp-content\/uploads\/2026\/07\/f8b0f2e0-c9e1-4956-9e76-9ef449155f3d.png\" alt=\"Pendulo\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                                <div class=\"uni-img-fallback\" style=\"display:none; position:absolute; inset:0; align-items:center; justify-content:center; background:var(--panel-2);\">\ud83c\udf0c<\/div>\n                                                    <\/div>\n                        <div class=\"uni-content\">\n                            <h3>Pendulo<\/h3>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-i-ching\/\" class=\"uni-card\" data-spotlight data-portal-link>\n                        <div class=\"uni-img-container\">\n                                                            <img decoding=\"async\" src=\"https:\/\/app.digitalfreelancer.org\/wp-content\/uploads\/2026\/07\/090e53d5-d0f7-46f5-a3bf-3852bb44d56b.png\" alt=\"Iching\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                                <div class=\"uni-img-fallback\" style=\"display:none; position:absolute; inset:0; align-items:center; justify-content:center; background:var(--panel-2);\">\ud83c\udf0c<\/div>\n                                                    <\/div>\n                        <div class=\"uni-content\">\n                            <h3>Iching<\/h3>\n                        <\/div>\n                    <\/a>\n                                    <a href=\"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-tarot\/\" class=\"uni-card\" data-spotlight data-portal-link>\n                        <div class=\"uni-img-container\">\n                                                            <img decoding=\"async\" src=\"https:\/\/app.digitalfreelancer.org\/wp-content\/uploads\/2026\/07\/ad9f3c37-1034-46df-a220-24c35b6c9cba.png\" alt=\"Tarot\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                                <div class=\"uni-img-fallback\" style=\"display:none; position:absolute; inset:0; align-items:center; justify-content:center; background:var(--panel-2);\">\ud83c\udf0c<\/div>\n                                                    <\/div>\n                        <div class=\"uni-content\">\n                            <h3>Tarot<\/h3>\n                        <\/div>\n                    <\/a>\n                            <\/div>\n        <\/div>\n\n        <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const wrapper = document.getElementById('universo-135f0f88-2fcc-4dc5-9309-e66e3c4e9a13');\n            if (!wrapper) return;\n\n            \/\/ Rel\u00f3gio em tempo real\n            const clockEl = wrapper.querySelector('[data-live-clock]');\n            if (clockEl) {\n                setInterval(() => {\n                    const now = new Date();\n                    clockEl.textContent = now.toLocaleTimeString();\n                }, 1000);\n            }\n\n            \/\/ Altern\u00e2ncia de Tema\n            const themeToggleBtn = wrapper.querySelector('[data-theme-toggle]');\n            if (themeToggleBtn) {\n                themeToggleBtn.addEventListener('click', () => {\n                    wrapper.classList.toggle('uni-theme-solar');\n                });\n            }\n\n            \/\/ Tradu\u00e7\u00f5es Simples PT \/ EN\n            const translations = {\n                pt: {\n                    welcome: \"Ol\u00e1, Viajante! \u2728\",\n                    location: \"Lisboa, PT\",\n                    theme: \"Tema\",\n                    logout: \"Sair\",\n                    login: \"Entrar\",\n                    register: \"Registar\",\n                    dash_title: \"\ud83c\udf0c Dashboard Universo\",\n                    dash_sub: \"Explora\u00e7\u00e3o de portais e frequ\u00eancias dimensionais.\"\n                },\n                en: {\n                    welcome: \"Hello, Viajante! \u2728\",\n                    location: \"Lisbon, PT\",\n                    theme: \"Theme\",\n                    logout: \"Logout\",\n                    login: \"Login\",\n                    register: \"Register\",\n                    dash_title: \"\ud83c\udf0c Universe Dashboard\",\n                    dash_sub: \"Exploration of portals and dimensional frequencies.\"\n                }\n            };\n\n            const langSelect = wrapper.querySelector('[data-lang-select]');\n            if (langSelect) {\n                langSelect.addEventListener('change', (e) => {\n                    const lang = e.target.value;\n                    if (translations[lang]) {\n                        wrapper.querySelectorAll('[data-translate]').forEach(el => {\n                            const key = el.getAttribute('data-translate');\n                            if (translations[lang][key]) {\n                                el.textContent = translations[lang][key];\n                            }\n                        });\n                    }\n                });\n            }\n\n            \/\/ Efeito de Luz (Spotlight) nos Cards\n            const cards = wrapper.querySelectorAll('[data-spotlight]');\n            cards.forEach(card => {\n                card.addEventListener('mousemove', e => {\n                    const rect = card.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    card.style.setProperty('--mouse-x', `${x}px`);\n                    card.style.setProperty('--mouse-y', `${y}px`);\n                });\n            });\n\n            \/\/ Anima\u00e7\u00e3o de Entrada de Portal ao Clicar num Card\n            const portalLinks = wrapper.querySelectorAll('[data-portal-link]');\n            portalLinks.forEach(link => {\n                link.addEventListener('click', function(e) {\n                    e.preventDefault(); \/\/ Interrompe a navega\u00e7\u00e3o imediata\n                    const targetUrl = this.getAttribute('href');\n\n                    \/\/ Adiciona classes de anima\u00e7\u00e3o ao card clicado e ao wrapper geral\n                    this.classList.add('uni-card-active');\n                    wrapper.classList.add('uni-portal-activating');\n\n                    \/\/ Aguarda o fim da anima\u00e7\u00e3o (550ms) antes de redirecionar para a p\u00e1gina destino\n                    setTimeout(() => {\n                        window.location.href = targetUrl;\n                    }, 550);\n                });\n            });\n\n            \/\/ Gera\u00e7\u00e3o Din\u00e2mica de Part\u00edculas via JavaScript\n            const particlesContainer = wrapper.querySelector('[data-particles]');\n            if (particlesContainer) {\n                const particleCount = 20;\n                for (let i = 0; i < particleCount; i++) {\n                    const p = document.createElement('span');\n                    p.className = 'uni-particle';\n                    \n                    const size = Math.random() * 3 + 1.5;\n                    const left = Math.random() * 100;\n                    const duration = Math.random() * 6 + 6;\n                    const delay = Math.random() * 5;\n                    \n                    p.style.width = `${size}px`;\n                    p.style.height = `${size}px`;\n                    p.style.left = `${left}%`;\n                    p.style.animationDuration = `${duration}s`;\n                    p.style.animationDelay = `${delay}s`;\n                    \n                    particlesContainer.appendChild(p);\n                }\n            }\n        });\n        <\/script>\n\n        <\/div>\n\t\t\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":"","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-3263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/3263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/comments?post=3263"}],"version-history":[{"count":4,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/3263\/revisions"}],"predecessor-version":[{"id":3267,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/3263\/revisions\/3267"}],"wp:attachment":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/media?parent=3263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}