{"id":2581,"date":"2026-06-15T17:35:07","date_gmt":"2026-06-15T17:35:07","guid":{"rendered":"https:\/\/app.digitalfreelancer.org\/?page_id=2581"},"modified":"2026-07-15T19:04:39","modified_gmt":"2026-07-15T19:04:39","slug":"dashboard-tarot","status":"publish","type":"page","link":"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-tarot\/","title":{"rendered":"Dashboard Tarot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2581\" class=\"elementor elementor-2581\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c81a5b elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3c81a5b\" 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-b4fe4d1 elementor-widget elementor-widget-spacer\" data-id=\"b4fe4d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/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<div class=\"elementor-element elementor-element-53668a6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"53668a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e6e2f09 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e6e2f09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c9d27 elementor-widget elementor-widget-shortcode\" data-id=\"76c9d27\" 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\">\n        <style>\n        .tdp-wrapper {\n            --tdp-bg: #14101f;\n            --tdp-bg-panel: #1c1530;\n            --tdp-bg-panel-2: #221a3a;\n            --tdp-purple: #6b3fa0;\n            --tdp-purple-deep: #4a2a78;\n            --tdp-gold: #d6a85c;\n            --tdp-gold-light: #f0cf8e;\n            --tdp-text: #f3eef7;\n            --tdp-text-muted: #b9aed0;\n            --tdp-border: rgba(214, 168, 92, 0.25);\n            --tdp-radius: 14px;\n            font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\n            color: var(--tdp-text);\n            background: var(--tdp-bg);\n            padding: 0;\n            border-radius: var(--tdp-radius);\n            overflow: hidden;\n            transition: background 0.3s, color 0.3s;\n        }\n        .tdp-wrapper.tdp-light {\n            --tdp-bg: #f6f1e9;\n            --tdp-bg-panel: #ffffff;\n            --tdp-bg-panel-2: #fbf6ee;\n            --tdp-purple: #8a63b8;\n            --tdp-purple-deep: #6b3fa0;\n            --tdp-gold: #b9863f;\n            --tdp-gold-light: #8a5a1e;\n            --tdp-text: #2a2233;\n            --tdp-text-muted: #6b6178;\n            --tdp-border: rgba(185, 134, 63, 0.3);\n        }\n        .tdp-wrapper * { box-sizing: border-box; }\n        .tdp-app {\n            display: grid;\n            grid-template-columns: 240px 1fr;\n            min-height: 700px;\n            background: radial-gradient(circle at 80% 0%, #2a1f47 0%, var(--tdp-bg) 55%);\n            transition: background 0.3s;\n        }\n        .tdp-light .tdp-app {\n            background: radial-gradient(circle at 80% 0%, #efe4cf 0%, var(--tdp-bg) 55%);\n        }\n        .tdp-sidebar {\n            background: #100c1c;\n            border-right: 1px solid var(--tdp-border);\n            padding: 28px 18px;\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }\n        .tdp-light .tdp-sidebar { background: #ffffff; }\n        .tdp-logo { display: flex; align-items: center; gap: 10px; padding-bottom: 8px; }\n        .tdp-logo-icon { font-size: 28px; color: var(--tdp-gold); }\n        .tdp-logo-text { display: flex; flex-direction: column; line-height: 1.2; }\n        .tdp-logo-text strong { font-family: Georgia, \"Times New Roman\", serif; font-size: 20px; letter-spacing: 3px; color: var(--tdp-gold-light); }\n        .tdp-logo-text small { font-size: 10px; letter-spacing: 4px; color: var(--tdp-text-muted); }\n        .tdp-logo-pro { font-size: 9px; letter-spacing: 3px; color: var(--tdp-gold); margin-top: 2px; }\n        .tdp-nav { display: flex; flex-direction: column; gap: 4px; }\n        .tdp-nav-label { font-size: 11px; letter-spacing: 2px; color: var(--tdp-text-muted); margin: 14px 8px 4px; opacity: 0.7; }\n        .tdp-nav-item {\n            display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px;\n            color: var(--tdp-text-muted); text-decoration: none; font-size: 14px;\n            transition: background 0.2s, color 0.2s; position: relative; cursor: pointer;\n        }\n        .tdp-nav-item:hover { background: rgba(255, 255, 255, 0.06); color: var(--tdp-text); }\n        .tdp-nav-item.active { background: linear-gradient(135deg, var(--tdp-purple) 0%, var(--tdp-purple-deep) 100%); color: #fff; }\n        .tdp-icon { width: 18px; text-align: center; }\n        .tdp-badge {\n            margin-left: auto; font-size: 9px; letter-spacing: 1px; background: rgba(214, 168, 92, 0.15);\n            color: var(--tdp-gold); border: 1px solid var(--tdp-gold); padding: 2px 6px; border-radius: 6px;\n        }\n        .tdp-lock { margin-left: auto; font-size: 12px; opacity: 0.6; }\n        .tdp-upgrade-card {\n            margin-top: auto; background: linear-gradient(160deg, #2a1f47 0%, #1a1330 100%);\n            border: 1px solid var(--tdp-border); border-radius: var(--tdp-radius); padding: 18px;\n        }\n        .tdp-light .tdp-upgrade-card { background: linear-gradient(160deg, #f1e5cc 0%, #fbf6ee 100%); }\n        .tdp-upgrade-card h4 { margin: 0 0 8px; font-size: 16px; color: var(--tdp-gold-light); font-weight: 600; }\n        .tdp-upgrade-card p { margin: 0 0 14px; font-size: 12px; color: var(--tdp-text-muted); line-height: 1.5; }\n        .tdp-upgrade-btn { width: 100%; }\n        .tdp-main { padding: 28px 32px; overflow-x: hidden; }\n        .tdp-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; position: relative; }\n        .tdp-header h1 { font-family: Georgia, \"Times New Roman\", serif; font-size: 28px; margin: 0 0 6px; color: var(--tdp-text); }\n        .tdp-subtitle { margin: 0; color: var(--tdp-text-muted); font-size: 14px; }\n        .tdp-header-actions { display: flex; align-items: center; gap: 12px; position: relative; }\n        .tdp-icon-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--tdp-border); background: transparent; color: var(--tdp-text); cursor: pointer; font-size: 15px; }\n        .tdp-avatar { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg, #c79a6b, #8a5a3c); border: 1px solid var(--tdp-border); cursor: pointer; }\n        .tdp-chevron { color: var(--tdp-text-muted); cursor: pointer; }\n        .tdp-btn { font-family: inherit; font-size: 14px; font-weight: 600; padding: 11px 22px; border-radius: 10px; border: none; cursor: pointer; transition: transform 0.15s, opacity 0.15s; }\n        .tdp-btn:hover { transform: translateY(-1px); opacity: 0.92; }\n        .tdp-btn-primary { background: linear-gradient(135deg, var(--tdp-purple) 0%, var(--tdp-purple-deep) 100%); color: #fff; }\n        .tdp-btn-gold { background: linear-gradient(135deg, var(--tdp-gold-light), var(--tdp-gold)); color: #2a1a0a; }\n        .tdp-btn-gold-outline { background: transparent; border: 1px solid var(--tdp-gold); color: var(--tdp-gold-light); }\n        .tdp-btn-outline { background: transparent; border: 1px solid var(--tdp-border); color: var(--tdp-text); }\n        .tdp-btn-sm { padding: 7px 14px; font-size: 12px; }\n        .tdp-full-width { width: 100%; margin-top: 8px; }\n        .tdp-grid { display: grid; grid-template-columns: 1fr 300px; gap: 24px; }\n        @media (max-width: 1100px) { .tdp-grid { grid-template-columns: 1fr; } }\n        .tdp-col-main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }\n        .tdp-col-side { display: flex; flex-direction: column; gap: 20px; }\n        .tdp-hero {\n            background: linear-gradient(135deg, #2a1f47 0%, #1a1330 100%); border: 1px solid var(--tdp-border);\n            border-radius: var(--tdp-radius); padding: 28px; display: grid; grid-template-columns: 1fr 1fr;\n            align-items: center; gap: 24px; overflow: hidden; position: relative;\n        }\n        .tdp-light .tdp-hero { background: linear-gradient(135deg, #f1e5cc 0%, #fbf6ee 100%); }\n        .tdp-hero-text h2 { font-family: Georgia, serif; font-size: 24px; margin: 0 0 12px; color: var(--tdp-gold-light); }\n        .tdp-hero-text p { color: var(--tdp-text-muted); line-height: 1.6; margin: 0 0 20px; max-width: 360px; }\n        .tdp-hero-art { position: relative; height: 200px; display: flex; align-items: center; justify-content: center; }\n        .tdp-crystal-ball {\n            width: 170px; height: 170px; border-radius: 50%;\n            background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.5), rgba(170,140,230,0.5) 35%, rgba(70,40,120,0.6) 70%, rgba(20,10,40,0.9) 100%);\n            box-shadow: 0 0 60px rgba(150, 110, 230, 0.5), inset 0 0 40px rgba(255,255,255,0.2); position: relative;\n        }\n        .tdp-crystal-ball::after {\n            content: \"\"; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);\n            width: 120px; height: 18px; background: #2b1d10; border-radius: 0 0 60px 60px;\n        }\n        .tdp-spark { position: absolute; color: var(--tdp-gold-light); font-size: 14px; opacity: 0.8; animation: tdp-twinkle 2.4s ease-in-out infinite; }\n        .tdp-spark-1 { top: 10%; left: 10%; animation-delay: 0s; }\n        .tdp-spark-2 { top: 70%; right: 8%; animation-delay: 0.8s; }\n        .tdp-spark-3 { top: 35%; right: 25%; animation-delay: 1.5s; }\n        @keyframes tdp-twinkle { 0%, 100% { opacity: 0.3; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1.2); } }\n        @media (max-width: 760px) { .tdp-hero { grid-template-columns: 1fr; } .tdp-hero-art { order: -1; height: 150px; } }\n        .tdp-section-title { font-family: Georgia, serif; font-size: 22px; margin: 0 0 18px; color: var(--tdp-text); }\n        .tdp-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n        @media (max-width: 900px) { .tdp-cards { grid-template-columns: 1fr; } }\n        .tdp-card {\n            background: var(--tdp-bg-panel); border: 1px solid var(--tdp-border); border-radius: var(--tdp-radius);\n            padding: 22px; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center;\n        }\n        .tdp-card h3 { font-family: Georgia, serif; font-size: 19px; margin: 14px 0 8px; color: var(--tdp-text); }\n        .tdp-card p { color: var(--tdp-text-muted); font-size: 13px; line-height: 1.5; margin: 0 0 18px; min-height: 40px; }\n        .tdp-gold-text { color: var(--tdp-gold-light) !important; }\n        .tdp-card-locked { opacity: 0.85; }\n        .tdp-card-lock-icon { position: absolute; top: 16px; right: 16px; color: var(--tdp-gold); font-size: 16px; }\n        .tdp-card-art { display: flex; align-items: center; justify-content: center; gap: 6px; height: 130px; width: 100%; }\n        .tdp-tarot-card {\n            width: 70px; height: 110px; border-radius: 8px; background: linear-gradient(160deg, #2a1f47, #170f28);\n            border: 1px solid var(--tdp-gold); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,0.4);\n        }\n        .tdp-card-art-three .tdp-tarot-card { width: 56px; height: 96px; }\n        .tdp-eye { color: var(--tdp-gold-light); font-size: 20px; }\n        .tdp-card-art-three .tdp-eye { font-size: 16px; }\n        .tdp-card-art-cross { height: 130px; }\n        .tdp-cross-grid { display: grid; grid-template-columns: repeat(3, 28px); grid-template-rows: repeat(3, 38px); gap: 4px; }\n        .tdp-cross-cell {\n            border-radius: 4px; background: linear-gradient(160deg, #2a1f47, #170f28); border: 1px solid var(--tdp-gold);\n            display: flex; align-items: center; justify-content: center; color: var(--tdp-gold-light); font-size: 11px;\n        }\n        .tdp-cross-cell.c1 { grid-column: 2; grid-row: 1; }\n        .tdp-cross-cell.c2 { grid-column: 1; grid-row: 2; }\n        .tdp-cross-cell.c3 { grid-column: 2; grid-row: 2; }\n        .tdp-cross-cell.c4 { grid-column: 3; grid-row: 2; }\n        .tdp-cross-cell.c5 { grid-column: 2; grid-row: 3; visibility: hidden; }\n        .tdp-cross-cell.c6 { grid-column: 1; grid-row: 1; visibility: hidden; }\n        .tdp-cross-cell.c7 { grid-column: 3; grid-row: 3; visibility: hidden; }\n        .tdp-more-soon { text-align: center; color: var(--tdp-text-muted); font-size: 12px; letter-spacing: 1px; margin: 22px 0 0; border-top: 1px solid var(--tdp-border); padding-top: 18px; }\n        .tdp-about {\n            background: var(--tdp-bg-panel); border: 1px solid var(--tdp-border); border-radius: var(--tdp-radius);\n            padding: 28px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px;\n        }\n        .tdp-about-text h3 { font-family: Georgia, serif; font-size: 22px; color: var(--tdp-gold-light); margin: 0 0 10px; }\n        .tdp-about-text p { color: var(--tdp-text-muted); margin: 0 0 18px; line-height: 1.6; }\n        .tdp-about-art { position: relative; height: 130px; }\n        .tdp-fan-card { position: absolute; width: 70px; height: 110px; border-radius: 6px; background: linear-gradient(160deg, #e9dcc3, #c9b389); border: 2px solid #8a6a3a; bottom: 0; left: 50%; }\n        .tdp-fan-card.f1 { transform: translateX(-180px) rotate(-24deg); }\n        .tdp-fan-card.f2 { transform: translateX(-100px) rotate(-12deg); }\n        .tdp-fan-card.f3 { transform: translateX(-20px) rotate(0deg); }\n        .tdp-fan-card.f4 { transform: translateX(60px) rotate(12deg); }\n        .tdp-fan-card.f5 { transform: translateX(140px) rotate(24deg); }\n        .tdp-book { position: absolute; right: 10px; bottom: 0; width: 90px; height: 60px; background: linear-gradient(160deg, #2a1f47, #170f28); border: 1px solid var(--tdp-gold); border-radius: 4px; }\n        .tdp-crystal-small {\n            position: absolute; right: -10px; bottom: 30px; width: 36px; height: 36px;\n            background: linear-gradient(160deg, #b79aff, #6b3fa0); transform: rotate(45deg); border-radius: 4px; box-shadow: 0 0 18px rgba(150, 110, 230, 0.5);\n        }\n        @media (max-width: 760px) { .tdp-about { grid-template-columns: 1fr; } .tdp-about-art { display: none; } }\n        .tdp-footer-quote { text-align: center; color: var(--tdp-text-muted); font-size: 13px; letter-spacing: 1px; padding: 8px 0; }\n        .tdp-side-card { background: var(--tdp-bg-panel); border: 1px solid var(--tdp-border); border-radius: var(--tdp-radius); padding: 20px; }\n        .tdp-date-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }\n        .tdp-moon-icon { font-size: 20px; color: var(--tdp-gold-light); }\n        .tdp-date-row strong { display: block; font-size: 14px; }\n        .tdp-date-row small { color: var(--tdp-text-muted); font-size: 12px; }\n        .tdp-date-card blockquote { margin: 0; font-family: Georgia, serif; font-style: italic; font-size: 14px; line-height: 1.6; color: var(--tdp-text); border-left: 2px solid var(--tdp-gold); padding-left: 14px; }\n        .tdp-divider { text-align: center; color: var(--tdp-gold); font-size: 11px; letter-spacing: 6px; margin-top: 16px; opacity: 0.6; }\n        .tdp-history-card h4 { font-family: Georgia, serif; font-size: 17px; margin: 0 0 14px; color: var(--tdp-gold-light); }\n        .tdp-history-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--tdp-border); }\n        .tdp-history-item:last-of-type { border-bottom: none; }\n        .tdp-history-item strong { display: block; font-size: 13px; }\n        .tdp-history-item small { color: var(--tdp-text-muted); font-size: 11px; }\n        .tdp-history-thumb { display: flex; gap: 3px; align-items: center; position: relative; }\n        .tdp-history-thumb span { display: block; width: 16px; height: 24px; border-radius: 3px; background: linear-gradient(160deg, #2a1f47, #170f28); border: 1px solid var(--tdp-gold); }\n        .tdp-cross-mini { width: 28px; height: 28px; border-radius: 3px; background: linear-gradient(160deg, #2a1f47, #170f28); border: 1px solid var(--tdp-gold); }\n        .tdp-mini-lock { font-size: 11px; color: var(--tdp-gold); }\n        @media (max-width: 880px) {\n            .tdp-app { grid-template-columns: 1fr; }\n            .tdp-sidebar { border-right: none; border-bottom: 1px solid var(--tdp-border); flex-direction: row; flex-wrap: wrap; align-items: center; }\n            .tdp-nav { flex-direction: row; flex-wrap: wrap; }\n            .tdp-nav-label { display: none; }\n            .tdp-upgrade-card { display: none; }\n        }\n        .tdp-modal-overlay { position: fixed; inset: 0; background: rgba(10, 6, 20, 0.75); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 20px; }\n        .tdp-modal-overlay.tdp-hidden { display: none; }\n        .tdp-modal { background: var(--tdp-bg-panel-2); border: 1px solid var(--tdp-border); border-radius: var(--tdp-radius); padding: 28px; max-width: 480px; width: 100%; text-align: center; color: var(--tdp-text); }\n        .tdp-modal h3 { font-family: Georgia, serif; color: var(--tdp-gold-light); margin-top: 0; }\n        .tdp-modal-cards { display: flex; justify-content: center; gap: 10px; margin: 18px 0; flex-wrap: wrap; }\n        .tdp-modal-cards .tdp-tarot-card { width: 80px; height: 130px; }\n        .tdp-modal-close { margin-top: 12px; }\n\n        \/* ---------- NOVAS VISTAS ---------- *\/\n        .tdp-view { display: none; animation: tdp-fade-in 0.25s ease; }\n        .tdp-view.tdp-view-active { display: block; }\n        @keyframes tdp-fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n        .tdp-view-inner { display: flex; flex-direction: column; gap: 24px; }\n\n        .tdp-panel {\n            background: var(--tdp-bg-panel); border: 1px solid var(--tdp-border); border-radius: var(--tdp-radius); padding: 26px;\n        }\n        .tdp-panel h2 { font-family: Georgia, serif; font-size: 22px; margin: 0 0 6px; color: var(--tdp-text); }\n        .tdp-panel .tdp-panel-sub { color: var(--tdp-text-muted); font-size: 13px; margin: 0 0 20px; }\n\n        .tdp-energy-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n        @media (max-width: 760px) { .tdp-energy-detail { grid-template-columns: 1fr; } }\n        .tdp-energy-stats { display: flex; flex-direction: column; gap: 14px; }\n        .tdp-energy-stat { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; background: var(--tdp-bg-panel-2); border: 1px solid var(--tdp-border); border-radius: 10px; }\n        .tdp-energy-stat strong { font-size: 13px; }\n        .tdp-energy-bar-outer { width: 120px; height: 6px; border-radius: 4px; background: rgba(255,255,255,0.08); overflow: hidden; }\n        .tdp-light .tdp-energy-bar-outer { background: rgba(0,0,0,0.08); }\n        .tdp-energy-bar-inner { height: 100%; background: linear-gradient(90deg, var(--tdp-purple), var(--tdp-gold)); }\n\n        .tdp-readings-grid-full { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n        @media (max-width: 900px) { .tdp-readings-grid-full { grid-template-columns: 1fr 1fr; } }\n        @media (max-width: 620px) { .tdp-readings-grid-full { grid-template-columns: 1fr; } }\n\n        .tdp-history-full-list { display: flex; flex-direction: column; }\n        .tdp-history-full-item { display: flex; justify-content: space-between; align-items: center; padding: 14px 4px; border-bottom: 1px solid var(--tdp-border); }\n        .tdp-history-full-item:last-child { border-bottom: none; }\n        .tdp-history-full-item .tdp-hf-left { display: flex; align-items: center; gap: 14px; }\n        .tdp-history-full-item strong { font-size: 14px; display: block; }\n        .tdp-history-full-item small { color: var(--tdp-text-muted); font-size: 12px; }\n        .tdp-fav-btn { background: none; border: none; cursor: pointer; font-size: 16px; color: var(--tdp-text-muted); }\n        .tdp-fav-btn.tdp-fav-active { color: var(--tdp-gold); }\n\n        .tdp-empty-state { text-align: center; padding: 60px 20px; color: var(--tdp-text-muted); }\n        .tdp-empty-state .tdp-empty-icon { font-size: 40px; margin-bottom: 14px; opacity: 0.7; }\n        .tdp-empty-state h3 { color: var(--tdp-text); font-family: Georgia, serif; margin: 0 0 8px; }\n        .tdp-empty-state p { max-width: 380px; margin: 0 auto 20px; font-size: 13px; line-height: 1.6; }\n\n        .tdp-profile-header { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }\n        .tdp-profile-avatar { width: 74px; height: 74px; border-radius: 50%; background: linear-gradient(135deg, #c79a6b, #8a5a3c); border: 2px solid var(--tdp-gold); }\n        .tdp-profile-header h2 { margin: 0 0 4px; }\n        .tdp-profile-header .tdp-profile-tag { font-size: 12px; color: var(--tdp-text-muted); }\n        .tdp-profile-header .tdp-badge { position: static; margin-left: 8px; }\n\n        .tdp-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n        @media (max-width: 620px) { .tdp-form-grid { grid-template-columns: 1fr; } }\n        .tdp-form-group { display: flex; flex-direction: column; gap: 6px; }\n        .tdp-form-group label { font-size: 12px; letter-spacing: 1px; color: var(--tdp-text-muted); }\n        .tdp-form-group input, .tdp-form-group select {\n            font-family: inherit; font-size: 14px; padding: 11px 12px; border-radius: 8px;\n            border: 1px solid var(--tdp-border); background: var(--tdp-bg-panel-2); color: var(--tdp-text);\n        }\n        .tdp-form-actions { margin-top: 20px; display: flex; gap: 12px; }\n\n        .tdp-toggle-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--tdp-border); }\n        .tdp-toggle-row:last-child { border-bottom: none; }\n        .tdp-toggle-row strong { display: block; font-size: 14px; }\n        .tdp-toggle-row small { color: var(--tdp-text-muted); font-size: 12px; }\n        .tdp-switch { position: relative; display: inline-block; width: 42px; height: 24px; flex: none; }\n        .tdp-switch input { opacity: 0; width: 0; height: 0; }\n        .tdp-switch-slider { position: absolute; cursor: pointer; inset: 0; background: rgba(255,255,255,0.15); border-radius: 24px; transition: 0.2s; }\n        .tdp-light .tdp-switch-slider { background: rgba(0,0,0,0.15); }\n        .tdp-switch-slider::before { content: \"\"; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: 0.2s; }\n        .tdp-switch input:checked + .tdp-switch-slider { background: linear-gradient(135deg, var(--tdp-purple), var(--tdp-purple-deep)); }\n        .tdp-switch input:checked + .tdp-switch-slider::before { transform: translateX(18px); }\n\n        .tdp-dropdown {\n            position: absolute; top: 46px; right: 0; background: var(--tdp-bg-panel-2); border: 1px solid var(--tdp-border);\n            border-radius: 10px; min-width: 200px; padding: 8px; z-index: 50; box-shadow: 0 10px 30px rgba(0,0,0,0.35); display: none;\n        }\n        .tdp-dropdown.tdp-dropdown-open { display: block; }\n        .tdp-dropdown-item { display: flex; align-items: center; gap: 10px; padding: 10px 10px; border-radius: 8px; font-size: 13px; color: var(--tdp-text); cursor: pointer; text-decoration: none; }\n        .tdp-dropdown-item:hover { background: rgba(255,255,255,0.06); }\n        .tdp-dropdown-empty { padding: 14px 10px; font-size: 12px; color: var(--tdp-text-muted); text-align: center; }\n        <\/style>\n\n        <div class=\"tdp-wrapper\" id=\"tdp-6a5b48e49fe9e\">\n            <div class=\"tdp-app\">\n\n                <!-- SIDEBAR -->\n                <aside class=\"tdp-sidebar\">\n                    <div class=\"tdp-logo\">\n                        <span class=\"tdp-logo-icon\">\ud83d\udc41<\/span>\n                        <div class=\"tdp-logo-text\">\n                            <strong>TAROT<\/strong>\n                            <small>DASHBOARD<\/small>\n                            <span class=\"tdp-logo-pro\">PRO<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <nav class=\"tdp-nav\">\n                        <a href=\"#\" class=\"tdp-nav-item active\" data-view=\"dashboard\"><span class=\"tdp-icon\">\ud83c\udfe0<\/span> In\u00edcio<\/a>\n                        <a href=\"#\" class=\"tdp-nav-item\" data-view=\"energia\"><span class=\"tdp-icon\">\u2b50<\/span> Energia do Dia<\/a>\n\n                        <p class=\"tdp-nav-label\">TIRAGENS<\/p>\n                        <a href=\"#tdp-uma-carta\" class=\"tdp-nav-item\" data-view=\"dashboard\" data-scroll=\"tdp-uma-carta\"><span class=\"tdp-icon\">\ud83c\udccf<\/span> Uma Carta<\/a>\n                        <a href=\"#tdp-tres-cartas\" class=\"tdp-nav-item\" data-view=\"dashboard\" data-scroll=\"tdp-tres-cartas\"><span class=\"tdp-icon\">\ud83c\udccf<\/span> Tr\u00eas Cartas<\/a>\n                        <a href=\"#tdp-cruz-celta\" class=\"tdp-nav-item\" data-view=\"dashboard\" data-scroll=\"tdp-cruz-celta\">\n                            <span class=\"tdp-icon\">\u2795<\/span> Cruz Celta\n                            <span class=\"tdp-badge\">PREMIUM<\/span>                        <\/a>\n                        <a href=\"#\" class=\"tdp-nav-item\" data-view=\"upgrade\">\n                            <span class=\"tdp-icon\">\u2630<\/span> Todas as Tiragens\n                            <span class=\"tdp-lock\">\ud83d\udd12<\/span>                        <\/a>\n\n                        <p class=\"tdp-nav-label\">HIST\u00d3RICO<\/p>\n                        <a href=\"#\" class=\"tdp-nav-item\" data-view=\"historico\"><span class=\"tdp-icon\">\ud83d\udccb<\/span> Meu Hist\u00f3rico<\/a>\n                        <a href=\"#\" class=\"tdp-nav-item\" data-view=\"favoritas\"><span class=\"tdp-icon\">\u2661<\/span> Favoritas<\/a>\n\n                        <p class=\"tdp-nav-label\">CONTA<\/p>\n                        <a href=\"#\" class=\"tdp-nav-item\" data-view=\"perfil\"><span class=\"tdp-icon\">\ud83d\udc64<\/span> Perfil<\/a>\n                        <a href=\"#\" class=\"tdp-nav-item\" data-view=\"definicoes\"><span class=\"tdp-icon\">\u2699<\/span> Defini\u00e7\u00f5es<\/a>\n                        <a href=\"https:\/\/app.digitalfreelancer.org\/wp-login.php?action=logout&#038;redirect_to=https%3A%2F%2Fapp.digitalfreelancer.org&#038;_wpnonce=13fe55e1e9\" class=\"tdp-nav-item\"><span class=\"tdp-icon\">\u21aa<\/span> Sair<\/a>\n                    <\/nav>\n\n                                        <div class=\"tdp-upgrade-card\">\n                        <h4>Desbloqueia o<br>Teu Potencial<\/h4>\n                        <p>Acede a tiragens exclusivas e conte\u00fados premium.<\/p>\n                        <button class=\"tdp-btn tdp-btn-gold tdp-upgrade-btn\" data-tdp-upgrade>Tornar Premium<\/button>\n                    <\/div>\n                                    <\/aside>\n\n                <!-- MAIN -->\n                <main class=\"tdp-main\">\n\n                    <header class=\"tdp-header\">\n                        <div>\n                            <h1 class=\"tdp-header-title\">Bem-vinda, Estrela \u2728<\/h1>\n                            <p class=\"tdp-subtitle tdp-header-subtitle\">Confia na tua intui\u00e7\u00e3o e deixa o Tarot guiar o teu caminho.<\/p>\n                        <\/div>\n                        <div class=\"tdp-header-actions\">\n                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Tornar Premium<\/button>\n                                                        <button class=\"tdp-icon-btn\" aria-label=\"Notifica\u00e7\u00f5es\" data-tdp-toggle-dropdown=\"notif\">\ud83d\udd14<\/button>\n                            <button class=\"tdp-icon-btn\" aria-label=\"Alternar tema\" data-tdp-theme-toggle>\ud83c\udf19<\/button>\n                            <div class=\"tdp-dropdown\" data-tdp-dropdown=\"notif\">\n                                <div class=\"tdp-dropdown-empty\">Sem notifica\u00e7\u00f5es novas por agora \u2726<\/div>\n                            <\/div>\n                            <div class=\"tdp-avatar\" aria-label=\"Perfil\" data-tdp-toggle-dropdown=\"profile\"><\/div>\n                            <span class=\"tdp-chevron\" data-tdp-toggle-dropdown=\"profile\">\u25be<\/span>\n                            <div class=\"tdp-dropdown\" data-tdp-dropdown=\"profile\">\n                                <a href=\"#\" class=\"tdp-dropdown-item\" data-view=\"perfil\">\ud83d\udc64 Ver Perfil<\/a>\n                                <a href=\"#\" class=\"tdp-dropdown-item\" data-view=\"definicoes\">\u2699 Defini\u00e7\u00f5es<\/a>\n                                <a href=\"https:\/\/app.digitalfreelancer.org\/wp-login.php?action=logout&#038;redirect_to=https%3A%2F%2Fapp.digitalfreelancer.org&#038;_wpnonce=13fe55e1e9\" class=\"tdp-dropdown-item\">\u21aa Sair<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/header>\n\n                    <!-- ===================== VISTA: DASHBOARD ===================== -->\n                    <section class=\"tdp-view tdp-view-active\" data-view-name=\"dashboard\">\n                        <div class=\"tdp-grid\">\n\n                            <div class=\"tdp-col-main\">\n\n                                <!-- HERO -->\n                                <section class=\"tdp-hero\">\n                                    <div class=\"tdp-hero-text\">\n                                        <h2>\u2609 Energia do Dia<\/h2>\n                                        <p>A energia de hoje favorece a intui\u00e7\u00e3o, a transforma\u00e7\u00e3o e novos come\u00e7os.<\/p>\n                                        <button class=\"tdp-btn tdp-btn-primary\" data-view=\"energia\">Ler mais<\/button>\n                                    <\/div>\n                                    <div class=\"tdp-hero-art\" aria-hidden=\"true\">\n                                        <div class=\"tdp-crystal-ball\"><\/div>\n                                        <span class=\"tdp-spark tdp-spark-1\">\u2726<\/span>\n                                        <span class=\"tdp-spark tdp-spark-2\">\u2726<\/span>\n                                        <span class=\"tdp-spark tdp-spark-3\">\u2726<\/span>\n                                    <\/div>\n                                <\/section>\n\n                                <!-- READINGS -->\n                                <section class=\"tdp-readings\">\n                                    <h2 class=\"tdp-section-title\">\ud83c\udccf Escolhe a Tua Tiragem<\/h2>\n\n                                    <div class=\"tdp-cards\">\n\n                                        <article class=\"tdp-card\" id=\"tdp-uma-carta\">\n                                            <div class=\"tdp-card-art tdp-card-art-one\">\n                                                <div class=\"tdp-tarot-card\"><span class=\"tdp-eye\">\ud83d\udc41<\/span><\/div>\n                                            <\/div>\n                                            <h3>Uma Carta<\/h3>\n                                            <p>Uma resposta r\u00e1pida para a tua d\u00favida.<\/p>\n                                            <button class=\"tdp-btn tdp-btn-primary\" data-tdp-reading=\"uma-carta\">Realizar Tiragem<\/button>\n                                        <\/article>\n\n                                        <article class=\"tdp-card\" id=\"tdp-tres-cartas\">\n                                            <div class=\"tdp-card-art tdp-card-art-three\">\n                                                <div class=\"tdp-tarot-card\"><span class=\"tdp-eye\">\ud83d\udc41<\/span><\/div>\n                                                <div class=\"tdp-tarot-card\"><span class=\"tdp-eye\">\ud83d\udc41<\/span><\/div>\n                                                <div class=\"tdp-tarot-card\"><span class=\"tdp-eye\">\ud83d\udc41<\/span><\/div>\n                                            <\/div>\n                                            <h3>Tr\u00eas Cartas<\/h3>\n                                            <p>Passado, Presente e Futuro. Compreende o fluxo do tempo.<\/p>\n                                            <button class=\"tdp-btn tdp-btn-primary\" data-tdp-reading=\"tres-cartas\">Realizar Tiragem<\/button>\n                                        <\/article>\n\n                                        <article class=\"tdp-card tdp-card-locked\" id=\"tdp-cruz-celta\">\n                                                                                            <span class=\"tdp-card-lock-icon\">\ud83d\udd12<\/span>\n                                                                                        <div class=\"tdp-card-art tdp-card-art-cross\">\n                                                <div class=\"tdp-cross-grid\">\n                                                    <span class=\"tdp-cross-cell c1\">\u2726<\/span>\n                                                    <span class=\"tdp-cross-cell c2\"><\/span>\n                                                    <span class=\"tdp-cross-cell c3\"><\/span>\n                                                    <span class=\"tdp-cross-cell c4\"><\/span>\n                                                    <span class=\"tdp-cross-cell c5\"><\/span>\n                                                    <span class=\"tdp-cross-cell c6\">\u2726<\/span>\n                                                    <span class=\"tdp-cross-cell c7\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <h3 class=\"tdp-gold-text\">Cruz Celta<\/h3>\n                                            <p>Uma leitura profunda sobre todas as \u00e1reas da tua vida.<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Desbloquear<\/button>\n                                                                                    <\/article>\n\n                                    <\/div>\n\n                                    <p class=\"tdp-more-soon\">\n                                        <a href=\"#\" style=\"color: var(--tdp-gold-light); text-decoration: none;\" data-view=\"upgrade\">Ver todas as tiragens \u2192<\/a>\n                                    <\/p>\n                                <\/section>\n\n                                <!-- ABOUT -->\n                                <section class=\"tdp-about\">\n                                    <div class=\"tdp-about-text\">\n                                        <h3>O que \u00e9 o Tarot?<\/h3>\n                                        <p>O Tarot \u00e9 uma ferramenta ancestral de autoconhecimento e orienta\u00e7\u00e3o.<\/p>\n                                        <button class=\"tdp-btn tdp-btn-primary\" data-tdp-info>Saber mais<\/button>\n                                    <\/div>\n                                    <div class=\"tdp-about-art\" aria-hidden=\"true\">\n                                        <div class=\"tdp-fan-card f1\"><\/div>\n                                        <div class=\"tdp-fan-card f2\"><\/div>\n                                        <div class=\"tdp-fan-card f3\"><\/div>\n                                        <div class=\"tdp-fan-card f4\"><\/div>\n                                        <div class=\"tdp-fan-card f5\"><\/div>\n                                        <div class=\"tdp-book\"><\/div>\n                                        <div class=\"tdp-crystal-small\"><\/div>\n                                    <\/div>\n                                <\/section>\n\n                                <p class=\"tdp-footer-quote\">\u2736 O Tarot n\u00e3o determina o teu destino, apenas ilumina o teu caminho. \u2736<\/p>\n\n                            <\/div>\n\n                            <!-- SIDE -->\n                            <aside class=\"tdp-col-side\">\n\n                                <div class=\"tdp-side-card tdp-date-card\">\n                                    <div class=\"tdp-date-row\">\n                                        <span class=\"tdp-moon-icon\">\ud83c\udf19<\/span>\n                                        <div>\n                                            <strong>18 de July de 2026<\/strong>\n                                            <small>Crescente em Le\u00e3o<\/small>\n                                        <\/div>\n                                    <\/div>\n                                    <blockquote>\"O que buscas, tamb\u00e9m te procura. Permite que o universo te surpreenda.\"<\/blockquote>\n                                    <div class=\"tdp-divider\">\u2726 \u2726 \u2726<\/div>\n                                <\/div>\n\n                                <div class=\"tdp-side-card tdp-history-card\">\n                                    <h4>\u00daltimas Tiragens<\/h4>\n\n                                                                            <div class=\"tdp-history-item\">\n                                            <div>\n                                                <strong>Tr\u00eas Cartas<\/strong>\n                                                <small>15 Jun 2026<\/small>\n                                            <\/div>\n                                            <div class=\"tdp-history-thumb\">\n                                                                                                                                                            <span><\/span>\n                                                                                                            <span><\/span>\n                                                                                                            <span><\/span>\n                                                                                                                                                <\/div>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-item\">\n                                            <div>\n                                                <strong>Uma Carta<\/strong>\n                                                <small>14 Jun 2026<\/small>\n                                            <\/div>\n                                            <div class=\"tdp-history-thumb\">\n                                                                                                                                                            <span><\/span>\n                                                                                                                                                <\/div>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-item\">\n                                            <div>\n                                                <strong>Cruz Celta<\/strong>\n                                                <small>12 Jun 2026<\/small>\n                                            <\/div>\n                                            <div class=\"tdp-history-thumb\">\n                                                                                                    <span class=\"tdp-cross-mini\"><\/span>\n                                                    <span class=\"tdp-mini-lock\">\ud83d\udd12<\/span>\n                                                                                            <\/div>\n                                        <\/div>\n                                    \n                                    <button class=\"tdp-btn tdp-btn-outline tdp-full-width\" data-view=\"historico\">Ver Hist\u00f3rico Completo<\/button>\n                                <\/div>\n\n                            <\/aside>\n\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: ENERGIA DO DIA ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"energia\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\">\n                                <h2>\u2609 Energia do Dia<\/h2>\n                                <p class=\"tdp-panel-sub\">18 de July de 2026 \u00b7 Crescente em Le\u00e3o<\/p>\n\n                                <div class=\"tdp-energy-detail\">\n                                    <div>\n                                        <p style=\"color: var(--tdp-text-muted); line-height: 1.7;\">A energia de hoje favorece a intui\u00e7\u00e3o, a transforma\u00e7\u00e3o e novos come\u00e7os. Este \u00e9 um bom momento para ouvir a tua voz interior e confiar nos sinais que o universo te envia. Reserva alguns minutos para respirar fundo antes de tomares decis\u00f5es importantes.<\/p>\n                                        <blockquote style=\"font-family: Georgia, serif; font-style: italic; border-left: 2px solid var(--tdp-gold); padding-left: 14px; color: var(--tdp-text); margin: 20px 0 0;\">\"O que buscas, tamb\u00e9m te procura. Permite que o universo te surpreenda.\"<\/blockquote>\n                                    <\/div>\n                                    <div class=\"tdp-energy-stats\">\n                                        <div class=\"tdp-energy-stat\">\n                                            <strong>Amor<\/strong>\n                                            <div class=\"tdp-energy-bar-outer\"><div class=\"tdp-energy-bar-inner\" style=\"width: 70%;\"><\/div><\/div>\n                                        <\/div>\n                                        <div class=\"tdp-energy-stat\">\n                                            <strong>Trabalho<\/strong>\n                                            <div class=\"tdp-energy-bar-outer\"><div class=\"tdp-energy-bar-inner\" style=\"width: 55%;\"><\/div><\/div>\n                                        <\/div>\n                                        <div class=\"tdp-energy-stat\">\n                                            <strong>Sa\u00fade<\/strong>\n                                            <div class=\"tdp-energy-bar-outer\"><div class=\"tdp-energy-bar-inner\" style=\"width: 85%;\"><\/div><\/div>\n                                        <\/div>\n                                        <div class=\"tdp-energy-stat\">\n                                            <strong>Intui\u00e7\u00e3o<\/strong>\n                                            <div class=\"tdp-energy-bar-outer\"><div class=\"tdp-energy-bar-inner\" style=\"width: 92%;\"><\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"tdp-form-actions\">\n                                    <button class=\"tdp-btn tdp-btn-primary\" data-tdp-reading=\"uma-carta\">Tirar uma carta sobre isto<\/button>\n                                    <button class=\"tdp-btn tdp-btn-outline\" data-view=\"dashboard\">Voltar ao In\u00edcio<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: TODAS AS TIRAGENS ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"todas\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\">\n                                <h2>\u2630 Todas as Tiragens<\/h2>\n                                <p class=\"tdp-panel-sub\">Escolhe entre todas as tiragens dispon\u00edveis na tua conta.<\/p>\n\n                                <div class=\"tdp-readings-grid-full\">\n                                                                            <article class=\"tdp-card \">\n                                                                                        <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"\">Uma Carta<\/h3>\n                                            <p>Uma resposta r\u00e1pida para a tua d\u00favida. (1 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-primary\" data-tdp-reading=\"uma-carta\">Realizar Tiragem<\/button>\n                                                                                    <\/article>\n                                                                            <article class=\"tdp-card \">\n                                                                                        <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"\">Tr\u00eas Cartas<\/h3>\n                                            <p>Passado, Presente e Futuro. Compreende o fluxo do tempo. (3 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-primary\" data-tdp-reading=\"tres-cartas\">Realizar Tiragem<\/button>\n                                                                                    <\/article>\n                                                                            <article class=\"tdp-card tdp-card-locked\">\n                                            <span class=\"tdp-card-lock-icon\">\ud83d\udd12<\/span>                                            <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"tdp-gold-text\">Cruz Celta<\/h3>\n                                            <p>Uma leitura profunda sobre todas as \u00e1reas da tua vida. (10 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Desbloquear<\/button>\n                                                                                    <\/article>\n                                                                            <article class=\"tdp-card tdp-card-locked\">\n                                            <span class=\"tdp-card-lock-icon\">\ud83d\udd12<\/span>                                            <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"tdp-gold-text\">Ferradura<\/h3>\n                                            <p>Sete cartas para iluminar um caminho a seguir. (7 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Desbloquear<\/button>\n                                                                                    <\/article>\n                                                                            <article class=\"tdp-card tdp-card-locked\">\n                                            <span class=\"tdp-card-lock-icon\">\ud83d\udd12<\/span>                                            <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"tdp-gold-text\">Relacionamento<\/h3>\n                                            <p>Compreende a din\u00e2mica entre ti e a outra pessoa. (6 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Desbloquear<\/button>\n                                                                                    <\/article>\n                                                                            <article class=\"tdp-card tdp-card-locked\">\n                                            <span class=\"tdp-card-lock-icon\">\ud83d\udd12<\/span>                                            <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"tdp-gold-text\">Ano Novo<\/h3>\n                                            <p>Doze cartas, uma para cada m\u00eas que se aproxima. (12 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Desbloquear<\/button>\n                                                                                    <\/article>\n                                                                            <article class=\"tdp-card tdp-card-locked\">\n                                            <span class=\"tdp-card-lock-icon\">\ud83d\udd12<\/span>                                            <div class=\"tdp-card-art\">\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                                    <div class=\"tdp-tarot-card\" style=\"width:56px;height:92px;\"><span class=\"tdp-eye\" style=\"font-size:16px;\">\ud83d\udc41<\/span><\/div>\n                                                                                            <\/div>\n                                            <h3 class=\"tdp-gold-text\">Carreira<\/h3>\n                                            <p>Orienta\u00e7\u00e3o sobre o teu caminho profissional. (5 cartas)<\/p>\n                                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Desbloquear<\/button>\n                                                                                    <\/article>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: UPGRADE (n\u00e3o-premium) ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"upgrade\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\" style=\"text-align:center; padding: 50px 30px;\">\n                                <div style=\"font-size: 40px; margin-bottom: 14px;\">\ud83d\udc51<\/div>\n                                <h2>Torna-te Premium<\/h2>\n                                <p class=\"tdp-panel-sub\" style=\"max-width: 420px; margin-left:auto; margin-right:auto;\">Desbloqueia todas as tiragens, o teu hist\u00f3rico completo e conte\u00fados exclusivos.<\/p>\n                                <div class=\"tdp-form-actions\" style=\"justify-content:center;\">\n                                    <button class=\"tdp-btn tdp-btn-gold\" data-tdp-upgrade>Tornar Premium<\/button>\n                                    <button class=\"tdp-btn tdp-btn-outline\" data-view=\"dashboard\">Voltar ao In\u00edcio<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: HIST\u00d3RICO COMPLETO ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"historico\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\">\n                                <h2>\ud83d\udccb Meu Hist\u00f3rico<\/h2>\n                                <p class=\"tdp-panel-sub\">Todas as tiragens que j\u00e1 realizaste.<\/p>\n\n                                <div class=\"tdp-history-full-list\">\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span><\/span><span><\/span><span><\/span>                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Tr\u00eas Cartas<\/strong>\n                                                    <small>15 Jun 2026 \u00b7 3 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-0\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span><\/span>                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Uma Carta<\/strong>\n                                                    <small>14 Jun 2026 \u00b7 1 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-1\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span class=\"tdp-cross-mini\"><\/span>\n                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Cruz Celta \ud83d\udd12<\/strong>\n                                                    <small>12 Jun 2026 \u00b7 10 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-2\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span class=\"tdp-cross-mini\"><\/span>\n                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Ferradura \ud83d\udd12<\/strong>\n                                                    <small>08 Jun 2026 \u00b7 7 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-3\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span><\/span>                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Uma Carta<\/strong>\n                                                    <small>05 Jun 2026 \u00b7 1 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-4\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span class=\"tdp-cross-mini\"><\/span>\n                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Relacionamento \ud83d\udd12<\/strong>\n                                                    <small>01 Jun 2026 \u00b7 6 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-5\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span><\/span><span><\/span><span><\/span>                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Tr\u00eas Cartas<\/strong>\n                                                    <small>28 Mai 2026 \u00b7 3 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-6\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                            <div class=\"tdp-history-full-item\">\n                                            <div class=\"tdp-hf-left\">\n                                                <div class=\"tdp-history-thumb\">\n                                                                                                            <span class=\"tdp-cross-mini\"><\/span>\n                                                                                                    <\/div>\n                                                <div>\n                                                    <strong>Ano Novo \ud83d\udd12<\/strong>\n                                                    <small>01 Jan 2026 \u00b7 12 cartas<\/small>\n                                                <\/div>\n                                            <\/div>\n                                            <button class=\"tdp-fav-btn\" data-tdp-fav=\"hist-7\" aria-label=\"Marcar como favorita\">\u2661<\/button>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: FAVORITAS ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"favoritas\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\">\n                                <h2>\u2661 Favoritas<\/h2>\n                                <p class=\"tdp-panel-sub\">Tiragens que guardaste para consultar mais tarde.<\/p>\n\n                                <div class=\"tdp-empty-state\" data-tdp-fav-empty>\n                                    <div class=\"tdp-empty-icon\">\u2726<\/div>\n                                    <h3>Ainda n\u00e3o tens tiragens favoritas<\/h3>\n                                    <p>Vai ao teu hist\u00f3rico e marca com \u2661 as tiragens que queres guardar aqui.<\/p>\n                                    <button class=\"tdp-btn tdp-btn-primary\" data-view=\"historico\">Ver Hist\u00f3rico<\/button>\n                                <\/div>\n\n                                <div class=\"tdp-history-full-list\" data-tdp-fav-list style=\"display:none;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: PERFIL ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"perfil\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\">\n                                <div class=\"tdp-profile-header\">\n                                    <div class=\"tdp-profile-avatar\"><\/div>\n                                    <div>\n                                        <h2>Estrela<\/h2>\n                                        <div class=\"tdp-profile-tag\">estrela@exemplo.com \u00b7 Signo de Peixes<\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"tdp-form-grid\">\n                                    <div class=\"tdp-form-group\">\n                                        <label for=\"tdp-field-name\">NOME<\/label>\n                                        <input type=\"text\" id=\"tdp-field-name\" value=\"Estrela\">\n                                    <\/div>\n                                    <div class=\"tdp-form-group\">\n                                        <label for=\"tdp-field-email\">EMAIL<\/label>\n                                        <input type=\"email\" id=\"tdp-field-email\" value=\"estrela@exemplo.com\">\n                                    <\/div>\n                                    <div class=\"tdp-form-group\">\n                                        <label for=\"tdp-field-sign\">SIGNO<\/label>\n                                        <select id=\"tdp-field-sign\">\n                                            <option >Carneiro<\/option><option >Touro<\/option><option >G\u00e9meos<\/option><option >Caranguejo<\/option><option >Le\u00e3o<\/option><option >Virgem<\/option><option >Balan\u00e7a<\/option><option >Escorpi\u00e3o<\/option><option >Sagit\u00e1rio<\/option><option >Capric\u00f3rnio<\/option><option >Aqu\u00e1rio<\/option><option selected>Peixes<\/option>                                        <\/select>\n                                    <\/div>\n                                    <div class=\"tdp-form-group\">\n                                        <label for=\"tdp-field-birth\">DATA DE NASCIMENTO<\/label>\n                                        <input type=\"date\" id=\"tdp-field-birth\">\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"tdp-form-actions\">\n                                    <button class=\"tdp-btn tdp-btn-primary\" type=\"button\" data-tdp-save-profile>Guardar Altera\u00e7\u00f5es<\/button>\n                                                                            <button class=\"tdp-btn tdp-btn-gold-outline\" data-tdp-upgrade>\ud83d\udc51 Tornar Premium<\/button>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                    <!-- ===================== VISTA: DEFINI\u00c7\u00d5ES ===================== -->\n                    <section class=\"tdp-view\" data-view-name=\"definicoes\">\n                        <div class=\"tdp-view-inner\">\n                            <div class=\"tdp-panel\">\n                                <h2>\u2699 Defini\u00e7\u00f5es<\/h2>\n                                <p class=\"tdp-panel-sub\">Personaliza a tua experi\u00eancia no Tarot Dashboard.<\/p>\n\n                                <div class=\"tdp-toggle-row\">\n                                    <div>\n                                        <strong>Modo Claro<\/strong>\n                                        <small>Alterna entre tema escuro e tema claro.<\/small>\n                                    <\/div>\n                                    <label class=\"tdp-switch\">\n                                        <input type=\"checkbox\" data-tdp-theme-checkbox>\n                                        <span class=\"tdp-switch-slider\"><\/span>\n                                    <\/label>\n                                <\/div>\n\n                                <div class=\"tdp-toggle-row\">\n                                    <div>\n                                        <strong>Notifica\u00e7\u00f5es Di\u00e1rias<\/strong>\n                                        <small>Recebe um lembrete com a energia do dia.<\/small>\n                                    <\/div>\n                                    <label class=\"tdp-switch\">\n                                        <input type=\"checkbox\" checked>\n                                        <span class=\"tdp-switch-slider\"><\/span>\n                                    <\/label>\n                                <\/div>\n\n                                <div class=\"tdp-toggle-row\">\n                                    <div>\n                                        <strong>Fase Lunar no Cabe\u00e7alho<\/strong>\n                                        <small>Mostra a fase lunar atual na barra lateral.<\/small>\n                                    <\/div>\n                                    <label class=\"tdp-switch\">\n                                        <input type=\"checkbox\" checked>\n                                        <span class=\"tdp-switch-slider\"><\/span>\n                                    <\/label>\n                                <\/div>\n\n                                <div class=\"tdp-form-grid\" style=\"margin-top: 20px;\">\n                                    <div class=\"tdp-form-group\">\n                                        <label for=\"tdp-field-lang\">IDIOMA<\/label>\n                                        <select id=\"tdp-field-lang\">\n                                            <option selected>Portugu\u00eas<\/option>\n                                            <option>English<\/option>\n                                            <option>Espa\u00f1ol<\/option>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"tdp-form-actions\">\n                                    <button class=\"tdp-btn tdp-btn-primary\" type=\"button\" data-tdp-save-profile>Guardar Defini\u00e7\u00f5es<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/section>\n\n                <\/main>\n            <\/div>\n        <\/div>\n\n        <script>\n        (function () {\n            \"use strict\";\n\n            document.addEventListener( \"click\", function ( e ) {\n\n                var wrapper = e.target.closest( \".tdp-wrapper\" );\n                if ( ! wrapper ) { return; }\n\n                \/* -------- Fechar dropdowns ao clicar fora -------- *\/\n                if ( ! e.target.closest( \"[data-tdp-toggle-dropdown]\" ) && ! e.target.closest( \".tdp-dropdown\" ) ) {\n                    wrapper.querySelectorAll( \".tdp-dropdown\" ).forEach( function ( d ) { d.classList.remove( \"tdp-dropdown-open\" ); } );\n                }\n\n                \/* -------- Abrir\/fechar dropdowns (notifica\u00e7\u00f5es \/ perfil) -------- *\/\n                var dropdownToggle = e.target.closest( \"[data-tdp-toggle-dropdown]\" );\n                if ( dropdownToggle ) {\n                    e.preventDefault();\n                    var key = dropdownToggle.getAttribute( \"data-tdp-toggle-dropdown\" );\n                    var dropdown = wrapper.querySelector( '[data-tdp-dropdown=\"' + key + '\"]' );\n                    var isOpen = dropdown.classList.contains( \"tdp-dropdown-open\" );\n                    wrapper.querySelectorAll( \".tdp-dropdown\" ).forEach( function ( d ) { d.classList.remove( \"tdp-dropdown-open\" ); } );\n                    if ( ! isOpen ) { dropdown.classList.add( \"tdp-dropdown-open\" ); }\n                    return;\n                }\n\n                \/* -------- Alternar tema claro\/escuro -------- *\/\n                var themeToggle = e.target.closest( \"[data-tdp-theme-toggle]\" );\n                if ( themeToggle ) {\n                    toggleTheme( wrapper );\n                    return;\n                }\n\n                \/* -------- Navega\u00e7\u00e3o entre vistas -------- *\/\n                var navTarget = e.target.closest( \"[data-view]\" );\n                if ( navTarget ) {\n                    e.preventDefault();\n                    var viewName = navTarget.getAttribute( \"data-view\" );\n                    switchView( wrapper, viewName );\n\n                    \/\/ Marca item ativo na sidebar (apenas se o clique partiu da sidebar)\n                    if ( navTarget.closest( \".tdp-nav\" ) ) {\n                        wrapper.querySelectorAll( \".tdp-nav-item\" ).forEach( function ( item ) { item.classList.remove( \"active\" ); } );\n                        navTarget.classList.add( \"active\" );\n                    } else {\n                        var matchingNav = wrapper.querySelector( '.tdp-nav-item[data-view=\"' + viewName + '\"]:not([data-scroll])' );\n                        if ( matchingNav ) {\n                            wrapper.querySelectorAll( \".tdp-nav-item\" ).forEach( function ( item ) { item.classList.remove( \"active\" ); } );\n                            matchingNav.classList.add( \"active\" );\n                        }\n                    }\n\n                    \/\/ Scroll suave at\u00e9 um cart\u00e3o de tiragem dentro do dashboard\n                    var scrollTarget = navTarget.getAttribute( \"data-scroll\" );\n                    if ( scrollTarget ) {\n                        setTimeout( function () {\n                            var el = wrapper.querySelector( \"#\" + scrollTarget );\n                            if ( el ) { el.scrollIntoView( { behavior: \"smooth\", block: \"start\" } ); }\n                        }, 60 );\n                    }\n\n                    wrapper.querySelectorAll( \".tdp-dropdown\" ).forEach( function ( d ) { d.classList.remove( \"tdp-dropdown-open\" ); } );\n                    return;\n                }\n\n                \/* -------- Bot\u00e3o \"Tornar Premium\" -------- *\/\n                if ( e.target.closest( \"[data-tdp-upgrade]\" ) ) {\n                    e.preventDefault();\n                    showInfoModal( wrapper, \"Tornar Premium\", \"Aqui poderias integrar o teu fluxo de pagamento (ex: WooCommerce, Stripe ou uma p\u00e1gina de checkout dedicada) para desbloquear as tiragens e conte\u00fados premium.\" );\n                    return;\n                }\n\n                \/* -------- Bot\u00e3o \"Saber mais\" sobre o Tarot -------- *\/\n                if ( e.target.closest( \"[data-tdp-info]\" ) ) {\n                    e.preventDefault();\n                    showInfoModal( wrapper, \"O que \u00e9 o Tarot?\", \"O Tarot \u00e9 um sistema simb\u00f3lico com origem no s\u00e9culo XV, usado como ferramenta de reflex\u00e3o e autoconhecimento. Cada carta representa arqu\u00e9tipos e situa\u00e7\u00f5es da vida, ajudando-te a olhar para as tuas quest\u00f5es sob uma nova perspetiva.\" );\n                    return;\n                }\n\n                \/* -------- Guardar perfil \/ defini\u00e7\u00f5es (simulado) -------- *\/\n                if ( e.target.closest( \"[data-tdp-save-profile]\" ) ) {\n                    e.preventDefault();\n                    showInfoModal( wrapper, \"Guardado\", \"As tuas altera\u00e7\u00f5es foram guardadas com sucesso. Liga este bot\u00e3o a uma chamada AJAX (admin-ajax.php ou REST API) para persistir os dados na base de dados do WordPress.\" );\n                    return;\n                }\n\n                \/* -------- Marcar\/desmarcar favorita no hist\u00f3rico -------- *\/\n                var favBtn = e.target.closest( \"[data-tdp-fav]\" );\n                if ( favBtn ) {\n                    e.preventDefault();\n                    favBtn.classList.toggle( \"tdp-fav-active\" );\n                    favBtn.textContent = favBtn.classList.contains( \"tdp-fav-active\" ) ? \"\u2665\" : \"\u2661\";\n                    updateFavoritesView( wrapper );\n                    return;\n                }\n\n                \/* -------- Realizar tiragem (abre modal com as cartas) -------- *\/\n                var readingBtn = e.target.closest( \"[data-tdp-reading]\" );\n                if ( readingBtn ) {\n                    e.preventDefault();\n                    openReadingModal( wrapper, readingBtn.getAttribute( \"data-tdp-reading\" ) );\n                    return;\n                }\n\n                \/* -------- Fechar modais -------- *\/\n                var overlay = e.target.closest( \".tdp-modal-overlay\" );\n                if ( overlay && ( e.target === overlay || e.target.classList.contains( \"tdp-modal-close\" ) ) ) {\n                    overlay.remove();\n                }\n            } );\n\n            document.addEventListener( \"change\", function ( e ) {\n                var wrapper = e.target.closest( \".tdp-wrapper\" );\n                if ( ! wrapper ) { return; }\n\n                if ( e.target.matches( \"[data-tdp-theme-checkbox]\" ) ) {\n                    toggleTheme( wrapper, e.target.checked );\n                }\n            } );\n\n            function switchView( wrapper, viewName ) {\n                wrapper.querySelectorAll( \".tdp-view\" ).forEach( function ( view ) {\n                    view.classList.toggle( \"tdp-view-active\", view.getAttribute( \"data-view-name\" ) === viewName );\n                } );\n                var main = wrapper.querySelector( \".tdp-main\" );\n                if ( main ) { main.scrollTop = 0; }\n            }\n\n            function toggleTheme( wrapper, forceLight ) {\n                var isLight = typeof forceLight === \"boolean\" ? forceLight : ! wrapper.classList.contains( \"tdp-light\" );\n                wrapper.classList.toggle( \"tdp-light\", isLight );\n\n                var themeBtn = wrapper.querySelector( \"[data-tdp-theme-toggle]\" );\n                if ( themeBtn ) { themeBtn.textContent = isLight ? \"\u2600\" : \"\ud83c\udf19\"; }\n\n                var themeCheckbox = wrapper.querySelector( \"[data-tdp-theme-checkbox]\" );\n                if ( themeCheckbox ) { themeCheckbox.checked = isLight; }\n            }\n\n            function updateFavoritesView( wrapper ) {\n                var favButtons = wrapper.querySelectorAll( \"[data-tdp-fav].tdp-fav-active\" );\n                var emptyState = wrapper.querySelector( \"[data-tdp-fav-empty]\" );\n                var favList = wrapper.querySelector( \"[data-tdp-fav-list]\" );\n                if ( ! emptyState || ! favList ) { return; }\n\n                if ( favButtons.length === 0 ) {\n                    emptyState.style.display = \"\";\n                    favList.style.display = \"none\";\n                    favList.innerHTML = \"\";\n                    return;\n                }\n\n                emptyState.style.display = \"none\";\n                favList.style.display = \"\";\n                favList.innerHTML = \"\";\n\n                favButtons.forEach( function ( btn ) {\n                    var row = btn.closest( \".tdp-history-full-item\" );\n                    if ( row ) { favList.appendChild( row.cloneNode( true ) ); }\n                } );\n            }\n\n            function showInfoModal( wrapper, title, text ) {\n                var existing = wrapper.querySelector( \".tdp-modal-overlay\" );\n                if ( existing ) { existing.remove(); }\n\n                var overlay = document.createElement( \"div\" );\n                overlay.className = \"tdp-modal-overlay\";\n                overlay.innerHTML =\n                    '<div class=\"tdp-modal\">' +\n                        \"<h3>\" + escapeHtml( title ) + \"<\/h3>\" +\n                        \"<p>\" + escapeHtml( text ) + \"<\/p>\" +\n                        '<button class=\"tdp-btn tdp-btn-primary tdp-modal-close\">Fechar<\/button>' +\n                    \"<\/div>\";\n                wrapper.appendChild( overlay );\n            }\n\n            function openReadingModal( wrapper, type ) {\n                var existing = wrapper.querySelector( \".tdp-modal-overlay\" );\n                if ( existing ) { existing.remove(); }\n\n                var readingMap = {\n                    \"uma-carta\":      { cards: 1,  title: \"A tua carta\" },\n                    \"tres-cartas\":    { cards: 3,  title: \"Passado, Presente e Futuro\" },\n                    \"cruz-celta\":     { cards: 10, title: \"Cruz Celta\" },\n                    \"ferradura\":      { cards: 7,  title: \"Ferradura\" },\n                    \"relacionamento\": { cards: 6,  title: \"Relacionamento\" },\n                    \"ano-novo\":       { cards: 12, title: \"Ano Novo\" },\n                    \"carreira\":       { cards: 5,  title: \"Carreira\" }\n                };\n\n                var config = readingMap[ type ] || { cards: 1, title: \"A tua carta\" };\n\n                var cardsHtml = \"\";\n                for ( var i = 0; i < Math.min( config.cards, 3 ); i++ ) {\n                    cardsHtml += '<div class=\"tdp-tarot-card\"><span class=\"tdp-eye\">\ud83d\udc41<\/span><\/div>';\n                }\n\n                var overlay = document.createElement( \"div\" );\n                overlay.className = \"tdp-modal-overlay\";\n                overlay.innerHTML =\n                    '<div class=\"tdp-modal\">' +\n                        \"<h3>\" + escapeHtml( config.title ) + \"<\/h3>\" +\n                        '<div class=\"tdp-modal-cards\">' + cardsHtml + \"<\/div>\" +\n                        \"<p>As cartas foram reveladas. Reflete sobre a mensagem que trazem para o teu momento atual.<\/p>\" +\n                        '<button class=\"tdp-btn tdp-btn-primary tdp-modal-close\">Fechar<\/button>' +\n                    \"<\/div>\";\n\n                wrapper.appendChild( overlay );\n            }\n\n            function escapeHtml( str ) {\n                var div = document.createElement( \"div\" );\n                div.textContent = str;\n                return div.innerHTML;\n            }\n        })();\n        <\/script>\n\n        \n[abertura_tarot]<\/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<div class=\"elementor-element elementor-element-eeafcb6 elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"eeafcb6\" 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-0e629fa elementor-widget elementor-widget-spacer\" data-id=\"0e629fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/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":"<p>[abertura_tarot]<\/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-2581","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2581","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=2581"}],"version-history":[{"count":19,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2581\/revisions"}],"predecessor-version":[{"id":2890,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2581\/revisions\/2890"}],"wp:attachment":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/media?parent=2581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}