{"id":10,"date":"2026-01-13T20:13:03","date_gmt":"2026-01-13T20:13:03","guid":{"rendered":"https:\/\/hedomi.info\/demo\/?page_id=10"},"modified":"2026-01-14T19:17:18","modified_gmt":"2026-01-14T19:17:18","slug":"demo","status":"publish","type":"page","link":"https:\/\/hedomi.info\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"                <script src='https:\/\/cdn.tailwindcss.com'><\/script>\r\n                \r\n\r\n<section>\r\n        <div class=\"container-matrix mt-12\" >\r\n                  <div class=\"birthdate flex gap-2.5 justify-center  lg:justify-center flex-wrap flex-col items-center lg:items-end md:flex-row mt-4\">\r\n           \r\n          \r\n    <!-- Campo manual se n\u00c3\u00a3o houver datas -->\r\n    <div class=\"flex flex-col lg:flex-row gap-0.5 \">\r\n                                <div class=\"flex flex-col\">\r\n                <label>Birthday<\/label>\r\n                <input type=\"date\" name=\"date\" style=\"border-radius:15px\" id=\"birthdate\" class=\"p-3 h-12 border-2 border-gray-600 w-80\">\r\n            <\/div>\r\n            <\/div>\r\n          \r\n    <div class=\"birthdate-item flex flex-col mt-4 md:mt-0\">\r\n        <button onClick=\"calcMatrix()\" class=\"calculate btn-comeca flex justify-center w-fit items-center px-4 font-bold h-12 dark:bg-red-300\" style=\"background:#7647ed; color:#fff;border-radius:15px !important\">\r\n            Calculate  \r\n        <\/button>\r\n    <\/div>\r\n\r\n\r\n      <\/div>      \r\n       \r\n    \r\n\r\n        <!-- Chart -->\r\n        <div class=\"container-matrix flex flex-wrap items-center flex-row-reverse justify-between mt-12\" >\r\n    \r\n        <div class=\"obch w-full relative w-full lg:w-1\/2\" id=\"matrix\">\r\n            <img decoding=\"async\" src=\"https:\/\/hedomi.info\/demo\/wp-content\/uploads\/2026\/01\/DinaraChart.png\" class=\"transimage\" id=\"schemaImg\">\r\n            <div class=\"matrix\">\r\n            <div class=\"trans\" style=\"position:absolute; width:9%; height:9%; left:1%; top:44.6%;\">\r\n                \r\n                <div style=\"background:#A66DB9;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n1\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans\" style=\"position:absolute; width:9%; height:9%; left:44.9%; top:0.7%;\">\r\n                 \r\n                <div style=\"background:#A66DB9;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n3\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans\" style=\"position:absolute; width:9%; height:9%; left:89%; top:44.6%;\">                    \r\n                <div style=\"background:#EB4B41;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n5\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans\" style=\"position:absolute; width:9%; height:9%; left:45%; top:88.5%;\">\r\n                 \r\n                <div style=\"background:#EB4B41;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n7\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans relative\" style=\"position:absolute; width:9%; height:9%; left:45%; top:45%;\"> \r\n                <div style=\"background:#FFDE68;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n30\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans bg-white\"\r\n                style=\"position:absolute; width:9%; height:9%; left:14%; top:13.5%; background:#f9f9f9;color:#000\" >\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n2\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans bg-white\"\r\n                style=\"position:absolute; width:9%; height:9%; left:76%; top:13.5%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n4\" >0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:9%; height:9%; left:76%; top:75.5%;background:#f9f9f9;color:#000\" >\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n6\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:9%; height:9%; left:14.2%; top:75.5%; background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n8\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans\" style=\"position:absolute; width:4.5%; height:4.5%; left:47.3%; top:76.3%; background:#E98C46;color:#000\">\r\n                \r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n23\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans\" style=\"position:absolute; width:4.5%; height:4.5%; left:76.5%; top:46.8%;background:#E98C46;color:#000\">\r\n                 \r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n21\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:60.5%; top:60.5%;  background:#f9f9f9;color:#000\">\r\n                 \r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n28\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n              <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:58.5%; top:66.5%;background:#f9f9f9;color:#000\">\r\n                 \r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n29\">0<\/span>\r\n                <\/div>\r\n            <\/div>  \r\n\r\n            <div  class=\"trans\" style=\"position:absolute; width:4.5%; height:4.5%; left:17.9%; top:46.8%;background:#80CABB;color:#000\">\r\n                \r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n17\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans\" style=\"position:absolute; width:4.5%; height:4.5%; left:47.2%; top:17.5%;\">\r\n                \r\n                <div style=\"background:#80CABB;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n19\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:46.9%; top:82%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n15\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans\" style=\"position:absolute; width:5.5%; height:5.5%; left:46.7%; top:11%; \">\r\n                 \r\n                <div style=\"background:#55A3B3;color:#000; width:100%; height:100%;\">\r\n                    <span id=\"n11\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:81.8%; top:46.5%;background:#f9f9f9;color:#000\">\r\n                 \r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n13\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans\" style=\"position:absolute; width:4.5%; height:4.5%; left:32%; top:46.6%;\">\r\n                <div style=\"background:#63B062;color:#000;  width:100%; height:100%;\">\r\n                    <span id=\"n25\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans\" style=\"position:absolute; width:4.5%; height:4.5%; left:47.1%; top:31%;\">\r\n                <div style=\"background:#63B062;color:#000;  width:100%; height:100%;\">\r\n                    <span id=\"n26\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans\" style=\"position:absolute; width:5.5%; height:5.5%; left:10.9%; top:46.1%;\">\r\n                 \r\n                <div style=\"background:#55A3B3;color:#000;  width:100%; height:100%;\">\r\n                    <span id=\"n9\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:26.8%; top:26.2%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n18\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:21.5%; top:21.3%;  background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n10\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:68.8%; top:26.2%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n20\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:72.5%; top:21.3%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n12\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:68.3%; top:67.9%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n22\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:72%; top:71.7%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%; \">\r\n                    <span id=\"n14\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:26.8%; top:67.2%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%;\">\r\n                    <span id=\"n24\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:21.9%; top:71.4%;background:#f9f9f9;color:#000\">\r\n                <div style=\"width:100%; height:100%;\">\r\n                    <span id=\"n16\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n              <div  class=\"trans  bg-white\"\r\n                style=\"position:absolute; width:4.5%; height:4.5%; left:67%; top:58.5%;background:#f9f9f9;color:#000\";>\r\n                <div style=\"width:100%; height:100%;\">\r\n                    \r\n                    <span id=\"n27\">0<\/span>\r\n                <\/div>\r\n            <\/div>  \r\n\r\n            <div  class=\"trans bg-white\"\r\n                style=\"position:absolute; width:5.5%; height:5.5%; left:61%; top:46.9%;background:#f9f9f9;color:#000\">\r\n                <div style=\" width:100%; height:100%; \">\r\n                  <span id=\"n32\">0 <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div  class=\"trans bg-white\"  style=\"position:absolute; width:6.5%; height:6.5%; left:54.3%; top:46.1%;background:#f9f9f9;color:#000\">\r\n                 \r\n                <div style=\" width:100%; height:100%; \">\r\n                    <span id=\"n31\">0<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n           <!-- 0 - 10 -->\r\n           <div class=\"trans \" style=\"position:absolute; top:29%; left:3.1%; height:3%; width:5%;\">\r\n                <span id=\"y1\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans  \" style=\"position:absolute; top:36%; left:0.5%; height:3%; width:5%;\">\r\n                <span id=\"y2\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans  \" style=\"position:absolute; top:39%; left:-.7%; height:3%; width:5%;\">\r\n                <span id=\"y3\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans  \" style=\"position:absolute; top:32.5%; left:1.9%; height:3%; width:5%;\">\r\n                <span id=\"y4\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:23.5%; left:5.8%; height:3%; width:5%;\">\r\n                <span id=\"y5\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:20.6%; left:7.3%; height:3%; width:5%;\">\r\n                <span id=\"y6\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:26.5%; left:4.4%; height:3%; width:5%;\">\r\n                <span id=\"y7\">0<\/span>\r\n            <\/div>\r\n            <!-- 10 - 20 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:3.3%; left:29.7%; height:3%; width:5%;\">\r\n                <span id=\"y8\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:6.1%; left:23.1%; height:3%; width:5%;\">\r\n                <span id=\"y9\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:7.6%; left:20%; height:3%; width:5%;\">\r\n                <span id=\"y10\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:4.8%; left:26.5%; height:3%; width:5%;\">\r\n                <span id=\"y11\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:1.1%; left:36%; height:3%; width:5%;\">\r\n                <span id=\"y12\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:-.3%; left:39.5%; height:3%; width:5%;\">\r\n                <span id=\"y13\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:2.3%; left:33%; height:3%; width:5%;\">\r\n                <span id=\"y14\">0<\/span>\r\n            <\/div>\r\n            <!-- 20 - 30 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:3.5%; left:65.3%; height:3%; width:5%;\">\r\n                <span id=\"y15\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:1.3%; left:59.1%; height:3%; width:5%;\">\r\n                <span id=\"y16\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:0%; left:55.3%; height:3%; width:5%;\">\r\n                <span id=\"y17\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:2.5%; left:62.5%; height:3%; width:5%;\">\r\n                <span id=\"y18\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:6.4%; left:71.3%; height:3%; width:5%;\">\r\n                <span id=\"y19\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:5.2%; left:68.5%; height:3%; width:5%;\">\r\n                <span id=\"y20\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:7.5%; left:74.9%; height:3%; width:5%;\">\r\n                <span id=\"y21\">0<\/span>\r\n            <\/div>\r\n            <!-- 30 - 40 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:29.4%; left:91.6%; height:3%; width:5%;\">\r\n                <span id=\"y22\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:23.3%; left:89.0%; height:3%; width:5%;\">\r\n                <span id=\"y23\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:20.1%; left:87.2%; height:3%; width:5%;\">\r\n                <span id=\"y24\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:26.1%; left:90.0%; height:3%; width:5%;\">\r\n                <span id=\"y25\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:35.5%; left:94%; height:3%; width:5%;\">\r\n                <span id=\"y26\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:39.2%; left:95.3%; height:3%; width:5%;\">\r\n                <span id=\"y27\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:32.5%; left:92.6%; height:3%; width:5%;\">\r\n                <span id=\"y28\">0<\/span>\r\n            <\/div>\r\n            <!-- 40 - 50 -->\r\n            <!-- 40 - 50 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:65%; left:91.5%; height:3%; width:5%;\">\r\n                <span  id=\"y29\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:59%; left:93.5%; height:3%; width:5%;\">\r\n                <span  id=\"y30\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:62%; left:92.5%; height:3%; width:5%;\">\r\n                <span  id=\"y31\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:55.6%; left:95%; height:3%; width:5%;\">\r\n                <span  id=\"y32\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:71.5%; left:88%; height:3%; width:5%;\">\r\n                <span  id=\"y33\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:74.4%; left:87%; height:3%; width:5%;\">\r\n                <span  id=\"y34\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:68.3%; left:90%; height:3%; width:5%;\">\r\n                <span  id=\"y35\">0<\/span>\r\n            <\/div>\r\n            <!-- 50 - 60 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:91.3%; left:65%; height:3%; width:5%;\">\r\n                <span  id=\"y36\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:88.3%; left:71.7%; height:3%; width:5%;\">\r\n                <span  id=\"y37\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:87.3%; left:75.0%; height:3%; width:5%;\">\r\n                <span  id=\"y38\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:89.8%; left:68.7%; height:3%; width:5%;\">\r\n                <span  id=\"y39\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:93.8%; left:59%; height:3%; width:5%;\">\r\n                <span  id=\"y40\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:92.3%; left:62%; height:3%; width:5%;\">\r\n                <span  id=\"y41\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:95.3%; left:55%; height:3%; width:5%;\">\r\n                <span  id=\"y42\">0<\/span>\r\n            <\/div>\r\n            <!-- 60 - 70 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:91.7%; left:30%; height:3%; width:5%;\">\r\n                <span  id=\"y43\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:94.2%; left:36.5%; height:3%; width:5%;\">\r\n                <span  id=\"y44\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:95.7%; left:39.5%; height:3%; width:5%;\">\r\n                <span  id=\"y45\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:93%; left:33.3%; height:3%; width:5%;\">\r\n                <span  id=\"y46\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:89.2%; left:23.5%; height:3%; width:5%;\">\r\n                <span  id=\"y47\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:90.7%; left:26.5%; height:3%; width:5%;\">\r\n                <span  id=\"y48\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:87.7%; left:20.5%; height:3%; width:5%;\">\r\n                <span  id=\"y49\">0<\/span>\r\n            <\/div>\r\n            <!-- 70 - 80 -->\r\n            <div class=\"trans \" style=\"position:absolute; top:65.3%; left:3.0%; height:3%; width:5%;\">\r\n                <span  id=\"y50\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:72%; left:6.0%; height:3%; width:5%;\">\r\n                <span  id=\"y51\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:75%; left:7.4%; height:3%; width:5%;\">\r\n                <span id=\"y52\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:68.5%; left:4.6%; height:3%; width:5%;\">\r\n                <span   id=\"y53\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:59%; left:0.5%; height:3%; width:5%;\">\r\n                <span   id=\"y54\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:56%; left:-1.0%; height:3%; width:5%;\">\r\n                <span  id=\"y55\">0<\/span>\r\n            <\/div>\r\n            <div class=\"trans \" style=\"position:absolute; top:62%; left:1.7%; height:3%; width:5%;\">\r\n                <span  id=\"y56\">0<\/span>\r\n            <\/div>\r\n                    <\/div>\r\n\r\n              \r\n         \r\n        <!-- Table -->\r\n        <div class=\" w-full lg:w-1\/2\">\r\n            <div class=\"w-full  text-gray-900 pr-0 lg:pl-10 mt-10\">\r\n            <h3 class=\"font-bold text-2xl mb-3 text-center lg:text-left\">Personal characteristics<\/h3>\r\n            <p class=\"mb-3 text-xl text-center lg:text-left\">Natal chart<\/p>\r\n            \r\n<table class=\"table \" id=\"table\" width=\"100%\">\r\n                <tbody>\r\n                    <tr class=\"toptable text-gray-500 p-2 lg:p-3 h-14 font-bold\" >\r\n                        <td><\/td>\r\n                        <td class=\"pl-4 explanation-item\">Chakra<\/td>\r\n                        <td> Energy <\/td>\r\n                        <td> Fisic <\/td>                        \r\n                        <td> Emotion <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700  \" >\r\n                        <td style=\"background:#A66DB9; color:#000;padding-left:5px;padding-right:5px\">7<\/td>\r\n                        <td class=\"trans\" id=\"chakra7\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Sahasrara<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Mission<\/span> <\/div>\r\n                            <\/span><\/td>\r\n                       \r\n                        <td class=\"trans\" id=\"n34\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                         <td class=\"trans\" id=\"n33\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n35\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700 p-2 lg:p-3\" >\r\n                        <td style=\"background:#55A3B3; color:#000;padding-left:5px;padding-right:5px\">6<\/td>\r\n                        <td class=\"trans\" id=\"chakra6\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Ajna<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Destiny, egregores<\/span><\/div>\r\n                            <\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n37\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n36\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n38\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700 p-2 lg:p-3\">\r\n                        <td  style=\"background:#80CABB;color:#000;padding-left:5px;padding-right:5px\">5<\/td>\r\n                        <td class=\"trans\" id=\"chakra5\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Vishuddha<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Destiny, egregores<\/span><\/div>\r\n                            <\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n40\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n39\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n41\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700 p-2 lg:p-3\" >\r\n                        <td style=\"background:#63B062;color:#000;padding-left:5px;padding-right:5px\">4<\/td>\r\n                        <td class=\"trans\" id=\"chakra4\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Anahata<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Relationships, worldview<\/span><\/div>\r\n                            <\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n43\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n42\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n44\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700 p-2 lg:p-3\" >\r\n                        <td style=\"background:#FFDE68;color:#000;padding-left:5px;padding-right:5px\">3<\/td>\r\n                        <td class=\"trans\" id=\"chakra3\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Manipura<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Status, possession<\/span><\/div>\r\n                            <\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n46\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n45\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n47\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700 p-2 lg:p-3\" >\r\n                        <td style=\"background:#E98C46;color:#000;padding-left:5px;padding-right:5px\">2<\/td>\r\n                        <td class=\"trans\" id=\"chakra2\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Svadhisthana<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Love and childlike joy<\/span><\/div>\r\n                            <\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n49\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans \" id=\"n48\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n50\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"border-2 border-gray-700 p-2 lg:p-3\" >\r\n                        <td style=\"background:#EB4B41;color:#000;padding-left:5px;padding-right:5px\">1<\/td>\r\n                        <td class=\"trans\" id=\"chakra1\"><span class=\"td_chakra p-2 lg:p-3\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">Muladhara<\/span><span\r\n                                        style=\"font-size:13px;text-align:left;\">Body, matter<\/span><\/div>\r\n                            <\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n52\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n51\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n53\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr class=\"bottomtable p-2 pb-4 h-14\"  >\r\n                        <td><\/td>\r\n                        <td class=\"trans\" id=\"chakra\"><span class=\"td_chakra p-2 lg:p-3 text-gray-500\"\r\n                                style=\"display:flex;gap:15px;align-items:center;\">\r\n                                <div style=\"display:flex;flex-direction:column;gap:5px;align-items:flex-start;\"><span\r\n                                        style=\"font-size:16px;font-weight:bold\">\r\n                                        Total<\/span><\/div><\/span><\/td>\r\n                        \r\n                        <td class=\"trans\" id=\"n55\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n54\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                        <td class=\"trans\" id=\"n56\" style=\"text-align:center\">0\r\n                        <\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>            <\/div>\r\n        <\/div>\r\n\r\n     <\/div>\r\n\r\n    <\/div><!-- Matrix Wrapper End --> \r\n\r\n    <!-- Proposal  -->\r\n      <div class=\"proposals mx-auto\">\r\n    <div class=\"w-fit mx-auto mt-12\">\r\n<div class=\"flex gap-4  w-full  mb-4 items-center\">\r\n                        <p>Programs for paternal genealogy<\/p>\r\n                        <div class=\"flex gap-0.5\">\r\n                            <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\"\r\n                                id=\"n80\">0<\/div>\r\n                            <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\"\r\n                                id=\"n81\">0<\/div>\r\n                            <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\"\r\n                                id=\"n82\">0<\/div>\r\n                        <\/div>\r\n<\/div>\r\n\r\n<div class=\"flex gap-4  w-full mb-2 items-center\">\r\n                        <p>Programs for maternal genealogy<\/p>\r\n                        <div class=\"flex gap-0.5\">\r\n                            <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\"\r\n                                id=\"n83\">0<\/div>\r\n                            <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\"\r\n                                id=\"n84\">0<\/div>\r\n                            <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\"\r\n                                id=\"n85\">0<\/div>\r\n                        <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n        <div class=\"flex flex-wrap justify-center mt-5 lg:mt-12 px-12 lg:px-2\"> \r\n          <div class=\"flex w-full items-start justify-center flex-wrap mt-12 gap-4 lg:gap-0\">\r\n              <div class=\"propouse flex flex-col gap-6 w-full lg:w-1\/3 justify-between\">\r\n          \r\n                  <div class=\"flex items-center flex-col \">\r\n                                            <div style=\"font-size:17px; font-weight:bold; margin-bottom:5px;\">Personal Purpose                      <\/div>\r\n                      <p style=\"font-size:13px; \" class=\"text-center\">Personal Purpose Description<\/p>\r\n                  <\/div>\r\n                  <div class=\"flex justify-center gap-2.5 items-center\">\r\n                      <div>\r\n                          <div class=\"flex items-center justify-between gap-2.5\">\r\n                              <p>Sky<\/p>\r\n                              <span class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\" id=\"n57\">0<\/span>\r\n                          <\/div>\r\n                          <div class=\"flex items-center justify-between gap-2.5\">\r\n                              <p>Earth<\/p>\r\n                              <span class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\" id=\"n59\">0<\/span>\r\n                          <\/div>\r\n                      <\/div>\r\n          \r\n                      <img decoding=\"async\" src=\"https:\/\/hedomi.info\/demo\/wp-content\/uploads\/2026\/01\/curlybraces.png\" alt=\"curly\" \/>\r\n                      <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\" id=\"n58\">0<\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          \r\n              <div class=\"propouse flex flex-col gap-6 w-full lg:w-1\/3 justify-between\">\r\n                  <div class=\"flex items-center flex-col \">\r\n                                           <div style=\"font-size:17px; font-weight:bold; margin-bottom:5px;\">Social Purpose                      <\/div>\r\n                      <p style=\"font-size:13px;\" class=\"text-center\">Social Purpose Description<\/p>\r\n                  <\/div>\r\n                  <div class=\"flex justify-center gap-2.5 items-center\">\r\n                      <div>\r\n                          <div class=\"flex items-center justify-between gap-2.5\">\r\n                              <p>Man<\/p>\r\n                              <span class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\" id=\"n60\">0<\/span>\r\n                          <\/div>\r\n                          <div class=\"flex items-center justify-between gap-2.5\">\r\n                              <p>Woman<\/p>\r\n                              <span class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\" id=\"n62\">0<\/span>\r\n                          <\/div>\r\n                      <\/div>\r\n                      <img decoding=\"async\" src=\"https:\/\/hedomi.info\/demo\/wp-content\/uploads\/2026\/01\/curlybraces.png\" alt=\"curly\" \/>\r\n                      <div class=\"round trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center\" id=\"n61\">0<\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          \r\n              <div class=\"propouse flex flex-wrap lg:flex-nowrap gap-2.5 w-full lg:w-1\/3\">\r\n                  <div class=\"flex flex-col gap-2.5 w-full\">\r\n                                            <div class=\"flex gap-2.5 items-center justify-center\"> \r\n                          <span style=\"font-size:17px; font-weight:bold; \">Spirit Purpose<\/span> \r\n                      <\/div>\r\n                      <p style=\"font-size:13px;  \" class=\"text-center\">\r\n                      Spirit Purpose Description                      <\/p>\r\n                      <span class=\"round  trans rounded-full border-2 w-12 h-12 border-gray-900 flex justify-center items-center mx-auto\" id=\"n63\">0<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n        <\/div> \r\n    <\/div>  \r\n      \r\n      \r\n      <div class=\"tabs-personal tabs-wrapper flex mb-8\"><div class=\"tabs-content-wrapper mt-8 lg:mt-12 flex flex-col gap-3\"><\/div><\/div>\r\n      <button id=\"generate-pdf\" class=\"w-fit py-2 mt-8 calculate flex justify-center items-center px-4  dark:bg-red-300 font-bold h-12 mx-auto\" style=\"background:#7647ed; color:#fff;border-radius:15px !important\">Generate PDF <\/div>\r\n\r\n\r\n    <\/section>\n\n\n\n<a href=\"https:\/\/hedomi.com\/product\/matrix-destiny-calculator\/\" style=\"display:flex;margin:50px auto; justify-content:center;align-items:center;color:green;text-decoration:underline\" class=\"text-center text-2xl mt-4\">Buy the matrix destiny calculator plugin for WordPress<\/a>\n","protected":false},"excerpt":{"rendered":"<p>Buy the matrix destiny calculator plugin for WordPress<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":8,"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/pages\/10\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/hedomi.info\/demo\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}