{"id":2,"date":"2025-06-14T17:30:02","date_gmt":"2025-06-14T17:30:02","guid":{"rendered":"https:\/\/elcoledemateo.es\/?page_id=2"},"modified":"2025-06-25T11:41:24","modified_gmt":"2025-06-25T11:41:24","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/elcoledemateo.es\/?page_id=2","title":{"rendered":"Memoriza"},"content":{"rendered":"<ul>\n<li style=\"list-style-type: none;\">\n<ol start=\"1\">\n<li style=\"list-style-type: none;\">\n<ul>\n<li>\n<p class=\"ds-markdown-paragraph\"><code>    <div class=\"juego-memoria\">\n        <h2>Memorama de Naturaleza<\/h2>\n        <p>Encuentra los pares de animales y plantas. Tienes <span id=\"intentos\">0<\/span> intentos.<\/p>\n        <div class=\"tablero\">\n                            <div class=\"carta\" data-index=\"0\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83e\udd89<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"1\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83e\udd89<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"2\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83c\udf32<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"3\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83c\udf3b<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"4\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83c\udf3b<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"5\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83c\udf35<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"6\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83d\udc26<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"7\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83c\udf32<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"8\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83d\udc26<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"9\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83d\udc38<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"10\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83d\udc38<\/div>\n                <\/div>\n                            <div class=\"carta\" data-index=\"11\" onclick=\"voltearCarta(this)\">\n                    <div class=\"frente\">\u2753<\/div>\n                    <div class=\"reverso\">\ud83c\udf35<\/div>\n                <\/div>\n                    <\/div>\n        <p id=\"mensaje-memoria\"><\/p>\n\n        <script>\n            let cartasVolteadas = [];\n            let intentos = 0;\n            const paresEncontrados = [];\n\n            function voltearCarta(carta) {\n                if (cartasVolteadas.length < 2 && !carta.classList.contains('volteada') && !paresEncontrados.includes(carta.dataset.index)) {\n                    carta.classList.add('volteada');\n                    cartasVolteadas.push(carta);\n\n                    if (cartasVolteadas.length === 2) {\n                        intentos++;\n                        document.getElementById('intentos').textContent = intentos;\n                        setTimeout(verificarPares, 500);\n                    }\n                }\n            }\n\n            function verificarPares() {\n                const [carta1, carta2] = cartasVolteadas;\n                const contenido1 = carta1.querySelector('.reverso').textContent;\n                const contenido2 = carta2.querySelector('.reverso').textContent;\n\n                if (contenido1 === contenido2) {\n                    paresEncontrados.push(carta1.dataset.index, carta2.dataset.index);\n                    if (paresEncontrados.length === 12) {\n                        document.getElementById('mensaje-memoria').innerHTML = `\u00a1Ganaste! \ud83c\udfc6 en ${intentos} intentos.`;\n                    }\n                } else {\n                    carta1.classList.remove('volteada');\n                    carta2.classList.remove('volteada');\n                }\n                cartasVolteadas = [];\n            }\n        <\/script>\n\n        <style>\n            .tablero {\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                gap: 10px;\n                margin: 20px 0;\n            }\n            .carta {\n                width: 60px;\n                height: 60px;\n                perspective: 1000px;\n                cursor: pointer;\n            }\n            .carta div {\n                width: 100%;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                position: absolute;\n                backface-visibility: hidden;\n                transition: transform 0.5s;\n                border-radius: 8px;\n                background: #fff;\n                box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n            }\n            .carta .frente {\n                transform: rotateY(0deg);\n            }\n            .carta .reverso {\n                transform: rotateY(180deg);\n                background: #e3f2fd;\n            }\n            .carta.volteada .frente {\n                transform: rotateY(180deg);\n            }\n            .carta.volteada .reverso {\n                transform: rotateY(0deg);\n            }\n        <\/style>\n    <\/div>\n\n\n\n    <\/code>.<\/p>\n<\/li>\n<li>\n<p class=\"ds-markdown-paragraph\">Encuentra pares de emojis de naturaleza.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>. Encuentra pares de emojis de naturaleza.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/elcoledemateo.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}