Relaciona conceptos de citas y referencias APA 7<\/title>\r\n\r\n<style>\r\n:root{\r\n --azul:#041147;\r\n --azul-2:#0b1d6b;\r\n --naranja:#ff8300;\r\n --fondo:#eef3fb;\r\n --blanco:#ffffff;\r\n --texto:#1f2937;\r\n --muted:#667085;\r\n --linea:#d9e2f1;\r\n --verde:#157347;\r\n --verde-bg:#edf9f1;\r\n --rojo:#b42318;\r\n --rojo-bg:#fff1f1;\r\n --sombra:0 16px 35px rgba(4,17,71,.11);\r\n}\r\n\r\n*{box-sizing:border-box}\r\n\r\nbody{\r\n margin:0;\r\n font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n color:var(--texto);\r\n background:\r\n radial-gradient(circle at top right,rgba(255,131,0,.10),transparent 28%),\r\n linear-gradient(180deg,#f8fbff 0%,var(--fondo) 100%);\r\n}\r\n\r\n.apa-match{\r\n width:min(1080px,100%);\r\n margin:0 auto;\r\n padding:28px 16px 42px;\r\n}\r\n\r\n.apa-hero{\r\n position:relative;\r\n overflow:hidden;\r\n padding:28px 24px;\r\n border-radius:24px;\r\n background:linear-gradient(135deg,var(--azul),var(--azul-2));\r\n color:#fff;\r\n box-shadow:var(--sombra);\r\n}\r\n\r\n.apa-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n bottom:-110px;\r\n width:230px;\r\n height:230px;\r\n border-radius:50%;\r\n background:rgba(255,131,0,.22);\r\n}\r\n\r\n.apa-kicker{\r\n display:inline-flex;\r\n padding:7px 11px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.18);\r\n font-size:.84rem;\r\n font-weight:850;\r\n margin-bottom:10px;\r\n}\r\n\r\n.apa-hero h1{\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n max-width:820px;\r\n color:var(--naranja);\r\n font-size:clamp(1.8rem,4vw,2.7rem);\r\n line-height:1.08;\r\n font-weight:900;\r\n text-transform:none!important;\r\n}\r\n\r\n.apa-hero p{\r\n position:relative;\r\n z-index:1;\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.93);\r\n line-height:1.65;\r\n}\r\n\r\n.apa-note{\r\n margin-top:18px;\r\n padding:14px 16px;\r\n border-left:5px solid var(--naranja);\r\n border-radius:14px;\r\n background:#fff7ed;\r\n color:#7a4a00;\r\n line-height:1.65;\r\n box-shadow:0 8px 18px rgba(4,17,71,.05);\r\n}\r\n\r\n.apa-grid{\r\n display:grid;\r\n grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);\r\n gap:18px;\r\n margin-top:20px;\r\n}\r\n\r\n.apa-column{\r\n background:var(--blanco);\r\n border:1px solid var(--linea);\r\n border-radius:22px;\r\n padding:22px;\r\n box-shadow:var(--sombra);\r\n}\r\n\r\n.apa-column h2{\r\n margin:0 0 16px;\r\n color:var(--azul);\r\n font-size:1.35rem;\r\n font-weight:900;\r\n text-transform:none!important;\r\n}\r\n\r\n.apa-left-list{\r\n display:grid;\r\n gap:11px;\r\n}\r\n\r\n.apa-left-item{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:14px;\r\n border:1px solid #dce4f2;\r\n border-radius:15px;\r\n background:linear-gradient(180deg,#fff 0%,#f8faff 100%);\r\n}\r\n\r\n.apa-left-number{\r\n display:grid;\r\n place-items:center;\r\n flex:0 0 38px;\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n background:var(--azul);\r\n color:#fff;\r\n font-weight:900;\r\n}\r\n\r\n.apa-left-item strong{\r\n color:#172554;\r\n line-height:1.4;\r\n}\r\n\r\n.apa-right-list{\r\n display:grid;\r\n gap:12px;\r\n}\r\n\r\n.apa-right-item{\r\n display:grid;\r\n grid-template-columns:auto 1fr;\r\n gap:12px;\r\n align-items:start;\r\n padding:14px;\r\n border:1px solid #dce4f2;\r\n border-radius:15px;\r\n background:#fff;\r\n transition:.18s ease;\r\n}\r\n\r\n.apa-right-item.correct{\r\n border-color:#a7d8b7;\r\n background:var(--verde-bg);\r\n}\r\n\r\n.apa-right-item.incorrect{\r\n border-color:#efb5b5;\r\n background:var(--rojo-bg);\r\n}\r\n\r\n.apa-select-wrap{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:4px;\r\n color:var(--azul);\r\n font-weight:900;\r\n}\r\n\r\n.apa-select{\r\n width:58px;\r\n height:42px;\r\n border:2px solid #cfd8ea;\r\n border-radius:11px;\r\n background:#fff;\r\n color:var(--azul);\r\n font:900 1rem\/1 inherit;\r\n text-align:center;\r\n outline:none;\r\n cursor:pointer;\r\n}\r\n\r\n.apa-select:focus{\r\n border-color:var(--naranja);\r\n box-shadow:0 0 0 4px rgba(255,131,0,.13);\r\n}\r\n\r\n.apa-statement{\r\n margin:0;\r\n color:#334155;\r\n line-height:1.6;\r\n}\r\n\r\n.apa-actions{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n margin-top:18px;\r\n}\r\n\r\n.apa-btn{\r\n appearance:none;\r\n border:0;\r\n border-radius:13px;\r\n padding:12px 17px;\r\n font:850 .95rem\/1 inherit;\r\n cursor:pointer;\r\n transition:.18s ease;\r\n}\r\n\r\n.apa-btn.primary{\r\n background:var(--azul);\r\n color:#fff;\r\n}\r\n\r\n.apa-btn.primary:hover{\r\n transform:translateY(-1px);\r\n background:#0a1c66;\r\n}\r\n\r\n.apa-btn.secondary{\r\n background:#eef2ff;\r\n color:var(--azul);\r\n border:1px solid #d8e0fb;\r\n}\r\n\r\n.apa-feedback{\r\n display:none;\r\n margin-top:16px;\r\n padding:15px 16px;\r\n border-radius:15px;\r\n line-height:1.6;\r\n font-weight:750;\r\n}\r\n\r\n.apa-feedback.show{display:block}\r\n\r\n.apa-feedback.ok{\r\n background:var(--verde-bg);\r\n border:1px solid #b7e4c7;\r\n color:var(--verde);\r\n}\r\n\r\n.apa-feedback.bad{\r\n background:var(--rojo-bg);\r\n border:1px solid #f0b8b8;\r\n color:var(--rojo);\r\n}\r\n\r\n.apa-score{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-top:14px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef2ff;\r\n color:var(--azul);\r\n font-weight:900;\r\n}\r\n\r\n.apa-footer{\r\n margin-top:18px;\r\n padding:15px 16px;\r\n border-radius:16px;\r\n background:#fff;\r\n border:1px solid var(--linea);\r\n color:var(--muted);\r\n line-height:1.65;\r\n box-shadow:0 8px 18px rgba(4,17,71,.05);\r\n}\r\n\r\n@media(max-width:820px){\r\n .apa-grid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media(max-width:560px){\r\n .apa-match{padding:20px 12px 34px}\r\n .apa-hero,.apa-column{padding:19px 15px}\r\n .apa-right-item{grid-template-columns:1fr}\r\n .apa-select-wrap{justify-content:flex-start}\r\n .apa-actions{display:grid}\r\n .apa-btn{width:100%}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<main class=\"apa-match\">\r\n <header class=\"apa-hero\">\r\n <span class=\"apa-kicker\">Normas APA \u00b7 7.\u00aa edici\u00f3n<\/span>\r\n <h1>Relaciona ambas columnas<\/h1>\r\n <p>\r\n Escribe en cada par\u00e9ntesis el n\u00famero de la opci\u00f3n correcta de la columna izquierda.\r\n Cuando termines, pulsa <strong>Verificar respuestas<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"apa-note\">\r\n <strong>Indicaciones:<\/strong> cada n\u00famero puede utilizarse una sola vez. Observa el concepto de la columna A y relaci\u00f3nalo con la definici\u00f3n o ejemplo correspondiente de la columna B.\r\n <\/div>\r\n\r\n <section class=\"apa-grid\">\r\n <div class=\"apa-column\">\r\n <h2>Columna A<\/h2>\r\n\r\n <div class=\"apa-left-list\">\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">1<\/span>\r\n <strong>Cita textual corta<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">2<\/span>\r\n <strong>Referencias<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">3<\/span>\r\n <strong>Sangr\u00eda francesa<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">4<\/span>\r\n <strong>Cita parent\u00e9tica<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">5<\/span>\r\n <strong>Cita narrativa<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"apa-column\">\r\n <h2>Columna B<\/h2>\r\n\r\n <div class=\"apa-right-list\" id=\"apaRightList\">\r\n <div class=\"apa-right-item\" data-answer=\"2\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para lista organizada alfab\u00e9ticamente\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">Lista organizada alfab\u00e9ticamente con las fuentes consultadas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"1\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para cita textual corta\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">Debe incluir apellido del autor, a\u00f1o y n\u00famero de p\u00e1gina.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"3\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para sangr\u00eda francesa\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">Espacio de 1.27 cm que se aplica desde la segunda l\u00ednea de cada referencia.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"5\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para cita narrativa\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">El apellido del autor forma parte de la redacci\u00f3n y el a\u00f1o se coloca entre par\u00e9ntesis.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"4\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para cita parent\u00e9tica\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">La lectura fortalece el pensamiento cr\u00edtico (P\u00e9rez, 2022).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"apa-actions\">\r\n <button type=\"button\" id=\"apaVerify\" class=\"apa-btn primary\">Verificar respuestas<\/button>\r\n <button type=\"button\" id=\"apaReset\" class=\"apa-btn secondary\">Reiniciar<\/button>\r\n <\/div>\r\n\r\n <div id=\"apaFeedback\" class=\"apa-feedback\" aria-live=\"polite\"><\/div>\r\n <div id=\"apaScore\" class=\"apa-score\" hidden><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"apa-footer\">\r\n <strong>Recuerda:<\/strong> en APA 7, las citas identifican brevemente la fuente dentro del texto y las referencias presentan los datos completos al final del trabajo.\r\n <\/div>\r\n<\/main>\r\n\r\n<script>\r\n(function(){\r\n const rows = Array.from(document.querySelectorAll('.apa-right-item'));\r\n const verifyBtn = document.getElementById('apaVerify');\r\n const resetBtn = document.getElementById('apaReset');\r\n const feedback = document.getElementById('apaFeedback');\r\n const score = document.getElementById('apaScore');\r\n\r\n function verify(){\r\n let correct = 0;\r\n let empty = 0;\r\n const used = [];\r\n\r\n rows.forEach(row => {\r\n const select = row.querySelector('.apa-select');\r\n const value = select.value;\r\n const answer = row.dataset.answer;\r\n\r\n row.classList.remove('correct','incorrect');\r\n\r\n if(!value){\r\n empty++;\r\n return;\r\n }\r\n\r\n used.push(value);\r\n\r\n if(value === answer){\r\n correct++;\r\n row.classList.add('correct');\r\n }else{\r\n row.classList.add('incorrect');\r\n }\r\n });\r\n\r\n if(empty > 0){\r\n feedback.className = 'apa-feedback show bad';\r\n feedback.innerHTML = '<strong>Completa todas las respuestas.<\/strong> A\u00fan quedan ' + empty + ' par\u00e9ntesis sin n\u00famero.';\r\n score.hidden = true;\r\n return;\r\n }\r\n\r\n const duplicates = used.filter((value,index,array) => array.indexOf(value) !== index);\r\n\r\n if(duplicates.length){\r\n feedback.className = 'apa-feedback show bad';\r\n feedback.innerHTML = '<strong>Revisa las relaciones.<\/strong> Cada n\u00famero debe utilizarse una sola vez.';\r\n score.hidden = true;\r\n return;\r\n }\r\n\r\n score.hidden = false;\r\n score.textContent = 'Resultado: ' + correct + ' de ' + rows.length;\r\n\r\n if(correct === rows.length){\r\n feedback.className = 'apa-feedback show ok';\r\n feedback.innerHTML = '<strong>\u00a1Excelente!<\/strong> Relacionaste correctamente todos los conceptos.';\r\n }else{\r\n feedback.className = 'apa-feedback show bad';\r\n feedback.innerHTML = '<strong>Algunas relaciones necesitan revisi\u00f3n.<\/strong> Observa las opciones marcadas y vuelve a intentarlo.';\r\n }\r\n }\r\n\r\n function reset(){\r\n rows.forEach(row => {\r\n row.classList.remove('correct','incorrect');\r\n row.querySelector('.apa-select').value = '';\r\n });\r\n\r\n feedback.className = 'apa-feedback';\r\n feedback.innerHTML = '';\r\n score.hidden = true;\r\n score.textContent = '';\r\n }\r\n\r\n verifyBtn.addEventListener('click', verify);\r\n resetBtn.addEventListener('click', reset);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Relaciona conceptos de citas y referencias APA 7 Normas APA \u00b7 7.\u00aa edici\u00f3n Relaciona ambas columnas Escribe en cada par\u00e9ntesis el n\u00famero de la opci\u00f3n correcta de la columna izquierda. Cuando termines, pulsa Verificar respuestas. Indicaciones: cada n\u00famero puede utilizarse una sola vez. Observa el concepto de la columna A y relaci\u00f3nalo con la definici\u00f3n […]<\/p>\n","protected":false},"author":1,"featured_media":1012,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1007","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ejercicios"],"_links":{"self":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/1007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/comments?post=1007"}],"version-history":[{"count":5,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/1007\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/1007\/revisions\/1013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media\/1012"}],"wp:attachment":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media?parent=1007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/categories?post=1007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/tags?post=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nRelaciona conceptos de citas y referencias APA 7<\/title>\r\n\r\n<style>\r\n:root{\r\n --azul:#041147;\r\n --azul-2:#0b1d6b;\r\n --naranja:#ff8300;\r\n --fondo:#eef3fb;\r\n --blanco:#ffffff;\r\n --texto:#1f2937;\r\n --muted:#667085;\r\n --linea:#d9e2f1;\r\n --verde:#157347;\r\n --verde-bg:#edf9f1;\r\n --rojo:#b42318;\r\n --rojo-bg:#fff1f1;\r\n --sombra:0 16px 35px rgba(4,17,71,.11);\r\n}\r\n\r\n*{box-sizing:border-box}\r\n\r\nbody{\r\n margin:0;\r\n font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n color:var(--texto);\r\n background:\r\n radial-gradient(circle at top right,rgba(255,131,0,.10),transparent 28%),\r\n linear-gradient(180deg,#f8fbff 0%,var(--fondo) 100%);\r\n}\r\n\r\n.apa-match{\r\n width:min(1080px,100%);\r\n margin:0 auto;\r\n padding:28px 16px 42px;\r\n}\r\n\r\n.apa-hero{\r\n position:relative;\r\n overflow:hidden;\r\n padding:28px 24px;\r\n border-radius:24px;\r\n background:linear-gradient(135deg,var(--azul),var(--azul-2));\r\n color:#fff;\r\n box-shadow:var(--sombra);\r\n}\r\n\r\n.apa-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n bottom:-110px;\r\n width:230px;\r\n height:230px;\r\n border-radius:50%;\r\n background:rgba(255,131,0,.22);\r\n}\r\n\r\n.apa-kicker{\r\n display:inline-flex;\r\n padding:7px 11px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.18);\r\n font-size:.84rem;\r\n font-weight:850;\r\n margin-bottom:10px;\r\n}\r\n\r\n.apa-hero h1{\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n max-width:820px;\r\n color:var(--naranja);\r\n font-size:clamp(1.8rem,4vw,2.7rem);\r\n line-height:1.08;\r\n font-weight:900;\r\n text-transform:none!important;\r\n}\r\n\r\n.apa-hero p{\r\n position:relative;\r\n z-index:1;\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.93);\r\n line-height:1.65;\r\n}\r\n\r\n.apa-note{\r\n margin-top:18px;\r\n padding:14px 16px;\r\n border-left:5px solid var(--naranja);\r\n border-radius:14px;\r\n background:#fff7ed;\r\n color:#7a4a00;\r\n line-height:1.65;\r\n box-shadow:0 8px 18px rgba(4,17,71,.05);\r\n}\r\n\r\n.apa-grid{\r\n display:grid;\r\n grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);\r\n gap:18px;\r\n margin-top:20px;\r\n}\r\n\r\n.apa-column{\r\n background:var(--blanco);\r\n border:1px solid var(--linea);\r\n border-radius:22px;\r\n padding:22px;\r\n box-shadow:var(--sombra);\r\n}\r\n\r\n.apa-column h2{\r\n margin:0 0 16px;\r\n color:var(--azul);\r\n font-size:1.35rem;\r\n font-weight:900;\r\n text-transform:none!important;\r\n}\r\n\r\n.apa-left-list{\r\n display:grid;\r\n gap:11px;\r\n}\r\n\r\n.apa-left-item{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:14px;\r\n border:1px solid #dce4f2;\r\n border-radius:15px;\r\n background:linear-gradient(180deg,#fff 0%,#f8faff 100%);\r\n}\r\n\r\n.apa-left-number{\r\n display:grid;\r\n place-items:center;\r\n flex:0 0 38px;\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n background:var(--azul);\r\n color:#fff;\r\n font-weight:900;\r\n}\r\n\r\n.apa-left-item strong{\r\n color:#172554;\r\n line-height:1.4;\r\n}\r\n\r\n.apa-right-list{\r\n display:grid;\r\n gap:12px;\r\n}\r\n\r\n.apa-right-item{\r\n display:grid;\r\n grid-template-columns:auto 1fr;\r\n gap:12px;\r\n align-items:start;\r\n padding:14px;\r\n border:1px solid #dce4f2;\r\n border-radius:15px;\r\n background:#fff;\r\n transition:.18s ease;\r\n}\r\n\r\n.apa-right-item.correct{\r\n border-color:#a7d8b7;\r\n background:var(--verde-bg);\r\n}\r\n\r\n.apa-right-item.incorrect{\r\n border-color:#efb5b5;\r\n background:var(--rojo-bg);\r\n}\r\n\r\n.apa-select-wrap{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:4px;\r\n color:var(--azul);\r\n font-weight:900;\r\n}\r\n\r\n.apa-select{\r\n width:58px;\r\n height:42px;\r\n border:2px solid #cfd8ea;\r\n border-radius:11px;\r\n background:#fff;\r\n color:var(--azul);\r\n font:900 1rem\/1 inherit;\r\n text-align:center;\r\n outline:none;\r\n cursor:pointer;\r\n}\r\n\r\n.apa-select:focus{\r\n border-color:var(--naranja);\r\n box-shadow:0 0 0 4px rgba(255,131,0,.13);\r\n}\r\n\r\n.apa-statement{\r\n margin:0;\r\n color:#334155;\r\n line-height:1.6;\r\n}\r\n\r\n.apa-actions{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n margin-top:18px;\r\n}\r\n\r\n.apa-btn{\r\n appearance:none;\r\n border:0;\r\n border-radius:13px;\r\n padding:12px 17px;\r\n font:850 .95rem\/1 inherit;\r\n cursor:pointer;\r\n transition:.18s ease;\r\n}\r\n\r\n.apa-btn.primary{\r\n background:var(--azul);\r\n color:#fff;\r\n}\r\n\r\n.apa-btn.primary:hover{\r\n transform:translateY(-1px);\r\n background:#0a1c66;\r\n}\r\n\r\n.apa-btn.secondary{\r\n background:#eef2ff;\r\n color:var(--azul);\r\n border:1px solid #d8e0fb;\r\n}\r\n\r\n.apa-feedback{\r\n display:none;\r\n margin-top:16px;\r\n padding:15px 16px;\r\n border-radius:15px;\r\n line-height:1.6;\r\n font-weight:750;\r\n}\r\n\r\n.apa-feedback.show{display:block}\r\n\r\n.apa-feedback.ok{\r\n background:var(--verde-bg);\r\n border:1px solid #b7e4c7;\r\n color:var(--verde);\r\n}\r\n\r\n.apa-feedback.bad{\r\n background:var(--rojo-bg);\r\n border:1px solid #f0b8b8;\r\n color:var(--rojo);\r\n}\r\n\r\n.apa-score{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-top:14px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef2ff;\r\n color:var(--azul);\r\n font-weight:900;\r\n}\r\n\r\n.apa-footer{\r\n margin-top:18px;\r\n padding:15px 16px;\r\n border-radius:16px;\r\n background:#fff;\r\n border:1px solid var(--linea);\r\n color:var(--muted);\r\n line-height:1.65;\r\n box-shadow:0 8px 18px rgba(4,17,71,.05);\r\n}\r\n\r\n@media(max-width:820px){\r\n .apa-grid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media(max-width:560px){\r\n .apa-match{padding:20px 12px 34px}\r\n .apa-hero,.apa-column{padding:19px 15px}\r\n .apa-right-item{grid-template-columns:1fr}\r\n .apa-select-wrap{justify-content:flex-start}\r\n .apa-actions{display:grid}\r\n .apa-btn{width:100%}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<main class=\"apa-match\">\r\n <header class=\"apa-hero\">\r\n <span class=\"apa-kicker\">Normas APA \u00b7 7.\u00aa edici\u00f3n<\/span>\r\n <h1>Relaciona ambas columnas<\/h1>\r\n <p>\r\n Escribe en cada par\u00e9ntesis el n\u00famero de la opci\u00f3n correcta de la columna izquierda.\r\n Cuando termines, pulsa <strong>Verificar respuestas<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"apa-note\">\r\n <strong>Indicaciones:<\/strong> cada n\u00famero puede utilizarse una sola vez. Observa el concepto de la columna A y relaci\u00f3nalo con la definici\u00f3n o ejemplo correspondiente de la columna B.\r\n <\/div>\r\n\r\n <section class=\"apa-grid\">\r\n <div class=\"apa-column\">\r\n <h2>Columna A<\/h2>\r\n\r\n <div class=\"apa-left-list\">\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">1<\/span>\r\n <strong>Cita textual corta<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">2<\/span>\r\n <strong>Referencias<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">3<\/span>\r\n <strong>Sangr\u00eda francesa<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">4<\/span>\r\n <strong>Cita parent\u00e9tica<\/strong>\r\n <\/div>\r\n\r\n <div class=\"apa-left-item\">\r\n <span class=\"apa-left-number\">5<\/span>\r\n <strong>Cita narrativa<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"apa-column\">\r\n <h2>Columna B<\/h2>\r\n\r\n <div class=\"apa-right-list\" id=\"apaRightList\">\r\n <div class=\"apa-right-item\" data-answer=\"2\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para lista organizada alfab\u00e9ticamente\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">Lista organizada alfab\u00e9ticamente con las fuentes consultadas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"1\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para cita textual corta\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">Debe incluir apellido del autor, a\u00f1o y n\u00famero de p\u00e1gina.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"3\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para sangr\u00eda francesa\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">Espacio de 1.27 cm que se aplica desde la segunda l\u00ednea de cada referencia.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"5\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para cita narrativa\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">El apellido del autor forma parte de la redacci\u00f3n y el a\u00f1o se coloca entre par\u00e9ntesis.<\/p>\r\n <\/div>\r\n\r\n <div class=\"apa-right-item\" data-answer=\"4\">\r\n <div class=\"apa-select-wrap\">\r\n (\r\n <select class=\"apa-select\" aria-label=\"Respuesta para cita parent\u00e9tica\">\r\n <option value=\"\">\u2014<\/option>\r\n <option value=\"1\">1<\/option>\r\n <option value=\"2\">2<\/option>\r\n <option value=\"3\">3<\/option>\r\n <option value=\"4\">4<\/option>\r\n <option value=\"5\">5<\/option>\r\n <\/select>\r\n )\r\n <\/div>\r\n <p class=\"apa-statement\">La lectura fortalece el pensamiento cr\u00edtico (P\u00e9rez, 2022).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"apa-actions\">\r\n <button type=\"button\" id=\"apaVerify\" class=\"apa-btn primary\">Verificar respuestas<\/button>\r\n <button type=\"button\" id=\"apaReset\" class=\"apa-btn secondary\">Reiniciar<\/button>\r\n <\/div>\r\n\r\n <div id=\"apaFeedback\" class=\"apa-feedback\" aria-live=\"polite\"><\/div>\r\n <div id=\"apaScore\" class=\"apa-score\" hidden><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"apa-footer\">\r\n <strong>Recuerda:<\/strong> en APA 7, las citas identifican brevemente la fuente dentro del texto y las referencias presentan los datos completos al final del trabajo.\r\n <\/div>\r\n<\/main>\r\n\r\n<script>\r\n(function(){\r\n const rows = Array.from(document.querySelectorAll('.apa-right-item'));\r\n const verifyBtn = document.getElementById('apaVerify');\r\n const resetBtn = document.getElementById('apaReset');\r\n const feedback = document.getElementById('apaFeedback');\r\n const score = document.getElementById('apaScore');\r\n\r\n function verify(){\r\n let correct = 0;\r\n let empty = 0;\r\n const used = [];\r\n\r\n rows.forEach(row => {\r\n const select = row.querySelector('.apa-select');\r\n const value = select.value;\r\n const answer = row.dataset.answer;\r\n\r\n row.classList.remove('correct','incorrect');\r\n\r\n if(!value){\r\n empty++;\r\n return;\r\n }\r\n\r\n used.push(value);\r\n\r\n if(value === answer){\r\n correct++;\r\n row.classList.add('correct');\r\n }else{\r\n row.classList.add('incorrect');\r\n }\r\n });\r\n\r\n if(empty > 0){\r\n feedback.className = 'apa-feedback show bad';\r\n feedback.innerHTML = '<strong>Completa todas las respuestas.<\/strong> A\u00fan quedan ' + empty + ' par\u00e9ntesis sin n\u00famero.';\r\n score.hidden = true;\r\n return;\r\n }\r\n\r\n const duplicates = used.filter((value,index,array) => array.indexOf(value) !== index);\r\n\r\n if(duplicates.length){\r\n feedback.className = 'apa-feedback show bad';\r\n feedback.innerHTML = '<strong>Revisa las relaciones.<\/strong> Cada n\u00famero debe utilizarse una sola vez.';\r\n score.hidden = true;\r\n return;\r\n }\r\n\r\n score.hidden = false;\r\n score.textContent = 'Resultado: ' + correct + ' de ' + rows.length;\r\n\r\n if(correct === rows.length){\r\n feedback.className = 'apa-feedback show ok';\r\n feedback.innerHTML = '<strong>\u00a1Excelente!<\/strong> Relacionaste correctamente todos los conceptos.';\r\n }else{\r\n feedback.className = 'apa-feedback show bad';\r\n feedback.innerHTML = '<strong>Algunas relaciones necesitan revisi\u00f3n.<\/strong> Observa las opciones marcadas y vuelve a intentarlo.';\r\n }\r\n }\r\n\r\n function reset(){\r\n rows.forEach(row => {\r\n row.classList.remove('correct','incorrect');\r\n row.querySelector('.apa-select').value = '';\r\n });\r\n\r\n feedback.className = 'apa-feedback';\r\n feedback.innerHTML = '';\r\n score.hidden = true;\r\n score.textContent = '';\r\n }\r\n\r\n verifyBtn.addEventListener('click', verify);\r\n resetBtn.addEventListener('click', reset);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Relaciona conceptos de citas y referencias APA 7 Normas APA \u00b7 7.\u00aa edici\u00f3n Relaciona ambas columnas Escribe en cada par\u00e9ntesis el n\u00famero de la opci\u00f3n correcta de la columna izquierda. Cuando termines, pulsa Verificar respuestas. Indicaciones: cada n\u00famero puede utilizarse una sola vez. Observa el concepto de la columna A y relaci\u00f3nalo con la definici\u00f3n […]<\/p>\n","protected":false},"author":1,"featured_media":1012,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1007","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ejercicios"],"_links":{"self":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/1007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/comments?post=1007"}],"version-history":[{"count":5,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/1007\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/1007\/revisions\/1013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media\/1012"}],"wp:attachment":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media?parent=1007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/categories?post=1007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/tags?post=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}