{"id":1836,"date":"2026-09-02T01:27:04","date_gmt":"2026-09-02T01:27:04","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1836"},"modified":"2026-09-02T01:29:57","modified_gmt":"2026-09-02T01:29:57","slug":"my-digital-key-1-2","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1836","title":{"rendered":"My digital Key 1.2"},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   MY DIGITAL KEY 1\n   LECCI\u00d3N 2 \u00b7 DISE\u00d1O MI PRIMERA POSTAL\n   WORDPRESS \u00b7 SIN JAVASCRIPT\n   RETROALIMENTACI\u00d3N INMEDIATA\n========================================================= *\/\n\n#mdk2{\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#mdk2 *,\n#mdk2 *::before,\n#mdk2 *::after{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   NAVEGACI\u00d3N INTERNA\n========================================================= *\/\n\n#mdk2 > input.mdk2-nav-control{\n  position:absolute;\n  left:-9999px;\n}\n\n#mdk2 .mdk2-shell{\n  width:100%;\n  background:#fff;\n  overflow:hidden;\n}\n\n\/* =========================================================\n   ENCABEZADO\n========================================================= *\/\n\n#mdk2 .mdk2-topbar{\n  display:flex;\n  justify-content:flex-end;\n  padding:20px 28px 3px;\n}\n\n#mdk2 .mdk2-brand{\n  display:inline-block;\n  background:var(--purple);\n  color:#fff;\n  padding:9px 17px;\n  border-radius:9px;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.6px;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#mdk2 .mdk2-hero{\n  padding:15px 34px 25px;\n}\n\n#mdk2 .mdk2-title{\n  margin:0;\n  text-align:center;\n  color:var(--purple);\n  font-size:clamp(34px,5vw,56px);\n  line-height:1.05;\n  font-weight:900;\n}\n\n#mdk2 .mdk2-subtitle{\n  max-width:760px;\n  margin:12px auto 0;\n  text-align:center;\n  font-size:18px;\n  line-height:1.45;\n}\n\n\/* =========================================================\n   META Y COMPRENDO\n========================================================= *\/\n\n#mdk2 .mdk2-goals{\n  max-width:900px;\n  margin:27px auto 0;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:17px;\n}\n\n#mdk2 .mdk2-goal{\n  border:2px solid var(--purple-line);\n  border-radius:18px;\n  padding:16px 18px;\n  background:#fff;\n\n  display:grid;\n  grid-template-columns:62px 1fr;\n  gap:14px;\n  align-items:center;\n}\n\n#mdk2 .mdk2-goal-icon{\n  width:58px;\n  height:58px;\n  border-radius:50%;\n\n  display:flex;\n  justify-content:center;\n  align-items:center;\n\n  font-size:27px;\n  font-weight:900;\n}\n\n#mdk2 .mdk2-goal:first-child .mdk2-goal-icon{\n  background:var(--yellow);\n  color:#fff;\n}\n\n#mdk2 .mdk2-goal:last-child .mdk2-goal-icon{\n  background:var(--purple);\n  color:#fff;\n}\n\n#mdk2 .mdk2-goal h3{\n  margin:0 0 4px;\n  color:var(--purple);\n  font-size:21px;\n}\n\n#mdk2 .mdk2-goal p{\n  margin:0;\n  font-size:14px;\n  line-height:1.4;\n}\n\n\/* =========================================================\n   PROGRESO\n========================================================= *\/\n\n#mdk2 .mdk2-progress-wrap{\n  padding:0 34px 22px;\n}\n\n#mdk2 .mdk2-progress-info{\n  display:flex;\n  justify-content:space-between;\n  color:var(--purple);\n  font-size:13px;\n  font-weight:900;\n  margin-bottom:8px;\n}\n\n#mdk2 .mdk2-step-text{\n  display:none;\n}\n\n#mdk2-screen1:checked ~ .mdk2-shell .step1,\n#mdk2-screen2:checked ~ .mdk2-shell .step2,\n#mdk2-screen3:checked ~ .mdk2-shell .step3,\n#mdk2-screen4:checked ~ .mdk2-shell .step4{\n  display:inline;\n}\n\n#mdk2 .mdk2-progress{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:5px;\n}\n\n#mdk2 .mdk2-progress span{\n  height:9px;\n  border-radius:999px;\n  background:#eee7f7;\n}\n\n#mdk2-screen1:checked ~ .mdk2-shell .p1{\n  background:var(--purple);\n}\n\n#mdk2-screen2:checked ~ .mdk2-shell .p1,\n#mdk2-screen2:checked ~ .mdk2-shell .p2{\n  background:var(--purple);\n}\n\n#mdk2-screen3:checked ~ .mdk2-shell .p1,\n#mdk2-screen3:checked ~ .mdk2-shell .p2,\n#mdk2-screen3:checked ~ .mdk2-shell .p3{\n  background:var(--purple);\n}\n\n#mdk2-screen4:checked ~ .mdk2-shell .mdk2-progress span{\n  background:var(--purple);\n}\n\n\/* =========================================================\n   PANTALLAS\n========================================================= *\/\n\n#mdk2 .mdk2-stage{\n  padding:0 34px 34px;\n}\n\n#mdk2 .mdk2-screen{\n  display:none;\n}\n\n#mdk2-screen1:checked ~ .mdk2-shell .screen1,\n#mdk2-screen2:checked ~ .mdk2-shell .screen2,\n#mdk2-screen3:checked ~ .mdk2-shell .screen3,\n#mdk2-screen4:checked ~ .mdk2-shell .screen4{\n  display:block;\n}\n\n\/* =========================================================\n   ENCABEZADOS DE SECCI\u00d3N\n========================================================= *\/\n\n#mdk2 .mdk2-section-head{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-bottom:19px;\n}\n\n#mdk2 .mdk2-number{\n  width:43px;\n  height:43px;\n  min-width:43px;\n\n  border-radius:50%;\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#mdk2 .mdk2-section-head h2{\n  margin:0;\n  color:var(--purple);\n  font-size:27px;\n  line-height:1.15;\n}\n\n#mdk2 .mdk2-instruction{\n  margin:0 0 20px;\n  font-size:17px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   PANTALLA 1 \u00b7 HISTORIA\n========================================================= *\/\n\n#mdk2 .mdk2-story{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:22px;\n}\n\n#mdk2 .mdk2-story-text{\n  border:2px solid var(--purple-line);\n  border-radius:20px;\n  padding:22px;\n}\n\n#mdk2 .mdk2-story-text p{\n  margin:0 0 14px;\n  font-size:16px;\n  line-height:1.58;\n}\n\n#mdk2 .mdk2-story-text p:last-child{\n  margin-bottom:0;\n}\n\n#mdk2 .mdk2-story-text strong{\n  color:var(--purple);\n}\n\n\/* =========================================================\n   POSTAL VISUAL\n========================================================= *\/\n\n#mdk2 .mdk2-postcard-zone{\n  border:2px solid #eee5f8;\n  border-radius:20px;\n  background:var(--purple-soft);\n\n  min-height:335px;\n  padding:22px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n}\n\n#mdk2 .mdk2-postcard-zone h3{\n  margin:0 0 17px;\n  color:var(--purple);\n  font-size:22px;\n  text-align:center;\n}\n\n#mdk2 .mdk2-postcard{\n  width:min(100%,330px);\n  min-height:195px;\n\n  border:3px solid var(--purple);\n  border-radius:17px;\n\n  background:#fff;\n\n  padding:17px;\n  position:relative;\n}\n\n#mdk2 .mdk2-postcard-title{\n  text-align:center;\n  color:var(--purple);\n  font-size:22px;\n  font-weight:900;\n  margin-bottom:12px;\n}\n\n#mdk2 .mdk2-party{\n  text-align:center;\n  font-size:36px;\n  letter-spacing:8px;\n  margin:8px 0 14px;\n}\n\n#mdk2 .mdk2-postcard-message{\n  text-align:center;\n  font-size:15px;\n  line-height:1.4;\n}\n\n#mdk2 .mdk2-stamp{\n  position:absolute;\n  top:12px;\n  right:12px;\n\n  width:35px;\n  height:35px;\n\n  border:2px dashed var(--yellow);\n  border-radius:6px;\n\n  display:flex;\n  justify-content:center;\n  align-items:center;\n\n  color:var(--yellow);\n  font-weight:900;\n}\n\n#mdk2 .mdk2-callout{\n  margin-top:20px;\n  width:100%;\n\n  background:#fff;\n  color:var(--purple);\n\n  border:2px solid var(--purple);\n  border-radius:14px;\n\n  padding:13px 15px;\n\n  font-size:15px;\n  font-weight:900;\n  line-height:1.4;\n  text-align:center;\n}\n\n\/* =========================================================\n   OPCIONES\n========================================================= *\/\n\n#mdk2 .mdk2-question{\n  margin-top:22px;\n\n  border:2px solid var(--purple-line);\n  border-radius:19px;\n\n  padding:18px;\n}\n\n#mdk2 .mdk2-question h3{\n  color:var(--purple);\n  font-size:18px;\n  margin:0 0 14px;\n  line-height:1.4;\n}\n\n#mdk2 .mdk2-options{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:10px;\n}\n\n#mdk2 .mdk2-options input{\n  position:absolute;\n  opacity:0;\n}\n\n#mdk2 .mdk2-choice{\n  min-height:70px;\n\n  border:2px solid #ddd1ee;\n  border-radius:13px;\n\n  padding:11px;\n\n  background:#fff;\n\n  display:flex;\n  justify-content:center;\n  align-items:center;\n\n  text-align:center;\n  cursor:pointer;\n\n  font-size:14px;\n  line-height:1.35;\n}\n\n#mdk2 .mdk2-options input:checked + .mdk2-choice{\n  background:var(--purple);\n  color:#fff;\n  border-color:var(--purple);\n  font-weight:900;\n}\n\n\/* =========================================================\n   FEEDBACK\n========================================================= *\/\n\n#mdk2 .feedback{\n  display:none;\n\n  grid-column:1 \/ -1;\n\n  padding:13px 15px;\n  margin-top:2px;\n\n  border-radius:12px;\n\n  font-size:14px;\n  line-height:1.45;\n}\n\n#mdk2 .feedback.good{\n  background:var(--purple-soft);\n  border:1px solid var(--purple-line);\n  color:var(--purple);\n}\n\n#mdk2 .feedback.think{\n  background:var(--yellow-soft);\n  border:1px solid #ead272;\n  color:#554300;\n}\n\n\/* pregunta 1 *\/\n\n#l2q1a:checked ~ .fb1a,\n#l2q1b:checked ~ .fb1b,\n#l2q1c:checked ~ .fb1c{\n  display:block;\n}\n\n\/* =========================================================\n   PANTALLA 2 \u00b7 DATOS DE LA POSTAL\n========================================================= *\/\n\n#mdk2 .mdk2-data-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:13px;\n}\n\n#mdk2 .mdk2-data-item{\n  position:relative;\n}\n\n#mdk2 .mdk2-data-item > input{\n  position:absolute;\n  opacity:0;\n}\n\n#mdk2 .mdk2-data-card{\n  width:100%;\n  min-height:135px;\n\n  border:2px solid var(--purple-line);\n  border-radius:17px;\n\n  background:#fff;\n\n  padding:14px 9px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n\n  text-align:center;\n  cursor:pointer;\n}\n\n#mdk2 .mdk2-data-icon{\n  width:49px;\n  height:49px;\n\n  border-radius:50%;\n\n  background:#f2ebfa;\n  color:var(--purple);\n\n  display:flex;\n  justify-content:center;\n  align-items:center;\n\n  margin-bottom:9px;\n\n  font-size:22px;\n  font-weight:900;\n}\n\n#mdk2 .mdk2-data-card b{\n  font-size:14px;\n  line-height:1.35;\n}\n\n#mdk2 .mdk2-safe:checked + .mdk2-data-card{\n  background:var(--purple-soft);\n  border-color:var(--purple);\n}\n\n#mdk2 .mdk2-careful:checked + .mdk2-data-card{\n  background:var(--yellow-soft);\n  border-color:var(--yellow);\n}\n\n#mdk2 .mdk2-data-feedback{\n  display:none;\n\n  margin-top:7px;\n  padding:8px 9px;\n\n  border-radius:10px;\n\n  text-align:center;\n  font-size:11px;\n  line-height:1.35;\n}\n\n#mdk2 .mdk2-safe:checked\n+ .mdk2-data-card\n+ .mdk2-data-feedback{\n  display:block;\n  background:var(--purple-soft);\n  color:var(--purple);\n}\n\n#mdk2 .mdk2-careful:checked\n+ .mdk2-data-card\n+ .mdk2-data-feedback{\n  display:block;\n  background:var(--yellow-soft);\n  color:#574500;\n}\n\n\/* =========================================================\n   PANTALLA 3 \u00b7 PEDIR PERMISO\n========================================================= *\/\n\n#mdk2 .mdk2-case{\n  border:2px solid var(--purple-line);\n  border-radius:19px;\n  padding:18px;\n  margin-bottom:17px;\n}\n\n#mdk2 .mdk2-case h3{\n  margin:0 0 14px;\n  color:var(--purple);\n  font-size:18px;\n  line-height:1.4;\n}\n\n#mdk2 .mdk2-case-options{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:10px;\n}\n\n#mdk2 .mdk2-case-options input{\n  position:absolute;\n  opacity:0;\n}\n\n#mdk2 .mdk2-case-answer{\n  min-height:70px;\n\n  border:2px solid #ddd1ee;\n  border-radius:13px;\n\n  padding:11px;\n\n  background:#fff;\n\n  display:flex;\n  justify-content:center;\n  align-items:center;\n\n  text-align:center;\n  cursor:pointer;\n\n  font-size:14px;\n  line-height:1.35;\n}\n\n#mdk2 .mdk2-case-options input:checked\n+ .mdk2-case-answer{\n  background:var(--purple);\n  border-color:var(--purple);\n  color:#fff;\n  font-weight:900;\n}\n\n\/* feedback caso 1 *\/\n\n#l2case1a:checked ~ .l2case1fa,\n#l2case1b:checked ~ .l2case1fb,\n#l2case1c:checked ~ .l2case1fc{\n  display:block;\n}\n\n\/* feedback caso 2 *\/\n\n#l2case2a:checked ~ .l2case2fa,\n#l2case2b:checked ~ .l2case2fb,\n#l2case2c:checked ~ .l2case2fc{\n  display:block;\n}\n\n\/* feedback caso 3 *\/\n\n#l2case3a:checked ~ .l2case3fa,\n#l2case3b:checked ~ .l2case3fb,\n#l2case3c:checked ~ .l2case3fc{\n  display:block;\n}\n\n\/* =========================================================\n   RECORDATORIO\n========================================================= *\/\n\n#mdk2 .mdk2-rule{\n  margin-top:20px;\n  padding:17px 18px;\n\n  background:var(--purple-soft);\n\n  border:2px solid var(--purple-line);\n  border-radius:17px;\n}\n\n#mdk2 .mdk2-rule h3{\n  margin:0 0 7px;\n  color:var(--purple);\n  font-size:18px;\n}\n\n#mdk2 .mdk2-rule p{\n  margin:0;\n  font-size:15px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   PANTALLA 4 \u00b7 MI POSTAL\n========================================================= *\/\n\n#mdk2 .mdk2-plan{\n  display:grid;\n  grid-template-columns:1fr .9fr;\n  gap:22px;\n}\n\n#mdk2 .mdk2-plan-form{\n  border:2px solid var(--purple);\n  border-radius:20px;\n  padding:20px;\n}\n\n#mdk2 .mdk2-plan-form label{\n  display:block;\n  margin-bottom:7px;\n\n  color:var(--purple);\n\n  font-size:16px;\n  font-weight:900;\n}\n\n#mdk2 .mdk2-plan-form input,\n#mdk2 .mdk2-plan-form textarea{\n  width:100%;\n\n  margin-bottom:17px;\n  padding:11px;\n\n  border:2px solid #ded2ed;\n  border-radius:12px;\n\n  font:inherit;\n  font-size:15px;\n}\n\n#mdk2 .mdk2-plan-form input:focus,\n#mdk2 .mdk2-plan-form textarea:focus{\n  outline:none;\n  border-color:var(--purple);\n}\n\n#mdk2 .mdk2-plan-form textarea{\n  min-height:80px;\n  resize:vertical;\n}\n\n\/* preview *\/\n\n#mdk2 .mdk2-preview{\n  border-radius:20px;\n  background:var(--purple-soft);\n\n  padding:21px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n}\n\n#mdk2 .mdk2-preview h3{\n  color:var(--purple);\n  margin:0 0 15px;\n  font-size:20px;\n}\n\n#mdk2 .mdk2-preview-card{\n  width:100%;\n  max-width:330px;\n  min-height:210px;\n\n  border:3px solid var(--purple);\n  border-radius:18px;\n\n  background:#fff;\n\n  padding:20px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n}\n\n#mdk2 .mdk2-preview-card strong{\n  color:var(--purple);\n  font-size:23px;\n}\n\n#mdk2 .mdk2-preview-icons{\n  font-size:37px;\n  margin:13px 0;\n}\n\n#mdk2 .mdk2-preview-card span{\n  text-align:center;\n  font-size:15px;\n  line-height:1.45;\n}\n\n\/* =========================================================\n   REFLEXI\u00d3N FINAL\n========================================================= *\/\n\n#mdk2 .mdk2-reflect{\n  margin-top:22px;\n\n  padding:20px;\n\n  border:2px solid var(--purple-line);\n  border-radius:20px;\n}\n\n#mdk2 .mdk2-reflect label{\n  display:block;\n  margin-bottom:8px;\n\n  color:var(--purple);\n  font-weight:900;\n  font-size:16px;\n}\n\n#mdk2 .mdk2-reflect textarea{\n  width:100%;\n  min-height:83px;\n\n  border:2px solid #ded2ed;\n  border-radius:12px;\n\n  padding:11px;\n\n  font:inherit;\n  font-size:15px;\n\n  resize:vertical;\n}\n\n\/* FINAL *\/\n\n#mdk2 .mdk2-final{\n  margin-top:21px;\n\n  padding:21px;\n\n  background:var(--purple-soft);\n\n  border-radius:20px;\n\n  text-align:center;\n}\n\n#mdk2 .mdk2-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  justify-content:center;\n  align-items:center;\n\n  font-size:27px;\n  font-weight:900;\n}\n\n#mdk2 .mdk2-final h3{\n  margin:0 0 8px;\n\n  color:var(--purple);\n\n  font-size:23px;\n}\n\n#mdk2 .mdk2-final p{\n  max-width:680px;\n  margin:0 auto;\n\n  font-size:15px;\n  line-height:1.55;\n}\n\n\/* =========================================================\n   NAVEGACI\u00d3N\n========================================================= *\/\n\n#mdk2 .mdk2-nav{\n  border-top:1px solid #eee7f6;\n\n  margin-top:25px;\n  padding-top:20px;\n\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  gap:12px;\n}\n\n#mdk2 .mdk2-nav-button{\n  display:inline-flex;\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  user-select:none;\n}\n\n#mdk2 .mdk2-next{\n  background:var(--purple);\n  color:#fff;\n  border:2px solid var(--purple);\n}\n\n#mdk2 .mdk2-back{\n  background:#fff;\n  color:var(--purple);\n  border:2px solid var(--purple);\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:800px){\n\n  #mdk2 .mdk2-goals,\n  #mdk2 .mdk2-story,\n  #mdk2 .mdk2-plan{\n    grid-template-columns:1fr;\n  }\n\n  #mdk2 .mdk2-options,\n  #mdk2 .mdk2-case-options{\n    grid-template-columns:1fr;\n  }\n\n  #mdk2 .mdk2-data-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n}\n\n@media(max-width:520px){\n\n  #mdk2 .mdk2-topbar{\n    padding:15px 17px 2px;\n  }\n\n  #mdk2 .mdk2-hero,\n  #mdk2 .mdk2-stage{\n    padding-left:17px;\n    padding-right:17px;\n  }\n\n  #mdk2 .mdk2-progress-wrap{\n    padding-left:17px;\n    padding-right:17px;\n  }\n\n  #mdk2 .mdk2-title{\n    font-size:34px;\n  }\n\n  #mdk2 .mdk2-subtitle{\n    font-size:16px;\n  }\n\n  #mdk2 .mdk2-nav-button{\n    flex:1;\n    min-width:0;\n  }\n\n}\n\n<\/style>\n\n\n<div id=\"mdk2\">\n\n\n<!-- =====================================================\n     NAVEGACI\u00d3N\n===================================================== -->\n\n<input\n  type=\"radio\"\n  class=\"mdk2-nav-control\"\n  name=\"mdk2-navigation\"\n  id=\"mdk2-screen1\"\n  checked>\n\n<input\n  type=\"radio\"\n  class=\"mdk2-nav-control\"\n  name=\"mdk2-navigation\"\n  id=\"mdk2-screen2\">\n\n<input\n  type=\"radio\"\n  class=\"mdk2-nav-control\"\n  name=\"mdk2-navigation\"\n  id=\"mdk2-screen3\">\n\n<input\n  type=\"radio\"\n  class=\"mdk2-nav-control\"\n  name=\"mdk2-navigation\"\n  id=\"mdk2-screen4\">\n\n\n<div class=\"mdk2-shell\">\n\n\n<!-- =====================================================\n     ENCABEZADO\n===================================================== -->\n\n<div class=\"mdk2-topbar\">\n\n  <span class=\"mdk2-brand\">\n    MY DIGITAL KEY &#8211; 1\n  <\/span>\n\n<\/div>\n\n\n<header class=\"mdk2-hero\">\n\n  <h1 class=\"mdk2-title\">\n    DISE\u00d1O MI PRIMERA POSTAL\n  <\/h1>\n\n  <p class=\"mdk2-subtitle\">\n\n    Una postal puede ser bonita, creativa\n    y tambi\u00e9n cuidar la informaci\u00f3n de los dem\u00e1s.\n\n  <\/p>\n\n\n  <div class=\"mdk2-goals\">\n\n\n    <div class=\"mdk2-goal\">\n\n      <div class=\"mdk2-goal-icon\">\n        \u25ce\n      <\/div>\n\n      <div>\n\n        <h3>Mi meta<\/h3>\n\n        <p>\n          Analizar una situaci\u00f3n digital\n          y planear una postal segura.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"mdk2-goal\">\n\n      <div class=\"mdk2-goal-icon\">\n        \u25a4\n      <\/div>\n\n      <div>\n\n        <h3>Comprendo<\/h3>\n\n        <p>\n          Puedo respetar la privacidad de otros\n          y pedir permiso antes de compartir informaci\u00f3n.\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=\"mdk2-progress-wrap\">\n\n  <div class=\"mdk2-progress-info\">\n\n    <span>\n\n      <span class=\"mdk2-step-text step1\">\n        1 de 4\n      <\/span>\n\n      <span class=\"mdk2-step-text step2\">\n        2 de 4\n      <\/span>\n\n      <span class=\"mdk2-step-text step3\">\n        3 de 4\n      <\/span>\n\n      <span class=\"mdk2-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=\"mdk2-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=\"mdk2-stage\">\n\n\n<!-- =====================================================\n     1. ANALIZA LA SITUACI\u00d3N\n===================================================== -->\n\n<section class=\"mdk2-screen screen1\">\n\n\n  <div class=\"mdk2-section-head\">\n\n    <span class=\"mdk2-number\">\n      1\n    <\/span>\n\n    <h2>\n      Analiza la situaci\u00f3n\n    <\/h2>\n\n  <\/div>\n\n\n  <div class=\"mdk2-story\">\n\n\n    <div class=\"mdk2-story-text\">\n\n      <p>\n\n        <strong>Keyla quiere crear en Canva<\/strong>\n        una postal digital para felicitar a Leo\n        por su cumplea\u00f1os.\n\n      <\/p>\n\n\n      <p>\n\n        Para hacerla especial piensa poner\n        una fotograf\u00eda de Leo con su uniforme\n        y escribir el nombre de su escuela.\n\n      <\/p>\n\n\n      <p>\n\n        Leo le explica que mostrar su uniforme\n        y el nombre de su escuela puede revelar\n        informaci\u00f3n personal.\n\n      <\/p>\n\n\n      <p>\n\n        Tambi\u00e9n recuerda algo importante:\n        <strong>\n          antes de usar la fotograf\u00eda de otra persona\n          debemos pedir permiso.\n        <\/strong>\n\n      <\/p>\n\n\n      <p>\n\n        Keyla quiere que su postal siga siendo\n        bonita y divertida, pero ahora necesita\n        decidir qu\u00e9 informaci\u00f3n puede utilizar.\n\n      <\/p>\n\n    <\/div>\n\n\n    <!-- POSTAL -->\n\n    <div class=\"mdk2-postcard-zone\">\n\n      <h3>\n        La postal de Keyla\n      <\/h3>\n\n\n      <div class=\"mdk2-postcard\">\n\n        <div class=\"mdk2-stamp\">\n          \u2605\n        <\/div>\n\n        <div class=\"mdk2-postcard-title\">\n          \u00a1Felicidades, Leo!\n        <\/div>\n\n        <div class=\"mdk2-party\">\n          \u2605 &#x2665; \u2605\n        <\/div>\n\n        <div class=\"mdk2-postcard-message\">\n\n          \u00a1Espero que tengas\n          un d\u00eda genial!\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"mdk2-callout\">\n\n        Una postal amable tambi\u00e9n\n        debe ser segura.\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- PREGUNTA -->\n\n  <div class=\"mdk2-question\">\n\n    <h3>\n\n      Keyla quiere agregar una fotograf\u00eda de Leo.\n      \u00bfQu\u00e9 deber\u00eda hacer primero?\n\n    <\/h3>\n\n\n    <div class=\"mdk2-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l2question1\"\n        id=\"l2q1a\">\n\n      <label\n        for=\"l2q1a\"\n        class=\"mdk2-choice\">\n\n        Usarla porque son amigos.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2question1\"\n        id=\"l2q1b\">\n\n      <label\n        for=\"l2q1b\"\n        class=\"mdk2-choice\">\n\n        Pedirle permiso a Leo.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2question1\"\n        id=\"l2q1c\">\n\n      <label\n        for=\"l2q1c\"\n        class=\"mdk2-choice\">\n\n        Publicarla y preguntar despu\u00e9s.\n\n      <\/label>\n\n\n      <!-- FEEDBACK -->\n\n      <div class=\"feedback think fb1a\">\n\n        <strong>Piensa otra vez.<\/strong>\n\n        Ser amigos no significa que podamos\n        utilizar una fotograf\u00eda sin preguntar.\n        La imagen tambi\u00e9n pertenece a la otra persona.\n\n      <\/div>\n\n\n      <div class=\"feedback good fb1b\">\n\n        <strong>\u00a1Muy bien!<\/strong>\n\n        Antes de utilizar la fotograf\u00eda de Leo,\n        Keyla puede preguntarle si est\u00e1 de acuerdo.\n\n      <\/div>\n\n\n      <div class=\"feedback think fb1c\">\n\n        <strong>Hay una mejor decisi\u00f3n.<\/strong>\n\n        El permiso se pide\n        <strong>antes<\/strong>\n        de utilizar o compartir la fotograf\u00eda.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mdk2-nav\">\n\n    <span><\/span>\n\n    <label\n      for=\"mdk2-screen2\"\n      class=\"mdk2-nav-button mdk2-next\">\n\n      Continuar \u2192\n\n    <\/label>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     2. \u00bfQU\u00c9 PONGO EN MI POSTAL?\n===================================================== -->\n\n<section class=\"mdk2-screen screen2\">\n\n\n  <div class=\"mdk2-section-head\">\n\n    <span class=\"mdk2-number\">\n      2\n    <\/span>\n\n    <h2>\n      \u00bfQu\u00e9 puedo poner en la postal?\n    <\/h2>\n\n  <\/div>\n\n\n  <p class=\"mdk2-instruction\">\n\n    Selecciona cada opci\u00f3n y observa\n    la retroalimentaci\u00f3n.\n\n    <strong>\n      La meta es crear una postal bonita\n      sin compartir datos privados.\n    <\/strong>\n\n  <\/p>\n\n\n  <div class=\"mdk2-data-grid\">\n\n\n    <!-- NOMBRE -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-safe\"\n        id=\"l2-name\">\n\n      <label\n        for=\"l2-name\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          L\n        <\/span>\n\n        <b>\n          \u201c\u00a1Felicidades, Leo!\u201d\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        \u00a1Muy bien!\n        Puedes utilizar su primer nombre\n        o un apodo acordado.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ESCUELA -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-careful\"\n        id=\"l2-school\">\n\n      <label\n        for=\"l2-school\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          E\n        <\/span>\n\n        <b>\n          Nombre de su escuela\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        Mejor no.\n        El nombre de su escuela puede revelar\n        informaci\u00f3n sobre d\u00f3nde estudia.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MENSAJE -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-safe\"\n        id=\"l2-message\">\n\n      <label\n        for=\"l2-message\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          &#x2665;\n        <\/span>\n\n        <b>\n          Un mensaje amable\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        \u00a1Excelente!\n        Una felicitaci\u00f3n amable puede formar\n        parte de la postal.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOTO SIN PERMISO -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-careful\"\n        id=\"l2-photo\">\n\n      <label\n        for=\"l2-photo\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          \u25a3\n        <\/span>\n\n        <b>\n          Una foto sin pedir permiso\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        Detente.\n        Antes de utilizar una fotograf\u00eda\n        de otra persona debemos pedir permiso.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- DIBUJOS -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-safe\"\n        id=\"l2-drawings\">\n\n      <label\n        for=\"l2-drawings\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          \u2605\n        <\/span>\n\n        <b>\n          Dibujos e \u00edconos\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        \u00a1Buena elecci\u00f3n!\n        Puedes hacer la postal especial\n        usando dibujos e \u00edconos.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- DIRECCI\u00d3N -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-careful\"\n        id=\"l2-address\">\n\n      <label\n        for=\"l2-address\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          \u2302\n        <\/span>\n\n        <b>\n          Direcci\u00f3n de su casa\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        Ese dato es privado.\n        No es necesario para felicitar\n        a una persona.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- COLORES -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-safe\"\n        id=\"l2-colors\">\n\n      <label\n        for=\"l2-colors\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          \u25cf\n        <\/span>\n\n        <b>\n          Colores bonitos\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        \u00a1S\u00ed!\n        Los colores pueden ayudar\n        a personalizar la postal.\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- TEL\u00c9FONO -->\n\n    <div class=\"mdk2-data-item\">\n\n      <input\n        type=\"checkbox\"\n        class=\"mdk2-careful\"\n        id=\"l2-phone\">\n\n      <label\n        for=\"l2-phone\"\n        class=\"mdk2-data-card\">\n\n        <span class=\"mdk2-data-icon\">\n          #\n        <\/span>\n\n        <b>\n          N\u00famero de tel\u00e9fono\n        <\/b>\n\n      <\/label>\n\n      <div class=\"mdk2-data-feedback\">\n\n        No lo necesitamos.\n        El n\u00famero de tel\u00e9fono es informaci\u00f3n personal.\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"mdk2-rule\">\n\n    <h3>\n      Antes de agregar algo&#8230;\n    <\/h3>\n\n    <p>\n\n      Preg\u00fantate:\n\n      <strong>\n        \u00bfNecesito esta informaci\u00f3n para hacer\n        una postal bonita?\n      <\/strong>\n\n      Si la respuesta es no,\n      puedo dejarla fuera.\n\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"mdk2-nav\">\n\n    <label\n      for=\"mdk2-screen1\"\n      class=\"mdk2-nav-button mdk2-back\">\n\n      \u2190 Anterior\n\n    <\/label>\n\n\n    <label\n      for=\"mdk2-screen3\"\n      class=\"mdk2-nav-button mdk2-next\">\n\n      Continuar \u2192\n\n    <\/label>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     3. PEDIR PERMISO\n===================================================== -->\n\n<section class=\"mdk2-screen screen3\">\n\n\n  <div class=\"mdk2-section-head\">\n\n    <span class=\"mdk2-number\">\n      3\n    <\/span>\n\n    <h2>\n      Antes de compartir, pregunto\n    <\/h2>\n\n  <\/div>\n\n\n  <p class=\"mdk2-instruction\">\n\n    Lee cada situaci\u00f3n.\n    Elige la mejor decisi\u00f3n y revisa\n    la retroalimentaci\u00f3n.\n\n  <\/p>\n\n\n  <!-- CASO 1 -->\n\n  <div class=\"mdk2-case\">\n\n    <h3>\n\n      Tienes una foto muy divertida\n      de un compa\u00f1ero y quieres ponerla\n      en una postal.\n\n    <\/h3>\n\n\n    <div class=\"mdk2-case-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case1\"\n        id=\"l2case1a\">\n\n      <label\n        for=\"l2case1a\"\n        class=\"mdk2-case-answer\">\n\n        La uso porque me gusta.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case1\"\n        id=\"l2case1b\">\n\n      <label\n        for=\"l2case1b\"\n        class=\"mdk2-case-answer\">\n\n        Le pregunto si puedo usarla.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case1\"\n        id=\"l2case1c\">\n\n      <label\n        for=\"l2case1c\"\n        class=\"mdk2-case-answer\">\n\n        Se la mando a otros primero.\n\n      <\/label>\n\n\n      <div class=\"feedback think l2case1fa\">\n\n        Que una fotograf\u00eda te guste\n        no significa que tengas permiso\n        para utilizarla.\n\n      <\/div>\n\n\n      <div class=\"feedback good l2case1fb\">\n\n        <strong>\u00a1Muy bien!<\/strong>\n\n        Preguntar primero demuestra respeto\n        por la otra persona.\n\n      <\/div>\n\n\n      <div class=\"feedback think l2case1fc\">\n\n        Compartirla con m\u00e1s personas\n        aumenta el problema.\n        Primero debemos pedir permiso.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- CASO 2 -->\n\n  <div class=\"mdk2-case\">\n\n    <h3>\n\n      Leo dice que no quiere que uses\n      una fotograf\u00eda suya.\n\n    <\/h3>\n\n\n    <div class=\"mdk2-case-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case2\"\n        id=\"l2case2a\">\n\n      <label\n        for=\"l2case2a\"\n        class=\"mdk2-case-answer\">\n\n        La uso de todas formas.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case2\"\n        id=\"l2case2b\">\n\n      <label\n        for=\"l2case2b\"\n        class=\"mdk2-case-answer\">\n\n        Respeto su decisi\u00f3n y uso un dibujo.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case2\"\n        id=\"l2case2c\">\n\n      <label\n        for=\"l2case2c\"\n        class=\"mdk2-case-answer\">\n\n        Le digo que tiene que aceptar.\n\n      <\/label>\n\n\n      <div class=\"feedback think l2case2fa\">\n\n        Si una persona dice que no,\n        debemos respetar su decisi\u00f3n.\n\n      <\/div>\n\n\n      <div class=\"feedback good l2case2fb\">\n\n        <strong>\u00a1Excelente!<\/strong>\n\n        Un dibujo puede hacer la postal especial\n        sin utilizar una foto que la persona\n        no quiere compartir.\n\n      <\/div>\n\n\n      <div class=\"feedback think l2case2fc\">\n\n        Pedir permiso tambi\u00e9n significa\n        aceptar la respuesta de la otra persona.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- CASO 3 -->\n\n  <div class=\"mdk2-case\">\n\n    <h3>\n\n      Quieres que todos sepan d\u00f3nde estudia\n      tu amigo para que la postal tenga\n      m\u00e1s informaci\u00f3n.\n\n    <\/h3>\n\n\n    <div class=\"mdk2-case-options\">\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case3\"\n        id=\"l2case3a\">\n\n      <label\n        for=\"l2case3a\"\n        class=\"mdk2-case-answer\">\n\n        Escribo el nombre de su escuela.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case3\"\n        id=\"l2case3b\">\n\n      <label\n        for=\"l2case3b\"\n        class=\"mdk2-case-answer\">\n\n        No lo escribo porque no es necesario.\n\n      <\/label>\n\n\n      <input\n        type=\"radio\"\n        name=\"l2case3\"\n        id=\"l2case3c\">\n\n      <label\n        for=\"l2case3c\"\n        class=\"mdk2-case-answer\">\n\n        Escribo tambi\u00e9n su direcci\u00f3n.\n\n      <\/label>\n\n\n      <div class=\"feedback think l2case3fa\">\n\n        El nombre de la escuela puede revelar\n        informaci\u00f3n personal de tu amigo.\n\n      <\/div>\n\n\n      <div class=\"feedback good l2case3fb\">\n\n        <strong>\u00a1Buena decisi\u00f3n!<\/strong>\n\n        Una felicitaci\u00f3n no necesita decir\n        d\u00f3nde estudia la persona.\n\n      <\/div>\n\n\n      <div class=\"feedback think l2case3fc\">\n\n        La direcci\u00f3n tambi\u00e9n es informaci\u00f3n privada.\n        La postal puede ser bonita sin esos datos.\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mdk2-rule\">\n\n    <h3>\n      Una idea importante\n    <\/h3>\n\n    <p>\n\n      <strong>\n        Pedir permiso es una forma de respeto.\n      <\/strong>\n\n      Y si una persona dice que no,\n      respetamos su decisi\u00f3n.\n\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"mdk2-nav\">\n\n    <label\n      for=\"mdk2-screen2\"\n      class=\"mdk2-nav-button mdk2-back\">\n\n      \u2190 Anterior\n\n    <\/label>\n\n\n    <label\n      for=\"mdk2-screen4\"\n      class=\"mdk2-nav-button mdk2-next\">\n\n      Continuar \u2192\n\n    <\/label>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     4. DISE\u00d1O MI POSTAL SEGURA\n===================================================== -->\n\n<section class=\"mdk2-screen screen4\">\n\n\n  <div class=\"mdk2-section-head\">\n\n    <span class=\"mdk2-number\">\n      4\n    <\/span>\n\n    <h2>\n      Dise\u00f1o mi postal segura\n    <\/h2>\n\n  <\/div>\n\n\n  <p class=\"mdk2-instruction\">\n\n    Ahora planea una postal.\n    Recuerda: puedes crear algo bonito\n    <strong>\n      sin compartir datos privados.\n    <\/strong>\n\n  <\/p>\n\n\n  <div class=\"mdk2-plan\">\n\n\n    <div class=\"mdk2-plan-form\">\n\n\n      <label>\n        \u00bfPara qui\u00e9n es mi postal?\n      <\/label>\n\n      <input\n        type=\"text\"\n        placeholder=\"Usa solo nombre o apodo\">\n\n\n      <label>\n        Mi mensaje amable\n      <\/label>\n\n      <textarea\n        placeholder=\"Ejemplo: \u00a1Espero que tengas un d\u00eda genial!\"><\/textarea>\n\n\n      <label>\n        Colores que usar\u00e9\n      <\/label>\n\n      <input\n        type=\"text\"\n        placeholder=\"Escribe tus colores\">\n\n\n      <label>\n        Dibujos o \u00edconos que agregar\u00e9\n      <\/label>\n\n      <input\n        type=\"text\"\n        placeholder=\"Estrellas, corazones, regalos...\">\n\n\n    <\/div>\n\n\n    <div class=\"mdk2-preview\">\n\n      <h3>\n        Mi idea\n      <\/h3>\n\n\n      <div class=\"mdk2-preview-card\">\n\n        <strong>\n          \u00a1Felicidades!\n        <\/strong>\n\n        <div class=\"mdk2-preview-icons\">\n          \u2605 &#x2665; \u2605\n        <\/div>\n\n        <span>\n\n          Una postal puede ser\n          amable, creativa y segura.\n\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mdk2-reflect\">\n\n    <label>\n\n      Antes de utilizar una fotograf\u00eda\n      de otra persona, \u00bfqu\u00e9 debes hacer?\n\n    <\/label>\n\n    <textarea\n      placeholder=\"Escribe aqu\u00ed tu respuesta...\"><\/textarea>\n\n  <\/div>\n\n\n  <div class=\"mdk2-final\">\n\n    <div class=\"mdk2-final-icon\">\n      \u2713\n    <\/div>\n\n    <h3>\n      Mi Digital Key de hoy\n    <\/h3>\n\n    <p>\n\n      Puedo crear y compartir cosas bonitas\n      sin revelar informaci\u00f3n privada.\n\n      <strong>\n        Antes de usar la foto de otra persona,\n        pido permiso y respeto su respuesta.\n      <\/strong>\n\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"mdk2-nav\">\n\n    <label\n      for=\"mdk2-screen3\"\n      class=\"mdk2-nav-button mdk2-back\">\n\n      \u2190 Anterior\n\n    <\/label>\n\n\n    <label\n      for=\"mdk2-screen1\"\n      class=\"mdk2-nav-button mdk2-next\">\n\n      Volver al inicio \u21bb\n\n    <\/label>\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 DISE\u00d1O MI PRIMERA POSTAL Una postal puede ser bonita, creativa y tambi\u00e9n cuidar la informaci\u00f3n de los dem\u00e1s. \u25ce Mi [&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-1836","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1836","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=1836"}],"version-history":[{"count":2,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1836\/revisions"}],"predecessor-version":[{"id":1840,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1836\/revisions\/1840"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}