{"id":1843,"date":"2026-09-02T01:35:46","date_gmt":"2026-09-02T01:35:46","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1843"},"modified":"2026-09-02T01:37:05","modified_gmt":"2026-09-02T01:37:05","slug":"my-digital-key-1-3","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1843","title":{"rendered":"My digital key 1.3"},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   MY DIGITAL KEY 1\n   LECCI\u00d3N 3 \u00b7 CREO MI PRIMER JUEGO\n   WORDPRESS \u00b7 SIN JAVASCRIPT\n   RETROALIMENTACI\u00d3N INMEDIATA\n========================================================= *\/\n\n#mdk3{\n  --purple:#42158f;\n  --purple2:#5c2aa3;\n  --purple-soft:#f7f2fc;\n  --purple-line:#d9cbed;\n  --yellow:#f5b700;\n  --yellow-soft:#fff8df;\n  --text:#29252d;\n  --gray:#716b76;\n\n  width:min(100%,1050px);\n  margin:0 auto;\n  background:#fff;\n  color:var(--text);\n\n  font-family:\n    \"Trebuchet MS\",\n    Arial,\n    sans-serif;\n\n  box-sizing:border-box;\n}\n\n#mdk3 *,\n#mdk3 *::before,\n#mdk3 *::after{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   CONTROLES DE NAVEGACI\u00d3N\n========================================================= *\/\n\n#mdk3 > input.mdk3-nav-control{\n  position:absolute;\n  left:-9999px;\n}\n\n#mdk3 .mdk3-shell{\n  width:100%;\n  background:#fff;\n  overflow:hidden;\n}\n\n\/* =========================================================\n   ENCABEZADO\n========================================================= *\/\n\n#mdk3 .mdk3-topbar{\n  display:flex;\n  justify-content:flex-end;\n  padding:20px 28px 3px;\n}\n\n#mdk3 .mdk3-brand{\n  display:inline-block;\n\n  background:var(--purple);\n  color:#fff;\n\n  padding:9px 17px;\n\n  border-radius:9px;\n\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.6px;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#mdk3 .mdk3-hero{\n  padding:15px 34px 25px;\n}\n\n#mdk3 .mdk3-title{\n  margin:0;\n\n  text-align:center;\n  color:var(--purple);\n\n  font-size:clamp(34px,5vw,56px);\n  line-height:1.05;\n\n  font-weight:900;\n}\n\n#mdk3 .mdk3-subtitle{\n  max-width:760px;\n\n  margin:12px auto 0;\n\n  text-align:center;\n\n  font-size:18px;\n  line-height:1.45;\n}\n\n\/* =========================================================\n   META Y COMPRENDO\n========================================================= *\/\n\n#mdk3 .mdk3-goals{\n  max-width:900px;\n\n  margin:27px auto 0;\n\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:17px;\n}\n\n#mdk3 .mdk3-goal{\n  border:2px solid var(--purple-line);\n  border-radius:18px;\n\n  padding:16px 18px;\n\n  background:#fff;\n\n  display:grid;\n  grid-template-columns:62px 1fr;\n  gap:14px;\n\n  align-items:center;\n}\n\n#mdk3 .mdk3-goal-icon{\n  width:58px;\n  height:58px;\n\n  border-radius:50%;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  font-size:27px;\n  font-weight:900;\n}\n\n#mdk3 .mdk3-goal:first-child .mdk3-goal-icon{\n  background:var(--yellow);\n  color:#fff;\n}\n\n#mdk3 .mdk3-goal:last-child .mdk3-goal-icon{\n  background:var(--purple);\n  color:#fff;\n}\n\n#mdk3 .mdk3-goal h3{\n  margin:0 0 4px;\n\n  color:var(--purple);\n\n  font-size:21px;\n}\n\n#mdk3 .mdk3-goal p{\n  margin:0;\n\n  font-size:14px;\n  line-height:1.4;\n}\n\n\/* =========================================================\n   PROGRESO\n========================================================= *\/\n\n#mdk3 .mdk3-progress-wrap{\n  padding:0 34px 22px;\n}\n\n#mdk3 .mdk3-progress-info{\n  display:flex;\n  justify-content:space-between;\n\n  color:var(--purple);\n\n  font-size:13px;\n  font-weight:900;\n\n  margin-bottom:8px;\n}\n\n#mdk3 .mdk3-step-text{\n  display:none;\n}\n\n#mdk3-screen1:checked ~ .mdk3-shell .step1,\n#mdk3-screen2:checked ~ .mdk3-shell .step2,\n#mdk3-screen3:checked ~ .mdk3-shell .step3,\n#mdk3-screen4:checked ~ .mdk3-shell .step4{\n  display:inline;\n}\n\n#mdk3 .mdk3-progress{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:5px;\n}\n\n#mdk3 .mdk3-progress span{\n  height:9px;\n\n  border-radius:999px;\n\n  background:#eee7f7;\n}\n\n#mdk3-screen1:checked ~ .mdk3-shell .p1{\n  background:var(--purple);\n}\n\n#mdk3-screen2:checked ~ .mdk3-shell .p1,\n#mdk3-screen2:checked ~ .mdk3-shell .p2{\n  background:var(--purple);\n}\n\n#mdk3-screen3:checked ~ .mdk3-shell .p1,\n#mdk3-screen3:checked ~ .mdk3-shell .p2,\n#mdk3-screen3:checked ~ .mdk3-shell .p3{\n  background:var(--purple);\n}\n\n#mdk3-screen4:checked ~ .mdk3-shell .mdk3-progress span{\n  background:var(--purple);\n}\n\n\/* =========================================================\n   PANTALLAS\n========================================================= *\/\n\n#mdk3 .mdk3-stage{\n  padding:0 34px 34px;\n}\n\n#mdk3 .mdk3-screen{\n  display:none;\n}\n\n#mdk3-screen1:checked ~ .mdk3-shell .screen1,\n#mdk3-screen2:checked ~ .mdk3-shell .screen2,\n#mdk3-screen3:checked ~ .mdk3-shell .screen3,\n#mdk3-screen4:checked ~ .mdk3-shell .screen4{\n  display:block;\n}\n\n\/* =========================================================\n   ENCABEZADO DE SECCI\u00d3N\n========================================================= *\/\n\n#mdk3 .mdk3-section-head{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:19px;\n}\n\n#mdk3 .mdk3-number{\n  width:43px;\n  height:43px;\n\n  min-width:43px;\n\n  border-radius:50%;\n\n  background:var(--purple);\n  color:#fff;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  font-size:20px;\n  font-weight:900;\n}\n\n#mdk3 .mdk3-section-head h2{\n  margin:0;\n\n  color:var(--purple);\n\n  font-size:27px;\n  line-height:1.15;\n}\n\n#mdk3 .mdk3-instruction{\n  margin:0 0 20px;\n\n  font-size:17px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   HISTORIA\n========================================================= *\/\n\n#mdk3 .mdk3-story{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n\n  gap:22px;\n}\n\n#mdk3 .mdk3-story-text{\n  border:2px solid var(--purple-line);\n  border-radius:20px;\n\n  padding:22px;\n}\n\n#mdk3 .mdk3-story-text p{\n  margin:0 0 14px;\n\n  font-size:16px;\n  line-height:1.58;\n}\n\n#mdk3 .mdk3-story-text p:last-child{\n  margin-bottom:0;\n}\n\n#mdk3 .mdk3-story-text strong{\n  color:var(--purple);\n}\n\n\/* =========================================================\n   CHAT VISUAL\n========================================================= *\/\n\n#mdk3 .mdk3-chat-zone{\n  min-height:355px;\n\n  border:2px solid #eee5f8;\n  border-radius:20px;\n\n  background:var(--purple-soft);\n\n  padding:22px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n}\n\n#mdk3 .mdk3-chat-zone h3{\n  margin:0 0 16px;\n\n  color:var(--purple);\n\n  font-size:22px;\n\n  text-align:center;\n}\n\n#mdk3 .mdk3-device{\n  width:min(100%,320px);\n\n  border:7px solid #48454b;\n  border-radius:10px;\n\n  background:#fff;\n\n  overflow:hidden;\n}\n\n#mdk3 .mdk3-chat-header{\n  background:var(--purple);\n\n  color:#fff;\n\n  padding:9px 12px;\n\n  font-size:14px;\n  font-weight:900;\n}\n\n#mdk3 .mdk3-chat{\n  padding:13px;\n}\n\n#mdk3 .mdk3-bubble{\n  width:85%;\n\n  margin-bottom:10px;\n\n  border-radius:13px;\n\n  padding:9px 11px;\n\n  font-size:12px;\n  line-height:1.35;\n}\n\n#mdk3 .other{\n  background:#eee7f7;\n\n  color:#28232e;\n}\n\n#mdk3 .warning-bubble{\n  background:var(--yellow-soft);\n\n  border:1px solid #ecd275;\n}\n\n#mdk3 .mdk3-chat-callout{\n  margin-top:20px;\n\n  width:100%;\n\n  padding:13px;\n\n  border:2px solid var(--purple);\n  border-radius:14px;\n\n  background:#fff;\n  color:var(--purple);\n\n  text-align:center;\n\n  font-size:15px;\n  font-weight:900;\n  line-height:1.4;\n}\n\n\/* =========================================================\n   OPCIONES GENERALES\n========================================================= *\/\n\n#mdk3 .mdk3-question,\n#mdk3 .mdk3-case{\n  margin-top:20px;\n\n  border:2px solid var(--purple-line);\n  border-radius:19px;\n\n  padding:18px;\n}\n\n#mdk3 .mdk3-question h3,\n#mdk3 .mdk3-case h3{\n  margin:0 0 14px;\n\n  color:var(--purple);\n\n  font-size:18px;\n  line-height:1.4;\n}\n\n#mdk3 .mdk3-options{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n\n  gap:10px;\n}\n\n#mdk3 .mdk3-options input{\n  position:absolute;\n  opacity:0;\n}\n\n#mdk3 .mdk3-choice{\n  min-height:70px;\n\n  border:2px solid #ddd1ee;\n  border-radius:13px;\n\n  background:#fff;\n\n  padding:11px;\n\n  display:flex;\n  justify-content:center;\n  align-items:center;\n\n  text-align:center;\n\n  cursor:pointer;\n\n  font-size:14px;\n  line-height:1.35;\n}\n\n#mdk3 .mdk3-options input:checked + .mdk3-choice{\n  background:var(--purple);\n  border-color:var(--purple);\n\n  color:#fff;\n\n  font-weight:900;\n}\n\n\/* =========================================================\n   RETROALIMENTACI\u00d3N\n========================================================= *\/\n\n#mdk3 .feedback{\n  display:none;\n\n  grid-column:1 \/ -1;\n\n  margin-top:3px;\n\n  padding:13px 15px;\n\n  border-radius:12px;\n\n  font-size:14px;\n  line-height:1.45;\n}\n\n#mdk3 .feedback.good{\n  background:var(--purple-soft);\n\n  border:1px solid var(--purple-line);\n\n  color:var(--purple);\n}\n\n#mdk3 .feedback.think{\n  background:var(--yellow-soft);\n\n  border:1px solid #ead272;\n\n  color:#554300;\n}\n\n\/* PREGUNTA INICIAL *\/\n\n#l3introa:checked ~ .l3introfa,\n#l3introb:checked ~ .l3introfb,\n#l3introc:checked ~ .l3introfc{\n  display:block;\n}\n\n\/* =========================================================\n   PANTALLA 2 \u00b7 PREGUNTAS NORMALES O DE ALERTA\n========================================================= *\/\n\n#mdk3 .mdk3-signal-list{\n  display:grid;\n  gap:15px;\n}\n\n#mdk3 .mdk3-signal{\n  border:2px solid var(--purple-line);\n  border-radius:18px;\n\n  padding:17px;\n\n  background:#fff;\n}\n\n#mdk3 .mdk3-signal-question{\n  color:var(--purple);\n\n  font-size:17px;\n  font-weight:900;\n\n  margin-bottom:12px;\n}\n\n#mdk3 .mdk3-two-options{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n\n  gap:10px;\n}\n\n#mdk3 .mdk3-two-options input{\n  position:absolute;\n  opacity:0;\n}\n\n#mdk3 .mdk3-two-choice{\n  min-height:55px;\n\n  border:2px solid #ddd1ee;\n  border-radius:12px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:10px;\n\n  text-align:center;\n\n  cursor:pointer;\n\n  font-size:14px;\n}\n\n#mdk3 .mdk3-two-options input:checked + .mdk3-two-choice{\n  background:var(--purple);\n  border-color:var(--purple);\n\n  color:#fff;\n\n  font-weight:900;\n}\n\n\/* Feedback se\u00f1al 1 *\/\n\n#l3s1a:checked ~ .l3s1fa,\n#l3s1b:checked ~ .l3s1fb,\n\n#l3s2a:checked ~ .l3s2fa,\n#l3s2b:checked ~ .l3s2fb,\n\n#l3s3a:checked ~ .l3s3fa,\n#l3s3b:checked ~ .l3s3fb,\n\n#l3s4a:checked ~ .l3s4fa,\n#l3s4b:checked ~ .l3s4fb,\n\n#l3s5a:checked ~ .l3s5fa,\n#l3s5b:checked ~ .l3s5fb,\n\n#l3s6a:checked ~ .l3s6fa,\n#l3s6b:checked ~ .l3s6fb{\n  display:block;\n}\n\n\/* =========================================================\n   REGLA VISUAL\n========================================================= *\/\n\n#mdk3 .mdk3-rule{\n  margin-top:21px;\n\n  padding:17px 19px;\n\n  border:2px solid var(--purple-line);\n  border-radius:17px;\n\n  background:var(--purple-soft);\n}\n\n#mdk3 .mdk3-rule h3{\n  margin:0 0 7px;\n\n  color:var(--purple);\n\n  font-size:18px;\n}\n\n#mdk3 .mdk3-rule p{\n  margin:0;\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   PANTALLA 3\n========================================================= *\/\n\n#l3case1a:checked ~ .l3case1fa,\n#l3case1b:checked ~ .l3case1fb,\n#l3case1c:checked ~ .l3case1fc,\n\n#l3case2a:checked ~ .l3case2fa,\n#l3case2b:checked ~ .l3case2fb,\n#l3case2c:checked ~ .l3case2fc,\n\n#l3case3a:checked ~ .l3case3fa,\n#l3case3b:checked ~ .l3case3fb,\n#l3case3c:checked ~ .l3case3fc{\n  display:block;\n}\n\n\/* =========================================================\n   PANTALLA 4 \u00b7 CREO MI JUEGO\n========================================================= *\/\n\n#mdk3 .mdk3-project{\n  display:grid;\n  grid-template-columns:1fr .9fr;\n\n  gap:22px;\n}\n\n#mdk3 .mdk3-form{\n  border:2px solid var(--purple);\n  border-radius:20px;\n\n  padding:20px;\n}\n\n#mdk3 .mdk3-form label{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:var(--purple);\n\n  font-size:16px;\n  font-weight:900;\n}\n\n#mdk3 .mdk3-form input,\n#mdk3 .mdk3-form textarea{\n  width:100%;\n\n  margin-bottom:17px;\n\n  padding:11px;\n\n  border:2px solid #ded2ed;\n  border-radius:12px;\n\n  font:inherit;\n  font-size:15px;\n}\n\n#mdk3 .mdk3-form input:focus,\n#mdk3 .mdk3-form textarea:focus{\n  outline:none;\n\n  border-color:var(--purple);\n}\n\n#mdk3 .mdk3-form textarea{\n  min-height:77px;\n\n  resize:vertical;\n}\n\n\/* MINI EDUCAPLAY *\/\n\n#mdk3 .mdk3-game-preview{\n  background:var(--purple-soft);\n\n  border-radius:20px;\n\n  padding:21px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n}\n\n#mdk3 .mdk3-game-preview h3{\n  color:var(--purple);\n\n  margin:0 0 14px;\n\n  font-size:20px;\n}\n\n#mdk3 .mdk3-game{\n  width:100%;\n  max-width:330px;\n\n  border:6px solid #49464c;\n  border-radius:10px;\n\n  background:#fff;\n\n  padding:15px;\n}\n\n#mdk3 .mdk3-game-title{\n  text-align:center;\n\n  color:var(--purple);\n\n  font-size:20px;\n  font-weight:900;\n\n  margin-bottom:13px;\n}\n\n#mdk3 .mdk3-game-option{\n  margin:8px 0;\n\n  padding:10px;\n\n  border-radius:10px;\n\n  background:#f3edf9;\n\n  color:var(--purple);\n\n  font-size:13px;\n  font-weight:900;\n}\n\n#mdk3 .mdk3-project-note{\n  margin-top:21px;\n\n  padding:17px;\n\n  border:2px solid var(--purple-line);\n  border-radius:16px;\n\n  background:#fff8df;\n\n  font-size:14px;\n  line-height:1.5;\n}\n\n#mdk3 .mdk3-final{\n  margin-top:21px;\n\n  padding:21px;\n\n  border-radius:20px;\n\n  background:var(--purple-soft);\n\n  text-align:center;\n}\n\n#mdk3 .mdk3-final-icon{\n  width:58px;\n  height:58px;\n\n  margin:0 auto 10px;\n\n  border-radius:50%;\n\n  background:var(--purple);\n  color:#fff;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  font-size:27px;\n  font-weight:900;\n}\n\n#mdk3 .mdk3-final h3{\n  margin:0 0 8px;\n\n  color:var(--purple);\n\n  font-size:23px;\n}\n\n#mdk3 .mdk3-final p{\n  max-width:680px;\n\n  margin:0 auto;\n\n  font-size:15px;\n  line-height:1.55;\n}\n\n\/* =========================================================\n   NAVEGACI\u00d3N\n========================================================= *\/\n\n#mdk3 .mdk3-nav{\n  margin-top:25px;\n\n  padding-top:20px;\n\n  border-top:1px solid #eee7f6;\n\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  gap:12px;\n}\n\n#mdk3 .mdk3-nav-button{\n  display:inline-flex;\n\n  justify-content:center;\n  align-items:center;\n\n  min-width:145px;\n\n  padding:13px 21px;\n\n  border-radius:40px;\n\n  font-size:15px;\n  font-weight:900;\n\n  cursor:pointer;\n\n  user-select:none;\n}\n\n#mdk3 .mdk3-next{\n  background:var(--purple);\n\n  color:#fff;\n\n  border:2px solid var(--purple);\n}\n\n#mdk3 .mdk3-back{\n  background:#fff;\n\n  color:var(--purple);\n\n  border:2px solid var(--purple);\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:800px){\n\n  #mdk3 .mdk3-goals,\n  #mdk3 .mdk3-story,\n  #mdk3 .mdk3-project{\n    grid-template-columns:1fr;\n  }\n\n  #mdk3 .mdk3-options{\n    grid-template-columns:1fr;\n  }\n\n}\n\n@media(max-width:520px){\n\n  #mdk3 .mdk3-topbar{\n    padding:15px 17px 2px;\n  }\n\n  #mdk3 .mdk3-hero,\n  #mdk3 .mdk3-stage{\n    padding-left:17px;\n    padding-right:17px;\n  }\n\n  #mdk3 .mdk3-progress-wrap{\n    padding-left:17px;\n    padding-right:17px;\n  }\n\n  #mdk3 .mdk3-title{\n    font-size:34px;\n  }\n\n  #mdk3 .mdk3-subtitle{\n    font-size:16px;\n  }\n\n  #mdk3 .mdk3-two-options{\n    grid-template-columns:1fr;\n  }\n\n  #mdk3 .mdk3-nav-button{\n    flex:1;\n    min-width:0;\n  }\n\n}\n\n<\/style>\n\n\n<div id=\"mdk3\">\n\n\n<!-- =====================================================\n     NAVEGACI\u00d3N PRINCIPAL\n===================================================== -->\n\n<input\n  type=\"radio\"\n  class=\"mdk3-nav-control\"\n  name=\"mdk3-navigation\"\n  id=\"mdk3-screen1\"\n  checked>\n\n<input\n  type=\"radio\"\n  class=\"mdk3-nav-control\"\n  name=\"mdk3-navigation\"\n  id=\"mdk3-screen2\">\n\n<input\n  type=\"radio\"\n  class=\"mdk3-nav-control\"\n  name=\"mdk3-navigation\"\n  id=\"mdk3-screen3\">\n\n<input\n  type=\"radio\"\n  class=\"mdk3-nav-control\"\n  name=\"mdk3-navigation\"\n  id=\"mdk3-screen4\">\n\n\n<div class=\"mdk3-shell\">\n\n\n<!-- =====================================================\n     ENCABEZADO\n===================================================== -->\n\n<div class=\"mdk3-topbar\">\n\n  <span class=\"mdk3-brand\">\n    MY DIGITAL KEY &#8211; 1\n  <\/span>\n\n<\/div>\n\n\n<header class=\"mdk3-hero\">\n\n\n  <h1 class=\"mdk3-title\">\n    CREO MI PRIMER JUEGO\n  <\/h1>\n\n\n  <p class=\"mdk3-subtitle\">\n\n    Cuando juego en l\u00ednea tambi\u00e9n puedo\n    detenerme, observar y cuidar mi informaci\u00f3n.\n\n  <\/p>\n\n\n  <div class=\"mdk3-goals\">\n\n\n    <div class=\"mdk3-goal\">\n\n      <div class=\"mdk3-goal-icon\">\n        \u25ce\n      <\/div>\n\n      <div>\n\n        <h3>\n          Mi meta\n        <\/h3>\n\n        <p>\n          Analizar una situaci\u00f3n digital\n          y pensar qu\u00e9 informaci\u00f3n nunca debo\n          compartir mientras juego en l\u00ednea.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"mdk3-goal\">\n\n      <div class=\"mdk3-goal-icon\">\n        \u25a4\n      <\/div>\n\n      <div>\n\n        <h3>\n          Comprendo\n        <\/h3>\n\n        <p>\n          Puedo reconocer se\u00f1ales de alerta\n          y tomar decisiones seguras\n          antes de responder.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/header>\n\n\n<!-- =====================================================\n     PROGRESO\n===================================================== -->\n\n<div class=\"mdk3-progress-wrap\">\n\n  <div class=\"mdk3-progress-info\">\n\n    <span>\n\n      <span class=\"mdk3-step-text step1\">\n        1 de 4\n      <\/span>\n\n      <span class=\"mdk3-step-text step2\">\n        2 de 4\n      <\/span>\n\n      <span class=\"mdk3-step-text step3\">\n        3 de 4\n      <\/span>\n\n      <span class=\"mdk3-step-text step4\">\n        4 de 4\n      <\/span>\n\n    <\/span>\n\n    <span>\n      My Digital Key\n    <\/span>\n\n  <\/div>\n\n\n  <div class=\"mdk3-progress\">\n\n    <span class=\"p1\"><\/span>\n    <span class=\"p2\"><\/span>\n    <span class=\"p3\"><\/span>\n    <span class=\"p4\"><\/span>\n\n  <\/div>\n\n<\/div>\n\n\n<main class=\"mdk3-stage\">\n\n\n<!-- =====================================================\n     PANTALLA 1\n===================================================== -->\n\n<section class=\"mdk3-screen screen1\">\n\n\n  <div class=\"mdk3-section-head\">\n\n    <span class=\"mdk3-number\">\n      1\n    <\/span>\n\n    <h2>\n      Analiza la situaci\u00f3n\n    <\/h2>\n\n  <\/div>\n\n\n  <div class=\"mdk3-story\">\n\n\n    <div class=\"mdk3-story-text\">\n\n\n      <p>\n\n        <strong>\n          Leo est\u00e1 jugando en Educaplay\n        <\/strong>\n        para su clase.\n\n      <\/p>\n\n\n      <p>\n\n        Mientras piensa sus respuestas,\n        tambi\u00e9n est\u00e1 jugando en l\u00ednea.\n\n        Desde hace varios d\u00edas juega\n        con un usuario llamado\n        <strong>RapPro77<\/strong>.\n\n      <\/p>\n\n\n      <p>\n\n        Al principio la otra persona\n        solo hablaba del juego.\n\n        Pero poco a poco empez\u00f3 a hacer\n        preguntas m\u00e1s personales.\n\n      <\/p>\n\n\n      <p>\n\n        Quiere saber cu\u00e1ntos a\u00f1os tiene Leo,\n        en qu\u00e9 escuela estudia y\n        a qu\u00e9 hora sale de clase.\n\n      <\/p>\n\n\n      <p>\n\n        Despu\u00e9s le pide pasar a otra aplicaci\u00f3n\n        para seguir hablando y agrega:\n\n        <strong>\n          \u201cNo se lo digas a nadie\u201d.\n        <\/strong>\n\n      <\/p>\n\n\n      <p>\n\n        Leo empieza a sentirse inc\u00f3modo.\n\n        Ahora tiene que decidir\n        qu\u00e9 hacer antes de responder.\n\n      <\/p>\n\n\n    <\/div>\n\n\n    <!-- CHAT -->\n\n    <div class=\"mdk3-chat-zone\">\n\n\n      <h3>\n        Leo observa el chat\n      <\/h3>\n\n\n      <div class=\"mdk3-device\">\n\n        <div class=\"mdk3-chat-header\">\n          Chat del juego\n        <\/div>\n\n\n        <div class=\"mdk3-chat\">\n\n\n          <div class=\"mdk3-bubble other\">\n            \u00bfCu\u00e1l es tu juego favorito?\n          <\/div>\n\n\n          <div class=\"mdk3-bubble other warning-bubble\">\n            \u00bfEn qu\u00e9 escuela estudias?\n          <\/div>\n\n\n          <div class=\"mdk3-bubble other warning-bubble\">\n            \u00bfCu\u00e1ntos a\u00f1os tienes?\n          <\/div>\n\n\n          <div class=\"mdk3-bubble other warning-bubble\">\n            P\u00e1same tu usuario de otra app.\n          <\/div>\n\n\n          <div class=\"mdk3-bubble other warning-bubble\">\n            No se lo digas a nadie.\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"mdk3-chat-callout\">\n\n        Ser amable no significa\n        ser seguro.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- PRIMERA PREGUNTA -->\n\n  <div class=\"mdk3-question\">\n\n\n    <h3>\n\n      \u00bfQu\u00e9 se\u00f1al deber\u00eda hacer que Leo\n      se detenga antes de responder?\n\n    <\/h3>\n\n\n    <div class=\"mdk3-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l3intro\"\n        id=\"l3introa\">\n\n      <label\n        for=\"l3introa\"\n        class=\"mdk3-choice\">\n\n        La persona tambi\u00e9n juega.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3intro\"\n        id=\"l3introb\">\n\n      <label\n        for=\"l3introb\"\n        class=\"mdk3-choice\">\n\n        Empieza a pedirle informaci\u00f3n\n        personal y guardar secretos.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3intro\"\n        id=\"l3introc\">\n\n      <label\n        for=\"l3introc\"\n        class=\"mdk3-choice\">\n\n        Tiene un nombre de usuario divertido.\n\n      <\/label>\n\n\n      <div class=\"feedback think l3introfa\">\n\n        <strong>\n          Observa un poco m\u00e1s.\n        <\/strong>\n\n        Jugar el mismo juego no es la se\u00f1al\n        de alerta. Lo importante es\n        c\u00f3mo cambia la conversaci\u00f3n.\n\n      <\/div>\n\n\n      <div class=\"feedback good l3introfb\">\n\n        <strong>\n          \u00a1Muy bien!\n        <\/strong>\n\n        Cuando alguien empieza a pedir\n        informaci\u00f3n personal, quiere llevar\n        la conversaci\u00f3n a otro lugar o pide\n        guardar un secreto, Leo debe detenerse.\n\n      <\/div>\n\n\n      <div class=\"feedback think l3introfc\">\n\n        El nombre de usuario no nos dice\n        si una persona es segura.\n\n        Debemos observar\n        <strong>lo que pregunta y lo que hace.<\/strong>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mdk3-nav\">\n\n    <span><\/span>\n\n    <label\n      for=\"mdk3-screen2\"\n      class=\"mdk3-nav-button mdk3-next\">\n\n      Continuar \u2192\n\n    <\/label>\n\n  <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     PANTALLA 2\n===================================================== -->\n\n<section class=\"mdk3-screen screen2\">\n\n\n  <div class=\"mdk3-section-head\">\n\n    <span class=\"mdk3-number\">\n      2\n    <\/span>\n\n    <h2>\n      \u00bfPregunta normal o se\u00f1al de alerta?\n    <\/h2>\n\n  <\/div>\n\n\n  <p class=\"mdk3-instruction\">\n\n    Lee cada mensaje.\n\n    Decide si puede ser una pregunta normal\n    dentro del juego o si es una pregunta\n    que debe hacerte\n\n    <strong>\n      detenerte antes de responder.\n    <\/strong>\n\n  <\/p>\n\n\n  <div class=\"mdk3-signal-list\">\n\n\n    <!-- 1 -->\n\n    <div class=\"mdk3-signal\">\n\n      <div class=\"mdk3-signal-question\">\n        \u201c\u00bfCu\u00e1l es tu juego favorito?\u201d\n      <\/div>\n\n\n      <div class=\"mdk3-two-options\">\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s1\"\n          id=\"l3s1a\">\n\n        <label\n          for=\"l3s1a\"\n          class=\"mdk3-two-choice\">\n\n          Pregunta normal\n\n        <\/label>\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s1\"\n          id=\"l3s1b\">\n\n        <label\n          for=\"l3s1b\"\n          class=\"mdk3-two-choice\">\n\n          Se\u00f1al de alerta\n\n        <\/label>\n\n\n        <div class=\"feedback good l3s1fa\">\n\n          <strong>Bien.<\/strong>\n\n          Hablar sobre el juego no necesita revelar\n          informaci\u00f3n personal.\n\n        <\/div>\n\n\n        <div class=\"feedback think l3s1fb\">\n\n          Observa qu\u00e9 est\u00e1 preguntando.\n          Solo est\u00e1 preguntando por un gusto\n          relacionado con el juego.\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- 2 -->\n\n    <div class=\"mdk3-signal\">\n\n      <div class=\"mdk3-signal-question\">\n        \u201c\u00bfEn qu\u00e9 escuela estudias?\u201d\n      <\/div>\n\n\n      <div class=\"mdk3-two-options\">\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s2\"\n          id=\"l3s2a\">\n\n        <label\n          for=\"l3s2a\"\n          class=\"mdk3-two-choice\">\n\n          Pregunta normal\n\n        <\/label>\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s2\"\n          id=\"l3s2b\">\n\n        <label\n          for=\"l3s2b\"\n          class=\"mdk3-two-choice\">\n\n          Se\u00f1al de alerta\n\n        <\/label>\n\n\n        <div class=\"feedback think l3s2fa\">\n\n          <strong>\n            Piensa otra vez.\n          <\/strong>\n\n          El nombre de tu escuela es informaci\u00f3n\n          personal y no es necesario para jugar.\n\n        <\/div>\n\n\n        <div class=\"feedback good l3s2fb\">\n\n          <strong>\n            Correcto.\n          <\/strong>\n\n          Esa pregunta busca informaci\u00f3n\n          sobre d\u00f3nde estudias.\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- 3 -->\n\n    <div class=\"mdk3-signal\">\n\n      <div class=\"mdk3-signal-question\">\n        \u201c\u00bfCu\u00e1ntos a\u00f1os tienes?\u201d\n      <\/div>\n\n\n      <div class=\"mdk3-two-options\">\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s3\"\n          id=\"l3s3a\">\n\n        <label\n          for=\"l3s3a\"\n          class=\"mdk3-two-choice\">\n\n          Pregunta normal\n\n        <\/label>\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s3\"\n          id=\"l3s3b\">\n\n        <label\n          for=\"l3s3b\"\n          class=\"mdk3-two-choice\">\n\n          Se\u00f1al de alerta\n\n        <\/label>\n\n\n        <div class=\"feedback think l3s3fa\">\n\n          Para jugar no necesitas decirle\n          a otra persona tu edad.\n\n        <\/div>\n\n\n        <div class=\"feedback good l3s3fb\">\n\n          <strong>\n            Muy bien.\n          <\/strong>\n\n          Es una pregunta personal.\n          Puedes no responder.\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- 4 -->\n\n    <div class=\"mdk3-signal\">\n\n      <div class=\"mdk3-signal-question\">\n        \u201cP\u00e1same tu usuario de otra app.\u201d\n      <\/div>\n\n\n      <div class=\"mdk3-two-options\">\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s4\"\n          id=\"l3s4a\">\n\n        <label\n          for=\"l3s4a\"\n          class=\"mdk3-two-choice\">\n\n          Pregunta normal\n\n        <\/label>\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s4\"\n          id=\"l3s4b\">\n\n        <label\n          for=\"l3s4b\"\n          class=\"mdk3-two-choice\">\n\n          Se\u00f1al de alerta\n\n        <\/label>\n\n\n        <div class=\"feedback think l3s4fa\">\n\n          Detente.\n\n          No necesitas llevar la conversaci\u00f3n\n          a otra aplicaci\u00f3n.\n\n        <\/div>\n\n\n        <div class=\"feedback good l3s4fb\">\n\n          <strong>\n            Correcto.\n          <\/strong>\n\n          Si alguien quiere mover la conversaci\u00f3n\n          a otra app, es mejor detenerse\n          y pedir ayuda.\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- 5 -->\n\n    <div class=\"mdk3-signal\">\n\n      <div class=\"mdk3-signal-question\">\n        \u201c\u00bfA qu\u00e9 hora sales de clase?\u201d\n      <\/div>\n\n\n      <div class=\"mdk3-two-options\">\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s5\"\n          id=\"l3s5a\">\n\n        <label\n          for=\"l3s5a\"\n          class=\"mdk3-two-choice\">\n\n          Pregunta normal\n\n        <\/label>\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s5\"\n          id=\"l3s5b\">\n\n        <label\n          for=\"l3s5b\"\n          class=\"mdk3-two-choice\">\n\n          Se\u00f1al de alerta\n\n        <\/label>\n\n\n        <div class=\"feedback think l3s5fa\">\n\n          Esa informaci\u00f3n habla de tu rutina\n          y no es necesaria para jugar.\n\n        <\/div>\n\n\n        <div class=\"feedback good l3s5fb\">\n\n          <strong>\n            Muy bien.\n          <\/strong>\n\n          Tu horario es informaci\u00f3n que\n          no necesitas compartir con una persona\n          que conoces solo en l\u00ednea.\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- 6 -->\n\n    <div class=\"mdk3-signal\">\n\n      <div class=\"mdk3-signal-question\">\n        \u201cNo se lo digas a nadie.\u201d\n      <\/div>\n\n\n      <div class=\"mdk3-two-options\">\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s6\"\n          id=\"l3s6a\">\n\n        <label\n          for=\"l3s6a\"\n          class=\"mdk3-two-choice\">\n\n          Est\u00e1 bien\n\n        <\/label>\n\n\n        <input\n          type=\"radio\"\n          name=\"l3s6\"\n          id=\"l3s6b\">\n\n        <label\n          for=\"l3s6b\"\n          class=\"mdk3-two-choice\">\n\n          Se\u00f1al de alerta\n\n        <\/label>\n\n\n        <div class=\"feedback think l3s6fa\">\n\n          <strong>\n            Cuidado.\n          <\/strong>\n\n          Si alguien te pide ocultar una conversaci\u00f3n,\n          es importante cont\u00e1rselo\n          a un adulto de confianza.\n\n        <\/div>\n\n\n        <div class=\"feedback good l3s6fb\">\n\n          <strong>\n            Excelente.\n          <\/strong>\n\n          Pedirte guardar un secreto sobre\n          una conversaci\u00f3n en l\u00ednea\n          es una se\u00f1al para detenerte y pedir ayuda.\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"mdk3-rule\">\n\n    <h3>\n      Una pregunta que me ayuda\n    <\/h3>\n\n    <p>\n\n      Antes de responder puedo pensar:\n\n      <strong>\n        \u201c\u00bfEsta persona necesita realmente\n        saber esto para jugar?\u201d\n      <\/strong>\n\n      Si la respuesta es no,\n      no tengo que contestar.\n\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"mdk3-nav\">\n\n    <label\n      for=\"mdk3-screen1\"\n      class=\"mdk3-nav-button mdk3-back\">\n\n      \u2190 Anterior\n\n    <\/label>\n\n\n    <label\n      for=\"mdk3-screen3\"\n      class=\"mdk3-nav-button mdk3-next\">\n\n      Continuar \u2192\n\n    <\/label>\n\n  <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     PANTALLA 3\n===================================================== -->\n\n<section class=\"mdk3-screen screen3\">\n\n\n  <div class=\"mdk3-section-head\">\n\n    <span class=\"mdk3-number\">\n      3\n    <\/span>\n\n    <h2>\n      Elijo la mejor opci\u00f3n\n    <\/h2>\n\n  <\/div>\n\n\n  <p class=\"mdk3-instruction\">\n\n    Ahora decide qu\u00e9 har\u00edas t\u00fa\n    en cada situaci\u00f3n.\n\n  <\/p>\n\n\n  <!-- CASO 1 -->\n\n  <div class=\"mdk3-case\">\n\n    <h3>\n\n      Alguien que no conoces\n      te pide tu nombre completo.\n\n    <\/h3>\n\n\n    <div class=\"mdk3-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case1\"\n        id=\"l3case1a\">\n\n      <label\n        for=\"l3case1a\"\n        class=\"mdk3-choice\">\n\n        Se lo digo.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case1\"\n        id=\"l3case1b\">\n\n      <label\n        for=\"l3case1b\"\n        class=\"mdk3-choice\">\n\n        No se lo digo.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case1\"\n        id=\"l3case1c\">\n\n      <label\n        for=\"l3case1c\"\n        class=\"mdk3-choice\">\n\n        Tambi\u00e9n le doy mi escuela.\n\n      <\/label>\n\n\n      <div class=\"feedback think l3case1fa\">\n\n        Tu nombre completo es informaci\u00f3n personal.\n        No necesitas compartirlo con una persona\n        que conoces solo en un juego.\n\n      <\/div>\n\n\n      <div class=\"feedback good l3case1fb\">\n\n        <strong>\n          Muy bien.\n        <\/strong>\n\n        Puedes decidir no responder\n        preguntas personales.\n\n      <\/div>\n\n\n      <div class=\"feedback think l3case1fc\">\n\n        Eso compartir\u00eda todav\u00eda m\u00e1s informaci\u00f3n.\n        Lo mejor es detenerse.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- CASO 2 -->\n\n  <div class=\"mdk3-case\">\n\n    <h3>\n\n      Una persona del juego pregunta\n      en qu\u00e9 escuela estudias.\n\n    <\/h3>\n\n\n    <div class=\"mdk3-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case2\"\n        id=\"l3case2a\">\n\n      <label\n        for=\"l3case2a\"\n        class=\"mdk3-choice\">\n\n        Se lo digo.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case2\"\n        id=\"l3case2b\">\n\n      <label\n        for=\"l3case2b\"\n        class=\"mdk3-choice\">\n\n        No respondo esa pregunta.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case2\"\n        id=\"l3case2c\">\n\n      <label\n        for=\"l3case2c\"\n        class=\"mdk3-choice\">\n\n        Le digo tambi\u00e9n d\u00f3nde vivo.\n\n      <\/label>\n\n\n      <div class=\"feedback think l3case2fa\">\n\n        El nombre de tu escuela\n        no es necesario para jugar.\n\n      <\/div>\n\n\n      <div class=\"feedback good l3case2fb\">\n\n        <strong>\n          Correcto.\n        <\/strong>\n\n        No tienes que responder\n        una pregunta personal.\n\n      <\/div>\n\n\n      <div class=\"feedback think l3case2fc\">\n\n        Esa opci\u00f3n comparte todav\u00eda\n        m\u00e1s informaci\u00f3n privada.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- CASO 3 -->\n\n  <div class=\"mdk3-case\">\n\n    <h3>\n\n      Quieres seguir jugando,\n      pero algo de la conversaci\u00f3n\n      te hace sentir inc\u00f3modo.\n\n    <\/h3>\n\n\n    <div class=\"mdk3-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case3\"\n        id=\"l3case3a\">\n\n      <label\n        for=\"l3case3a\"\n        class=\"mdk3-choice\">\n\n        Sigo jugando aunque\n        me sienta inc\u00f3modo.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case3\"\n        id=\"l3case3b\">\n\n      <label\n        for=\"l3case3b\"\n        class=\"mdk3-choice\">\n\n        Me detengo y lo digo\n        a un adulto.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l3case3\"\n        id=\"l3case3c\">\n\n      <label\n        for=\"l3case3c\"\n        class=\"mdk3-choice\">\n\n        Le doy m\u00e1s informaci\u00f3n\n        para que conf\u00ede en m\u00ed.\n\n      <\/label>\n\n\n      <div class=\"feedback think l3case3fa\">\n\n        Si algo te incomoda,\n        no tienes que seguir.\n\n        Puedes detenerte.\n\n      <\/div>\n\n\n      <div class=\"feedback good l3case3fb\">\n\n        <strong>\n          \u00a1Excelente decisi\u00f3n!\n        <\/strong>\n\n        Detenerte y pedir ayuda\n        es una forma de cuidarte.\n\n      <\/div>\n\n\n      <div class=\"feedback think l3case3fc\">\n\n        Compartir m\u00e1s informaci\u00f3n\n        no hace la situaci\u00f3n m\u00e1s segura.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mdk3-rule\">\n\n    <h3>\n      Recuerda\n    <\/h3>\n\n    <p>\n\n      <strong>\n        No responder tambi\u00e9n es una decisi\u00f3n.\n      <\/strong>\n\n      Si una pregunta te parece personal\n      o algo te hace sentir inc\u00f3modo,\n      puedes detenerte y pedir ayuda.\n\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"mdk3-nav\">\n\n    <label\n      for=\"mdk3-screen2\"\n      class=\"mdk3-nav-button mdk3-back\">\n\n      \u2190 Anterior\n\n    <\/label>\n\n\n    <label\n      for=\"mdk3-screen4\"\n      class=\"mdk3-nav-button mdk3-next\">\n\n      Continuar \u2192\n\n    <\/label>\n\n  <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     PANTALLA 4\n===================================================== -->\n\n<section class=\"mdk3-screen screen4\">\n\n\n  <div class=\"mdk3-section-head\">\n\n    <span class=\"mdk3-number\">\n      4\n    <\/span>\n\n    <h2>\n      Planeo mi juego\n    <\/h2>\n\n  <\/div>\n\n\n  <p class=\"mdk3-instruction\">\n\n    Ahora imagina que vas a crear\n    tu propio juego en Educaplay\n    para ense\u00f1ar a otros a jugar con seguridad.\n\n  <\/p>\n\n\n  <div class=\"mdk3-project\">\n\n\n    <div class=\"mdk3-form\">\n\n\n      <label>\n        T\u00edtulo de mi juego\n      <\/label>\n\n      <input\n        type=\"text\"\n        placeholder=\"Ejemplo: Juego seguro\">\n\n\n      <label>\n        Tema\n      <\/label>\n\n      <input\n        type=\"text\"\n        placeholder=\"Ejemplo: Cuidar mi informaci\u00f3n\">\n\n\n      <label>\n        Mi pregunta\n      <\/label>\n\n      <textarea\n        placeholder=\"Escribe una pregunta clara...\"><\/textarea>\n\n\n      <label>\n        Respuesta correcta\n      <\/label>\n\n      <input\n        type=\"text\"\n        placeholder=\"Escribe la respuesta\">\n\n\n      <label>\n        Mi consejo de seguridad\n      <\/label>\n\n      <textarea\n        placeholder=\"\u00bfQu\u00e9 quieres ense\u00f1ar a otros?\"><\/textarea>\n\n\n    <\/div>\n\n\n    <div class=\"mdk3-game-preview\">\n\n\n      <h3>\n        Mi ejemplo\n      <\/h3>\n\n\n      <div class=\"mdk3-game\">\n\n        <div class=\"mdk3-game-title\">\n          JUEGA SEGURO\n        <\/div>\n\n\n        <div class=\"mdk3-game-option\">\n          \u2713 Cuido mi nombre\n        <\/div>\n\n        <div class=\"mdk3-game-option\">\n          \u2713 No digo mi escuela\n        <\/div>\n\n        <div class=\"mdk3-game-option\">\n          \u2713 Pido ayuda a un adulto\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"mdk3-project-note\">\n\n    <strong>\n      Para crear tu juego:\n    <\/strong>\n\n    no necesitas utilizar nombres completos,\n    direcci\u00f3n, n\u00famero de tel\u00e9fono,\n    escuela ni contrase\u00f1as.\n\n  <\/div>\n\n\n  <div class=\"mdk3-final\">\n\n    <div class=\"mdk3-final-icon\">\n      \u2713\n    <\/div>\n\n\n    <h3>\n      Mi Digital Key de hoy\n    <\/h3>\n\n\n    <p>\n\n      Cuando juego en l\u00ednea\n      no tengo que responder\n      todas las preguntas.\n\n      <strong>\n\n        Si alguien pide informaci\u00f3n personal,\n        quiere guardar secretos\n        o algo me incomoda,\n        me detengo y pido ayuda.\n\n      <\/strong>\n\n    <\/p>\n\n\n  <\/div>\n\n\n  <div class=\"mdk3-nav\">\n\n\n    <label\n      for=\"mdk3-screen3\"\n      class=\"mdk3-nav-button mdk3-back\">\n\n      \u2190 Anterior\n\n    <\/label>\n\n\n    <label\n      for=\"mdk3-screen1\"\n      class=\"mdk3-nav-button mdk3-next\">\n\n      Volver al inicio \u21bb\n\n    <\/label>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<\/main>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MY DIGITAL KEY &#8211; 1 CREO MI PRIMER JUEGO Cuando juego en l\u00ednea tambi\u00e9n puedo detenerme, observar y cuidar mi informaci\u00f3n. \u25ce Mi meta Analizar [&hellip;]<\/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-1843","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"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=1843"}],"version-history":[{"count":2,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1843\/revisions"}],"predecessor-version":[{"id":1847,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1843\/revisions\/1847"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}