{"id":294,"date":"2025-10-07T03:27:49","date_gmt":"2025-10-07T03:27:49","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?p=294"},"modified":"2025-10-12T16:00:01","modified_gmt":"2025-10-12T16:00:01","slug":"el-pulpo-octavio-se-prepara-para-ir-a-la-escuela","status":"publish","type":"post","link":"https:\/\/cuentoskecuentan.com\/?p=294","title":{"rendered":"El pulpo Octavio se prepara para ir a la escuela"},"content":{"rendered":"\n

En este cuento conoceremos a Octavio, un peque\u00f1o pulpo que aprendi\u00f3 la importancia de ser preparado. Al principio, Octavio siempre olvidaba sus cosas y llegaba tarde a la escuela del mar. Pero con la ayuda de su maestra, descubri\u00f3 que preparar todo desde la noche anterior le permit\u00eda comenzar el d\u00eda con tranquilidad y alegr\u00eda.<\/p>\n\n\n\n

Acomp\u00e1\u00f1anos a escuchar la historia \u201cEl pulpo preparado\u201d y aprendamos juntos por qu\u00e9 organizarse a tiempo nos ayuda a ser mejores cada d\u00eda.<\/p>\n\n\n\n<\/iframe>\n\n\n\n<p>Aqu\u00ed puedes descargar las hojas de trabajo:<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1qCWIUV7QxEcKriJwnlH6GA52eKLSPs4s\/preview\" width=\"640\" height=\"480\" allow=\"autoplay\"><\/iframe>\n\n\n\n<p>Puedes acceder <a href=\"https:\/\/drive.google.com\/file\/d\/1qCWIUV7QxEcKriJwnlH6GA52eKLSPs4s\/view?usp=sharing\">AQU\u00cd<\/a><a href=\"https:\/\/drive.google.com\/file\/d\/1iTijNkKVz_3ZVEcX6y7DuHg5V_lJlUoP\/view?usp=sharing\">.<\/a><\/p>\n\n\n\n<p>Para probar tus conocimientos sobre la historia del pulpo Octavio, realiza 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: El pulpo preparado \u2014 Preguntas<\/title>\n <style>\n :root{\n --pantone: #793d7a; \/* Pantone solicitado (aprox. en hex) *\/\n --bg: #fff;\n --card: #f7f5fb;\n --text: #222;\n --muted: #666;\n --correct: #1a7f37;\n --wrong: #b62626;\n }\n\n *{box-sizing:border-box}\n body{\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n background: linear-gradient(180deg, #ffffff 0%, #fbf8fc 100%);\n color: var(--text);\n margin: 0;\n padding: 24px;\n display: flex;\n justify-content: center;\n }\n\n .container{\n width: 100%;\n max-width: 820px;\n background: var(--card);\n border-radius: 14px;\n padding: 22px;\n box-shadow: 0 6px 24px rgba(121,61,122,0.08);\n border: 1px solid rgba(121,61,122,0.06);\n }\n\n header{\n display:flex;\n align-items:center;\n gap:16px;\n margin-bottom: 12px;\n }\n\n header .dot{\n width:48px;height:48px;border-radius:10px;\n background: var(--pantone);\n display:flex;align-items:center;justify-content:center;\n color:white;font-weight:700;font-size:20px;\n box-shadow: 0 4px 12px rgba(121,61,122,0.18);\n }\n\n h1{font-size:20px;margin:0}\n p.lead{margin:6px 0 18px;color:var(--muted);font-size:14px}\n\n form.question-list{\n display: grid;\n gap: 14px;\n }\n\n .card{\n background: white;\n border-radius: 10px;\n padding: 14px;\n border: 1px solid rgba(0,0,0,0.06);\n }\n\n .q-title{\n font-weight:600;\n margin-bottom:8px;\n }\n .options{\n display:flex;flex-direction:column;gap:8px;\n }\n\n label.option{\n display:flex;\n align-items:center;\n gap:12px;\n padding:8px 10px;\n border-radius:8px;\n cursor:pointer;\n transition: transform .06s ease, box-shadow .06s ease;\n border:1px solid transparent;\n }\n\n input[type=\"radio\"]{accent-color: var(--pantone); width:18px;height:18px}\n label.option:hover{transform: translateY(-2px); box-shadow: 0 6px 18px rgba(121,61,122,0.06)}\n label.option .opt-text{font-size:15px}\n\n .actions{\n display:flex;\n gap:10px;\n margin-top:14px;\n align-items:center;\n }\n\n button{\n background: var(--pantone);\n color: white;\n border: none;\n padding:10px 14px;\n border-radius:10px;\n cursor:pointer;\n font-weight:600;\n }\n button.secondary{\n background: transparent;\n color: var(--pantone);\n border: 1px solid var(--pantone);\n }\n\n .result{\n margin-top:12px;\n padding:12px;\n border-radius:10px;\n display:none;\n }\n\n .result.show{display:block}\n\n .result.good{background: rgba(26,127,55,0.08); border:1px solid rgba(26,127,55,0.12); color:var(--correct)}\n .result.bad{background: rgba(182,38,38,0.06); border:1px solid rgba(182,38,38,0.12); color:var(--wrong)}\n\n .explanation{font-size:14px;color:var(--muted);margin-top:8px}\n\n .answer-tag{\n display:inline-block;\n font-size:13px;\n padding:6px 8px;\n border-radius:8px;\n margin-top:8px;\n background:#fafafa;\n border:1px solid rgba(0,0,0,0.04);\n }\n\n \/* small screens *\/\n @media (max-width:520px){\n .container{padding:14px}\n header .dot{width:44px;height:44px}\n }\n <\/style>\n<\/head>\n<body>\n <main class=\"container\" role=\"main\" aria-labelledby=\"main-title\">\n <header>\n <div class=\"dot\" aria-hidden=\"true\">OP<\/div>\n <div>\n <h1 id=\"main-title\">Actividad: El pulpo preparado<\/h1>\n <p class=\"lead\">Responde las preguntas de opci\u00f3n m\u00faltiple sobre el cuento que escuchaste. Selecciona una respuesta por pregunta y presiona <strong>Enviar<\/strong>.<\/p>\n <\/div>\n <\/header>\n\n <form id=\"quizForm\" class=\"question-list\" autocomplete=\"off\" novalidate>\n \n <fieldset class=\"card\" data-question=\"1\">\n <legend class=\"q-title\">1. \u00bfQu\u00e9 significa que el pulpo estuviera \u00abpreparado\u00bb?<\/legend>\n <div class=\"options\" role=\"radiogroup\" aria-labelledby=\"\">\n <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"a\"><span class=\"opt-text\">Que llevaba muchas cosas sin pensar en lo que necesitaba.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"b\"><span class=\"opt-text\">Que organiz\u00f3 sus cosas con tiempo y revis\u00f3 lo necesario.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"c\"><span class=\"opt-text\">Que se qued\u00f3 dormido y olvid\u00f3 todo.<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n \n <fieldset class=\"card\" data-question=\"2\">\n <legend class=\"q-title\">2. \u00bfCu\u00e1l es una buena acci\u00f3n que hizo el pulpo para estar preparado?<\/legend>\n <div class=\"options\">\n <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"a\"><span class=\"opt-text\">Escuchar consejos de su maestra<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"b\"><span class=\"opt-text\">Olvidar su lista de cosas e improvisar.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"c\"><span class=\"opt-text\">No decir nada y hacer todo sin planear.<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n \n <fieldset class=\"card\" data-question=\"3\">\n <legend class=\"q-title\">3. \u00bfPor qu\u00e9 es importante prepararse antes de una actividad?<\/legend>\n <div class=\"options\">\n <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"a\"><span class=\"opt-text\">Porque as\u00ed podemos evitar sorpresas y hacerlo mejor.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"b\"><span class=\"opt-text\">Porque es divertido olvidar las cosas.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"c\"><span class=\"opt-text\">Porque siempre es mejor llegar tarde.<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n \n <fieldset class=\"card\" data-question=\"4\">\n <legend class=\"q-title\">4. \u00bfQu\u00e9 aprendi\u00f3 el pulpo al final del cuento?<\/legend>\n <div class=\"options\">\n <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"a\"><span class=\"opt-text\">Que ser preparado es \u00ablo mejor\u00bb.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"b\"><span class=\"opt-text\">Que no vale la pena planear y que todo sale mal.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"c\"><span class=\"opt-text\">Que es mejor no compartir lo que se prepara.<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n \n <fieldset class=\"card\" data-question=\"5\">\n <legend class=\"q-title\">5. Si t\u00fa fueras el pulpo, \u00bfqu\u00e9 har\u00edas para estar preparado?<\/legend>\n <div class=\"options\">\n <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"a\"><span class=\"opt-text\">Hacer una lista y revisar con tiempo.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"b\"><span class=\"opt-text\">Dejar todo para el \u00faltimo momento.<\/span><\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"c\"><span class=\"opt-text\">No llevar nada y esperar sorpresas.<\/span><\/label>\n <\/div>\n <\/fieldset>\n\n <div class=\"actions\">\n <button type=\"button\" id=\"submitBtn\">Enviar<\/button>\n <button type=\"button\" id=\"resetBtn\" class=\"secondary\">Borrar respuestas<\/button>\n <div id=\"scoreSummary\" style=\"margin-left:auto;font-weight:700;color:var(--pantone)\"><\/div>\n <\/div>\n\n <div id=\"feedbackArea\" aria-live=\"polite\"><\/div>\n <\/form>\n <\/main>\n\n <script>\n (function(){\n \/\/ Respuestas correctas y explicaciones\n const answers = {\n q1: {correct: 'b', explain: 'Prepararse significa organizar y revisar lo necesario antes de empezar.'},\n q2: {correct: 'a', explain: 'Pedir ayuda y escuchar consejos es una acci\u00f3n que muestra preparaci\u00f3n y colaboraci\u00f3n.'},\n q3: {correct: 'a', explain: 'Prepararse ayuda a evitar sorpresas y a hacer mejores las actividades.'},\n q4: {correct: 'a', explain: 'Al final el pulpo aprendi\u00f3 que prepararse beneficia tanto a uno mismo como a los dem\u00e1s.'},\n q5: {correct: 'a', explain: 'Hacer una lista y revisar con tiempo es una buena pr\u00e1ctica para estar preparado.'}\n };\n\n const form = document.getElementById('quizForm');\n const submitBtn = document.getElementById('submitBtn');\n const resetBtn = document.getElementById('resetBtn');\n const feedbackArea = document.getElementById('feedbackArea');\n const scoreSummary = document.getElementById('scoreSummary');\n\n function getSelectedValue(name){\n const el = form.querySelector('input[name=\"'+name+'\"]:checked');\n return el ? el.value : null;\n }\n\n function showResults(){\n const keys = Object.keys(answers);\n let correctCount = 0;\n \/\/ Clear previous feedback\n feedbackArea.innerHTML = '';\n\n keys.forEach(k => {\n const user = getSelectedValue(k);\n const card = form.querySelector('[data-question=\"'+(keys.indexOf(k)+1)+'\"]');\n const resultDiv = document.createElement('div');\n resultDiv.className = 'card';\n const qNum = keys.indexOf(k)+1;\n const heading = document.createElement('div');\n heading.innerHTML = '<strong>Pregunta ' + qNum + ':<\/strong>';\n resultDiv.appendChild(heading);\n\n if(!user){\n const miss = document.createElement('div');\n miss.className = 'result bad show';\n miss.textContent = 'No seleccionaste una respuesta para esta pregunta.';\n const expl = document.createElement('div');\n expl.className = 'explanation';\n expl.textContent = 'Respuesta correcta: ' + answers[k].correct.toUpperCase() + '. ' + answers[k].explain;\n resultDiv.appendChild(miss);\n resultDiv.appendChild(expl);\n } else if(user === answers[k].correct){\n correctCount++;\n const ok = document.createElement('div');\n ok.className = 'result good show';\n ok.textContent = '\u00a1Correcto!';\n const expl = document.createElement('div');\n expl.className = 'explanation';\n expl.textContent = answers[k].explain;\n resultDiv.appendChild(ok);\n resultDiv.appendChild(expl);\n } else {\n const no = document.createElement('div');\n no.className = 'result bad show';\n no.textContent = 'Respuesta incorrecta.';\n const expl = document.createElement('div');\n expl.className = 'explanation';\n expl.innerHTML = 'Tu respuesta: <span class=\"answer-tag\">'+user.toUpperCase()+'<\/span> \u2014 Respuesta correcta: <span class=\"answer-tag\">'+answers[k].correct.toUpperCase()+'<\/span>. ' + answers[k].explain;\n resultDiv.appendChild(no);\n resultDiv.appendChild(expl);\n }\n\n feedbackArea.appendChild(resultDiv);\n });\n\n \/\/ Mostrar puntuaci\u00f3n\n scoreSummary.textContent = 'Puntos: ' + correctCount + ' \/ ' + keys.length;\n\n \/\/ Desplazar a resultados (\u00fatil en m\u00f3vil)\n setTimeout(() => {\n feedbackArea.scrollIntoView({behavior:'smooth', block:'start'});\n }, 120);\n }\n\n submitBtn.addEventListener('click', function(){\n showResults();\n });\n\n resetBtn.addEventListener('click', function(){\n form.reset();\n feedbackArea.innerHTML = '';\n scoreSummary.textContent = '';\n });\n\n \/\/ Mejora de accesibilidad: permitir enviar con Enter cuando el foco est\u00e9 en un radio\n form.addEventListener('keydown', function(e){\n if(e.key === 'Enter'){\n e.preventDefault();\n showResults();\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>En este cuento conoceremos a Octavio, un peque\u00f1o pulpo que aprendi\u00f3 la importancia de ser preparado. Al principio, Octavio siempre olvidaba sus cosas y llegaba […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-294","post","type-post","status-publish","format-standard","hentry","category-rasgos-de-caracter"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/294","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=294"}],"version-history":[{"count":5,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/294\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/294\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}