{"id":274,"date":"2025-10-02T23:35:26","date_gmt":"2025-10-02T23:35:26","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?p=274"},"modified":"2025-10-03T00:13:59","modified_gmt":"2025-10-03T00:13:59","slug":"valeria-y-las-palabras-magicas","status":"publish","type":"post","link":"https:\/\/cuentoskecuentan.com\/?p=274","title":{"rendered":"Valeria y las palabras m\u00e1gicas"},"content":{"rendered":"\n<p>El cuento <em>\u201cLas Palabras M\u00e1gicas de Valeria\u201d<\/em> nos ense\u00f1a la importancia de usar el respeto en nuestra vida diaria, tanto en casa como en la escuela. A trav\u00e9s de la historia, descubrimos c\u00f3mo las palabras amables, la escucha atenta y la ayuda a los dem\u00e1s hacen que la convivencia sea m\u00e1s alegre y armoniosa.<\/p>\n\n\n\n<p>En esta actividad, encontrar\u00e1s preguntas que te ayudar\u00e1n a reflexionar sobre lo que aprendi\u00f3 Valeria y c\u00f3mo t\u00fa tambi\u00e9n puedes aplicar el respeto en tu vida cotidiana.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1wjvg9i-pCUOmd87biUnVmxyUScrQqmkx\/preview\" width=\"640\" height=\"480\" allow=\"autoplay\"><\/iframe>\n\n\n\n<p>Descarga el archivo<a href=\"https:\/\/drive.google.com\/file\/d\/1wjvg9i-pCUOmd87biUnVmxyUScrQqmkx\/view?usp=sharing\"> AQU\u00cd. <\/a><\/p>\n\n\n\n<p>Despu\u00e9s de haber analizado el cuento, responde la siguiente actividad:<\/p>\n\n\n\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\" \/>\n  <title>Actividad: Comprensi\u00f3n lectora \u2014 \u00abLas Palabras M\u00e1gicas de Valeria\u00bb<\/title>\n  <style>\n    :root{\n      --accent: #793d7a;\n      --bg: #fff7ff;\n      --card: #ffffff;\n      --text: #222;\n      --muted: #555;\n      --radius: 12px;\n    }\n    *{box-sizing:border-box}\n    body{\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n      background: linear-gradient(180deg, #fff7ff 0%, #f8f0fb 100%);\n      color: var(--text);\n      padding: 24px;\n      margin: 0;\n    }\n    .container{\n      max-width: 900px;\n      margin: 0 auto;\n      background: linear-gradient(180deg, rgba(121,61,122,0.06), rgba(121,61,122,0.02));\n      border-radius: 16px;\n      padding: 20px;\n      box-shadow: 0 8px 22px rgba(121,61,122,0.08);\n      border: 1px solid rgba(121,61,122,0.06);\n    }\n    header{\n      display:flex;\n      gap:16px;\n      align-items:center;\n      margin-bottom: 18px;\n    }\n    .logo{\n      width:64px;\n      height:64px;\n      border-radius:12px;\n      background: var(--accent);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      color:white;\n      font-weight:700;\n      font-size:20px;\n      box-shadow: 0 6px 16px rgba(121,61,122,0.18);\n    }\n    h1{\n      margin:0;\n      font-size:1.4rem;\n      color:var(--accent);\n    }\n    p.lead{\n      margin:8px 0 18px 0;\n      color:var(--muted);\n    }\n    .card{\n      background: var(--card);\n      border-radius: var(--radius);\n      padding:16px;\n      margin-bottom:12px;\n      box-shadow: 0 6px 14px rgba(0,0,0,0.04);\n    }\n    .question{\n      margin-bottom: 14px;\n    }\n    .question h3{\n      margin:0 0 8px 0;\n      font-size:1rem;\n      color:var(--accent);\n    }\n    label.option{\n      display:block;\n      border:1px solid #eee;\n      padding:10px 12px;\n      border-radius:10px;\n      margin-bottom:8px;\n      cursor:pointer;\n      transition: all .12s ease;\n      user-select:none;\n    }\n    label.option:hover{ transform: translateY(-3px) }\n    input[type=\"radio\"], input[type=\"checkbox\"]{ margin-right:8px }\n    textarea{\n      width:100%;\n      min-height:70px;\n      border-radius:8px;\n      border:1px solid #e6d7ee;\n      padding:10px;\n      resize:vertical;\n      font-family: inherit;\n    }\n    .controls{\n      display:flex;\n      gap:10px;\n      margin-top:8px;\n      align-items:center;\n    }\n    button.primary{\n      background: var(--accent);\n      color:#fff;\n      border:none;\n      padding:10px 14px;\n      border-radius:10px;\n      cursor:pointer;\n      font-weight:600;\n      box-shadow: 0 8px 18px rgba(121,61,122,0.18);\n    }\n    button.ghost{\n      background:transparent;\n      border:1px solid rgba(121,61,122,0.14);\n      color:var(--accent);\n      padding:10px 12px;\n      border-radius:10px;\n      cursor:pointer;\n      font-weight:600;\n    }\n    .result{\n      margin-top:12px;\n      padding:12px;\n      border-radius:10px;\n      background: linear-gradient(180deg, rgba(121,61,122,0.06), rgba(121,61,122,0.03));\n      color:var(--accent);\n      font-weight:600;\n    }\n    .note{\n      font-size:.92rem;\n      color:var(--muted);\n      margin-top:6px;\n    }\n    footer{\n      margin-top:14px;\n      font-size:0.9rem;\n      color:var(--muted);\n    }\n    @media (max-width:600px){\n      header{flex-direction:row; gap:12px}\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\" role=\"main\">\n    <header>\n      <div class=\"logo\" aria-hidden=\"true\">VM<\/div>\n      <div>\n        <h1>Actividad: Comprensi\u00f3n lectora<\/h1>\n        <p class=\"lead\">Cuento: <strong>\u00abLas Palabras M\u00e1gicas de Valeria\u00bb<\/strong> \u2014 Preguntas para trabajar la comprensi\u00f3n y el respeto en casa y en la escuela.<\/p>\n      <\/div>\n    <\/header>\n\n    <div class=\"card\" id=\"instructions\">\n      <strong>Instrucciones:<\/strong>\n      <p class=\"note\">Lee el cuento y responde las preguntas. Algunas son de opci\u00f3n m\u00faltiple y otras de respuesta abierta. Haz clic en <em>Revisar respuestas<\/em> para obtener una puntuaci\u00f3n autom\u00e1tica sobre las preguntas que se pueden evaluar autom\u00e1ticamente.<\/p>\n    <\/div>\n\n    <!-- PREGUNTAS -->\n    <form id=\"quiz\" class=\"card\" onsubmit=\"return false;\">\n      <!-- Q1 -->\n      <div class=\"question\" id=\"q1\">\n        <h3>1. \u00bfPor qu\u00e9 la mam\u00e1 de Valeria le dijo que usara las palabras \u201cpor favor\u201d y \u201cgracias\u201d?<\/h3>\n        <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"a\">Porque as\u00ed su mam\u00e1 le daba m\u00e1s jugo.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"b\">Porque son palabras m\u00e1gicas que muestran respeto.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"c\">Porque la maestra se lo pidi\u00f3.<\/label>\n      <\/div>\n\n      <!-- Q2 -->\n      <div class=\"question\" id=\"q2\">\n        <h3>2. \u00bfQu\u00e9 pas\u00f3 cuando la maestra pidi\u00f3 silencio?<\/h3>\n        <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"a\">Todos guardaron silencio.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"b\">Valeria sigui\u00f3 hablando y no escuch\u00f3 a la maestra.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"c\">Todos siguieron hablando.<\/label>\n      <\/div>\n\n      <!-- Q3 -->\n      <div class=\"question\" id=\"q3\">\n        <h3>3. \u00bfC\u00f3mo mostr\u00f3 Valeria respeto a su compa\u00f1ero en el recreo?<\/h3>\n        <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"a\">Se ri\u00f3 y no hizo nada.<\/label>\n        <label class=\"option\" ><input type=\"radio\" name=\"q3\" value=\"b\">Le pidi\u00f3 permiso para tomar sus colores.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"c\">Se disculp\u00f3, ayud\u00f3 a recoger los colores y le ofreci\u00f3 ayuda.<\/label>\n      <\/div>\n\n      <!-- Q4 -->\n      <div class=\"question\" id=\"q4\">\n        <h3>4. \u00bfQu\u00e9 sintieron los pap\u00e1s de Valeria cuando la escucharon hablar con respeto?<\/h3>\n        <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"a\">Se preocuparon porque hablaba muy bajo.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"b\">Se enojaron.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"c\">Pensaron que era bonito vivir en un lugar donde todos nos respetemos<\/label>\n      <\/div>\n\n      <!-- Q5 -->\n      <div class=\"question\" id=\"q5\">\n        <h3>5. Seg\u00fan el cuento, \u00bfc\u00f3mo es el respeto?<\/h3>\n        <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"a\">Una semilla que crece.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"b\">Un juguete que se rompe.<\/label>\n        <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"c\">Una puerta cerrada.<\/label>\n      <\/div>\n\n      <!-- Q6 abierta (palabras m\u00e1gicas) -->\n      <div class=\"question\" id=\"q6\">\n        <h3>6. Escribe las dos <em>palabras m\u00e1gicas<\/em> que Valeria aprendi\u00f3 (separadas por coma):<\/h3>\n        <textarea id=\"q6answer\" placeholder=\"Por ejemplo: por favor, gracias\"><\/textarea>\n      <\/div>\n\n      <!-- Q7 abierta (ejemplo propio) -->\n      <div class=\"question\" id=\"q7\">\n        <h3>7. Da un ejemplo breve de respeto que puedas hacer en casa o en la escuela:<\/h3>\n        <textarea id=\"q7answer\" placeholder=\"Escribe tu ejemplo aqu\u00ed...\"><\/textarea>\n        <p class=\"note\">Esta pregunta ser\u00e1 revisada por el docente (puntuaci\u00f3n manual).<\/p>\n      <\/div>\n\n      <div class=\"controls\">\n        <button class=\"primary\" id=\"checkBtn\" type=\"button\">Revisar respuestas<\/button>\n        <button class=\"ghost\" id=\"resetBtn\" type=\"button\">Limpiar<\/button>\n        <div id=\"feedback\" aria-live=\"polite\"><\/div>\n      <\/div>\n\n      <div id=\"resultArea\" class=\"result\" style=\"display:none;\"><\/div>\n    <\/form>\n\n    <footer>\n      Consejo para el docente: despu\u00e9s de revisar las respuestas autom\u00e1ticas, fomenta la conversaci\u00f3n: pide a los ni\u00f1os que den ejemplos y representen escenas cortas mostrando respeto en casa y en la escuela.\n    <\/footer>\n  <\/div>\n\n  <script>\n    (function(){\n      const correct = {\n        q1: 'b',\n        q2: 'b',\n        q3: 'c',\n        q4: 'c',\n        q5: 'a'\n      };\n\n      const checkBtn = document.getElementById('checkBtn');\n      const resetBtn = document.getElementById('resetBtn');\n      const resultArea = document.getElementById('resultArea');\n      const feedback = document.getElementById('feedback');\n\n      function normalize(s){\n        return s.trim().toLowerCase().replace(\/\\s+\/g,' ');\n      }\n\n      function checkShortQ6(text){\n        \/\/ check that both \"por favor\" and \"gracias\" appear (order flexible)\n        const t = normalize(text);\n        return t.includes('por favor') && t.includes('gracias');\n      }\n\n      checkBtn.addEventListener('click', function(){\n        let score = 0;\n        let totalAuto = 6; \/\/ 5 MC + q6 = 6 evaluadas autom\u00e1ticamente\n        let answered = 0;\n        \/\/ check MCQs\n        for(const q of ['q1','q2','q3','q4','q5']){\n          const els = document.querySelectorAll(`input[name=\"${q}\"]`);\n          let val = null;\n          els.forEach(r => { if(r.checked) val = r.value; });\n          if(val !== null) answered++;\n          if(val === correct[q]) score++;\n          \/\/ color option feedback (simple)\n          els.forEach(r => {\n            const lbl = r.parentElement;\n            lbl.style.borderColor = '#eee';\n            if(r.checked){\n              if(r.value === correct[q]){\n                lbl.style.background = 'linear-gradient(90deg, rgba(121,61,122,0.06), rgba(121,61,122,0.02))';\n                lbl.style.borderColor = '#cdb0d9';\n              } else {\n                lbl.style.background = '#fff6f6';\n                lbl.style.borderColor = '#f3c6c6';\n              }\n            } else {\n              lbl.style.background = '';\n            }\n          })\n        }\n\n        \/\/ Q6\n        const q6text = document.getElementById('q6answer').value || '';\n        if(q6text.trim() !== '') answered++;\n        if(checkShortQ6(q6text)) {\n          score++;\n          \/\/ mark q6 as correct visually\n          document.getElementById('q6answer').style.borderColor = '#cdb0d9';\n        } else {\n          document.getElementById('q6answer').style.borderColor = '#f3c6c6';\n        }\n\n        \/\/ Q7 manual: cannot auto-evaluate\n        const q7text = document.getElementById('q7answer').value || '';\n        if(q7text.trim() !== '') { \/* counted as answered but not auto-scored *\/ }\n\n        \/\/ show result\n        resultArea.style.display = 'block';\n        resultArea.innerHTML = `Puntuaci\u00f3n autom\u00e1tica: <strong>${score} \/ ${totalAuto}<\/strong>.<br>\n        <small class=\"note\">Las preguntas autom\u00e1ticas (1\u20136) han sido calificadas. La pregunta 7 requiere revisi\u00f3n manual por el\/la docente.<\/small>`;\n\n        feedback.innerText = `${answered} pregunta(s) respondida(s) de las 7.`;\n      });\n\n      resetBtn.addEventListener('click', function(){\n        document.getElementById('quiz').reset();\n        resultArea.style.display = 'none';\n        feedback.innerText = '';\n        \/\/ clear styles\n        document.querySelectorAll('label.option').forEach(l => {\n          l.style.background = '';\n          l.style.borderColor = '#eee';\n        });\n        document.getElementById('q6answer').style.borderColor = '';\n        document.getElementById('q7answer').style.borderColor = '';\n      });\n    })();\n  <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>El cuento \u201cLas Palabras M\u00e1gicas de Valeria\u201d nos ense\u00f1a la importancia de usar el respeto en nuestra vida diaria, tanto en casa como en la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-274","post","type-post","status-publish","format-standard","hentry","category-valores"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=274"}],"version-history":[{"count":8,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/274\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/274\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}