{"id":981,"date":"2025-11-04T21:44:47","date_gmt":"2025-11-05T02:44:47","guid":{"rendered":"https:\/\/panamatematicas.com\/?page_id=981"},"modified":"2025-11-04T21:47:58","modified_gmt":"2025-11-05T02:47:58","slug":"recursos","status":"publish","type":"page","link":"https:\/\/panamatematicas.com\/?page_id=981","title":{"rendered":"Recursos"},"content":{"rendered":"\n<!-- Panamatem\u00e1ticas \u00b7 Laboratorio Interactivo (Tabs + Embeds + Generador) -->\n<div class=\"pana-lab\" lang=\"es\" aria-label=\"Laboratorio interactivo de Panamatem\u00e1ticas\">\n  <style>\n    .pana-lab{--c1:#0b7ad1;--c2:#00a65a;--bg:#f7f9fc;--card:#fff;--line:#e7edf4;--txt:#1f2937;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,\"Helvetica Neue\",Arial,sans-serif;background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:16px;padding:16px}\n    .pana-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}\n    .pana-title{font-size:clamp(18px,2.6vw,24px);font-weight:700;color:#0b3b6f;margin:0}\n    .pana-desc{font-size:14px;color:#4b5563;margin:0}\n    .tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}\n    .tab-btn{appearance:none;border:1px solid var(--line);background:var(--card);color:#0b3b6f;border-radius:999px;padding:8px 12px;font-size:14px;cursor:pointer}\n    .tab-btn[aria-selected=\"true\"]{background:var(--c1);color:#fff;border-color:var(--c1)}\n    .panel{display:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px}\n    .panel.active{display:block}\n    .embed-wrap{aspect-ratio:16\/9;max-height:70vh;border-radius:12px;overflow:hidden;border:1px solid var(--line)}\n    .embed-wrap iframe{width:100%;height:100%;border:0}\n    .mini-hint{font-size:12px;color:#556;opacity:.9;margin:6px 2px 10px}\n    .gen-wrap{display:grid;gap:10px}\n    .gen-card{border:1px dashed var(--line);border-radius:12px;padding:12px;background:#fff}\n    .gen-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}\n    .gen-row input[type=\"number\"], .gen-row input[type=\"text\"]{padding:8px;border:1px solid var(--line);border-radius:8px;min-width:100px}\n    .btn{background:var(--c2);color:#fff;border:0;border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer}\n    .btn.secondary{background:#0b7ad1}\n    .badge{display:inline-block;background:#eef7ff;color:#0b3b6f;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:12px;margin-left:6px}\n    .credits{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}\n    .credits h4{margin:0 0 8px 0;font-size:14px;color:#0b3b6f}\n    .credits p, .credits li{font-size:12px;color:#334155;margin:6px 0}\n    .sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n  <\/style>\n\n  <header class=\"pana-head\">\n    <h2 class=\"pana-title\">Laboratorio Panamatem\u00e1ticas<\/h2>\n    <p class=\"pana-desc\">Explora simulaciones, calculadoras y manipulativos. Cambia de pesta\u00f1a y practica con el generador.<\/p>\n  <\/header>\n\n  <!-- Tabs -->\n  <div class=\"tabs\" role=\"tablist\" aria-label=\"Selecciona un recurso\">\n    <button class=\"tab-btn\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-geogebra\" id=\"tab-geogebra\">GeoGebra<\/button>\n    <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-desmos\" id=\"tab-desmos\">Desmos<\/button>\n    <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-phet\" id=\"tab-phet\">PhET<\/button>\n    <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-polypad\" id=\"tab-polypad\">Polypad<\/button>\n    <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-generador\" id=\"tab-generador\">Generador<\/button>\n  <\/div>\n\n  <!-- GeoGebra -->\n  <section class=\"panel active\" id=\"panel-geogebra\" role=\"tabpanel\" aria-labelledby=\"tab-geogebra\" tabindex=\"0\">\n    <div class=\"mini-hint\">Manipula figuras, fracciones y funciones en vivo.<\/div>\n    <div class=\"embed-wrap\">\n      <!-- Nota: usa la app Classic embebida; tambi\u00e9n puedes reemplazar con un material espec\u00edfico -->\n      <iframe src=\"https:\/\/www.geogebra.org\/classic?embedded=true&#038;lang=es\" title=\"GeoGebra Classic\"><\/iframe>\n    <\/div>\n    <div class=\"mini-hint\">Cr\u00e9dito: GeoGebra\u00ae \u2013 ver T\u00e9rminos de Uso en geogebra.org.<\/div>\n  <\/section>\n\n  <!-- Desmos -->\n  <section class=\"panel\" id=\"panel-desmos\" role=\"tabpanel\" aria-labelledby=\"tab-desmos\" tabindex=\"0\">\n    <div class=\"mini-hint\">Dibuja y explora relaciones num\u00e9ricas con la calculadora gr\u00e1fica.<\/div>\n    <div class=\"embed-wrap\">\n      <iframe src=\"https:\/\/www.desmos.com\/calculator?lang=es\" title=\"Desmos Calculator\"><\/iframe>\n    <\/div>\n    <div class=\"mini-hint\">Cr\u00e9dito: Desmos \u2013 uso educativo gratuito; ver TOS de desmos.com.<\/div>\n  <\/section>\n\n  <!-- PhET -->\n  <section class=\"panel\" id=\"panel-phet\" role=\"tabpanel\" aria-labelledby=\"tab-phet\" tabindex=\"0\">\n    <div class=\"mini-hint\">Simulaci\u00f3n para fortalecer fracciones (equivalencias y comparaci\u00f3n).<\/div>\n    <div class=\"embed-wrap\">\n      <iframe src=\"https:\/\/phet.colorado.edu\/sims\/html\/fraction-matcher\/latest\/fraction-matcher_es.html\" title=\"PhET: Fraction Matcher\"><\/iframe>\n    <\/div>\n    <div class=\"mini-hint\">Cr\u00e9dito: PhET Interactive Simulations, University of Colorado Boulder \u2013 Licencia CC BY 4.0.<\/div>\n  <\/section>\n\n  <!-- Mathigon Polypad -->\n  <section class=\"panel\" id=\"panel-polypad\" role=\"tabpanel\" aria-labelledby=\"tab-polypad\" tabindex=\"0\">\n    <div class=\"mini-hint\">Lienzo con mosaicos, fracciones, pentomin\u00f3s y m\u00e1s. Ideal para explorar.<\/div>\n    <div class=\"embed-wrap\">\n      <iframe src=\"https:\/\/mathigon.org\/polypad?lang=es\" title=\"Mathigon Polypad\"><\/iframe>\n    <\/div>\n    <div class=\"mini-hint\">Cr\u00e9dito: Mathigon Polypad \u2013 uso educativo gratuito (ver t\u00e9rminos en mathigon.org).<\/div>\n  <\/section>\n\n  <!-- Generador de ejercicios (mathjs + MathJax) -->\n  <section class=\"panel\" id=\"panel-generador\" role=\"tabpanel\" aria-labelledby=\"tab-generador\" tabindex=\"0\">\n    <div class=\"gen-wrap\">\n      <div class=\"gen-card\">\n        <h3 style=\"margin:0 0 8px 0;color:#0b3b6f;font-size:18px;\">Generador b\u00e1sico de sumas <span class=\"badge\">Auto<\/span><\/h3>\n        <p class=\"mini-hint\">Crea ejercicios aleatorios y comprueba tu respuesta. F\u00f3rmulas renderizadas con MathJax.<\/p>\n\n        <div class=\"gen-row\">\n          <label>M\u00e1ximo (n\u00famero mayor): <input id=\"mx\" type=\"number\" min=\"5\" max=\"999\" value=\"20\" aria-label=\"M\u00e1ximo para n\u00fameros aleatorios\"><\/label>\n          <button class=\"btn secondary\" onclick=\"panaNuevo()\">Nuevo ejercicio<\/button>\n        <\/div>\n\n        <div id=\"pana-ejercicio\" style=\"margin:10px 0;font-size:16px;\"><\/div>\n\n        <div class=\"gen-row\">\n          <input id=\"pana-resp\" type=\"text\" inputmode=\"numeric\" placeholder=\"Tu respuesta\" aria-label=\"Tu respuesta\">\n          <button class=\"btn\" onclick=\"panaVal()\">Comprobar<\/button>\n        <\/div>\n\n        <p id=\"pana-feedback\" class=\"mini-hint\" aria-live=\"polite\"><\/p>\n\n        <hr style=\"border:none;border-top:1px solid var(--line);margin:12px 0\">\n        <p style=\"font-size:13px;margin:0\">Ejemplo con f\u00f3rmula: Resuelve: <span>\\\\(\\\\dfrac{3}{4}+\\\\dfrac{1}{8}\\\\)<\/span><\/p>\n        <div class=\"mini-hint\">Cr\u00e9ditos: mathjs (Apache-2.0) y MathJax (Apache-2.0).<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Cr\u00e9ditos y gu\u00eda de uso responsable -->\n  <section class=\"credits\" aria-label=\"Cr\u00e9ditos y licencias\">\n    <h4>Cr\u00e9ditos &#038; Licencias<\/h4>\n    <ul>\n      <li>GeoGebra\u00ae \u2013 Material embebido conforme a T\u00e9rminos de geogebra.org (uso educativo; no redistribuir contenido como propio).<\/li>\n      <li>Desmos \u2013 Calculadora y actividades conforme a TOS de desmos.com (uso educativo; embed permitido).<\/li>\n      <li>PhET \u201cFraction Matcher\u201d \u2013 \u00a9 PhET Interactive Simulations, University of Colorado Boulder \u2013 <strong>CC BY 4.0<\/strong>.<\/li>\n      <li>Mathigon Polypad \u2013 Uso educativo gratuito; ver t\u00e9rminos en mathigon.org.<\/li>\n      <li>mathjs \u2013 \u00a9 Jos de Jong \u2013 <strong>Apache-2.0<\/strong>. MathJax \u2013 \u00a9 The MathJax Consortium \u2013 <strong>Apache-2.0<\/strong>.<\/li>\n    <\/ul>\n  <\/section>\n\n  <!-- Scripts: Tabs + Generador + Librer\u00edas -->\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/mathjs@13\/lib\/browser\/math.js\"><\/script>\n  <script>\n    \/\/ Navegaci\u00f3n por pesta\u00f1as accesible\n    (function(){\n      const tabs=[...document.querySelectorAll('.tab-btn')];\n      const panels=[...document.querySelectorAll('.panel')];\n      function activate(i){\n        tabs.forEach((t,k)=>{t.setAttribute('aria-selected', String(k===i));});\n        panels.forEach((p,k)=>{p.classList.toggle('active', k===i);});\n        panels[i].focus();\n      }\n      tabs.forEach((t,i)=>t.addEventListener('click', ()=>activate(i)));\n      \/\/ Teclado: flechas izquierda\/derecha\n      tabs.forEach((t,i)=>t.addEventListener('keydown', (e)=>{\n        if(e.key==='ArrowRight') tabs[(i+1)%tabs.length].focus();\n        if(e.key==='ArrowLeft') tabs[(i-1+tabs.length)%tabs.length].focus();\n      }));\n    })();\n\n    \/\/ Generador con mathjs\n    let panaSol = null;\n    function panaRnd(max){ return Math.floor(Math.random()*max)+1; }\n    function panaNuevo(){\n      const max = Math.max(5, Number(document.getElementById('mx').value)||20);\n      const a = panaRnd(max), b = panaRnd(max);\n      panaSol = a + b;\n      const ej = `\u00bfCu\u00e1nto es <strong>${a}<\/strong> + <strong>${b}<\/strong>?`;\n      document.getElementById('pana-ejercicio').innerHTML = ej;\n      document.getElementById('pana-resp').value = '';\n      document.getElementById('pana-feedback').textContent = 'Escribe tu respuesta y presiona \u201cComprobar\u201d.';\n      document.getElementById('pana-resp').focus();\n    }\n    function panaVal(){\n      const r = Number((document.getElementById('pana-resp').value||'').replace(',','.'));\n      const fb = document.getElementById('pana-feedback');\n      if(Number.isNaN(r)){ fb.textContent='Ingresa un n\u00famero v\u00e1lido.'; return; }\n      fb.textContent = (r===panaSol) ? '\u00a1Correcto! \ud83c\udf89' : 'Revisa de nuevo. Pista: suma primero las unidades.';\n    }\n    \/\/ Inicializa generador\n    panaNuevo();\n  <\/script>\n\n  <!-- MathJax (render f\u00f3rmulas en l\u00ednea) -->\n  <script>\n    window.MathJax = { tex: { inlineMath: [['\\\\(','\\\\)'], ['$', '$']] }, options:{skipHtmlTags:['script','noscript','style','textarea','pre','code']} };\n  <\/script>\n  <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/mathjax@3\/es5\/tex-mml-chtml.js\"><\/script>\n<\/div>\n<!-- Fin del bloque Panamatem\u00e1ticas -->\n\n","protected":false},"excerpt":{"rendered":"<p>Laboratorio Panamatem\u00e1ticas Explora simulaciones, calculadoras y manipulativos. Cambia de pesta\u00f1a y practica con el generador. GeoGebra Desmos PhET Polypad Generador Manipula figuras, fracciones y funciones en vivo. Cr\u00e9dito: GeoGebra\u00ae \u2013 ver T\u00e9rminos de Uso en geogebra.org. Dibuja y explora relaciones num\u00e9ricas con la calculadora gr\u00e1fica. Cr\u00e9dito: Desmos \u2013 uso educativo gratuito; ver TOS de desmos.com. &#8230; <a title=\"Recursos\" class=\"read-more\" href=\"https:\/\/panamatematicas.com\/?page_id=981\" aria-label=\"Leer m\u00e1s sobre Recursos\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-981","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/panamatematicas.com\/index.php?rest_route=\/wp\/v2\/pages\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/panamatematicas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/panamatematicas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/panamatematicas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/panamatematicas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=981"}],"version-history":[{"count":2,"href":"https:\/\/panamatematicas.com\/index.php?rest_route=\/wp\/v2\/pages\/981\/revisions"}],"predecessor-version":[{"id":983,"href":"https:\/\/panamatematicas.com\/index.php?rest_route=\/wp\/v2\/pages\/981\/revisions\/983"}],"wp:attachment":[{"href":"https:\/\/panamatematicas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}