Nada aquí es magia. Esta página es un solo archivo, escrito con ayuda de un modelo de lenguaje y revisado por una persona. Así está construida, con nombre y apellido de cada pieza.

Cómo se hizo

Vibe coding. La autoría describió en español lo que quería (el viaje de 8 etapas, las insignias, el tono) y Claude escribió el código. Cada decisión de contenido, cada cita y cada dato se verificó a mano antes de publicar. La IA es una herramienta; la responsabilidad y la autoría son humanas.

Piezas técnicas

• EstructuraHTML5 semántico. Página autocontenida de una sola vista (single-page), con navegación por etapas mediante hash routing. Sin servidor.
• EstiloCSS3 con variables, grid y flexbox. Modo claro y oscuro con prefers-color-scheme y conmutador manual. Respeta prefers-reduced-motion.
• LógicaJavaScript estándar (vanilla), sin frameworks ni librerías. Ejercicios, calculadora de muestra y contadores viven en el propio archivo.
• TipografíaFraunces, IBM Plex Sans e IBM Plex Mono (Google Fonts), con pilas de respaldo del sistema.
• InsigniasSe dibujan en el navegador con Canvas 2D y se exportan como PNG. No son imágenes generadas por IA.
• ProgresoSe guarda en localStorage de tu navegador. Es tuyo y local; no se envía a ningún servidor.
• DescargasLa insignia y el certificado se ofrecen con la capacidad downloads de Claude Artifacts, que te pide confirmación antes de guardar.
• AccesibilidadNavegación por teclado, foco visible, roles y contraste cuidados en ambos temas.

Complemento digital de la guía didáctica «El viaje de la investigación». Certificado e insignias son de autoaprendizaje; no constituyen una acreditación oficial de ninguna institución.