{"id":158,"date":"2024-10-30T01:48:21","date_gmt":"2024-10-30T01:48:21","guid":{"rendered":"http:\/\/esenciahumanafilms.com\/?page_id=158"},"modified":"2024-10-30T01:51:06","modified_gmt":"2024-10-30T01:51:06","slug":"proximas-presentaciones","status":"publish","type":"page","link":"http:\/\/esenciahumanafilms.com\/?page_id=158","title":{"rendered":"Pr\u00f3ximas presentaciones"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;div id=\"countdown-container\"&gt;\n    &lt;style&gt;\n        .countdown-box {\n            max-width: 600px;\n            margin: 20px auto;\n            padding: 20px;\n            background: linear-gradient(to right, #8e2de2, #4a00e0);\n            border-radius: 10px;\n            color: white;\n            text-align: center;\n            font-family: Arial, sans-serif;\n        }\n        .countdown-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 10px;\n            margin-top: 20px;\n        }\n        .countdown-item {\n            background: rgba(255, 255, 255, 0.2);\n            padding: 10px;\n            border-radius: 8px;\n        }\n        .countdown-number {\n            font-size: 30px;\n            font-weight: bold;\n        }\n        .countdown-label {\n            font-size: 14px;\n            margin-top: 5px;\n        }\n    &lt;\/style&gt;\n\n    &lt;div class=\"countdown-box\"&gt;\n        &lt;h2 style=\"font-size: 24px; margin-bottom: 10px;\"&gt;\u00a1ESTRENO! - PLAYA PARAN\u00c1&lt;\/h2&gt;\n        &lt;p&gt;8 de Noviembre 2024, 00:00 hs&lt;\/p&gt;\n        \n        &lt;div class=\"countdown-grid\"&gt;\n            &lt;div class=\"countdown-item\"&gt;\n                &lt;div id=\"days\" class=\"countdown-number\"&gt;0&lt;\/div&gt;\n                &lt;div class=\"countdown-label\"&gt;D\u00edas&lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"countdown-item\"&gt;\n                &lt;div id=\"hours\" class=\"countdown-number\"&gt;0&lt;\/div&gt;\n                &lt;div class=\"countdown-label\"&gt;Horas&lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"countdown-item\"&gt;\n                &lt;div id=\"minutes\" class=\"countdown-number\"&gt;0&lt;\/div&gt;\n                &lt;div class=\"countdown-label\"&gt;Minutos&lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"countdown-item\"&gt;\n                &lt;div id=\"seconds\" class=\"countdown-number\"&gt;0&lt;\/div&gt;\n                &lt;div class=\"countdown-label\"&gt;Segundos&lt;\/div&gt;\n            &lt;\/div&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n\n    &lt;script&gt;\n        function updateCountdown() {\n            const targetDate = new Date('2024-11-08T00:00:00');\n            const now = new Date();\n            const difference = targetDate - now;\n\n            if (difference &gt; 0) {\n                const days = Math.floor(difference \/ (1000 * 60 * 60 * 24));\n                const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                const minutes = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60));\n                const seconds = Math.floor((difference % (1000 * 60)) \/ 1000);\n\n                document.getElementById('days').textContent = days;\n                document.getElementById('hours').textContent = hours;\n                document.getElementById('minutes').textContent = minutes;\n                document.getElementById('seconds').textContent = seconds;\n            } else {\n                document.querySelector('.countdown-box').innerHTML = '&lt;h2&gt;\u00a1El video ya est\u00e1 disponible!&lt;\/h2&gt;';\n            }\n        }\n\n        setInterval(updateCountdown, 1000);\n        updateCountdown();\n    &lt;\/script&gt;\n&lt;\/div&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=158"}],"version-history":[{"count":2,"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":160,"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=\/wp\/v2\/pages\/158\/revisions\/160"}],"wp:attachment":[{"href":"http:\/\/esenciahumanafilms.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}