{"id":7616,"date":"2026-11-05T16:58:29","date_gmt":"2026-11-05T19:58:29","guid":{"rendered":"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7616"},"modified":"2026-11-05T19:39:09","modified_gmt":"2026-11-05T22:39:09","slug":"emparejamiento-de-fracciones","status":"publish","type":"page","link":"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7616","title":{"rendered":"Emparejamiento de fracciones"},"content":{"rendered":"\n<iframe id=\"game-frame-5\" srcdoc=\"\n<!DOCTYPE html>\n<html lang='es'>\n<head>\n    <meta charset='UTF-8'>\n    <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n    <link href='https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&#038;display=swap' rel='stylesheet'>\n    <style>\n        * { box-sizing: border-box; margin: 0; padding: 0; }\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #08090d;\n            color: #ffffff;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n        }\n        .arcade-card-box {\n            background-color: #141624;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            box-shadow: 0 0 30px rgba(147, 51, 234, 0.15);\n            max-width: 500px;\n            width: 100%;\n            padding: 30px;\n            text-align: center;\n            position: relative;\n        }\n        .arcade-back-link {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            color: #94a3b8;\n            text-decoration: none;\n            font-size: 0.8rem;\n            font-weight: 700;\n        }\n        .arcade-back-link:hover { color: #22d3ee; }\n        .arcade-h1 {\n            color: #c084fc;\n            font-size: 2rem;\n            font-weight: 900;\n            text-shadow: 0 0 10px rgba(192, 132, 252, 0.5);\n            margin: 20px 0 5px 0;\n            line-height: 1.2;\n        }\n        .arcade-sub { color: #94a3b8; font-size: 0.9rem; margin-bottom: 25px; }\n        .arcade-challenge {\n            background: rgba(192, 132, 252, 0.05);\n            border: 1px solid rgba(192, 132, 252, 0.2);\n            border-radius: 16px;\n            padding: 25px 15px;\n            margin-bottom: 25px;\n        }\n        .arcade-fraction-bars { display: flex; gap: 5px; justify-content: center; margin: 15px 0; }\n        .arcade-bar-segment { width: 40px; height: 40px; border: 2px solid #c084fc; border-radius: 6px; }\n        .arcade-filled { background-color: #c084fc; }\n        .arcade-options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n        .arcade-opt-btn {\n            background: #08090d;\n            border: 2px solid #334155;\n            border-radius: 12px;\n            padding: 12px;\n            color: #fff;\n            font-size: 1.2rem;\n            font-weight: 800;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .arcade-opt-btn:hover { border-color: #c084fc; transform: translateY(-2px); }\n        .arcade-btn {\n            background: linear-gradient(135deg, #9333ea 0%, #c084fc 100%);\n            color: #ffffff;\n            font-weight: 800;\n            font-size: 1rem;\n            padding: 14px 24px;\n            border-radius: 12px;\n            border: none;\n            cursor: pointer;\n            text-transform: uppercase;\n            width: 100%;\n            display: block;\n        }\n        .arcade-fb { min-height: 24px; font-weight: 700; font-size: 0.95rem; margin-top: 15px; }\n        .fb-ok { color: #4ade80; }\n        .fb-err { color: #f87171; }\n    <\/style>\n<\/head>\n<body>\n    <div class='arcade-card-box'>\n        <a href='https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7474' target='_parent' class='arcade-back-link'>\u2190 Volver al Portal<\/a>\n        \n        <h1 class='arcade-h1'>\ud83e\udde9 Fracciones Visuales<\/h1>\n        <p class='arcade-sub'>Identifica la Fracci\u00f3n Representada<\/p>\n\n        <div class='arcade-challenge'>\n            <div id='v-cont' style='font-size: 1.2rem; font-weight: 700;'>Presiona Iniciar<\/div>\n        <\/div>\n\n        <div class='arcade-options-grid' id='o-grid' style='display:none;'>\n            <button class='arcade-opt-btn' id='b0'>&#8211;<\/button>\n            <button class='arcade-opt-btn' id='b1'>&#8211;<\/button>\n            <button class='arcade-opt-btn' id='b2'>&#8211;<\/button>\n            <button class='arcade-opt-btn' id='b3'>&#8211;<\/button>\n        <\/div>\n\n        <div class='arcade-fb' id='fb-txt'><\/div>\n\n        <button id='st-btn' class='arcade-btn' style='margin-top: 15px;'>\ud83d\ude80 EMPEZAR<\/button>\n\n        <div style='margin-top: 25px; font-size: 0.8rem; color: #64748b; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px;'>\n            Creado por las profesoras <strong>Pamela D\u00edaz<\/strong> y <strong>Yemina Lusi<\/strong>\n        <\/div>\n    <\/div>\n\n    <script>\n        var n = 0, d = 0, opts = [];\n        \n        document.getElementById('st-btn').onclick = function() {\n            this.style.display = 'none';\n            document.getElementById('o-grid').style.display = 'grid';\n            nextQ();\n        };\n\n        for (var i = 0; i < 4; i++) {\n            (function(idx) {\n                document.getElementById('b' + idx).onclick = function() {\n                    var fb = document.getElementById('fb-txt');\n                    if (opts[idx] === (n + '\/' + d)) {\n                        fb.className = 'arcade-fb fb-ok';\n                        fb.innerText = '\ud83e\udde9 \u00a1Correcto!';\n                        setTimeout(nextQ, 800);\n                    } else {\n                        fb.className = 'arcade-fb fb-err';\n                        fb.innerText = '\u274c Intenta con otra';\n                    }\n                };\n            })(i);\n        }\n\n        function nextQ() {\n            var fb = document.getElementById('fb-txt');\n            if (fb) fb.innerText = '';\n            \n            d = Math.floor(Math.random() * 5) + 3;\n            n = Math.floor(Math.random() * (d - 1)) + 1;\n\n            var h = '<div class=\\'arcade-fraction-bars\\'>';\n            for (var i = 0; i < d; i++) {\n                h += '<div class=\\'arcade-bar-segment ' + (i < n ? 'arcade-filled' : '') + '\\'><\/div>';\n            }\n            h += '<\/div>';\n            document.getElementById('v-cont').innerHTML = h;\n\n            opts = [n + '\/' + d];\n            while (opts.length < 4) {\n                var fN = Math.floor(Math.random() * 5) + 1;\n                var fD = Math.floor(Math.random() * 5) + 2;\n                var str = fN + '\/' + fD;\n                if (opts.indexOf(str) === -1 &#038;&#038; fN < fD) opts.push(str);\n            }\n            opts.sort(function() { return Math.random() - 0.5; });\n\n            for (var j = 0; j < 4; j++) {\n                document.getElementById('b' + j).innerText = opts[j];\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\" \nstyle=\"width: 100%; min-height: 85vh; border: none; overflow: hidden;\" scrolling=\"no\">\n<\/iframe>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7616","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7616"}],"version-history":[{"count":10,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7616\/revisions"}],"predecessor-version":[{"id":7686,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7616\/revisions\/7686"}],"wp:attachment":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}