{"id":356,"date":"2026-08-18T22:25:55","date_gmt":"2026-08-18T22:25:55","guid":{"rendered":"https:\/\/eppaltamirano.com.mx\/?p=356"},"modified":"2026-08-18T23:41:54","modified_gmt":"2026-08-18T23:41:54","slug":"juego-1-primaria-naturales-lo-vivo-y-lo-no-vivo","status":"publish","type":"post","link":"https:\/\/eppaltamirano.com.mx\/index.php\/2026\/08\/18\/juego-1-primaria-naturales-lo-vivo-y-lo-no-vivo\/","title":{"rendered":"Juego 1\u00b0 Primaria | Naturales | Lo vivo y lo no vivo"},"content":{"rendered":"<h1 class=\"has-text-align-center has-link-color wp-elements-d6703031af5a64327806478c49ae42a3 wp-block-site-title has-text-color has-pale-cyan-blue-color\"><a href=\"https:\/\/eppaltamirano.com.mx\" target=\"_self\" rel=\"home\">Escuela Primaria Ignacio Altamirano<\/a><\/h1>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:120px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"bosque-vivos-widget\">\n<style>\n  #bosque-vivos-widget {\n    --bvw-verde: #2f9e6b;\n    --bvw-verde-oscuro: #1f6b48;\n    --bvw-cafe: #8a5a35;\n    --bvw-amarillo: #ffc542;\n    --bvw-cielo: #bfe6ff;\n    --bvw-crema: #fff8ec;\n    --bvw-texto: #3a2c1f;\n    --bvw-rojo-suave: #ff8a80;\n    box-sizing: border-box;\n    font-family: 'Trebuchet MS', 'Segoe UI', Verdana, sans-serif;\n    max-width: 720px;\n    margin: 0 auto;\n    background: linear-gradient(180deg, var(--bvw-cielo) 0%, var(--bvw-crema) 45%);\n    border-radius: 28px;\n    border: 6px solid var(--bvw-verde);\n    padding: 20px;\n    color: var(--bvw-texto);\n    position: relative;\n    overflow: hidden;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n  #bosque-vivos-widget *, #bosque-vivos-widget *::before, #bosque-vivos-widget *::after {\n    box-sizing: border-box;\n  }\n  #bosque-vivos-widget .bvw-screen { display: none; text-align: center; padding: 10px; }\n  #bosque-vivos-widget .bvw-screen.bvw-active { display: block; animation: bvw-fadein .4s ease; }\n  @keyframes bvw-fadein { from { opacity: 0; transform: translateY(8px);} to { opacity: 1; transform: translateY(0);} }\n\n  #bosque-vivos-widget h1 {\n    font-size: 1.6em;\n    color: var(--bvw-verde-oscuro);\n    margin: 6px 0 4px;\n  }\n  #bosque-vivos-widget h2 { font-size: 1.3em; color: var(--bvw-verde-oscuro); margin: 4px 0; }\n  #bosque-vivos-widget p { font-size: 1.15em; line-height: 1.5; margin: 8px 0; }\n  #bosque-vivos-widget .bvw-emoji-grande { font-size: 4.5em; line-height: 1; margin: 6px 0; }\n\n  #bosque-vivos-widget input[type=\"text\"] {\n    font-size: 1.2em;\n    padding: 10px 16px;\n    border-radius: 14px;\n    border: 3px solid var(--bvw-verde);\n    text-align: center;\n    width: 80%;\n    max-width: 280px;\n    margin: 10px 0;\n    outline: none;\n    font-family: inherit;\n  }\n  #bosque-vivos-widget input[type=\"text\"]:focus { border-color: var(--bvw-verde-oscuro); box-shadow: 0 0 0 3px rgba(47,158,107,0.3); }\n\n  #bosque-vivos-widget button.bvw-btn {\n    font-family: inherit;\n    font-size: 1.15em;\n    font-weight: bold;\n    color: #fff;\n    background: var(--bvw-verde);\n    border: none;\n    border-radius: 18px;\n    padding: 14px 28px;\n    min-height: 56px;\n    cursor: pointer;\n    box-shadow: 0 5px 0 var(--bvw-verde-oscuro);\n    margin: 10px 6px;\n    transition: transform .08s ease;\n  }\n  #bosque-vivos-widget button.bvw-btn:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--bvw-verde-oscuro); }\n  #bosque-vivos-widget button.bvw-btn:focus-visible { outline: 3px solid var(--bvw-amarillo); outline-offset: 2px; }\n  #bosque-vivos-widget button.bvw-btn.bvw-secundario {\n    background: var(--bvw-cafe);\n    box-shadow: 0 5px 0 #5c3a1f;\n  }\n\n  #bosque-vivos-widget .bvw-hud {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 6px;\n    font-weight: bold;\n    color: var(--bvw-verde-oscuro);\n    font-size: 1.05em;\n  }\n  #bosque-vivos-widget .bvw-progreso-wrap {\n    background: #e3d9c6;\n    border-radius: 10px;\n    height: 14px;\n    overflow: hidden;\n    margin: 6px 0 14px;\n    border: 2px solid var(--bvw-verde-oscuro);\n  }\n  #bosque-vivos-widget .bvw-progreso-barra {\n    background: var(--bvw-amarillo);\n    height: 100%;\n    width: 0%;\n    transition: width .35s ease;\n  }\n\n  #bosque-vivos-widget .bvw-item-actual {\n    background: #ffffffcc;\n    border-radius: 20px;\n    padding: 18px;\n    margin: 10px auto;\n    max-width: 260px;\n    border: 3px dashed var(--bvw-cafe);\n    cursor: grab;\n    touch-action: none;\n    position: relative;\n    z-index: 5;\n  }\n  #bosque-vivos-widget .bvw-item-actual.bvw-arrastrando { cursor: grabbing; opacity: 0.9; }\n  #bosque-vivos-widget .bvw-item-emoji { font-size: 3.4em; }\n  #bosque-vivos-widget .bvw-item-nombre { font-size: 1.15em; font-weight: bold; margin-top: 4px; }\n\n  #bosque-vivos-widget .bvw-canastas {\n    display: flex;\n    justify-content: space-around;\n    gap: 12px;\n    margin-top: 22px;\n  }\n  #bosque-vivos-widget .bvw-canasta {\n    flex: 1;\n    border-radius: 18px;\n    padding: 14px 6px;\n    min-height: 96px;\n    font-weight: bold;\n    font-size: 1.05em;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border: 4px solid transparent;\n    transition: transform .15s ease, border-color .15s ease;\n  }\n  #bosque-vivos-widget .bvw-canasta-vivo { background: #d9f4e3; color: var(--bvw-verde-oscuro); }\n  #bosque-vivos-widget .bvw-canasta-novivo { background: #e9e2d6; color: var(--bvw-cafe); }\n  #bosque-vivos-widget .bvw-canasta.bvw-resaltada { transform: scale(1.06); border-color: var(--bvw-amarillo); }\n  #bosque-vivos-widget .bvw-canasta-emoji { font-size: 2.2em; }\n\n  #bosque-vivos-widget .bvw-guia {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    justify-content: center;\n    margin: 8px 0;\n  }\n  #bosque-vivos-widget .bvw-guia-emoji { font-size: 2.6em; }\n  #bosque-vivos-widget .bvw-burbuja {\n    background: #ffffff;\n    border: 2px solid var(--bvw-verde);\n    border-radius: 14px;\n    padding: 8px 14px;\n    font-size: 1em;\n    max-width: 320px;\n    text-align: left;\n  }\n\n  #bosque-vivos-widget .bvw-estrellas-flotantes {\n    font-size: 1.3em;\n    color: var(--bvw-verde-oscuro);\n    font-weight: bold;\n  }\n\n  #bosque-vivos-widget .bvw-medalla {\n    font-size: 5em;\n    margin: 10px 0;\n  }\n\n  #bosque-vivos-widget .bvw-arrastrable-clon {\n    position: fixed;\n    pointer-events: none;\n    z-index: 999;\n    font-size: 3.4em;\n    transform: translate(-50%, -50%);\n    filter: drop-shadow(0 6px 6px rgba(0,0,0,0.25));\n  }\n\n  @media (max-width: 480px) {\n    #bosque-vivos-widget { padding: 14px; border-radius: 20px; }\n    #bosque-vivos-widget h1 { font-size: 1.3em; }\n    #bosque-vivos-widget .bvw-canastas { gap: 8px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #bosque-vivos-widget .bvw-screen.bvw-active,\n    #bosque-vivos-widget button.bvw-btn { animation: none; transition: none; }\n  }\n<\/style>\n\n<div class=\"bvw-hud\" aria-hidden=\"true\">\n  <span>\ud83c\udfeb Escuela Ignacio Altamirano<\/span>\n  <span id=\"bvw-hud-estrellas\">\u2b50 0<\/span>\n<\/div>\n\n<!-- PANTALLA 0: BIENVENIDA -->\n<div class=\"bvw-screen bvw-active\" id=\"bvw-pantalla-bienvenida\">\n  <div class=\"bvw-emoji-grande\" aria-hidden=\"true\">\ud83c\udf33\ud83d\udc3f\ufe0f<\/div>\n  <h1>El Bosque de los Vivos<\/h1>\n  <p>\u00a1Hola! Vamos a jugar y aprender.<\/p>\n  <p>\u00bfC\u00f3mo te llamas?<\/p>\n  <input type=\"text\" id=\"bvw-input-nombre\" maxlength=\"20\" placeholder=\"Escribe tu nombre\" aria-label=\"Escribe tu nombre\">\n  <br>\n  <button class=\"bvw-btn\" id=\"bvw-btn-continuar-nombre\">CONTINUAR<\/button>\n<\/div>\n\n<!-- PANTALLA 1: PRESENTACI\u00d3N PERSONALIZADA -->\n<div class=\"bvw-screen\" id=\"bvw-pantalla-presentacion\">\n  <div class=\"bvw-emoji-grande\" aria-hidden=\"true\">\u2b50<\/div>\n  <h2 id=\"bvw-saludo-nombre\">\u00a1Muy bien!<\/h2>\n  <p>\u00a1Qu\u00e9 gusto jugar contigo!<\/p>\n  <p>Ahora te voy a explicar c\u00f3mo jugar.<\/p>\n  <button class=\"bvw-btn\" id=\"bvw-btn-ver-reglas\">VER LAS REGLAS<\/button>\n<\/div>\n\n<!-- PANTALLA 2: REGLAS -->\n<div class=\"bvw-screen\" id=\"bvw-pantalla-reglas\">\n  <h2>\ud83d\udcda \u00bfC\u00f3mo jugar?<\/h2>\n  <div class=\"bvw-guia\">\n    <div class=\"bvw-guia-emoji\" aria-hidden=\"true\">\ud83d\udc3f\ufe0f<\/div>\n    <div class=\"bvw-burbuja\">\n      <p style=\"margin:0;\">Vas a ver cosas del bosque. Arr\u00e1stralas a la canasta correcta.<\/p>\n    <\/div>\n  <\/div>\n  <p>1. Observa la cosa que aparece.<\/p>\n  <p>2. Arr\u00e1strala a la canasta: Vivo \ud83c\udf31 o No vivo \ud83e\udea8<\/p>\n  <p>3. Cada acierto te da una estrella \u2b50<\/p>\n  <p>4. Junta estrellas y gana tu medalla \ud83c\udfc5<\/p>\n  <button class=\"bvw-btn\" id=\"bvw-btn-empezar\">\u00a1EMPEZAR A JUGAR!<\/button>\n<\/div>\n\n<!-- PANTALLA 3: TRANSICI\u00d3N DE NIVEL -->\n<div class=\"bvw-screen\" id=\"bvw-pantalla-nivel\">\n  <div class=\"bvw-emoji-grande\" aria-hidden=\"true\">\ud83c\udf1f<\/div>\n  <h2 id=\"bvw-titulo-nivel\">\u00a1Vamos al Nivel 1!<\/h2>\n  <p id=\"bvw-texto-nivel\">Clasifica cada cosa en su canasta.<\/p>\n  <button class=\"bvw-btn\" id=\"bvw-btn-jugar-nivel\">JUGAR<\/button>\n<\/div>\n\n<!-- PANTALLA 4: JUEGO -->\n<div class=\"bvw-screen\" id=\"bvw-pantalla-juego\">\n  <div class=\"bvw-progreso-wrap\"><div class=\"bvw-progreso-barra\" id=\"bvw-progreso-barra\"><\/div><\/div>\n  <p style=\"margin-top:0;\">Arrastra la imagen a la canasta correcta \ud83d\udc47<\/p>\n\n  <div class=\"bvw-item-actual\" id=\"bvw-item-actual\" tabindex=\"0\" role=\"button\"\n       aria-label=\"Elemento a clasificar, arr\u00e1stralo o usa Enter y elige con las flechas\">\n    <div class=\"bvw-item-emoji\" id=\"bvw-item-emoji\">\ud83d\udc36<\/div>\n    <div class=\"bvw-item-nombre\" id=\"bvw-item-nombre\">Perro<\/div>\n  <\/div>\n\n  <div class=\"bvw-canastas\">\n    <div class=\"bvw-canasta bvw-canasta-vivo\" id=\"bvw-canasta-vivo\" data-tipo=\"vivo\">\n      <div class=\"bvw-canasta-emoji\" aria-hidden=\"true\">\ud83c\udf31<\/div>\n      <div>VIVO<\/div>\n    <\/div>\n    <div class=\"bvw-canasta bvw-canasta-novivo\" id=\"bvw-canasta-novivo\" data-tipo=\"novivo\">\n      <div class=\"bvw-canasta-emoji\" aria-hidden=\"true\">\ud83e\udea8<\/div>\n      <div>NO VIVO<\/div>\n    <\/div>\n  <\/div>\n\n  <p id=\"bvw-feedback\" aria-live=\"polite\" style=\"min-height: 1.6em; font-weight:bold;\"><\/p>\n<\/div>\n\n<!-- PANTALLA 5: RESULTADO FINAL -->\n<div class=\"bvw-screen\" id=\"bvw-pantalla-final\">\n  <div class=\"bvw-medalla\" aria-hidden=\"true\">\ud83c\udfc5<\/div>\n  <h2 id=\"bvw-final-nombre\">\u00a1Felicidades!<\/h2>\n  <p>Terminaste \u00abEl Bosque de los Vivos\u00bb<\/p>\n  <p class=\"bvw-estrellas-flotantes\" id=\"bvw-final-estrellas\">\u2b50 0 de 10 estrellas<\/p>\n  <p id=\"bvw-final-medalla-texto\">Ganaste la medalla: Explorador de la Naturaleza<\/p>\n  <button class=\"bvw-btn\" id=\"bvw-btn-reiniciar\">JUGAR DE NUEVO<\/button>\n<\/div>\n\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('bosque-vivos-widget');\n  if (!root || root.getAttribute('data-bvw-iniciado') === '1') return;\n  root.setAttribute('data-bvw-iniciado', '1');\n\n  \/\/ ---------- DATOS ----------\n  var NIVELES = [\n    {\n      nombre: 'Nivel 1',\n      items: [\n        { emoji: '\ud83d\udc36', nombre: 'Perro', tipo: 'vivo' },\n        { emoji: '\ud83e\udea8', nombre: 'Piedra', tipo: 'novivo' },\n        { emoji: '\ud83c\udf33', nombre: '\u00c1rbol', tipo: 'vivo' },\n        { emoji: '\ud83e\ude91', nombre: 'Silla', tipo: 'novivo' },\n        { emoji: '\u2600\ufe0f', nombre: 'Sol', tipo: 'novivo' }\n      ]\n    },\n    {\n      nombre: 'Nivel 2',\n      items: [\n        { emoji: '\ud83d\uddbc\ufe0f', nombre: 'Foto de un gato', tipo: 'novivo' },\n        { emoji: '\ud83c\udf30', nombre: 'Semilla', tipo: 'vivo' },\n        { emoji: '\ud83e\uddf8', nombre: 'Peluche', tipo: 'novivo' },\n        { emoji: '\ud83c\udf38', nombre: 'Flor', tipo: 'vivo' },\n        { emoji: '\u2601\ufe0f', nombre: 'Nube', tipo: 'novivo' }\n      ]\n    }\n  ];\n\n  var PISTAS = {\n    vivo: '\u00bfNace, crece y se alimenta? \u00a1Entonces est\u00e1 vivo!',\n    novivo: '\u00bfNo come ni crece por s\u00ed solo? \u00a1No est\u00e1 vivo!'\n  };\n\n  \/\/ ---------- ESTADO ----------\n  var estado = {\n    nombre: '',\n    nivelActual: 0,\n    itemActual: 0,\n    estrellas: 0,\n    totalItems: NIVELES.reduce(function (acc, n) { return acc + n.items.length; }, 0)\n  };\n\n  \/\/ ---------- ELEMENTOS ----------\n  var $ = function (id) { return root.querySelector('#' + id); };\n  var pantallas = {\n    bienvenida: $('bvw-pantalla-bienvenida'),\n    presentacion: $('bvw-pantalla-presentacion'),\n    reglas: $('bvw-pantalla-reglas'),\n    nivel: $('bvw-pantalla-nivel'),\n    juego: $('bvw-pantalla-juego'),\n    final: $('bvw-pantalla-final')\n  };\n  var inputNombre = $('bvw-input-nombre');\n  var hudEstrellas = $('bvw-hud-estrellas');\n\n  function mostrarPantalla(clave) {\n    Object.keys(pantallas).forEach(function (k) {\n      pantallas[k].classList.toggle('bvw-active', k === clave);\n    });\n  }\n\n  function actualizarHud() {\n    hudEstrellas.textContent = '\u2b50 ' + estado.estrellas;\n  }\n\n  \/\/ ---------- FLUJO: BIENVENIDA ----------\n  $('bvw-btn-continuar-nombre').addEventListener('click', function () {\n    var val = (inputNombre.value || '').trim();\n    estado.nombre = val.length ? val : 'amigo';\n    $('bvw-saludo-nombre').textContent = '\u2b50 \u00a1Muy bien, ' + estado.nombre + '!';\n    mostrarPantalla('presentacion');\n  });\n  inputNombre.addEventListener('keydown', function (e) {\n    if (e.key === 'Enter') { $('bvw-btn-continuar-nombre').click(); }\n  });\n\n  $('bvw-btn-ver-reglas').addEventListener('click', function () {\n    mostrarPantalla('reglas');\n  });\n\n  $('bvw-btn-empezar').addEventListener('click', function () {\n    iniciarNivel(0);\n  });\n\n  \/\/ ---------- FLUJO: NIVELES ----------\n  function iniciarNivel(indice) {\n    estado.nivelActual = indice;\n    estado.itemActual = 0;\n    var nivel = NIVELES[indice];\n    $('bvw-titulo-nivel').textContent = '\u00a1Vamos al ' + nivel.nombre + '!';\n    $('bvw-texto-nivel').textContent = 'Clasifica cada cosa en su canasta.';\n    mostrarPantalla('nivel');\n  }\n\n  $('bvw-btn-jugar-nivel').addEventListener('click', function () {\n    mostrarPantalla('juego');\n    cargarItemActual();\n  });\n\n  var itemEl = $('bvw-item-actual');\n  var itemEmojiEl = $('bvw-item-emoji');\n  var itemNombreEl = $('bvw-item-nombre');\n  var feedbackEl = $('bvw-feedback');\n  var progresoBarra = $('bvw-progreso-barra');\n  var canastaVivo = $('bvw-canasta-vivo');\n  var canastaNovivo = $('bvw-canasta-novivo');\n\n  function itemsResueltosGlobal() {\n    var acumulado = 0;\n    for (var i = 0; i < estado.nivelActual; i++) acumulado += NIVELES[i].items.length;\n    return acumulado + estado.itemActual;\n  }\n\n  function cargarItemActual() {\n    var nivel = NIVELES[estado.nivelActual];\n    var item = nivel.items[estado.itemActual];\n    itemEmojiEl.textContent = item.emoji;\n    itemNombreEl.textContent = item.nombre;\n    feedbackEl.textContent = '';\n    itemEl.style.transform = '';\n    itemEl.style.left = '';\n    itemEl.style.top = '';\n    itemEl.style.position = '';\n    var progreso = Math.round((itemsResueltosGlobal() \/ estado.totalItems) * 100);\n    progresoBarra.style.width = progreso + '%';\n  }\n\n  function itemActualData() {\n    return NIVELES[estado.nivelActual].items[estado.itemActual];\n  }\n\n  function avanzarItem(acerto) {\n    if (acerto) {\n      estado.estrellas++;\n      actualizarHud();\n      feedbackEl.style.color = '#1f6b48';\n      feedbackEl.textContent = '\u00a1Correcto! \ud83c\udf1f';\n    } else {\n      feedbackEl.style.color = '#a15a2a';\n      feedbackEl.textContent = 'Ups, int\u00e9ntalo de nuevo. ' + PISTAS[itemActualData().tipo];\n      return; \/\/ permite reintentar el mismo elemento, sin penalizar\n    }\n\n    setTimeout(function () {\n      var nivel = NIVELES[estado.nivelActual];\n      estado.itemActual++;\n      if (estado.itemActual >= nivel.items.length) {\n        if (estado.nivelActual + 1 < NIVELES.length) {\n          iniciarNivel(estado.nivelActual + 1);\n        } else {\n          mostrarFinal();\n        }\n      } else {\n        cargarItemActual();\n      }\n    }, 700);\n  }\n\n  function evaluarRespuesta(tipoCanasta) {\n    var item = itemActualData();\n    avanzarItem(tipoCanasta === item.tipo);\n  }\n\n  \/\/ ---------- ARRASTRAR (mouse + tactil, mediante Pointer Events) ----------\n  var arrastrando = false;\n  var clon = null;\n  var origenLeft = 0, origenTop = 0;\n\n  function limpiarResaltados() {\n    canastaVivo.classList.remove('bvw-resaltada');\n    canastaNovivo.classList.remove('bvw-resaltada');\n  }\n\n  function dentroDeRect(x, y, rect) {\n    if (x < rect.left) return false;\n    if (x > rect.right) return false;\n    if (y < rect.top) return false;\n    if (y > rect.bottom) return false;\n    return true;\n  }\n\n  function canastaBajoPunto(x, y) {\n    var rectVivo = canastaVivo.getBoundingClientRect();\n    var rectNovivo = canastaNovivo.getBoundingClientRect();\n    if (dentroDeRect(x, y, rectVivo)) return 'vivo';\n    if (dentroDeRect(x, y, rectNovivo)) return 'novivo';\n    return null;\n  }\n\n  itemEl.addEventListener('pointerdown', function (e) {\n    arrastrando = true;\n    itemEl.classList.add('bvw-arrastrando');\n    if (itemEl.setPointerCapture) {\n      itemEl.setPointerCapture(e.pointerId);\n    }\n  });\n\n  itemEl.addEventListener('pointermove', function (e) {\n    if (!arrastrando) return;\n    var dx = e.clientX;\n    var dy = e.clientY;\n    var rect = itemEl.getBoundingClientRect();\n    var offsetX = dx - (rect.left + rect.width \/ 2);\n    var offsetY = dy - (rect.top + rect.height \/ 2);\n    itemEl.style.position = 'relative';\n    itemEl.style.zIndex = '50';\n    itemEl.style.transform = 'translate(' + offsetX + 'px,' + offsetY + 'px) scale(1.08)';\n\n    var sobre = canastaBajoPunto(dx, dy);\n    limpiarResaltados();\n    if (sobre === 'vivo') canastaVivo.classList.add('bvw-resaltada');\n    if (sobre === 'novivo') canastaNovivo.classList.add('bvw-resaltada');\n  });\n\n  function soltar(e) {\n    if (!arrastrando) return;\n    arrastrando = false;\n    itemEl.classList.remove('bvw-arrastrando');\n    limpiarResaltados();\n    var x, y;\n    if (e.clientX !== undefined) {\n      x = e.clientX;\n      y = e.clientY;\n    } else if (e.changedTouches) {\n      x = e.changedTouches[0].clientX;\n      y = e.changedTouches[0].clientY;\n    }\n    var destino = canastaBajoPunto(x, y);\n    itemEl.style.transform = '';\n    if (destino) {\n      evaluarRespuesta(destino);\n    }\n  }\n\n  itemEl.addEventListener('pointerup', soltar);\n  itemEl.addEventListener('pointercancel', function () {\n    arrastrando = false;\n    itemEl.classList.remove('bvw-arrastrando');\n    itemEl.style.transform = '';\n    limpiarResaltados();\n  });\n\n  \/\/ Alternativa accesible: teclado \/ tap directo en la canasta funciona igual como \"clasificaci\u00f3n asistida\"\n  itemEl.addEventListener('keydown', function (e) {\n    if (e.key === 'ArrowLeft') evaluarRespuesta('vivo');\n    if (e.key === 'ArrowRight') evaluarRespuesta('novivo');\n  });\n  canastaVivo.addEventListener('click', function () { if (!arrastrando) evaluarRespuesta('vivo'); });\n  canastaNovivo.addEventListener('click', function () { if (!arrastrando) evaluarRespuesta('novivo'); });\n\n  \/\/ ---------- FINAL ----------\n  function mostrarFinal() {\n    $('bvw-final-nombre').textContent = '\u00a1Felicidades, ' + estado.nombre + '!';\n    $('bvw-final-estrellas').textContent = '\u2b50 ' + estado.estrellas + ' de ' + estado.totalItems + ' estrellas';\n    mostrarPantalla('final');\n  }\n\n  $('bvw-btn-reiniciar').addEventListener('click', function () {\n    estado.nivelActual = 0;\n    estado.itemActual = 0;\n    estado.estrellas = 0;\n    actualizarHud();\n    mostrarPantalla('bienvenida');\n    inputNombre.value = '';\n  });\n\n  actualizarHud();\n})();\n<\/script>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:120px\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><br>Bienvenido a\u00a0<strong>\u00abLo Vivo y lo No vivo\u00bb<\/strong>, una actividad educativa dise\u00f1ada especialmente para ni\u00f1os de primero de primaria. Con este juego interactivo, los peque\u00f1os aprender\u00e1n a resolver sumas b\u00e1sicas del 1 al 15 mientras se divierten. El cohete los guiar\u00e1 a trav\u00e9s de diferentes niveles donde deber\u00e1n sumar n\u00fameros para avanzar y llegar al espacio exterior. Esta actividad fomenta el aprendizaje l\u00fadico, la concentraci\u00f3n y el razonamiento matem\u00e1tico desde edades tempranas. Ideal para reforzar lo aprendido en clase o practicar en casa con la familia.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\"><br><strong>\u00bfQu\u00e9 aprender\u00e1s?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sumar n\u00fameros del 1 al 15<\/li>\n\n\n\n<li>Reconocer cantidades y n\u00fameros<\/li>\n\n\n\n<li>Desarrollar agilidad mental<\/li>\n\n\n\n<li>Resolver problemas matem\u00e1ticos sencillos<\/li>\n\n\n\n<li>Divertirte mientras aprendes<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><br><strong>Beneficios educativos<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Refuerza el aprendizaje de matem\u00e1ticas<\/li>\n\n\n\n<li>Desarrolla habilidades de c\u00e1lculo mental<\/li>\n\n\n\n<li>Fomenta la autonom\u00eda y confianza en el alumno<\/li>\n\n\n\n<li>Estimula la concentraci\u00f3n y atenci\u00f3n<\/li>\n\n\n\n<li>Aprendizaje significativo a trav\u00e9s del juego<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\"><br><strong>C\u00f3mo jugar<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Elige el nivel que deseas jugar<\/li>\n\n\n\n<li>Observa la operaci\u00f3n de suma en la pantalla<\/li>\n\n\n\n<li>Selecciona la respuesta correcta entre las opciones<\/li>\n\n\n\n<li>Si aciertas, el cohete avanza<\/li>\n\n\n\n<li>Completa todas las sumas para llegar al espacio<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><br><strong>Consejos para padres<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Acompa\u00f1e a su hijo durante la actividad<\/li>\n\n\n\n<li>Refuerce los aciertos con palabras positivas<\/li>\n\n\n\n<li>Si se equivoca, an\u00edmelo a intentarlo de nuevo<\/li>\n\n\n\n<li>Practique sumas en la vida cotidiana (frutas, juguetes)<\/li>\n\n\n\n<li>Dedique 10-15 minutos diarios a esta actividad<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfeb Escuela Ignacio Altamirano \u2b50 0 \ud83c\udf33\ud83d\udc3f\ufe0f El Bosque de los Vivos \u00a1Hola! Vamos a jugar y aprender. \u00bfC\u00f3mo te &hellip; <\/p>\n","protected":false},"author":1,"featured_media":345,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[6,7],"tags":[9],"class_list":["post-356","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-juegos","category-primero-de-primaria","tag-matematicas"],"_links":{"self":[{"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/posts\/356"}],"collection":[{"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":9,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/posts\/356\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/posts\/356\/revisions\/366"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/media\/345"}],"wp:attachment":[{"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/categories?post=356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eppaltamirano.com.mx\/index.php\/wp-json\/wp\/v2\/tags?post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}