* { tamaño del cuadro: cuadro-borde; margen: 0; relleno: 0; } cuerpo {familia de fuentes: Arial, sans-serif; antecedentes: #f5f5f5; pantalla: flexible; justificar-contenido: centro; relleno: 2rem 1rem; altura mínima: 100vh; } .quiz-wrap { ancho máximo: 660px; ancho: 100%; fondo: #fff; radio del borde: 16px; relleno: 2rem; sombra de cuadro: 0 2px 12px rgba(0,0,0,0.08); } h1 {tamaño de fuente: 20px; peso de fuente: 500; color: #1a1a1a; margen inferior: 1,5 rem; } .barra de progreso-bg {altura: 4px; fondo: #e0e0e0; radio del borde: 2px; margen inferior: 1,5 rem; } .progress-bar-fill {altura: 4px; antecedentes: #534AB7; radio del borde: 2px; transición: ancho 0,4 s facilidad; } .q-counter { tamaño de fuente: 13px; color: #777; margen inferior: 0,5rem; } .q-text {tamaño de fuente: 17px; peso de fuente: 500; color: #1a1a1a; altura de línea: 1,5; margen inferior: 1,25 rem; } .opciones { mostrar: flexionar; dirección flexible: columna; espacio: 10px; } .opt-btn { alineación de texto: izquierda; relleno: 0,75rem 1rem; radio del borde: 12px; borde: 1px sólido #ddd; fondo: #fff; cursor: puntero; tamaño de fuente: 15px; color: #1a1a1a; transición: fondo 0,15 s, color del borde 0,15 s; familia de fuentes: Arial, sans-serif; } .opt-btn:hover:not(:disabled) { fondo: #f5f5f5; color del borde: #aaa; } .opt-btn.correct {fondo: #EAF3DE; color del borde: #639922; color: #3B6D11; } .opt-btn.wrong { fondo: #FCEBEB; color del borde: #A32D2D; color: #791F1F; } .opt-btn.reveal { fondo: #EAF3DE; color del borde: #639922; color: #3B6D11; } .opt-btn:disabled {cursor: predeterminado; } .feedback { margen superior: 1rem; tamaño de fuente: 14px; altura de línea: 1,6; color: #555; altura mínima: 2,5 rem; } .next-btn { margen superior: 1,25rem; relleno: 0,6rem 1,5rem; radio del borde: 8px; borde: 1px sólido #ddd; fondo: #fff; cursor: puntero; tamaño de fuente: 15px; color: #1a1a1a; pantalla: ninguna; familia de fuentes: Arial, sans-serif; } .next-btn:hover {fondo: #f5f5f5; } .score-card { text-align: centro; relleno: 2rem 1rem; } .score-num { tamaño de fuente: 52px; peso de fuente: 500; color: #534AB7; altura de línea: 1; margen inferior: 0,5rem; } .score-label { tamaño de fuente: 16px; color: #777; margen inferior: 1,5 rem; } .score-msg { tamaño de fuente: 15px; color: #1a1a1a; margen inferior: 1,5 rem; altura de línea: 1,6; ancho máximo: 420px; margen izquierdo: automático; margen derecho: automático; } .restart-btn { relleno: 0,65rem 1,75rem; radio del borde: 8px; borde: 1px sólido #ddd; fondo: #fff; cursor: puntero; tamaño de fuente: 15px; color: #1a1a1a; familia de fuentes: Arial, sans-serif; } .restart-btn:hover {fondo: #f5f5f5; } .icon-inline { tamaño de fuente: 16px; alineación vertical: -2px; margen derecho: 6px; } preguntas constantes = [ { q: "¿Aproximadamente cuántas ojivas nucleares existen actualmente en el mundo?", opta: ["~2500", "~12500", "~35000", "~500"], correcto: 1, Comentarios: "Existen alrededor de 12.500 ojivas nucleares en nueve países. Un intercambio a gran escala podría desencadenar un 'invierno nuclear' que duraría años". }, { P: "En 1983, ¿qué oficial soviético ignoró una advertencia satelital sobre la llegada de misiles estadounidenses, evitando potencialmente una guerra nuclear?", opta por: ["Mikhail Gorbachev", "Yuri Andropov", "Stanislav Petrov", "Vasily Arkhipov"], correcto: 2, Comentarios: "Stanislav Petrov decidió no informar de la alarma como un ataque genuino. Su juicio esa única noche puede haber salvado la civilización". }, { P: "Con las trayectorias actuales, ¿hacia qué nivel de aumento de la temperatura global se encamina el planeta para finales de siglo?", opta: ["0,5–1°C", "1–1,5°C", "2–3°C", "5–6°C"], correcto: 2, Comentarios: "El planeta va camino de alcanzar temperaturas entre 2°C y 3°C. Más allá de 3°C, ciclos de retroalimentación peligrosos, como el derretimiento del permafrost que libera metano, podrían impulsar el calentamiento mucho más". }, { P: "¿Qué hace que las armas biológicas sean particularmente alarmantes en comparación con las armas nucleares en la era moderna?", opta: ["Son más inmediatamente letales", "La barrera de entrada está cayendo rápidamente debido a la tecnología de laboratorio y la IA más baratas", "Requieren recursos a nivel estatal", "Son imposibles de detectar"], correcto: 1, Comentarios: "A diferencia de las armas nucleares, la biotecnología se está volviendo más barata y accesible. Las herramientas de inteligencia artificial pueden reducir aún más la experiencia necesaria para diseñar patógenos peligrosos". }, { P: "¿Qué evento demostró por primera vez que la humanidad puede desviar un asteroide entrante?", opts: ["Misión de retorno de muestras Hayabusa2", "Misión DART de la NASA en 2022", "Misión Hera de la ESA en 2024", "La respuesta del meteorito de Chelyabinsk en 2013"], correcto: 1, Comentarios: "La misión DART de la NASA en 2022 cambió con éxito la órbita de un asteroide al estrellar una nave espacial contra él: la primera prueba real de defensa planetaria de la humanidad". }, { q: "¿Cuál de estos es un ejemplo de uso de la IA como herramienta DEFENSIVA contra amenazas existenciales?", opta: ["Generar propaganda deepfake", "Acelerar el descubrimiento de fármacos y la detección de pandemias", "Diseñar armas autónomas", "Reducir la barrera para diseñar patógenos"], correcto: 1, Comentarios: "La IA se está utilizando para acelerar el descubrimiento de fármacos, mejorar la detección de pandemias a través de la vigilancia global de enfermedades y mejorar el modelado climático: todas ellas aplicaciones defensivas". }, { P: "¿Qué es la 'IA desalineada' en el contexto del riesgo existencial?", opta: ["IA que tiene prejuicios contra los grupos minoritarios", "IA que falla o funciona mal con frecuencia", "IA que persigue objetivos sutilmente opuestos a los valores humanos", "IA que es utilizada por gobiernos hostiles"], correcto: 2, Comentarios: "La desalineación se refiere al riesgo de que la IA avanzada persiga objetivos de manera catastrófica para los humanos, incluso cuando se les asignan objetivos aparentemente simples, porque sus valores no están profundamente alineados con los nuestros". }, { P: "El artículo describe el 'invierno nuclear' como consecuencia de una guerra nuclear a gran escala. ¿Qué lo causa?", opta: ["Envenenamiento por radiación de cultivos", "El hollín de las tormentas de fuego que bloquean la luz solar durante años", "Armas químicas que contaminan las aguas subterráneas", "Pulsos electromagnéticos que paralizan la agricultura"], correcto: 1, comentarios: "Las tormentas de fuego masivas derivadas de explosiones nucleares inyectan hollín en la estratosfera, bloqueando la luz solar durante años y colapsando la agricultura a nivel mundial, matando potencialmente a miles de millones a través del hambre". }, { P: "¿Cuánto han caído los costes de la energía solar en la última década, según el artículo?", opta: ["Alrededor del 30%", "Alrededor del 50%", "Más del 70%", "Más del 90%"], correcto: 3, Comentarios: "Los costos de la energía solar han caído más del 90% en la última década, un cambio notable que está haciendo que la transición a la energía limpia sea económicamente viable a escala". }, { P: "Según el artículo, ¿cuál es el argumento central para el optimismo sobre la capacidad de la humanidad para sobrevivir a las amenazas existenciales?", opta: ["La IA resolverá todos los problemas automáticamente", "Hemos evitado la guerra nuclear, eliminado la viruela y comenzado a abordar el clima, mostrando capacidad colectiva para gestionar las amenazas", "Los gobiernos ahora tienen sistemas de coordinación perfectos", "Los riesgos existenciales son estadísticamente muy improbables"], correcto: 1, Comentarios: "El artículo señala victorias históricas reales: evitar la guerra nuclear durante la Guerra Fría, eliminar la viruela y comenzar la transición energética: evidencia de que el ingenio y la cooperación humanos, en el mejor de los casos, son notables". } ]; deje actual = 0, puntuación = 0, respondido = falso; función renderizar() { área const = document.getElementById('área de prueba'); if (actual >= preguntas.longitud) { showScore(área); devolver; } const q = preguntas[actuales]; document.getElementById('progreso').style.width = ((actual / preguntas.longitud) * 100) + '%'; respondido = falso; área.innerHTML = ` ${actual `; } función elegir(i) { si (respondió) regresar; respondido = verdadero; const q = preguntas[actuales]; const btns = document.querySelectorAll('.opt-btn'); btns.forEach(b => b.disabled = verdadero); if (i === q.correcto) { btns[i].classList.add('correcto'); puntuación++; document.getElementById('fb').innerHTML = '✅ ' + q.feedback; } más { btns[i].classList.add('incorrecto'); btns[q.correct].classList.add('revelar'); document.getElementById('fb').innerHTML = '❌ ' + q.feedback; } document.getElementById('next-btn').style.display = 'bloque en línea'; } función siguiente() {actual++; prestar(); } función mostrarPuntuación(área) { document.getElementById('progreso').style.width = '100%'; const pct = Math.round((puntuación/preguntas.longitud) * 100); dejar mensaje; if (pct >= 90) msg ​​= "Excelente. Tiene un conocimiento firme de los riesgos existenciales que enfrenta la humanidad y las herramientas que estamos construyendo para abordarlos."; else if (pct >= 70) msg ​​= "Conocimiento sólido. Usted comprende las principales amenazas y defensas; siga leyendo para perfeccionar los detalles."; else if (pct >= 50) msg ​​= "Un buen comienzo. Hay mucho en juego: vuelva a visitar el artículo para profundizar su comprensión de estos temas críticos."; else msg = "Los mayores desafíos del mundo merecen su atención. Vuelva a leer el artículo y regrese; este conocimiento es importante."; área.innerHTML = ` `; } función reiniciar() { actual = 0; puntuación = 0; prestar(); } prestar();