Pensamiento Cr\u00edtico<\/title>\n <style>\n :root {\n --primary: #4a6fa5;\n --secondary: #166088;\n --accent: #4fc3f7;\n --light: #f5f9fc;\n --dark: #2c3e50;\n --success: #43a047;\n --warning: #fb8c00;\n --danger: #e53935;\n --gray: #9e9e9e;\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.6;\n }\n header {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n padding: 1.5rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n header h1 {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n header p {\n font-size: 1rem;\n opacity: 0.9;\n }\n .container {\n display: flex;\n min-height: calc(100vh - 100px);\n }\n .sidebar {\n width: 280px;\n background-color: white;\n border-right: 1px solid #ddd;\n padding: 1.5rem 1rem;\n overflow-y: auto;\n }\n .sidebar h3 {\n color: var(--primary);\n margin-bottom: 1rem;\n padding-left: 0.5rem;\n }\n .menu {\n list-style: none;\n }\n .menu li {\n margin-bottom: 0.5rem;\n }\n .menu a {\n display: block;\n padding: 0.75rem 1rem;\n color: var(--dark);\n text-decoration: none;\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n .menu a:hover, .menu a.active {\n background-color: var(--primary);\n color: white;\n }\n .main-content {\n flex: 1;\n padding: 2rem;\n overflow-y: auto;\n }\n .module {\n display: none;\n animation: fadeIn 0.5s ease-in-out;\n }\n .module.active {\n display: block;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n .card {\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n transition: transform 0.2s ease;\n }\n .card:hover {\n transform: translateY(-4px);\n }\n .card h2 {\n color: var(--primary);\n margin-bottom: 1rem;\n border-bottom: 2px solid var(--accent);\n padding-bottom: 0.5rem;\n }\n .card p {\n margin-bottom: 1rem;\n }\n .btn {\n background-color: var(--primary);\n color: white;\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: background 0.3s ease;\n }\n .btn:hover {\n background-color: var(--secondary);\n }\n .btn-success {\n background-color: var(--success);\n }\n .btn-warning {\n background-color: var(--warning);\n }\n .btn-danger {\n background-color: var(--danger);\n }\n .quiz {\n margin-top: 1rem;\n }\n .quiz-question {\n margin-bottom: 1.5rem;\n }\n .quiz-options {\n list-style: none;\n margin: 1rem 0;\n }\n .quiz-options li {\n margin-bottom: 0.75rem;\n }\n .quiz-options button {\n width: 100%;\n text-align: left;\n padding: 0.75rem 1rem;\n background-color: #f0f4f8;\n border: 1px solid #ddd;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .quiz-options button:hover {\n background-color: #e3f2fd;\n }\n .quiz-options button.correct {\n background-color: #c8e6c9;\n border-color: #43a047;\n }\n .quiz-options button.incorrect {\n background-color: #ffcdd2;\n border-color: #e53935;\n }\n .feedback {\n margin-top: 0.5rem;\n padding: 0.75rem;\n border-radius: 8px;\n display: none;\n }\n .feedback.show {\n display: block;\n }\n .feedback.correct {\n background-color: #e8f5e9;\n color: var(--success);\n border: 1px solid #c8e6c9;\n }\n .feedback.incorrect {\n background-color: #ffebee;\n color: var(--danger);\n border: 1px solid #ffcdd2;\n }\n .progress-container {\n margin: 1.5rem 0;\n }\n .progress-bar {\n height: 12px;\n background-color: #e0e0e0;\n border-radius: 6px;\n overflow: hidden;\n margin: 0.5rem 0;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n width: 0%;\n transition: width 0.5s ease;\n }\n .badges {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin: 1.5rem 0;\n }\n .badge {\n background-color: #eee;\n color: #666;\n padding: 0.75rem 1rem;\n border-radius: 12px;\n font-size: 0.9rem;\n min-width: 100px;\n text-align: center;\n opacity: 0.5;\n }\n .badge.unlocked {\n background: linear-gradient(135deg, #4fc3f7, #2196f3);\n color: white;\n opacity: 1;\n box-shadow: 0 2px 8px rgba(79, 195, 247, 0.3);\n }\n .game-container {\n background-color: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n margin-bottom: 1.5rem;\n }\n .match-game {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }\n .term, .definition {\n padding: 1rem;\n background-color: #f0f4f8;\n border-radius: 8px;\n min-height: 60px;\n }\n .draggable {\n cursor: grab;\n }\n .droppable {\n min-height: 60px;\n border: 2px dashed #ddd;\n border-radius: 8px;\n margin: 0.5rem 0;\n padding: 1rem;\n background-color: #fafafa;\n }\n .glossary {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin: 1rem 0;\n }\n .glossary-term {\n background-color: var(--accent);\n color: white;\n padding: 0.5rem 0.75rem;\n border-radius: 20px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .glossary-term:hover {\n background-color: var(--primary);\n }\n .definition-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n max-width: 400px;\n z-index: 1000;\n display: none;\n border: 2px solid var(--primary);\n }\n .definition-popup h4 {\n color: var(--primary);\n margin-bottom: 0.5rem;\n }\n .close-popup {\n position: absolute;\n top: 10px;\n right: 10px;\n background: none;\n border: none;\n font-size: 1.2rem;\n cursor: pointer;\n color: var(--gray);\n }\n .overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 999;\n display: none;\n }\n .timeline {\n position: relative;\n margin: 2rem 0;\n padding-left: 2rem;\n border-left: 3px solid var(--accent);\n }\n .timeline-item {\n margin-bottom: 2rem;\n position: relative;\n }\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -2.4rem;\n top: 0;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: var(--primary);\n border: 3px solid white;\n box-shadow: 0 0 0 2px var(--accent);\n }\n .timeline-date {\n font-weight: bold;\n color: var(--primary);\n }\n .simulator {\n background-color: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n margin-bottom: 1.5rem;\n }\n .simulator input, .simulator select {\n padding: 0.75rem;\n border: 1px solid #ddd;\n border-radius: 8px;\n width: 100%;\n margin-bottom: 1rem;\n }\n .simulator table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 1rem;\n }\n .simulator th, .simulator td {\n border: 1px solid #ddd;\n padding: 0.75rem;\n text-align: left;\n }\n .simulator th {\n background-color: #f0f4f8;\n }\n footer {\n background-color: var(--dark);\n color: white;\n text-align: center;\n padding: 1.5rem;\n margin-top: 2rem;\n }\n .hidden {\n display: none;\n }\n .tab-container {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n .tab {\n padding: 0.75rem 1.5rem;\n background-color: #eee;\n border-radius: 8px;\n cursor: pointer;\n }\n .tab.active {\n background-color: var(--primary);\n color: white;\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <h1>\ud83c\udf93 Minicampus de Pensamiento Cr\u00edtico<\/h1>\n <p>Transforma tu mente con aprendizaje interactivo y gamificado<\/p>\n <\/header>\n\n <div class=\"container\">\n \n <aside class=\"sidebar\">\n <h3>\ud83d\udcda M\u00f3dulos<\/h3>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#modulo1\" class=\"active\" data-target=\"modulo1\">M\u00f3dulo 1: Introducci\u00f3n al Pensamiento Cr\u00edtico<\/a><\/li>\n <li><a href=\"#modulo2\" data-target=\"modulo2\">M\u00f3dulo 2: An\u00e1lisis y S\u00edntesis<\/a><\/li>\n <li><a href=\"#modulo3\" data-target=\"modulo3\">M\u00f3dulo 3: Argumentaci\u00f3n<\/a><\/li>\n <li><a href=\"#modulo4\" data-target=\"modulo4\">M\u00f3dulo 4: Evaluaci\u00f3n de Informaci\u00f3n<\/a><\/li>\n <li><a href=\"#modulo5\" data-target=\"modulo5\">M\u00f3dulo 5: Razonamiento y Falacias<\/a><\/li>\n <\/ul>\n\n <h3>\ud83c\udfae Juegos<\/h3>\n <ul class=\"menu\">\n <li><a href=\"#juego1\" data-target=\"juego1\">Emparejar Conceptos<\/a><\/li>\n <li><a href=\"#juego2\" data-target=\"juego2\">Arrastrar y Soltar<\/a><\/li>\n <li><a href=\"#simulador\" data-target=\"simulador\">Simulador de An\u00e1lisis<\/a><\/li>\n <\/ul>\n\n <h3>\ud83d\udcca Progreso<\/h3>\n <div class=\"progress-container\">\n <p>Progreso total: <span id=\"progress-text\">0%<\/span><\/p>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n <\/div>\n <\/div>\n\n <h3>\ud83c\udfc6 Logros<\/h3>\n <div class=\"badges\">\n <div class=\"badge\" id=\"badge1\">Primer Paso<\/div>\n <div class=\"badge\" id=\"badge2\">Analista Junior<\/div>\n <div class=\"badge\" id=\"badge3\">Cr\u00edtico Experto<\/div>\n <div class=\"badge\" id=\"badge4\">Maestro del Razonamiento<\/div>\n <\/div>\n <\/aside>\n\n \n <main class=\"main-content\">\n \n <section id=\"modulo1\" class=\"module active\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 1: Introducci\u00f3n al Pensamiento Cr\u00edtico<\/h2>\n <p>El pensamiento cr\u00edtico es la capacidad de analizar, evaluar y construir ideas de manera clara, l\u00f3gica y reflexiva. No se trata solo de pensar, sino de pensar bien, con rigor y profundidad.<\/p>\n \n <p><strong>Resumen:<\/strong> Este m\u00f3dulo introduce los fundamentos del pensamiento cr\u00edtico, su importancia en la vida cotidiana y acad\u00e9mica, y c\u00f3mo desarrollar habilidades como el an\u00e1lisis, la s\u00edntesis y la evaluaci\u00f3n de argumentos.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Situaci\u00f3n:<\/strong> Lees en redes sociales que \u00abLas vacunas causan autismo\u00bb.<\/p>\n <p><strong>Aplicaci\u00f3n del pensamiento cr\u00edtico:<\/strong><\/p>\n <ul>\n <li>\u00bfQui\u00e9n lo dice? \u00bfTiene credibilidad cient\u00edfica?<\/li>\n <li>\u00bfHay evidencia confiable que lo respalde?<\/li>\n <li>\u00bfContradice esto estudios ampliamente aceptados?<\/li>\n <li>\u00bfQu\u00e9 intereses podr\u00eda tener quien difunde esta informaci\u00f3n?<\/li>\n <\/ul>\n <p>Al cuestionar con estos criterios, evitas creer sin evidencia y tomas decisiones informadas.<\/p>\n\n <h3>\ud83d\udcca Recurso visual: Pir\u00e1mide de Valores<\/h3>\n <p>Una herramienta para jerarquizar tus valores personales:<\/p>\n <div style=\"text-align: center; margin: 1.5rem 0;\">\n <svg width=\"300\" height=\"250\" style=\"background:#f9f9f9; border-radius:12px; padding:1rem;\">\n <polygon points=\"150,20 50,200 250,200\" fill=\"#4fc3f7\" stroke=\"#166088\" stroke-width=\"2\"\/>\n <text x=\"150\" y=\"60\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Verdad<\/text>\n <text x=\"150\" y=\"100\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Raz\u00f3n<\/text>\n <text x=\"150\" y=\"140\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Empat\u00eda<\/text>\n <text x=\"150\" y=\"180\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Curiosidad<\/text>\n <text x=\"150\" y=\"230\" font-size=\"14\" fill=\"#166088\" text-anchor=\"middle\">Pir\u00e1mide de Valores Cr\u00edticos<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 es el pensamiento cr\u00edtico?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button data-correct>Un proceso de an\u00e1lisis reflexivo y l\u00f3gico de ideas.<\/button><\/li>\n <li><button>Memorizar informaci\u00f3n de libros.<\/button><\/li>\n <li><button>Seguir opiniones populares sin cuestionar.<\/button><\/li>\n <li><button>Evitar pensar en problemas complejos.<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfPor qu\u00e9 es importante el pensamiento cr\u00edtico?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Porque permite tomar decisiones basadas en evidencia.<\/button><\/li>\n <li><button data-correct>Porque ayuda a evaluar argumentos y evitar manipulaciones.<\/button><\/li>\n <li><button>Solo es \u00fatil en la escuela.<\/button><\/li>\n <li><button>No tiene utilidad pr\u00e1ctica.<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>3. \u00bfCu\u00e1l NO es una caracter\u00edstica del pensamiento cr\u00edtico?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Claridad<\/button><\/li>\n <li><button>Profundidad<\/button><\/li>\n <li><button data-correct>Opini\u00f3n sin fundamento<\/button><\/li>\n <li><button>Rigor l\u00f3gico<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-1\">Enviar respuestas<\/button>\n <div id=\"result-1\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo2\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 2: An\u00e1lisis y S\u00edntesis<\/h2>\n <p>El an\u00e1lisis consiste en descomponer una idea en sus partes para entenderla mejor. La s\u00edntesis es el proceso contrario: integrar esas partes en un todo coherente.<\/p>\n \n <p><strong>Resumen:<\/strong> Aprender\u00e1s a desglosar textos, argumentos o problemas complejos, y luego resumirlos en ideas claras y estructuradas mediante herramientas como mapas conceptuales y cuadros sin\u00f3pticos.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Situaci\u00f3n:<\/strong> Debes resumir un art\u00edculo largo sobre cambio clim\u00e1tico.<\/p>\n <p><strong>Aplicaci\u00f3n:<\/strong><\/p>\n <ol>\n <li><strong>An\u00e1lisis:<\/strong> Identifica ideas principales, secundarias, argumentos y evidencias.<\/li>\n <li><strong>S\u00edntesis:<\/strong> Crea un cuadro sin\u00f3ptico o mapa conceptual que muestre la estructura del art\u00edculo.<\/li>\n <\/ol>\n\n <h3>\ud83d\udcca Recurso visual: Cuadro Sin\u00f3ptico<\/h3>\n <div style=\"text-align: center; margin: 1.5rem 0;\">\n <svg width=\"400\" height=\"300\" style=\"background:#f9f9f9; border-radius:12px; padding:1rem;\">\n <rect x=\"150\" y=\"20\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4a6fa5\" \/>\n <text x=\"200\" y=\"47\" fill=\"white\" font-size=\"14\" text-anchor=\"middle\">An\u00e1lisis<\/text>\n \n <line x1=\"200\" y1=\"60\" x2=\"200\" y2=\"80\" stroke=\"#333\" \/>\n \n <rect x=\"50\" y=\"80\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"100\" y=\"107\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Descomponer<\/text>\n \n <rect x=\"150\" y=\"80\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"200\" y=\"107\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Identificar<\/text>\n \n <rect x=\"250\" y=\"80\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"300\" y=\"107\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Relacionar<\/text>\n \n <line x1=\"100\" y1=\"120\" x2=\"100\" y2=\"140\" stroke=\"#333\" \/>\n <line x1=\"200\" y1=\"120\" x2=\"200\" y2=\"140\" stroke=\"#333\" \/>\n <line x1=\"300\" y1=\"120\" x2=\"300\" y2=\"140\" stroke=\"#333\" \/>\n \n <rect x=\"150\" y=\"140\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#166088\" \/>\n <text x=\"200\" y=\"167\" fill=\"white\" font-size=\"14\" text-anchor=\"middle\">S\u00edntesis<\/text>\n \n <line x1=\"200\" y1=\"180\" x2=\"200\" y2=\"200\" stroke=\"#333\" \/>\n \n <rect x=\"150\" y=\"200\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4a6fa5\" \/>\n <text x=\"200\" y=\"227\" fill=\"white\" font-size=\"14\" text-anchor=\"middle\">Resumen<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 es el an\u00e1lisis?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button data-correct>Descomponer una idea en sus partes.<\/button><\/li>\n <li><button>Crear un resumen sin leer el texto.<\/button><\/li>\n <li><button>Escribir una opini\u00f3n personal.<\/button><\/li>\n <li><button>Ignorar detalles importantes.<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 herramienta gr\u00e1fica se usa para sintetizar informaci\u00f3n?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Cuadro sin\u00f3ptico<\/button><\/li>\n <li><button>Mapa conceptual<\/button><\/li>\n <li><button data-correct>Ambas son correctas<\/button><\/li>\n <li><button>Ninguna de las anteriores<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-2\">Enviar respuestas<\/button>\n <div id=\"result-2\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo3\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 3: Argumentaci\u00f3n<\/h2>\n <p>Argumentar es presentar razones para defender una idea. Un buen argumento es l\u00f3gico, claro y basado en evidencia, no en emociones o autoridad.<\/p>\n \n <p><strong>Resumen:<\/strong> Aprender\u00e1s a estructurar un discurso argumentativo (introducci\u00f3n, desarrollo, conclusi\u00f3n), identificar tipos de argumentos y construir defensas s\u00f3lidas de tus ideas.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Tema:<\/strong> \u00abLas redes sociales afectan negativamente la salud mental de los adolescentes.\u00bb<\/p>\n <p><strong>Estructura del argumento:<\/strong><\/p>\n <ul>\n <li><strong>Introducci\u00f3n:<\/strong> Presentar el problema con una estad\u00edstica impactante.<\/li>\n <li><strong>Desarrollo:<\/strong> Mostrar estudios cient\u00edficos, testimonios y causas (comparaci\u00f3n social, adicci\u00f3n, etc.).<\/li>\n <li><strong>Conclusi\u00f3n:<\/strong> Proponer soluciones (educaci\u00f3n digital, l\u00edmites de uso).<\/li>\n <\/ul>\n\n <h3>\ud83d\udcca Recurso visual: Estructura del Discurso<\/h3>\n <div style=\"text-align: center; margin: 1.5rem 0;\">\n <svg width=\"400\" height=\"150\">\n <rect x=\"20\" y=\"20\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4a6fa5\" \/>\n <text x=\"70\" y=\"47\" fill=\"white\" font-size=\"13\" text-anchor=\"middle\">Introducci\u00f3n<\/text>\n \n <rect x=\"140\" y=\"20\" width=\"120\" height=\"40\" rx=\"8\" fill=\"#166088\" \/>\n <text x=\"200\" y=\"47\" fill=\"white\" font-size=\"13\" text-anchor=\"middle\">Desarrollo<\/text>\n \n <rect x=\"280\" y=\"20\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"330\" y=\"47\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Conclusi\u00f3n<\/text>\n \n <line x1=\"120\" y1=\"40\" x2=\"140\" y2=\"40\" stroke=\"#333\" marker-end=\"url(#arrow)\" \/>\n <line x1=\"260\" y1=\"40\" x2=\"280\" y2=\"40\" stroke=\"#333\" marker-end=\"url(#arrow)\" \/>\n \n <defs>\n <marker id=\"arrow\" markerWidth=\"10\" markerHeight=\"10\" refX=\"8\" refY=\"3\" orient=\"auto\" markerUnits=\"strokeWidth\">\n <path d=\"M0,0 L0,6 L9,3 z\" fill=\"#333\" \/>\n <\/marker>\n <\/defs>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfCu\u00e1l es la estructura b\u00e1sica de un discurso argumentativo?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Inicio, medio, final<\/button><\/li>\n <li><button data-correct>Introducci\u00f3n, desarrollo, conclusi\u00f3n<\/button><\/li>\n <li><button>Problema, soluci\u00f3n, ejemplo<\/button><\/li>\n <li><button>Ninguna es correcta<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 tipo de argumento apela a la autoridad?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Argumento de l\u00f3gica pura<\/button><\/li>\n <li><button data-correct>Argumentum ad verecundiam<\/button><\/li>\n <li><button>Argumento por evidencia emp\u00edrica<\/button><\/li>\n <li><button>Argumento por analog\u00eda<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-3\">Enviar respuestas<\/button>\n <div id=\"result-3\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo4\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 4: Evaluaci\u00f3n de Informaci\u00f3n<\/h2>\n <p>No toda informaci\u00f3n es confiable. Es crucial evaluar la credibilidad de las fuentes antes de aceptar sus afirmaciones.<\/p>\n \n <p><strong>Resumen:<\/strong> Aprender\u00e1s criterios para evaluar informaci\u00f3n: autor\u00eda, publicaci\u00f3n, evidencia, actualizaci\u00f3n y posible sesgo. Identificar\u00e1s fuentes confiables y detectar\u00e1s desinformaci\u00f3n.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Sitio web:<\/strong> \u00abLa tierra es plana, lo dice un ingeniero en su blog personal.\u00bb<\/p>\n <p><strong>An\u00e1lisis:<\/strong><\/p>\n <ul>\n <li>\u00bfEl autor tiene credibilidad cient\u00edfica en geof\u00edsica?<\/li>\n <li>\u00bfEl sitio es .edu, .gob o .com?<\/li>\n <li>\u00bfPresenta evidencia verificable o solo opiniones?<\/li>\n <li>\u00bfContradice todo el consenso cient\u00edfico?<\/li>\n <\/ul>\n <p>Resultado: Fuente no confiable.<\/p>\n\n <h3>\ud83d\udcca Recurso visual: Criterios de Confiabilidad<\/h3>\n <table style=\"width:100%; border-collapse: collapse; margin: 1rem 0;\">\n <tr style=\"background-color: #f0f4f8;\">\n <th style=\"padding: 0.75rem; border: 1px solid #ddd;\">Criterio<\/th>\n <th style=\"padding: 0.75rem; border: 1px solid #ddd;\">Pregunta clave<\/th>\n <th style=\"padding: 0.75rem; border: 1px solid #ddd;\">Ejemplo<\/th>\n <\/tr>\n <tr>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Autor\u00eda<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">\u00bfEl autor es experto?<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Dr. en Biolog\u00eda vs. an\u00f3nimo<\/td>\n <\/tr>\n <tr>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Publicaci\u00f3n<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">\u00bfEs .edu, .gob, .org?<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">unam.mx vs. terraplana.com<\/td>\n <\/tr>\n <tr>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Evidencia<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">\u00bfMuestra datos o solo opiniones?<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Estudio con 1000 pacientes vs. \u00abyo creo\u00bb<\/td>\n <\/tr>\n <\/table>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 dominio web suele indicar una fuente gubernamental?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>.com<\/button><\/li>\n <li><button data-correct>.gob<\/button><\/li>\n <li><button>.blog<\/button><\/li>\n <li><button>.net<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 es una falacia l\u00f3gica?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Un argumento muy fuerte<\/button><\/li>\n <li><button data-correct>Un error en el razonamiento que lo hace inv\u00e1lido<\/button><\/li>\n <li><button>Una verdad cient\u00edfica<\/button><\/li>\n <li><button>Una cita famosa<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-4\">Enviar respuestas<\/button>\n <div id=\"result-4\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo5\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 5: Razonamiento y Falacias<\/h2>\n <p>El razonamiento es el proceso de llegar a conclusiones a partir de premisas. Las falacias son errores comunes en este proceso que hacen que un argumento parezca v\u00e1lido cuando no lo es.<\/p>\n \n <p><strong>Resumen:<\/strong> Identificar\u00e1s falacias comunes como el <em>ad hominem<\/em>, la generalizaci\u00f3n apresurada y el falso dilema, y aprender\u00e1s a construir razonamientos v\u00e1lidos y s\u00f3lidos.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Falacia:<\/strong> \u00abNo escuches a Laura sobre nutrici\u00f3n, \u00a1ella come hamburguesas!\u00bb<\/p>\n <p>Esto es un <strong>argumentum ad hominem<\/strong>: ataca a la persona, no al argumento.<\/p>\n <p>El hecho de que coma hamburguesas no invalida sus conocimientos sobre nutrici\u00f3n.<\/p>\n\n <h3>\ud83d\udcca Recurso visual: Tipos de Falacias<\/h3>\n <div class=\"glossary\">\n <div class=\"glossary-term\" data-term=\"ad-hominem\">Ad Hominem<\/div>\n <div class=\"glossary-term\" data-term=\"falso-dilema\">Falso Dilema<\/div>\n <div class=\"glossary-term\" data-term=\"apelacion-popular\">Apelaci\u00f3n a la Popularidad<\/div>\n <div class=\"glossary-term\" data-term=\"causa-falsa\">Causa Falsa<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 falacia consiste en decir que algo es verdad porque muchas personas lo creen?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button data-correct>Argumentum ad populum<\/button><\/li>\n <li><button>Argumentum ad verecundiam<\/button><\/li>\n <li><button>Argumentum ad logicam<\/button><\/li>\n <li><button>Ninguna<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 es un falso dilema?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Presentar muchas opciones posibles<\/button><\/li>\n <li><button data-correct>Reducir un problema a solo dos opciones, ignorando otras<\/button><\/li>\n <li><button>Un dilema \u00e9tico real<\/button><\/li>\n <li><button>Una pregunta dif\u00edcil<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-5\">Enviar respuestas<\/button>\n <div id=\"result-5\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"juego1\" class=\"module\">\n <div class=\"game-container\">\n <h2>\ud83c\udfae Juego: Emparejar Conceptos<\/h2>\n <p>Arrastra cada definici\u00f3n al concepto correcto.<\/p>\n <div class=\"match-game\">\n <div>\n <h3>Conceptos<\/h3>\n <div class=\"term\" data-match=\"analisis\">An\u00e1lisis<\/div>\n <div class=\"term\" data-match=\"sintesis\">S\u00edntesis<\/div>\n <div class=\"term\" data-match=\"argumento\">Argumento<\/div>\n <div class=\"term\" data-match=\"falacia\">Falacia<\/div>\n <\/div>\n <div>\n <h3>Definiciones<\/h3>\n <div class=\"definition droppable\" data-target=\"analisis\">Descomponer una idea en partes.<\/div>\n <div class=\"definition droppable\" data-target=\"sintesis\">Integrar ideas en un todo coherente.<\/div>\n <div class=\"definition droppable\" data-target=\"argumento\">Conjunto de razones para defender una idea.<\/div>\n <div class=\"definition droppable\" data-target=\"falacia\">Error en el razonamiento que lo hace inv\u00e1lido.<\/div>\n <\/div>\n <\/div>\n <button class=\"btn\" id=\"check-match\">Verificar respuestas<\/button>\n <div id=\"match-result\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"juego2\" class=\"module\">\n <div class=\"game-container\">\n <h2>\ud83c\udfae Juego: Clasifica las Falacias<\/h2>\n <p>Arrastra cada ejemplo al tipo de falacia que representa.<\/p>\n <div style=\"display: flex; gap: 1rem; margin-top: 1rem;\">\n <div style=\"flex: 1;\">\n <h3>\ud83d\udd0a Ejemplos<\/h3>\n <div class=\"draggable\" data-fallacy=\"ad-hominem\">\u00abNo escuches a Juan, \u00a1es de izquierda!\u00bb<\/div>\n <div class=\"draggable\" data-fallacy=\"falso-dilema\">\u00abO est\u00e1s con nosotros o contra nosotros.\u00bb<\/div>\n <div class=\"draggable\" data-fallacy=\"apelacion-popular\">\u00abTodos lo hacen, as\u00ed que debe estar bien.\u00bb<\/div>\n <\/div>\n <div style=\"flex: 1;\">\n <h3>\ud83e\udde9 Tipos de Falacias<\/h3>\n <div class=\"droppable\" data-type=\"ad-hominem\">Ad Hominem<\/div>\n <div class=\"droppable\" data-type=\"falso-dilema\">Falso Dilema<\/div>\n <div class=\"droppable\" data-type=\"apelacion-popular\">Apelaci\u00f3n a la Popularidad<\/div>\n <\/div>\n <\/div>\n <button class=\"btn\" id=\"check-drag\">Verificar respuestas<\/button>\n <div id=\"drag-result\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"simulador\" class=\"module\">\n <div class=\"simulator\">\n <h2>\ud83e\uddea Simulador de An\u00e1lisis Cr\u00edtico<\/h2>\n <p>Ingresa un argumento y eval\u00faa sus componentes.<\/p>\n <input type=\"text\" id=\"argument-input\" placeholder=\"Ej: Las vacunas son peligrosas porque lo dice un m\u00e9dico en YouTube\" \/>\n <button class=\"btn\" id=\"analyze-btn\">Analizar Argumento<\/button>\n \n <div id=\"analysis-result\" class=\"hidden\" style=\"margin-top: 1rem;\">\n <h3>\ud83d\udd0d Resultado del An\u00e1lisis<\/h3>\n <table>\n <tr><th>Componente<\/th><th>Evaluaci\u00f3n<\/th><\/tr>\n <tr><td>\u00bfTiene evidencia?<\/td><td id=\"evidence\">No<\/td><\/tr>\n <tr><td>\u00bfFuente confiable?<\/td><td id=\"source\">Dudoso<\/td><\/tr>\n <tr><td>\u00bfContiene falacias?<\/td><td id=\"fallacy\">Posible ad verecundiam<\/td><\/tr>\n <tr><td>Conclusi\u00f3n<\/td><td id=\"conclusion\">Argumento d\u00e9bil<\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n \n <div class=\"overlay\" id=\"overlay\"><\/div>\n <div class=\"definition-popup\" id=\"definition-popup\">\n <button class=\"close-popup\" id=\"close-popup\">\u00d7<\/button>\n <h4 id=\"popup-title\">T\u00e9rmino<\/h4>\n <p id=\"popup-definition\">Definici\u00f3n del t\u00e9rmino seleccionado.<\/p>\n <\/div>\n\n <footer>\n <p>Minicampus de Pensamiento Cr\u00edtico \u00a9 2024 | Aprende, practica y transforma tu mente<\/p>\n <\/footer>\n\n <script>\n \/\/ Navegaci\u00f3n entre m\u00f3dulos\n document.querySelectorAll('.menu a').forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n document.querySelectorAll('.module').forEach(mod => {\n mod.classList.remove('active');\n });\n document.querySelectorAll('.menu a').forEach(a => {\n a.classList.remove('active');\n });\n this.classList.add('active');\n const target = this.getAttribute('data-target');\n document.getElementById(target).classList.add('active');\n });\n });\n\n \/\/ Tests con feedback\n function setupQuiz(quizId, resultId) {\n const quiz = document.getElementById(quizId);\n const result = document.getElementById(resultId);\n const buttons = quiz.querySelectorAll('button:not([id])');\n let score = 0;\n let answered = 0;\n\n buttons.forEach(btn => {\n btn.addEventListener('click', function() {\n if (this.classList.contains('selected')) return;\n \n const parent = this.closest('.quiz-question');\n const allBtns = parent.querySelectorAll('button');\n const feedback = parent.querySelector('.feedback');\n const correct = this.hasAttribute('data-correct');\n\n allBtns.forEach(b => b.disabled = true);\n this.classList.add(correct ? 'correct' : 'incorrect');\n\n feedback.innerHTML = correct ? \n '\u2705 \u00a1Correcto! Esta es la respuesta adecuada.' : \n '\u274c Incorrecto. Revisa el contenido para m\u00e1s detalles.';\n feedback.className = feedback.className.replace('correct', '').replace('incorrect', '');\n feedback.classList.add(correct ? 'feedback correct' : 'feedback incorrect');\n feedback.classList.add('show');\n\n if (correct) score++;\n answered++;\n\n if (answered === quiz.querySelectorAll('.quiz-question').length) {\n const total = buttons.length \/ 4; \/\/ Suponiendo 4 opciones por pregunta\n const percentage = Math.round((score \/ total) * 100);\n result.innerHTML = `Tu puntaje: ${score}\/${total} (${percentage}%)`;\n updateProgress();\n checkBadges(score, total, quizId);\n }\n });\n });\n }\n\n \/\/ Inicializar tests\n document.getElementById('submit-quiz-1').addEventListener('click', () => setupQuiz('modulo1', 'result-1'));\n document.getElementById('submit-quiz-2').addEventListener('click', () => setupQuiz('modulo2', 'result-2'));\n document.getElementById('submit-quiz-3').addEventListener('click', () => setupQuiz('modulo3', 'result-3'));\n document.getElementById('submit-quiz-4').addEventListener('click', () => setupQuiz('modulo4', 'result-4'));\n document.getElementById('submit-quiz-5').addEventListener('click', () => setupQuiz('modulo5', 'result-5'));\n\n \/\/ Actualizar progreso\n function updateProgress() {\n const completed = document.querySelectorAll('.quiz button[disabled]').length > 0 ? \n document.querySelectorAll('.module .quiz:has(.feedback.show)').length : 0;\n const totalModules = 5;\n const progress = Math.round((completed \/ totalModules) * 100);\n \n document.getElementById('progress-fill').style.width = progress + '%';\n document.getElementById('progress-text').textContent = progress + '%';\n }\n\n \/\/ Checar logros\n function checkBadges(score, total, quizId) {\n const percentage = (score \/ total) * 100;\n const moduleId = quizId.replace('submit-quiz-', '');\n \n \/\/ Primer m\u00f3dulo completado\n if (moduleId === '1' && percentage >= 60) {\n document.getElementById('badge1').classList.add('unlocked');\n }\n \n \/\/ M\u00f3dulos con >80%\n if (percentage >= 80) {\n if (moduleId === '2') document.getElementById('badge2').classList.add('unlocked');\n if (moduleId === '3') document.getElementById('badge3').classList.add('unlocked');\n if (moduleId === '4') document.getElementById('badge4').classList.add('unlocked');\n }\n }\n\n \/\/ Juego de emparejar\n document.getElementById('check-match').addEventListener('click', function() {\n let correct = 0;\n document.querySelectorAll('.droppable[data-target]').forEach(drop => {\n const content = drop.textContent.trim();\n const target = drop.getAttribute('data-target');\n if (content.includes(target.charAt(0).toUpperCase() + target.slice(1))) {\n correct++;\n }\n });\n \n document.getElementById('match-result').innerHTML = \n correct === 4 ? '\ud83c\udf89 \u00a1Perfecto! Todos los emparejamientos son correctos.' : \n `\ud83d\udee0\ufe0f ${correct}\/4 correctos. Int\u00e9ntalo de nuevo.`;\n });\n\n \/\/ Juego de arrastrar y soltar\n document.querySelectorAll('.draggable').forEach(item => {\n item.setAttribute('draggable', true);\n item.addEventListener('dragstart', function(e) {\n e.dataTransfer.setData('text\/plain', this.getAttribute('data-fallacy'));\n });\n });\n\n document.querySelectorAll('.droppable[data-type]').forEach(area => {\n area.addEventListener('dragover', function(e) {\n e.preventDefault();\n });\n area.addEventListener('drop', function(e) {\n e.preventDefault();\n const fallacy = e.dataTransfer.getData('text\/plain');\n const type = this.getAttribute('data-type');\n if (fallacy === type) {\n this.innerHTML = `<span style=\"color:green\">\u2705 ${this.innerHTML}<\/span>`;\n } else {\n this.innerHTML = `<span style=\"color:red\">\u274c ${this.innerHTML}<\/span>`;\n }\n });\n });\n\n document.getElementById('check-drag').addEventListener('click', function() {\n const results = document.querySelectorAll('.droppable[data-type] span');\n const correct = Array.from(results).filter(r => r.style.color === 'green').length;\n document.getElementById('drag-result').innerHTML = \n correct === 3 ? '\ud83c\udf89 \u00a1Excelente! Clasificaste todas las falacias correctamente.' : \n `\ud83d\udee0\ufe0f ${correct}\/3 correctas. Revisa los conceptos.`;\n });\n\n \/\/ Simulador\n document.getElementById('analyze-btn').addEventListener('click', function() {\n const input = document.getElementById('argument-input').value.toLowerCase();\n const result = document.getElementById('analysis-result');\n \n if (!input) {\n alert('Por favor, ingresa un argumento para analizar.');\n return;\n }\n \n \/\/ L\u00f3gica simple de an\u00e1lisis\n document.getElementById('evidence').textContent = \n input.includes('estudio') || input.includes('datos') || input.includes('investigaci\u00f3n') ? 'S\u00ed' : 'No';\n \n document.getElementById('source').textContent = \n input.includes('youtube') || input.includes('blog') ? 'Dudoso' : \n input.includes('cient\u00edfico') || input.includes('universidad') ? 'Confiable' : 'Regular';\n \n document.getElementById('fallacy').textContent = \n input.includes('porque') && (input.includes('izquierda') || input.includes('derecha')) ? 'Ad Hominem' :\n input.includes('todos') || input.includes('nadie') ? 'Apelaci\u00f3n a la mayor\u00eda' :\n input.includes('o...o') ? 'Falso Dilema' : 'Ninguna evidente';\n \n const conclusion = document.getElementById('conclusion');\n if (document.getElementById('evidence').textContent === 'S\u00ed' && document.getElementById('source').textContent === 'Confiable') {\n conclusion.textContent = 'Argumento fuerte';\n conclusion.style.color = 'green';\n } else {\n conclusion.textContent = 'Argumento d\u00e9bil';\n conclusion.style.color = 'red';\n }\n \n result.classList.remove('hidden');\n });\n\n \/\/ Glosario interactivo\n const definitions = {\n 'ad-hominem': 'Atacar a la persona en lugar de su argumento.',\n 'falso-dilema': 'Presentar solo dos opciones cuando hay m\u00e1s.',\n 'apelacion-popular': 'Decir que algo es verdad porque muchos lo creen.',\n 'causa-falsa': 'Asociar eventos sin evidencia de causalidad.',\n 'analisis': 'Descomponer una idea en sus partes.',\n 'sintesis': 'Integrar partes en un todo coherente.',\n 'argumento': 'Conjunto de razones para defender una idea.',\n 'falacia': 'Error en el razonamiento que lo hace inv\u00e1lido.'\n };\n\n document.querySelectorAll('.glossary-term').forEach(term => {\n term.addEventListener('click', function() {\n const key = this.getAttribute('data-term');\n document.getElementById('popup-title').textContent = this.textContent;\n document.getElementById('popup-definition').textContent = definitions[key];\n document.getElementById('definition-popup').style.display = 'block';\n document.getElementById('overlay').style.display = 'block';\n });\n });\n\n document.getElementById('close-popup').addEventListener('click', function() {\n document.getElementById('definition-popup').style.display = 'none';\n document.getElementById('overlay').style.display = 'none';\n });\n\n document.getElementById('overlay').addEventListener('click', function() {\n document.getElementById('definition-popup').style.display = 'none';\n this.style.display = 'none';\n });\n\n \/\/ Inicializar progreso\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pensamiento Cr\u00edtico \ud83c\udf93 Minicampus de Pensamiento Cr\u00edtico Transforma tu mente con aprendizaje interactivo y gamificado \ud83d\udcda M\u00f3dulos M\u00f3dulo 1: Introducci\u00f3n al Pensamiento Cr\u00edtico M\u00f3dulo 2: An\u00e1lisis y S\u00edntesis M\u00f3dulo 3: Argumentaci\u00f3n M\u00f3dulo 4: Evaluaci\u00f3n de Informaci\u00f3n M\u00f3dulo 5: Razonamiento y Falacias \ud83c\udfae Juegos Emparejar Conceptos Arrastrar y Soltar Simulador de An\u00e1lisis \ud83d\udcca Progreso Progreso total: […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"no","rop_publish_now_accounts":{"facebook_2925173004293474_260002561269783":""},"rop_publish_now_history":[{"account":"facebook_2925173004293474_260002561269783","service":"facebook","timestamp":1756095781,"status":"success"}],"rop_publish_now_status":"done","site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":false,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18],"tags":[],"class_list":["post-2297","post","type-post","status-publish","format-standard","hentry","category-consejo-tecnico-escolar"],"_wp_page_template":null,"_wp_attachment_metadata":null,"_wp_attached_file":null,"_wp_attachment_context":null,"_elementor_edit_mode":"","_elementor_template_type":"","_wp_attachment_backup_sizes":null,"_wpas_feature_enabled":"","_wpas_is_tweetstorm":null,"_wpas_mess":"","_thumbnail_id":null,"_wpas_done_all":"","_wp_attachment_image_alt":null,"_oembed_953a61d5df8c3836a556d8d39803bf3c":null,"_oembed_time_953a61d5df8c3836a556d8d39803bf3c":null,"_wpas_skip_28712532":null,"_oembed_4a4bb227a6bbfc1286813ba1a53587ee":null,"_oembed_time_4a4bb227a6bbfc1286813ba1a53587ee":null,"_oembed_b65f030d0e4fe78a9f2aa20ef42c0e18":null,"_oembed_time_b65f030d0e4fe78a9f2aa20ef42c0e18":null,"_oembed_f6a64b4156635a0bc55b4c4bbc364650":null,"_oembed_time_f6a64b4156635a0bc55b4c4bbc364650":null,"_oembed_a22c2ada96445daed271c1dcee845f2b":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_menu_item_orphaned":null,"_wp_attachment_custom_header_last_used_cozibee":null,"_wp_attachment_is_custom_header":null,"_wp_attachment_is_custom_background":null,"_oembed_0fce63d053e1c840acdaf9784da4fc8b":null,"_oembed_time_0fce63d053e1c840acdaf9784da4fc8b":null,"_oembed_868a97a741381805139bcba376ff0625":null,"_oembed_time_868a97a741381805139bcba376ff0625":null,"_oembed_e579f188e1e4ab796dbace1957f8fbde":null,"_oembed_time_e579f188e1e4ab796dbace1957f8fbde":null,"_oembed_3aa5ccda408558f57932bf67f990a691":null,"_oembed_time_3aa5ccda408558f57932bf67f990a691":null,"_oembed_c2491fa9a9f5cdc93a304b975729ea15":null,"_oembed_time_c2491fa9a9f5cdc93a304b975729ea15":null,"_oembed_5d0a0fbc199d09fc11425162a9492c14":null,"_oembed_time_5d0a0fbc199d09fc11425162a9492c14":null,"_oembed_ba589a8b01cad13e4e566584052cb77a":null,"_oembed_time_ba589a8b01cad13e4e566584052cb77a":null,"_oembed_30669573d2b5e70ea857547628b634da":null,"_oembed_time_30669573d2b5e70ea857547628b634da":null,"_oembed_c6c454880f54c026403650bfc764daa8":null,"_oembed_time_c6c454880f54c026403650bfc764daa8":null,"_oembed_3d570b3811c404e494d6a02452207e66":null,"_oembed_time_3d570b3811c404e494d6a02452207e66":null,"_oembed_4e4c64d45329ac65f2ecba3f1098156b":null,"_oembed_time_4e4c64d45329ac65f2ecba3f1098156b":null,"_oembed_26ea7d7572a89a903bdcc029628ad5b2":null,"_oembed_time_26ea7d7572a89a903bdcc029628ad5b2":null,"_oembed_a7e95c0362f8dba8c04afb28dfeba5c4":null,"_oembed_time_a7e95c0362f8dba8c04afb28dfeba5c4":null,"_oembed_e5b9ced47b1732d259a5d4aeddd9f86b":null,"_oembed_time_e5b9ced47b1732d259a5d4aeddd9f86b":null,"_oembed_5b4c9d950ab8f0e6ee36bf1d03b97fa2":null,"_oembed_time_5b4c9d950ab8f0e6ee36bf1d03b97fa2":null,"_oembed_b49cdec356d7242bb8a49d9c9f01bc06":null,"_oembed_time_b49cdec356d7242bb8a49d9c9f01bc06":null,"_oembed_304f4ae101daf3ec11ce08903a61e1a1":null,"_oembed_time_304f4ae101daf3ec11ce08903a61e1a1":null,"_oembed_83e577f7d02d35ed039e43ba03038e30":null,"_oembed_time_83e577f7d02d35ed039e43ba03038e30":null,"_oembed_ac101d4e0aa9c1e0993fbaffe57d0fc5":null,"_oembed_time_ac101d4e0aa9c1e0993fbaffe57d0fc5":null,"_oembed_b8411cad4c872303f3f389c0550cfc51":null,"_oembed_time_b8411cad4c872303f3f389c0550cfc51":null,"_oembed_a21a162044b7b51413df6eac11ad958f":null,"_oembed_time_a21a162044b7b51413df6eac11ad958f":null,"_oembed_fba64fc3e6e979fc9c4aa99f0afe7d79":null,"_oembed_time_fba64fc3e6e979fc9c4aa99f0afe7d79":null,"_oembed_76d1c5765b2bc8197eba722fa7cc4244":null,"_oembed_time_76d1c5765b2bc8197eba722fa7cc4244":null,"_oembed_1af62fd759021cc0b68eaa004effd6d5":null,"_oembed_time_1af62fd759021cc0b68eaa004effd6d5":null,"_oembed_2aeeb91d42a24ab084a9cb37fb3b67f1":null,"_oembed_time_2aeeb91d42a24ab084a9cb37fb3b67f1":null,"_oembed_a20b7becc3d5a90f749947d58de23463":null,"_oembed_time_a20b7becc3d5a90f749947d58de23463":null,"_oembed_8796659fa365a11c137d85033d2e7b2c":null,"_jetpack_post_was_ever_published":null,"_jetpack_newsletter_access":null,"_jetpack_newsletter_tier_id":null,"_oembed_5e6fd9549f847190c195ab03255f6ae1":null,"_oembed_554eaf78a040947b2cdd90835d8cd276":null,"_oembed_time_554eaf78a040947b2cdd90835d8cd276":null,"_oembed_7271f435f5fb97d3120864ad34adb6c3":null,"_oembed_time_7271f435f5fb97d3120864ad34adb6c3":null,"_oembed_1fa2fbab810b9b626ad7cc0992ad6aaf":null,"_oembed_time_1fa2fbab810b9b626ad7cc0992ad6aaf":null,"_oembed_64d2135e548c4ce907bc35b61950835b":null,"_oembed_time_64d2135e548c4ce907bc35b61950835b":null,"_oembed_b06e05f997fbefc05e29757e11f828c6":null,"_oembed_time_b06e05f997fbefc05e29757e11f828c6":null,"_oembed_8ce37cc1b7e4dd2fc03872862421313f":null,"_oembed_time_8ce37cc1b7e4dd2fc03872862421313f":null,"_oembed_2158468bd8321669930d1e9681ce2bef":null,"_oembed_time_2158468bd8321669930d1e9681ce2bef":null,"_oembed_ce1b323d791120f5404dbf8cceb57366":null,"_oembed_time_ce1b323d791120f5404dbf8cceb57366":null,"_oembed_21a8242fe71dbeda6363d1536af838e8":null,"_oembed_time_21a8242fe71dbeda6363d1536af838e8":null,"_oembed_eb56dfdacfea2f082dd29cd9084ec889":null,"_wp_old_slug":null,"_oembed_630acfcb06b9afa6ddad824949b84793":null,"_pingme":null,"_encloseme":null,"_oembed_5a7c9eb8a81530ecf9e4e972c23ba731":null,"_oembed_f2fd7c802a7374c43ea88d0097870f1b":null,"_oembed_time_f2fd7c802a7374c43ea88d0097870f1b":null,"_oembed_time_5a7c9eb8a81530ecf9e4e972c23ba731":null,"_oembed_6a91eb9d3d56701e2bf3c9752e96e963":null,"_oembed_c420e9b8b4ecc62da9e432b3ac6a775c":null,"_oembed_725a018f8f3c315b019b5027147af17c":null,"_oembed_fbaa8b858f2c2b8bd17bd9f041381fd0":null,"_oembed_b1333ac22358b86e275b521bfe898d6c":null,"_oembed_81a8344c3ba22ed7e81d42d93e039c83":null,"_oembed_e8b758a02e7baa37faf81b4537e12296":null,"_oembed_f176d255aad93b4de0d42f54076770bd":null,"_oembed_b39b53a24b9c3ddc8f4d0334bdf02260":null,"_oembed_172d3f081ea3bc54cd6f27cf98769eac":null,"_oembed_a121a60eb9062ad69062a9659affb999":null,"_wp_desired_post_slug":null,"_wp_attachment_custom_header_last_used_blogstream":null,"_edit_lock":"1756095703:2","_last_editor_used_jetpack":null,"_jetpack_related_posts_cache":null,"_edit_last":"2","_wp_trash_meta_status":null,"_wp_trash_meta_time":null,"footnotes":"","jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts\/2297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/comments?post=2297"}],"version-history":[{"count":1,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts\/2297\/revisions"}],"predecessor-version":[{"id":2298,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts\/2297\/revisions\/2298"}],"wp:attachment":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/media?parent=2297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/categories?post=2297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/tags?post=2297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2297,"date":"2025-08-24T22:21:37","date_gmt":"2025-08-25T04:21:37","guid":{"rendered":"https:\/\/ddmx.cc\/?p=2297"},"modified":"2025-08-24T22:21:41","modified_gmt":"2025-08-25T04:21:41","slug":"aprende-sobre-el-pensamiento-critico","status":"publish","type":"post","link":"https:\/\/ddmx.cc\/blog\/archivos\/2297","title":{"rendered":"Aprende sobre el Pensamiento Cr\u00edtico"},"content":{"rendered":"\n\n\n\n \n \n Pensamiento Cr\u00edtico<\/title>\n <style>\n :root {\n --primary: #4a6fa5;\n --secondary: #166088;\n --accent: #4fc3f7;\n --light: #f5f9fc;\n --dark: #2c3e50;\n --success: #43a047;\n --warning: #fb8c00;\n --danger: #e53935;\n --gray: #9e9e9e;\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.6;\n }\n header {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n padding: 1.5rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n header h1 {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n header p {\n font-size: 1rem;\n opacity: 0.9;\n }\n .container {\n display: flex;\n min-height: calc(100vh - 100px);\n }\n .sidebar {\n width: 280px;\n background-color: white;\n border-right: 1px solid #ddd;\n padding: 1.5rem 1rem;\n overflow-y: auto;\n }\n .sidebar h3 {\n color: var(--primary);\n margin-bottom: 1rem;\n padding-left: 0.5rem;\n }\n .menu {\n list-style: none;\n }\n .menu li {\n margin-bottom: 0.5rem;\n }\n .menu a {\n display: block;\n padding: 0.75rem 1rem;\n color: var(--dark);\n text-decoration: none;\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n .menu a:hover, .menu a.active {\n background-color: var(--primary);\n color: white;\n }\n .main-content {\n flex: 1;\n padding: 2rem;\n overflow-y: auto;\n }\n .module {\n display: none;\n animation: fadeIn 0.5s ease-in-out;\n }\n .module.active {\n display: block;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n .card {\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n transition: transform 0.2s ease;\n }\n .card:hover {\n transform: translateY(-4px);\n }\n .card h2 {\n color: var(--primary);\n margin-bottom: 1rem;\n border-bottom: 2px solid var(--accent);\n padding-bottom: 0.5rem;\n }\n .card p {\n margin-bottom: 1rem;\n }\n .btn {\n background-color: var(--primary);\n color: white;\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: background 0.3s ease;\n }\n .btn:hover {\n background-color: var(--secondary);\n }\n .btn-success {\n background-color: var(--success);\n }\n .btn-warning {\n background-color: var(--warning);\n }\n .btn-danger {\n background-color: var(--danger);\n }\n .quiz {\n margin-top: 1rem;\n }\n .quiz-question {\n margin-bottom: 1.5rem;\n }\n .quiz-options {\n list-style: none;\n margin: 1rem 0;\n }\n .quiz-options li {\n margin-bottom: 0.75rem;\n }\n .quiz-options button {\n width: 100%;\n text-align: left;\n padding: 0.75rem 1rem;\n background-color: #f0f4f8;\n border: 1px solid #ddd;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .quiz-options button:hover {\n background-color: #e3f2fd;\n }\n .quiz-options button.correct {\n background-color: #c8e6c9;\n border-color: #43a047;\n }\n .quiz-options button.incorrect {\n background-color: #ffcdd2;\n border-color: #e53935;\n }\n .feedback {\n margin-top: 0.5rem;\n padding: 0.75rem;\n border-radius: 8px;\n display: none;\n }\n .feedback.show {\n display: block;\n }\n .feedback.correct {\n background-color: #e8f5e9;\n color: var(--success);\n border: 1px solid #c8e6c9;\n }\n .feedback.incorrect {\n background-color: #ffebee;\n color: var(--danger);\n border: 1px solid #ffcdd2;\n }\n .progress-container {\n margin: 1.5rem 0;\n }\n .progress-bar {\n height: 12px;\n background-color: #e0e0e0;\n border-radius: 6px;\n overflow: hidden;\n margin: 0.5rem 0;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n width: 0%;\n transition: width 0.5s ease;\n }\n .badges {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin: 1.5rem 0;\n }\n .badge {\n background-color: #eee;\n color: #666;\n padding: 0.75rem 1rem;\n border-radius: 12px;\n font-size: 0.9rem;\n min-width: 100px;\n text-align: center;\n opacity: 0.5;\n }\n .badge.unlocked {\n background: linear-gradient(135deg, #4fc3f7, #2196f3);\n color: white;\n opacity: 1;\n box-shadow: 0 2px 8px rgba(79, 195, 247, 0.3);\n }\n .game-container {\n background-color: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n margin-bottom: 1.5rem;\n }\n .match-game {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }\n .term, .definition {\n padding: 1rem;\n background-color: #f0f4f8;\n border-radius: 8px;\n min-height: 60px;\n }\n .draggable {\n cursor: grab;\n }\n .droppable {\n min-height: 60px;\n border: 2px dashed #ddd;\n border-radius: 8px;\n margin: 0.5rem 0;\n padding: 1rem;\n background-color: #fafafa;\n }\n .glossary {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin: 1rem 0;\n }\n .glossary-term {\n background-color: var(--accent);\n color: white;\n padding: 0.5rem 0.75rem;\n border-radius: 20px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .glossary-term:hover {\n background-color: var(--primary);\n }\n .definition-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n max-width: 400px;\n z-index: 1000;\n display: none;\n border: 2px solid var(--primary);\n }\n .definition-popup h4 {\n color: var(--primary);\n margin-bottom: 0.5rem;\n }\n .close-popup {\n position: absolute;\n top: 10px;\n right: 10px;\n background: none;\n border: none;\n font-size: 1.2rem;\n cursor: pointer;\n color: var(--gray);\n }\n .overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 999;\n display: none;\n }\n .timeline {\n position: relative;\n margin: 2rem 0;\n padding-left: 2rem;\n border-left: 3px solid var(--accent);\n }\n .timeline-item {\n margin-bottom: 2rem;\n position: relative;\n }\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -2.4rem;\n top: 0;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: var(--primary);\n border: 3px solid white;\n box-shadow: 0 0 0 2px var(--accent);\n }\n .timeline-date {\n font-weight: bold;\n color: var(--primary);\n }\n .simulator {\n background-color: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n margin-bottom: 1.5rem;\n }\n .simulator input, .simulator select {\n padding: 0.75rem;\n border: 1px solid #ddd;\n border-radius: 8px;\n width: 100%;\n margin-bottom: 1rem;\n }\n .simulator table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 1rem;\n }\n .simulator th, .simulator td {\n border: 1px solid #ddd;\n padding: 0.75rem;\n text-align: left;\n }\n .simulator th {\n background-color: #f0f4f8;\n }\n footer {\n background-color: var(--dark);\n color: white;\n text-align: center;\n padding: 1.5rem;\n margin-top: 2rem;\n }\n .hidden {\n display: none;\n }\n .tab-container {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n .tab {\n padding: 0.75rem 1.5rem;\n background-color: #eee;\n border-radius: 8px;\n cursor: pointer;\n }\n .tab.active {\n background-color: var(--primary);\n color: white;\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <h1>\ud83c\udf93 Minicampus de Pensamiento Cr\u00edtico<\/h1>\n <p>Transforma tu mente con aprendizaje interactivo y gamificado<\/p>\n <\/header>\n\n <div class=\"container\">\n \n <aside class=\"sidebar\">\n <h3>\ud83d\udcda M\u00f3dulos<\/h3>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#modulo1\" class=\"active\" data-target=\"modulo1\">M\u00f3dulo 1: Introducci\u00f3n al Pensamiento Cr\u00edtico<\/a><\/li>\n <li><a href=\"#modulo2\" data-target=\"modulo2\">M\u00f3dulo 2: An\u00e1lisis y S\u00edntesis<\/a><\/li>\n <li><a href=\"#modulo3\" data-target=\"modulo3\">M\u00f3dulo 3: Argumentaci\u00f3n<\/a><\/li>\n <li><a href=\"#modulo4\" data-target=\"modulo4\">M\u00f3dulo 4: Evaluaci\u00f3n de Informaci\u00f3n<\/a><\/li>\n <li><a href=\"#modulo5\" data-target=\"modulo5\">M\u00f3dulo 5: Razonamiento y Falacias<\/a><\/li>\n <\/ul>\n\n <h3>\ud83c\udfae Juegos<\/h3>\n <ul class=\"menu\">\n <li><a href=\"#juego1\" data-target=\"juego1\">Emparejar Conceptos<\/a><\/li>\n <li><a href=\"#juego2\" data-target=\"juego2\">Arrastrar y Soltar<\/a><\/li>\n <li><a href=\"#simulador\" data-target=\"simulador\">Simulador de An\u00e1lisis<\/a><\/li>\n <\/ul>\n\n <h3>\ud83d\udcca Progreso<\/h3>\n <div class=\"progress-container\">\n <p>Progreso total: <span id=\"progress-text\">0%<\/span><\/p>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n <\/div>\n <\/div>\n\n <h3>\ud83c\udfc6 Logros<\/h3>\n <div class=\"badges\">\n <div class=\"badge\" id=\"badge1\">Primer Paso<\/div>\n <div class=\"badge\" id=\"badge2\">Analista Junior<\/div>\n <div class=\"badge\" id=\"badge3\">Cr\u00edtico Experto<\/div>\n <div class=\"badge\" id=\"badge4\">Maestro del Razonamiento<\/div>\n <\/div>\n <\/aside>\n\n \n <main class=\"main-content\">\n \n <section id=\"modulo1\" class=\"module active\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 1: Introducci\u00f3n al Pensamiento Cr\u00edtico<\/h2>\n <p>El pensamiento cr\u00edtico es la capacidad de analizar, evaluar y construir ideas de manera clara, l\u00f3gica y reflexiva. No se trata solo de pensar, sino de pensar bien, con rigor y profundidad.<\/p>\n \n <p><strong>Resumen:<\/strong> Este m\u00f3dulo introduce los fundamentos del pensamiento cr\u00edtico, su importancia en la vida cotidiana y acad\u00e9mica, y c\u00f3mo desarrollar habilidades como el an\u00e1lisis, la s\u00edntesis y la evaluaci\u00f3n de argumentos.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Situaci\u00f3n:<\/strong> Lees en redes sociales que \u00abLas vacunas causan autismo\u00bb.<\/p>\n <p><strong>Aplicaci\u00f3n del pensamiento cr\u00edtico:<\/strong><\/p>\n <ul>\n <li>\u00bfQui\u00e9n lo dice? \u00bfTiene credibilidad cient\u00edfica?<\/li>\n <li>\u00bfHay evidencia confiable que lo respalde?<\/li>\n <li>\u00bfContradice esto estudios ampliamente aceptados?<\/li>\n <li>\u00bfQu\u00e9 intereses podr\u00eda tener quien difunde esta informaci\u00f3n?<\/li>\n <\/ul>\n <p>Al cuestionar con estos criterios, evitas creer sin evidencia y tomas decisiones informadas.<\/p>\n\n <h3>\ud83d\udcca Recurso visual: Pir\u00e1mide de Valores<\/h3>\n <p>Una herramienta para jerarquizar tus valores personales:<\/p>\n <div style=\"text-align: center; margin: 1.5rem 0;\">\n <svg width=\"300\" height=\"250\" style=\"background:#f9f9f9; border-radius:12px; padding:1rem;\">\n <polygon points=\"150,20 50,200 250,200\" fill=\"#4fc3f7\" stroke=\"#166088\" stroke-width=\"2\"\/>\n <text x=\"150\" y=\"60\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Verdad<\/text>\n <text x=\"150\" y=\"100\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Raz\u00f3n<\/text>\n <text x=\"150\" y=\"140\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Empat\u00eda<\/text>\n <text x=\"150\" y=\"180\" font-size=\"16\" fill=\"white\" text-anchor=\"middle\">Curiosidad<\/text>\n <text x=\"150\" y=\"230\" font-size=\"14\" fill=\"#166088\" text-anchor=\"middle\">Pir\u00e1mide de Valores Cr\u00edticos<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 es el pensamiento cr\u00edtico?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button data-correct>Un proceso de an\u00e1lisis reflexivo y l\u00f3gico de ideas.<\/button><\/li>\n <li><button>Memorizar informaci\u00f3n de libros.<\/button><\/li>\n <li><button>Seguir opiniones populares sin cuestionar.<\/button><\/li>\n <li><button>Evitar pensar en problemas complejos.<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfPor qu\u00e9 es importante el pensamiento cr\u00edtico?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Porque permite tomar decisiones basadas en evidencia.<\/button><\/li>\n <li><button data-correct>Porque ayuda a evaluar argumentos y evitar manipulaciones.<\/button><\/li>\n <li><button>Solo es \u00fatil en la escuela.<\/button><\/li>\n <li><button>No tiene utilidad pr\u00e1ctica.<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>3. \u00bfCu\u00e1l NO es una caracter\u00edstica del pensamiento cr\u00edtico?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Claridad<\/button><\/li>\n <li><button>Profundidad<\/button><\/li>\n <li><button data-correct>Opini\u00f3n sin fundamento<\/button><\/li>\n <li><button>Rigor l\u00f3gico<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-1\">Enviar respuestas<\/button>\n <div id=\"result-1\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo2\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 2: An\u00e1lisis y S\u00edntesis<\/h2>\n <p>El an\u00e1lisis consiste en descomponer una idea en sus partes para entenderla mejor. La s\u00edntesis es el proceso contrario: integrar esas partes en un todo coherente.<\/p>\n \n <p><strong>Resumen:<\/strong> Aprender\u00e1s a desglosar textos, argumentos o problemas complejos, y luego resumirlos en ideas claras y estructuradas mediante herramientas como mapas conceptuales y cuadros sin\u00f3pticos.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Situaci\u00f3n:<\/strong> Debes resumir un art\u00edculo largo sobre cambio clim\u00e1tico.<\/p>\n <p><strong>Aplicaci\u00f3n:<\/strong><\/p>\n <ol>\n <li><strong>An\u00e1lisis:<\/strong> Identifica ideas principales, secundarias, argumentos y evidencias.<\/li>\n <li><strong>S\u00edntesis:<\/strong> Crea un cuadro sin\u00f3ptico o mapa conceptual que muestre la estructura del art\u00edculo.<\/li>\n <\/ol>\n\n <h3>\ud83d\udcca Recurso visual: Cuadro Sin\u00f3ptico<\/h3>\n <div style=\"text-align: center; margin: 1.5rem 0;\">\n <svg width=\"400\" height=\"300\" style=\"background:#f9f9f9; border-radius:12px; padding:1rem;\">\n <rect x=\"150\" y=\"20\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4a6fa5\" \/>\n <text x=\"200\" y=\"47\" fill=\"white\" font-size=\"14\" text-anchor=\"middle\">An\u00e1lisis<\/text>\n \n <line x1=\"200\" y1=\"60\" x2=\"200\" y2=\"80\" stroke=\"#333\" \/>\n \n <rect x=\"50\" y=\"80\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"100\" y=\"107\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Descomponer<\/text>\n \n <rect x=\"150\" y=\"80\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"200\" y=\"107\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Identificar<\/text>\n \n <rect x=\"250\" y=\"80\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"300\" y=\"107\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Relacionar<\/text>\n \n <line x1=\"100\" y1=\"120\" x2=\"100\" y2=\"140\" stroke=\"#333\" \/>\n <line x1=\"200\" y1=\"120\" x2=\"200\" y2=\"140\" stroke=\"#333\" \/>\n <line x1=\"300\" y1=\"120\" x2=\"300\" y2=\"140\" stroke=\"#333\" \/>\n \n <rect x=\"150\" y=\"140\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#166088\" \/>\n <text x=\"200\" y=\"167\" fill=\"white\" font-size=\"14\" text-anchor=\"middle\">S\u00edntesis<\/text>\n \n <line x1=\"200\" y1=\"180\" x2=\"200\" y2=\"200\" stroke=\"#333\" \/>\n \n <rect x=\"150\" y=\"200\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4a6fa5\" \/>\n <text x=\"200\" y=\"227\" fill=\"white\" font-size=\"14\" text-anchor=\"middle\">Resumen<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 es el an\u00e1lisis?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button data-correct>Descomponer una idea en sus partes.<\/button><\/li>\n <li><button>Crear un resumen sin leer el texto.<\/button><\/li>\n <li><button>Escribir una opini\u00f3n personal.<\/button><\/li>\n <li><button>Ignorar detalles importantes.<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 herramienta gr\u00e1fica se usa para sintetizar informaci\u00f3n?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Cuadro sin\u00f3ptico<\/button><\/li>\n <li><button>Mapa conceptual<\/button><\/li>\n <li><button data-correct>Ambas son correctas<\/button><\/li>\n <li><button>Ninguna de las anteriores<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-2\">Enviar respuestas<\/button>\n <div id=\"result-2\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo3\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 3: Argumentaci\u00f3n<\/h2>\n <p>Argumentar es presentar razones para defender una idea. Un buen argumento es l\u00f3gico, claro y basado en evidencia, no en emociones o autoridad.<\/p>\n \n <p><strong>Resumen:<\/strong> Aprender\u00e1s a estructurar un discurso argumentativo (introducci\u00f3n, desarrollo, conclusi\u00f3n), identificar tipos de argumentos y construir defensas s\u00f3lidas de tus ideas.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Tema:<\/strong> \u00abLas redes sociales afectan negativamente la salud mental de los adolescentes.\u00bb<\/p>\n <p><strong>Estructura del argumento:<\/strong><\/p>\n <ul>\n <li><strong>Introducci\u00f3n:<\/strong> Presentar el problema con una estad\u00edstica impactante.<\/li>\n <li><strong>Desarrollo:<\/strong> Mostrar estudios cient\u00edficos, testimonios y causas (comparaci\u00f3n social, adicci\u00f3n, etc.).<\/li>\n <li><strong>Conclusi\u00f3n:<\/strong> Proponer soluciones (educaci\u00f3n digital, l\u00edmites de uso).<\/li>\n <\/ul>\n\n <h3>\ud83d\udcca Recurso visual: Estructura del Discurso<\/h3>\n <div style=\"text-align: center; margin: 1.5rem 0;\">\n <svg width=\"400\" height=\"150\">\n <rect x=\"20\" y=\"20\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4a6fa5\" \/>\n <text x=\"70\" y=\"47\" fill=\"white\" font-size=\"13\" text-anchor=\"middle\">Introducci\u00f3n<\/text>\n \n <rect x=\"140\" y=\"20\" width=\"120\" height=\"40\" rx=\"8\" fill=\"#166088\" \/>\n <text x=\"200\" y=\"47\" fill=\"white\" font-size=\"13\" text-anchor=\"middle\">Desarrollo<\/text>\n \n <rect x=\"280\" y=\"20\" width=\"100\" height=\"40\" rx=\"8\" fill=\"#4fc3f7\" \/>\n <text x=\"330\" y=\"47\" fill=\"#2c3e50\" font-size=\"13\" text-anchor=\"middle\">Conclusi\u00f3n<\/text>\n \n <line x1=\"120\" y1=\"40\" x2=\"140\" y2=\"40\" stroke=\"#333\" marker-end=\"url(#arrow)\" \/>\n <line x1=\"260\" y1=\"40\" x2=\"280\" y2=\"40\" stroke=\"#333\" marker-end=\"url(#arrow)\" \/>\n \n <defs>\n <marker id=\"arrow\" markerWidth=\"10\" markerHeight=\"10\" refX=\"8\" refY=\"3\" orient=\"auto\" markerUnits=\"strokeWidth\">\n <path d=\"M0,0 L0,6 L9,3 z\" fill=\"#333\" \/>\n <\/marker>\n <\/defs>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfCu\u00e1l es la estructura b\u00e1sica de un discurso argumentativo?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Inicio, medio, final<\/button><\/li>\n <li><button data-correct>Introducci\u00f3n, desarrollo, conclusi\u00f3n<\/button><\/li>\n <li><button>Problema, soluci\u00f3n, ejemplo<\/button><\/li>\n <li><button>Ninguna es correcta<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 tipo de argumento apela a la autoridad?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Argumento de l\u00f3gica pura<\/button><\/li>\n <li><button data-correct>Argumentum ad verecundiam<\/button><\/li>\n <li><button>Argumento por evidencia emp\u00edrica<\/button><\/li>\n <li><button>Argumento por analog\u00eda<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-3\">Enviar respuestas<\/button>\n <div id=\"result-3\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo4\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 4: Evaluaci\u00f3n de Informaci\u00f3n<\/h2>\n <p>No toda informaci\u00f3n es confiable. Es crucial evaluar la credibilidad de las fuentes antes de aceptar sus afirmaciones.<\/p>\n \n <p><strong>Resumen:<\/strong> Aprender\u00e1s criterios para evaluar informaci\u00f3n: autor\u00eda, publicaci\u00f3n, evidencia, actualizaci\u00f3n y posible sesgo. Identificar\u00e1s fuentes confiables y detectar\u00e1s desinformaci\u00f3n.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Sitio web:<\/strong> \u00abLa tierra es plana, lo dice un ingeniero en su blog personal.\u00bb<\/p>\n <p><strong>An\u00e1lisis:<\/strong><\/p>\n <ul>\n <li>\u00bfEl autor tiene credibilidad cient\u00edfica en geof\u00edsica?<\/li>\n <li>\u00bfEl sitio es .edu, .gob o .com?<\/li>\n <li>\u00bfPresenta evidencia verificable o solo opiniones?<\/li>\n <li>\u00bfContradice todo el consenso cient\u00edfico?<\/li>\n <\/ul>\n <p>Resultado: Fuente no confiable.<\/p>\n\n <h3>\ud83d\udcca Recurso visual: Criterios de Confiabilidad<\/h3>\n <table style=\"width:100%; border-collapse: collapse; margin: 1rem 0;\">\n <tr style=\"background-color: #f0f4f8;\">\n <th style=\"padding: 0.75rem; border: 1px solid #ddd;\">Criterio<\/th>\n <th style=\"padding: 0.75rem; border: 1px solid #ddd;\">Pregunta clave<\/th>\n <th style=\"padding: 0.75rem; border: 1px solid #ddd;\">Ejemplo<\/th>\n <\/tr>\n <tr>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Autor\u00eda<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">\u00bfEl autor es experto?<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Dr. en Biolog\u00eda vs. an\u00f3nimo<\/td>\n <\/tr>\n <tr>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Publicaci\u00f3n<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">\u00bfEs .edu, .gob, .org?<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">unam.mx vs. terraplana.com<\/td>\n <\/tr>\n <tr>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Evidencia<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">\u00bfMuestra datos o solo opiniones?<\/td>\n <td style=\"padding: 0.75rem; border: 1px solid #ddd;\">Estudio con 1000 pacientes vs. \u00abyo creo\u00bb<\/td>\n <\/tr>\n <\/table>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 dominio web suele indicar una fuente gubernamental?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>.com<\/button><\/li>\n <li><button data-correct>.gob<\/button><\/li>\n <li><button>.blog<\/button><\/li>\n <li><button>.net<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 es una falacia l\u00f3gica?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Un argumento muy fuerte<\/button><\/li>\n <li><button data-correct>Un error en el razonamiento que lo hace inv\u00e1lido<\/button><\/li>\n <li><button>Una verdad cient\u00edfica<\/button><\/li>\n <li><button>Una cita famosa<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-4\">Enviar respuestas<\/button>\n <div id=\"result-4\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo5\" class=\"module\">\n <div class=\"card\">\n <h2>\ud83d\udcd8 M\u00f3dulo 5: Razonamiento y Falacias<\/h2>\n <p>El razonamiento es el proceso de llegar a conclusiones a partir de premisas. Las falacias son errores comunes en este proceso que hacen que un argumento parezca v\u00e1lido cuando no lo es.<\/p>\n \n <p><strong>Resumen:<\/strong> Identificar\u00e1s falacias comunes como el <em>ad hominem<\/em>, la generalizaci\u00f3n apresurada y el falso dilema, y aprender\u00e1s a construir razonamientos v\u00e1lidos y s\u00f3lidos.<\/p>\n \n <h3>\ud83d\udccc Ejemplo pr\u00e1ctico<\/h3>\n <p><strong>Falacia:<\/strong> \u00abNo escuches a Laura sobre nutrici\u00f3n, \u00a1ella come hamburguesas!\u00bb<\/p>\n <p>Esto es un <strong>argumentum ad hominem<\/strong>: ataca a la persona, no al argumento.<\/p>\n <p>El hecho de que coma hamburguesas no invalida sus conocimientos sobre nutrici\u00f3n.<\/p>\n\n <h3>\ud83d\udcca Recurso visual: Tipos de Falacias<\/h3>\n <div class=\"glossary\">\n <div class=\"glossary-term\" data-term=\"ad-hominem\">Ad Hominem<\/div>\n <div class=\"glossary-term\" data-term=\"falso-dilema\">Falso Dilema<\/div>\n <div class=\"glossary-term\" data-term=\"apelacion-popular\">Apelaci\u00f3n a la Popularidad<\/div>\n <div class=\"glossary-term\" data-term=\"causa-falsa\">Causa Falsa<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card quiz\">\n <h2>\u2705 Test de Autoevaluaci\u00f3n<\/h2>\n <div class=\"quiz-question\">\n <p><strong>1. \u00bfQu\u00e9 falacia consiste en decir que algo es verdad porque muchas personas lo creen?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button data-correct>Argumentum ad populum<\/button><\/li>\n <li><button>Argumentum ad verecundiam<\/button><\/li>\n <li><button>Argumentum ad logicam<\/button><\/li>\n <li><button>Ninguna<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <div class=\"quiz-question\">\n <p><strong>2. \u00bfQu\u00e9 es un falso dilema?<\/strong><\/p>\n <ul class=\"quiz-options\">\n <li><button>Presentar muchas opciones posibles<\/button><\/li>\n <li><button data-correct>Reducir un problema a solo dos opciones, ignorando otras<\/button><\/li>\n <li><button>Un dilema \u00e9tico real<\/button><\/li>\n <li><button>Una pregunta dif\u00edcil<\/button><\/li>\n <\/ul>\n <div class=\"feedback\"><\/div>\n <\/div>\n\n <button class=\"btn\" id=\"submit-quiz-5\">Enviar respuestas<\/button>\n <div id=\"result-5\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"juego1\" class=\"module\">\n <div class=\"game-container\">\n <h2>\ud83c\udfae Juego: Emparejar Conceptos<\/h2>\n <p>Arrastra cada definici\u00f3n al concepto correcto.<\/p>\n <div class=\"match-game\">\n <div>\n <h3>Conceptos<\/h3>\n <div class=\"term\" data-match=\"analisis\">An\u00e1lisis<\/div>\n <div class=\"term\" data-match=\"sintesis\">S\u00edntesis<\/div>\n <div class=\"term\" data-match=\"argumento\">Argumento<\/div>\n <div class=\"term\" data-match=\"falacia\">Falacia<\/div>\n <\/div>\n <div>\n <h3>Definiciones<\/h3>\n <div class=\"definition droppable\" data-target=\"analisis\">Descomponer una idea en partes.<\/div>\n <div class=\"definition droppable\" data-target=\"sintesis\">Integrar ideas en un todo coherente.<\/div>\n <div class=\"definition droppable\" data-target=\"argumento\">Conjunto de razones para defender una idea.<\/div>\n <div class=\"definition droppable\" data-target=\"falacia\">Error en el razonamiento que lo hace inv\u00e1lido.<\/div>\n <\/div>\n <\/div>\n <button class=\"btn\" id=\"check-match\">Verificar respuestas<\/button>\n <div id=\"match-result\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"juego2\" class=\"module\">\n <div class=\"game-container\">\n <h2>\ud83c\udfae Juego: Clasifica las Falacias<\/h2>\n <p>Arrastra cada ejemplo al tipo de falacia que representa.<\/p>\n <div style=\"display: flex; gap: 1rem; margin-top: 1rem;\">\n <div style=\"flex: 1;\">\n <h3>\ud83d\udd0a Ejemplos<\/h3>\n <div class=\"draggable\" data-fallacy=\"ad-hominem\">\u00abNo escuches a Juan, \u00a1es de izquierda!\u00bb<\/div>\n <div class=\"draggable\" data-fallacy=\"falso-dilema\">\u00abO est\u00e1s con nosotros o contra nosotros.\u00bb<\/div>\n <div class=\"draggable\" data-fallacy=\"apelacion-popular\">\u00abTodos lo hacen, as\u00ed que debe estar bien.\u00bb<\/div>\n <\/div>\n <div style=\"flex: 1;\">\n <h3>\ud83e\udde9 Tipos de Falacias<\/h3>\n <div class=\"droppable\" data-type=\"ad-hominem\">Ad Hominem<\/div>\n <div class=\"droppable\" data-type=\"falso-dilema\">Falso Dilema<\/div>\n <div class=\"droppable\" data-type=\"apelacion-popular\">Apelaci\u00f3n a la Popularidad<\/div>\n <\/div>\n <\/div>\n <button class=\"btn\" id=\"check-drag\">Verificar respuestas<\/button>\n <div id=\"drag-result\" style=\"margin-top: 1rem; font-weight: bold;\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"simulador\" class=\"module\">\n <div class=\"simulator\">\n <h2>\ud83e\uddea Simulador de An\u00e1lisis Cr\u00edtico<\/h2>\n <p>Ingresa un argumento y eval\u00faa sus componentes.<\/p>\n <input type=\"text\" id=\"argument-input\" placeholder=\"Ej: Las vacunas son peligrosas porque lo dice un m\u00e9dico en YouTube\" \/>\n <button class=\"btn\" id=\"analyze-btn\">Analizar Argumento<\/button>\n \n <div id=\"analysis-result\" class=\"hidden\" style=\"margin-top: 1rem;\">\n <h3>\ud83d\udd0d Resultado del An\u00e1lisis<\/h3>\n <table>\n <tr><th>Componente<\/th><th>Evaluaci\u00f3n<\/th><\/tr>\n <tr><td>\u00bfTiene evidencia?<\/td><td id=\"evidence\">No<\/td><\/tr>\n <tr><td>\u00bfFuente confiable?<\/td><td id=\"source\">Dudoso<\/td><\/tr>\n <tr><td>\u00bfContiene falacias?<\/td><td id=\"fallacy\">Posible ad verecundiam<\/td><\/tr>\n <tr><td>Conclusi\u00f3n<\/td><td id=\"conclusion\">Argumento d\u00e9bil<\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n \n <div class=\"overlay\" id=\"overlay\"><\/div>\n <div class=\"definition-popup\" id=\"definition-popup\">\n <button class=\"close-popup\" id=\"close-popup\">\u00d7<\/button>\n <h4 id=\"popup-title\">T\u00e9rmino<\/h4>\n <p id=\"popup-definition\">Definici\u00f3n del t\u00e9rmino seleccionado.<\/p>\n <\/div>\n\n <footer>\n <p>Minicampus de Pensamiento Cr\u00edtico \u00a9 2024 | Aprende, practica y transforma tu mente<\/p>\n <\/footer>\n\n <script>\n \/\/ Navegaci\u00f3n entre m\u00f3dulos\n document.querySelectorAll('.menu a').forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n document.querySelectorAll('.module').forEach(mod => {\n mod.classList.remove('active');\n });\n document.querySelectorAll('.menu a').forEach(a => {\n a.classList.remove('active');\n });\n this.classList.add('active');\n const target = this.getAttribute('data-target');\n document.getElementById(target).classList.add('active');\n });\n });\n\n \/\/ Tests con feedback\n function setupQuiz(quizId, resultId) {\n const quiz = document.getElementById(quizId);\n const result = document.getElementById(resultId);\n const buttons = quiz.querySelectorAll('button:not([id])');\n let score = 0;\n let answered = 0;\n\n buttons.forEach(btn => {\n btn.addEventListener('click', function() {\n if (this.classList.contains('selected')) return;\n \n const parent = this.closest('.quiz-question');\n const allBtns = parent.querySelectorAll('button');\n const feedback = parent.querySelector('.feedback');\n const correct = this.hasAttribute('data-correct');\n\n allBtns.forEach(b => b.disabled = true);\n this.classList.add(correct ? 'correct' : 'incorrect');\n\n feedback.innerHTML = correct ? \n '\u2705 \u00a1Correcto! Esta es la respuesta adecuada.' : \n '\u274c Incorrecto. Revisa el contenido para m\u00e1s detalles.';\n feedback.className = feedback.className.replace('correct', '').replace('incorrect', '');\n feedback.classList.add(correct ? 'feedback correct' : 'feedback incorrect');\n feedback.classList.add('show');\n\n if (correct) score++;\n answered++;\n\n if (answered === quiz.querySelectorAll('.quiz-question').length) {\n const total = buttons.length \/ 4; \/\/ Suponiendo 4 opciones por pregunta\n const percentage = Math.round((score \/ total) * 100);\n result.innerHTML = `Tu puntaje: ${score}\/${total} (${percentage}%)`;\n updateProgress();\n checkBadges(score, total, quizId);\n }\n });\n });\n }\n\n \/\/ Inicializar tests\n document.getElementById('submit-quiz-1').addEventListener('click', () => setupQuiz('modulo1', 'result-1'));\n document.getElementById('submit-quiz-2').addEventListener('click', () => setupQuiz('modulo2', 'result-2'));\n document.getElementById('submit-quiz-3').addEventListener('click', () => setupQuiz('modulo3', 'result-3'));\n document.getElementById('submit-quiz-4').addEventListener('click', () => setupQuiz('modulo4', 'result-4'));\n document.getElementById('submit-quiz-5').addEventListener('click', () => setupQuiz('modulo5', 'result-5'));\n\n \/\/ Actualizar progreso\n function updateProgress() {\n const completed = document.querySelectorAll('.quiz button[disabled]').length > 0 ? \n document.querySelectorAll('.module .quiz:has(.feedback.show)').length : 0;\n const totalModules = 5;\n const progress = Math.round((completed \/ totalModules) * 100);\n \n document.getElementById('progress-fill').style.width = progress + '%';\n document.getElementById('progress-text').textContent = progress + '%';\n }\n\n \/\/ Checar logros\n function checkBadges(score, total, quizId) {\n const percentage = (score \/ total) * 100;\n const moduleId = quizId.replace('submit-quiz-', '');\n \n \/\/ Primer m\u00f3dulo completado\n if (moduleId === '1' && percentage >= 60) {\n document.getElementById('badge1').classList.add('unlocked');\n }\n \n \/\/ M\u00f3dulos con >80%\n if (percentage >= 80) {\n if (moduleId === '2') document.getElementById('badge2').classList.add('unlocked');\n if (moduleId === '3') document.getElementById('badge3').classList.add('unlocked');\n if (moduleId === '4') document.getElementById('badge4').classList.add('unlocked');\n }\n }\n\n \/\/ Juego de emparejar\n document.getElementById('check-match').addEventListener('click', function() {\n let correct = 0;\n document.querySelectorAll('.droppable[data-target]').forEach(drop => {\n const content = drop.textContent.trim();\n const target = drop.getAttribute('data-target');\n if (content.includes(target.charAt(0).toUpperCase() + target.slice(1))) {\n correct++;\n }\n });\n \n document.getElementById('match-result').innerHTML = \n correct === 4 ? '\ud83c\udf89 \u00a1Perfecto! Todos los emparejamientos son correctos.' : \n `\ud83d\udee0\ufe0f ${correct}\/4 correctos. Int\u00e9ntalo de nuevo.`;\n });\n\n \/\/ Juego de arrastrar y soltar\n document.querySelectorAll('.draggable').forEach(item => {\n item.setAttribute('draggable', true);\n item.addEventListener('dragstart', function(e) {\n e.dataTransfer.setData('text\/plain', this.getAttribute('data-fallacy'));\n });\n });\n\n document.querySelectorAll('.droppable[data-type]').forEach(area => {\n area.addEventListener('dragover', function(e) {\n e.preventDefault();\n });\n area.addEventListener('drop', function(e) {\n e.preventDefault();\n const fallacy = e.dataTransfer.getData('text\/plain');\n const type = this.getAttribute('data-type');\n if (fallacy === type) {\n this.innerHTML = `<span style=\"color:green\">\u2705 ${this.innerHTML}<\/span>`;\n } else {\n this.innerHTML = `<span style=\"color:red\">\u274c ${this.innerHTML}<\/span>`;\n }\n });\n });\n\n document.getElementById('check-drag').addEventListener('click', function() {\n const results = document.querySelectorAll('.droppable[data-type] span');\n const correct = Array.from(results).filter(r => r.style.color === 'green').length;\n document.getElementById('drag-result').innerHTML = \n correct === 3 ? '\ud83c\udf89 \u00a1Excelente! Clasificaste todas las falacias correctamente.' : \n `\ud83d\udee0\ufe0f ${correct}\/3 correctas. Revisa los conceptos.`;\n });\n\n \/\/ Simulador\n document.getElementById('analyze-btn').addEventListener('click', function() {\n const input = document.getElementById('argument-input').value.toLowerCase();\n const result = document.getElementById('analysis-result');\n \n if (!input) {\n alert('Por favor, ingresa un argumento para analizar.');\n return;\n }\n \n \/\/ L\u00f3gica simple de an\u00e1lisis\n document.getElementById('evidence').textContent = \n input.includes('estudio') || input.includes('datos') || input.includes('investigaci\u00f3n') ? 'S\u00ed' : 'No';\n \n document.getElementById('source').textContent = \n input.includes('youtube') || input.includes('blog') ? 'Dudoso' : \n input.includes('cient\u00edfico') || input.includes('universidad') ? 'Confiable' : 'Regular';\n \n document.getElementById('fallacy').textContent = \n input.includes('porque') && (input.includes('izquierda') || input.includes('derecha')) ? 'Ad Hominem' :\n input.includes('todos') || input.includes('nadie') ? 'Apelaci\u00f3n a la mayor\u00eda' :\n input.includes('o...o') ? 'Falso Dilema' : 'Ninguna evidente';\n \n const conclusion = document.getElementById('conclusion');\n if (document.getElementById('evidence').textContent === 'S\u00ed' && document.getElementById('source').textContent === 'Confiable') {\n conclusion.textContent = 'Argumento fuerte';\n conclusion.style.color = 'green';\n } else {\n conclusion.textContent = 'Argumento d\u00e9bil';\n conclusion.style.color = 'red';\n }\n \n result.classList.remove('hidden');\n });\n\n \/\/ Glosario interactivo\n const definitions = {\n 'ad-hominem': 'Atacar a la persona en lugar de su argumento.',\n 'falso-dilema': 'Presentar solo dos opciones cuando hay m\u00e1s.',\n 'apelacion-popular': 'Decir que algo es verdad porque muchos lo creen.',\n 'causa-falsa': 'Asociar eventos sin evidencia de causalidad.',\n 'analisis': 'Descomponer una idea en sus partes.',\n 'sintesis': 'Integrar partes en un todo coherente.',\n 'argumento': 'Conjunto de razones para defender una idea.',\n 'falacia': 'Error en el razonamiento que lo hace inv\u00e1lido.'\n };\n\n document.querySelectorAll('.glossary-term').forEach(term => {\n term.addEventListener('click', function() {\n const key = this.getAttribute('data-term');\n document.getElementById('popup-title').textContent = this.textContent;\n document.getElementById('popup-definition').textContent = definitions[key];\n document.getElementById('definition-popup').style.display = 'block';\n document.getElementById('overlay').style.display = 'block';\n });\n });\n\n document.getElementById('close-popup').addEventListener('click', function() {\n document.getElementById('definition-popup').style.display = 'none';\n document.getElementById('overlay').style.display = 'none';\n });\n\n document.getElementById('overlay').addEventListener('click', function() {\n document.getElementById('definition-popup').style.display = 'none';\n this.style.display = 'none';\n });\n\n \/\/ Inicializar progreso\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pensamiento Cr\u00edtico \ud83c\udf93 Minicampus de Pensamiento Cr\u00edtico Transforma tu mente con aprendizaje interactivo y gamificado \ud83d\udcda M\u00f3dulos M\u00f3dulo 1: Introducci\u00f3n al Pensamiento Cr\u00edtico M\u00f3dulo 2: An\u00e1lisis y S\u00edntesis M\u00f3dulo 3: Argumentaci\u00f3n M\u00f3dulo 4: Evaluaci\u00f3n de Informaci\u00f3n M\u00f3dulo 5: Razonamiento y Falacias \ud83c\udfae Juegos Emparejar Conceptos Arrastrar y Soltar Simulador de An\u00e1lisis \ud83d\udcca Progreso Progreso total: […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"no","rop_publish_now_accounts":{"facebook_2925173004293474_260002561269783":""},"rop_publish_now_history":[{"account":"facebook_2925173004293474_260002561269783","service":"facebook","timestamp":1756095781,"status":"success"}],"rop_publish_now_status":"done","site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":false,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18],"tags":[],"class_list":["post-2297","post","type-post","status-publish","format-standard","hentry","category-consejo-tecnico-escolar"],"_wp_page_template":null,"_wp_attachment_metadata":null,"_wp_attached_file":null,"_wp_attachment_context":null,"_elementor_edit_mode":"","_elementor_template_type":"","_wp_attachment_backup_sizes":null,"_wpas_feature_enabled":"","_wpas_is_tweetstorm":null,"_wpas_mess":"","_thumbnail_id":null,"_wpas_done_all":"","_wp_attachment_image_alt":null,"_oembed_953a61d5df8c3836a556d8d39803bf3c":null,"_oembed_time_953a61d5df8c3836a556d8d39803bf3c":null,"_wpas_skip_28712532":null,"_oembed_4a4bb227a6bbfc1286813ba1a53587ee":null,"_oembed_time_4a4bb227a6bbfc1286813ba1a53587ee":null,"_oembed_b65f030d0e4fe78a9f2aa20ef42c0e18":null,"_oembed_time_b65f030d0e4fe78a9f2aa20ef42c0e18":null,"_oembed_f6a64b4156635a0bc55b4c4bbc364650":null,"_oembed_time_f6a64b4156635a0bc55b4c4bbc364650":null,"_oembed_a22c2ada96445daed271c1dcee845f2b":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_menu_item_orphaned":null,"_wp_attachment_custom_header_last_used_cozibee":null,"_wp_attachment_is_custom_header":null,"_wp_attachment_is_custom_background":null,"_oembed_0fce63d053e1c840acdaf9784da4fc8b":null,"_oembed_time_0fce63d053e1c840acdaf9784da4fc8b":null,"_oembed_868a97a741381805139bcba376ff0625":null,"_oembed_time_868a97a741381805139bcba376ff0625":null,"_oembed_e579f188e1e4ab796dbace1957f8fbde":null,"_oembed_time_e579f188e1e4ab796dbace1957f8fbde":null,"_oembed_3aa5ccda408558f57932bf67f990a691":null,"_oembed_time_3aa5ccda408558f57932bf67f990a691":null,"_oembed_c2491fa9a9f5cdc93a304b975729ea15":null,"_oembed_time_c2491fa9a9f5cdc93a304b975729ea15":null,"_oembed_5d0a0fbc199d09fc11425162a9492c14":null,"_oembed_time_5d0a0fbc199d09fc11425162a9492c14":null,"_oembed_ba589a8b01cad13e4e566584052cb77a":null,"_oembed_time_ba589a8b01cad13e4e566584052cb77a":null,"_oembed_30669573d2b5e70ea857547628b634da":null,"_oembed_time_30669573d2b5e70ea857547628b634da":null,"_oembed_c6c454880f54c026403650bfc764daa8":null,"_oembed_time_c6c454880f54c026403650bfc764daa8":null,"_oembed_3d570b3811c404e494d6a02452207e66":null,"_oembed_time_3d570b3811c404e494d6a02452207e66":null,"_oembed_4e4c64d45329ac65f2ecba3f1098156b":null,"_oembed_time_4e4c64d45329ac65f2ecba3f1098156b":null,"_oembed_26ea7d7572a89a903bdcc029628ad5b2":null,"_oembed_time_26ea7d7572a89a903bdcc029628ad5b2":null,"_oembed_a7e95c0362f8dba8c04afb28dfeba5c4":null,"_oembed_time_a7e95c0362f8dba8c04afb28dfeba5c4":null,"_oembed_e5b9ced47b1732d259a5d4aeddd9f86b":null,"_oembed_time_e5b9ced47b1732d259a5d4aeddd9f86b":null,"_oembed_5b4c9d950ab8f0e6ee36bf1d03b97fa2":null,"_oembed_time_5b4c9d950ab8f0e6ee36bf1d03b97fa2":null,"_oembed_b49cdec356d7242bb8a49d9c9f01bc06":null,"_oembed_time_b49cdec356d7242bb8a49d9c9f01bc06":null,"_oembed_304f4ae101daf3ec11ce08903a61e1a1":null,"_oembed_time_304f4ae101daf3ec11ce08903a61e1a1":null,"_oembed_83e577f7d02d35ed039e43ba03038e30":null,"_oembed_time_83e577f7d02d35ed039e43ba03038e30":null,"_oembed_ac101d4e0aa9c1e0993fbaffe57d0fc5":null,"_oembed_time_ac101d4e0aa9c1e0993fbaffe57d0fc5":null,"_oembed_b8411cad4c872303f3f389c0550cfc51":null,"_oembed_time_b8411cad4c872303f3f389c0550cfc51":null,"_oembed_a21a162044b7b51413df6eac11ad958f":null,"_oembed_time_a21a162044b7b51413df6eac11ad958f":null,"_oembed_fba64fc3e6e979fc9c4aa99f0afe7d79":null,"_oembed_time_fba64fc3e6e979fc9c4aa99f0afe7d79":null,"_oembed_76d1c5765b2bc8197eba722fa7cc4244":null,"_oembed_time_76d1c5765b2bc8197eba722fa7cc4244":null,"_oembed_1af62fd759021cc0b68eaa004effd6d5":null,"_oembed_time_1af62fd759021cc0b68eaa004effd6d5":null,"_oembed_2aeeb91d42a24ab084a9cb37fb3b67f1":null,"_oembed_time_2aeeb91d42a24ab084a9cb37fb3b67f1":null,"_oembed_a20b7becc3d5a90f749947d58de23463":null,"_oembed_time_a20b7becc3d5a90f749947d58de23463":null,"_oembed_8796659fa365a11c137d85033d2e7b2c":null,"_jetpack_post_was_ever_published":null,"_jetpack_newsletter_access":null,"_jetpack_newsletter_tier_id":null,"_oembed_5e6fd9549f847190c195ab03255f6ae1":null,"_oembed_554eaf78a040947b2cdd90835d8cd276":null,"_oembed_time_554eaf78a040947b2cdd90835d8cd276":null,"_oembed_7271f435f5fb97d3120864ad34adb6c3":null,"_oembed_time_7271f435f5fb97d3120864ad34adb6c3":null,"_oembed_1fa2fbab810b9b626ad7cc0992ad6aaf":null,"_oembed_time_1fa2fbab810b9b626ad7cc0992ad6aaf":null,"_oembed_64d2135e548c4ce907bc35b61950835b":null,"_oembed_time_64d2135e548c4ce907bc35b61950835b":null,"_oembed_b06e05f997fbefc05e29757e11f828c6":null,"_oembed_time_b06e05f997fbefc05e29757e11f828c6":null,"_oembed_8ce37cc1b7e4dd2fc03872862421313f":null,"_oembed_time_8ce37cc1b7e4dd2fc03872862421313f":null,"_oembed_2158468bd8321669930d1e9681ce2bef":null,"_oembed_time_2158468bd8321669930d1e9681ce2bef":null,"_oembed_ce1b323d791120f5404dbf8cceb57366":null,"_oembed_time_ce1b323d791120f5404dbf8cceb57366":null,"_oembed_21a8242fe71dbeda6363d1536af838e8":null,"_oembed_time_21a8242fe71dbeda6363d1536af838e8":null,"_oembed_eb56dfdacfea2f082dd29cd9084ec889":null,"_wp_old_slug":null,"_oembed_630acfcb06b9afa6ddad824949b84793":null,"_pingme":null,"_encloseme":null,"_oembed_5a7c9eb8a81530ecf9e4e972c23ba731":null,"_oembed_f2fd7c802a7374c43ea88d0097870f1b":null,"_oembed_time_f2fd7c802a7374c43ea88d0097870f1b":null,"_oembed_time_5a7c9eb8a81530ecf9e4e972c23ba731":null,"_oembed_6a91eb9d3d56701e2bf3c9752e96e963":null,"_oembed_c420e9b8b4ecc62da9e432b3ac6a775c":null,"_oembed_725a018f8f3c315b019b5027147af17c":null,"_oembed_fbaa8b858f2c2b8bd17bd9f041381fd0":null,"_oembed_b1333ac22358b86e275b521bfe898d6c":null,"_oembed_81a8344c3ba22ed7e81d42d93e039c83":null,"_oembed_e8b758a02e7baa37faf81b4537e12296":null,"_oembed_f176d255aad93b4de0d42f54076770bd":null,"_oembed_b39b53a24b9c3ddc8f4d0334bdf02260":null,"_oembed_172d3f081ea3bc54cd6f27cf98769eac":null,"_oembed_a121a60eb9062ad69062a9659affb999":null,"_wp_desired_post_slug":null,"_wp_attachment_custom_header_last_used_blogstream":null,"_edit_lock":"1756095703:2","_last_editor_used_jetpack":null,"_jetpack_related_posts_cache":null,"_edit_last":"2","_wp_trash_meta_status":null,"_wp_trash_meta_time":null,"footnotes":"","jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts\/2297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/comments?post=2297"}],"version-history":[{"count":1,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts\/2297\/revisions"}],"predecessor-version":[{"id":2298,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/posts\/2297\/revisions\/2298"}],"wp:attachment":[{"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/media?parent=2297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/categories?post=2297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ddmx.cc\/blog\/wp-json\/wp\/v2\/tags?post=2297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}