diff --git a/CLAUDE.md b/CLAUDE.md
index a70e116..9febdb0 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -298,6 +298,13 @@ npm run test:integration:local
   dañado (#97). `checkStructure` sólo acepta los avisos de una lista corta,
   porque qpdf también «repara» un fichero truncado y lo cuenta como avisos. Un
   aviso nuevo se rechaza con su texto en el log: léelo antes de ampliar la lista.
+- **El visor del alumno arranca en navegadores de 2020** (ADR-036): ES2021 sin
+  `await` de nivel superior, campos de clase ni lo que lista `SUELO_DEL_VISOR`
+  en `eslint.config.js` (asignación lógica, lookbehind, grupos con nombre…); lo
+  vigila `test/ui-compat.test.js`. `assets/compat.js` es ES5 y, si el visor no
+  deja `window.__visorArrancado`, explica qué hacer y lo cuenta a
+  `POST /telemetry/compat`: una línea `Visor sin arrancar` en el log. Si arrancó
+  y falló PDF.js o el vídeo, la línea es `Visor sin poder con el PDF o el vídeo`.
 - **PDF.js va en su build legacy, con el worker envuelto y sin `import`
   estático** (ADR-035, #110). La moderna revienta al importarse en Chrome < 122,
   Firefox < 131 e iOS < 18.4, y un `import` estático tumbaba la colección entera.
diff --git a/docs/README.md b/docs/README.md
index 619491a..a049484 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -208,6 +208,7 @@ proponérselo a nadie. El detalle, con su motivo, está en
 | **Compartir** | Sólo entre profesores de la **misma** instancia Moodle, y por carpeta, colección o curso completo. No hay compartición con un profesor concreto ni entre instancias |
 | **Transcodificación** | Un ffmpeg por software a la vez. La aceleración por hardware está documentada pero **no probada** |
 | **Escalado** | Una réplica de app y un worker. Los límites de reproducción son por proceso |
+| **Navegadores** | El visor arranca en navegadores de 2020 (Chrome 80, Firefox 74, iOS 13.4) y el de PDF desde Chrome 94, Firefox 93 o iOS 16.4; por debajo de eso se ofrece la copia sellada. Por debajo de todo, un aviso de qué hacer y una línea en el log, nunca la pantalla en blanco (ADR-035, ADR-036) |
 | **Ciclo de vida** | Moodle **nunca avisa** cuando se borra una actividad. No existe callback |
 
 ---
diff --git a/docs/arquitectura.md b/docs/arquitectura.md
index 2a16082..c924e82 100644
--- a/docs/arquitectura.md
+++ b/docs/arquitectura.md
@@ -358,6 +358,7 @@ Detalle y motivos en las fichas de cierre archivadas como issues:
 | PUT | `/progress/:kind/:id` | sesión con alcance | Marcador de reanudación del alumno (la lectura viaja en el bootstrap del launch, ADR-021) |
 | POST | `/telemetry/video/:id` | sesión con alcance | Beat de visionado: tramos vistos y tiempo (**fail-open**: cualquier fallo responde 204, ADR-030) |
 | POST | `/telemetry/pdf/:id` | sesión con alcance | Beat de lectura: páginas distintas y tiempo, con el mismo contrato |
+| POST | `/telemetry/compat` | sesión | Un visor que no pudo con este navegador (no arrancó, PDF.js no cargó, vídeo sin HLS o sin códec): una línea `warn` en el log con user-agent y motivo —«Visor sin arrancar» o, si arrancó, «Visor sin poder con el PDF o el vídeo»—, 204 siempre (ADR-036) |
 | GET | `/reports/course` | catálogo + curso | **Informe de seguimiento** del curso de la sesión: actividades, alumnos y avance |
 | GET | `/reports/course/students/:sub` | catálogo + curso | Detalle de un alumno de ESE curso (404 si no aparece en él) |
 | GET | `/api/v1/reports/courses` | `REPORTS_API_TOKEN` | Cursos conocidos de una plataforma |
@@ -603,6 +604,21 @@ endpoint que él pueda pedir, y por eso no aparecen. El título del curso sí se
 guarda desde la migración 018, pero para el informe del profesor: no viaja al
 visor.
 
+### En qué navegadores arranca el visor
+
+El visor del alumno está escrito para arrancar en navegadores de 2020 (Chrome 80,
+Firefox 74, Safari/iOS 13.4): ES2021 sin `await` de nivel superior ni campos de
+clase, y lo vigila `test/ui-compat.test.js` (ADR-036). El visor de PDF exige algo
+más —PDF.js necesita Chrome 94, Firefox 93 o Safari 16.4— y, por debajo, ofrece
+en su sitio la copia sellada (ADR-035).
+
+Por debajo de todo eso no hay pantalla en blanco. Cada visor carga primero
+`assets/compat.js`, un script clásico en ES5 que se ejecuta en cualquier
+navegador: pone `replaceChildren` si falta y, si al terminar de cargar la página el
+visor no ha dejado su marca (`window.__visorArrancado`), explica qué hacer,
+ofrece la copia sellada de los PDF y lo cuenta a `POST /telemetry/compat`. Esa
+línea del log es la forma de saber, tras desplegar, qué navegadores siguen fuera.
+
 ## Modelo de seguridad
 
 Qué protege qué, y contra quién:
diff --git a/docs/decisiones.md b/docs/decisiones.md
index 126579e..6258bef 100644
--- a/docs/decisiones.md
+++ b/docs/decisiones.md
@@ -1623,3 +1623,75 @@ producción y dentro de un iframe de otro origen.
 estático de `pdf-component.js`. Revertirlo devuelve el fallo de #110 en
 Windows 7, en las ESR de Firefox y en los iPhone sin la última actualización.
 Lo vigilan `test/pdf-legacy.test.js` y `test/integration/vendor-pdfjs.integration.js`.
+
+## ADR-036 · El visor arranca en navegadores de 2020 y, por debajo, nunca deja la pantalla en blanco
+
+**Estado**: aceptada · **Fecha**: 2026-10 · Issue #110 · Complementa a ADR-035
+
+**Contexto.** El visor del alumno son módulos ES servidos tal cual, sin
+compilar. Hasta octubre de 2026 nadie fijaba qué navegadores tenían que
+entenderlos, y el código fue usando lo último a mano: `await` en el nivel
+superior de `pdf.js` y `collection.js` (Safari 15, Chrome 89),
+`replaceChildren` al arrancar (Safari 14), `<dialog>` sin respaldo (Safari
+15.4). Un navegador que no entendía una línea no ejecutaba **ninguna**: la
+pantalla quedaba en blanco, sin explicación, y el servidor no se enteraba. Del
+10 % que no podía estudiar sólo se sabía lo que contaban los alumnos.
+
+**Decisión.**
+
+1. **Suelo del visor: navegadores de 2020** (Chrome 80, Firefox 74, Safari/iOS
+   13.4). ES2021 sin `await` de nivel superior ni campos de clase, sin
+   asignación lógica (Safari 14) ni *lookbehind* en expresiones regulares (Safari
+   16.4: no compila el módulo entero), y sin lo que no entiende Firefox 74–79
+   (grupos con nombre, `\p{…}`, flag `s`, `export * as`) ni Safari 13 (BigInt).
+   La lista es `SUELO_DEL_VISOR` en `eslint.config.js`, que lo marca en el
+   editor; `test/ui-compat.test.js` la aplica a todo lo que piden las entradas
+   y comprueba que caza cada caso.
+2. **Guardia de arranque** (`src/ui/assets/compat.js`): ES5 y script clásico,
+   antes que `hls.min.js` y que el módulo. Pone `replaceChildren` si falta; anota
+   el primer fallo de un script; y en `load`, si el visor no dejó su marca
+   (`window.__visorArrancado`, que cada entrada pone al terminar su arranque
+   síncrono), explica qué hacer, ofrece la copia sellada de los PDF y lo cuenta
+   al servidor. Sin JavaScript, un `<noscript>` lo explica.
+3. **`POST /telemetry/compat`**: exige sesión, deja una línea `warn` en el log
+   con el user-agent, la página y el motivo (enumerado y recortado) y responde
+   204 siempre. No guarda nada propio ni el `sub` del alumno. Lo usan la
+   guardia —«Visor sin arrancar»—, y el visor de PDF cuando PDF.js no carga y el
+   vídeo cuando el navegador no puede reproducirlo —«Visor sin poder con el PDF
+   o el vídeo»—: eso también pasa en un navegador al día, por un corte de red o
+   un vídeo que no se descodifica, y no debe contar como quien se queda fuera.
+4. **`<dialog>` con respaldo** en `dialog.js`: sin `showModal`, se abre como
+   capa y su `form method="dialog"` se intercepta, porque si no se enviaría como
+   un GET a `/lti/launch`.
+
+**Razones.**
+
+- Transpilar con un empaquetador habría llegado más abajo, pero cambia lo que
+  recibe el 90 % que hoy funciona y añade una dependencia y un paso de build a la
+  imagen. Fijar el suelo y vigilarlo con pruebas es un cambio de unas líneas.
+- La marca y la guardia no dependen de temporizadores. Los módulos son
+  diferidos y su parte síncrona se ejecuta antes de `load`. Comprobado en
+  Chromium 109, Firefox 115 y Chrome 154: con el visor sano la marca está, y con
+  un módulo roto —la entrada o una dependencia— aparece el aviso y llega el
+  informe.
+- Medir antes de construir: un reproductor de respaldo para navegadores aún
+  más viejos (iOS 12, televisores anteriores a 2021) sólo se justifica si el log
+  demuestra que hay alumnos ahí.
+
+**Consecuencias.**
+
+- Un navegador por debajo del suelo ve qué hacer y, en los PDF, su copia
+  sellada; no ve el vídeo. Queda escrito en el log para decidir con datos.
+- Quien añada sintaxis nueva al visor lo sabrá en la CI, con el porqué en el
+  mensaje. Un módulo nuevo que entre en el visor tiene que figurar también en la
+  lista de `eslint.config.js`; la prueba lo exige.
+- El catálogo del profesor queda fuera de la guardia: tiene su propio `await`
+  de nivel superior y sus diálogos dependen de `close`. Si hace falta, será otra
+  tarea.
+
+**Cómo revertirlo.** Quitar `compat.js` de `player.html`, `pdf.html` y
+`collection.html` y la ruta `/compat` de `src/routes/telemetry.js`; volver a
+`dialog.showModal()` directo en `dialog.js`. Revertirlo vuelve a dejar en blanco,
+y sin rastro en el servidor, a quien no pueda arrancar el visor. Lo vigilan
+`test/ui-compat.test.js`, `test/telemetry-compat.test.js` y
+`test/dialogo-sin-soporte.test.js`.
diff --git a/docs/desarrollo.md b/docs/desarrollo.md
index cac496a..8d1daf4 100644
--- a/docs/desarrollo.md
+++ b/docs/desarrollo.md
@@ -335,6 +335,16 @@ la página y lo busca ahí; sin la reexportación ningún PDF de la página vuel
 `pdfjs-dist`, `test/pdf-legacy.test.js` abre un PDF real en un proceso sin esas APIs; y antes
 de promocionar, pasa el PDF por un navegador antiguo de verdad (abajo).
 
+**El visor del alumno arranca en navegadores de 2020** (ADR-036): ES2021, sin `await` de
+nivel superior, sin campos de clase, sin `??=`/`||=`/`&&=`, sin *lookbehind* ni grupos con
+nombre en una expresión regular, y el resto de `SUELO_DEL_VISOR` (`eslint.config.js`). Una sola
+línea fuera de eso y el navegador no ejecuta **nada** de la página.
+Lo vigila `test/ui-compat.test.js` recorriendo los `import` desde cada entrada; un módulo nuevo
+del visor va también en la lista de `eslint.config.js`. Y `assets/compat.js` es ES5 a propósito:
+es lo que se ejecuta cuando todo lo demás falla. Cada entrada del visor pone
+`window.__visorArrancado = true` al terminar su arranque síncrono; sin esa línea, la guardia
+pinta su aviso encima de un visor que funciona.
+
 **Probar con un navegador antiguo de verdad.** Lo que más se usa por debajo de lo último:
 Chromium 109 (el último de Windows 7) y Firefox 115 ESR. Los dos corren en un Mac ARM sin
 instalar nada:
diff --git a/eslint.config.js b/eslint.config.js
index dbe41ab..e41ba1c 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,6 +1,38 @@
 import js from '@eslint/js'
 import globals from 'globals'
 
+/**
+ * Sintaxis que ES2021 admite pero rompe el visor en navegadores que hay que
+ * seguir atendiendo (ADR-036). Un módulo que no compila no ejecuta nada: ni
+ * siquiera el resto de líneas que sí entendería.
+ */
+export const SUELO_DEL_VISOR = [
+  {
+    selector: 'AssignmentExpression[operator=/^(\\?\\?|\\|\\||&&)=$/]',
+    message: 'Asignación lógica (??=, ||=, &&=): Safari < 14 no la entiende.'
+  },
+  {
+    selector: 'Literal[regex.pattern=/\\(\\?<[=!]/]',
+    message: 'Lookbehind en una expresión regular: Safari < 16.4 no compila el módulo entero.'
+  },
+  {
+    selector: 'Literal[regex.pattern=/\\(\\?<[^=!]|\\\\[pP]\\{/]',
+    message: 'Grupo con nombre o \\p{…} en una expresión regular: Firefox < 78 no compila el módulo entero.'
+  },
+  {
+    selector: 'Literal[regex.flags=/s/]',
+    message: 'Flag s (dotAll) en una expresión regular: Firefox < 78 no compila el módulo entero.'
+  },
+  {
+    selector: 'Literal[bigint]',
+    message: 'BigInt: Safari < 14 no lo entiende.'
+  },
+  {
+    selector: 'ExportAllDeclaration[exported]',
+    message: '`export * as`: Firefox < 80 y Safari < 14.1 no lo entienden.'
+  }
+]
+
 export default [
   {
     // `.claude/**` son worktrees y ajustes locales de agentes: copias del
@@ -31,6 +63,42 @@ export default [
       'no-console': 'off'
     }
   },
+  {
+    // El visor del alumno tiene que arrancar en navegadores de 2020 (ADR-036):
+    // nada posterior a ES2021 —ni `await` en el nivel superior ni campos de
+    // clase— y tampoco lo que ES2021 admite pero esos navegadores no. La lista la
+    // vigila test/ui-compat.test.js recorriendo los imports desde cada entrada.
+    files: [
+      'src/ui/assets/player.js',
+      'src/ui/assets/pdf.js',
+      'src/ui/assets/collection.js',
+      'src/ui/assets/video-component.js',
+      'src/ui/assets/viewer-shell.js',
+      'src/ui/assets/dialog.js',
+      'src/ui/assets/progress-client.js',
+      'src/ui/assets/telemetry-client.js',
+      'src/ui/assets/pdf-component.js',
+      'src/ui/assets/pdf-mark.js',
+      'src/ui/assets/pdf-download.js',
+      'src/ui/assets/pdfjs-worker.js',
+      'src/ui/assets/pdfjs-polyfills.js',
+      'src/ui/assets/compat-informe.js'
+    ],
+    languageOptions: { ecmaVersion: 2021 },
+    rules: {
+      'no-restricted-syntax': ['error', ...SUELO_DEL_VISOR]
+    }
+  },
+  {
+    // La guardia de arranque se ejecuta en CUALQUIER navegador, también en el
+    // que no entiende módulos: ES5 y script clásico.
+    files: ['src/ui/assets/compat.js'],
+    languageOptions: { ecmaVersion: 5, sourceType: 'script' },
+    rules: {
+      'no-var': 'off',
+      'prefer-const': 'off'
+    }
+  },
   {
     files: ['test/**/*.js', 'tools/**/*.mjs', 'scripts/**/*.mjs'],
     rules: {
diff --git a/src/routes/telemetry.js b/src/routes/telemetry.js
index 3d245bb..8049959 100644
--- a/src/routes/telemetry.js
+++ b/src/routes/telemetry.js
@@ -81,3 +81,53 @@ telemetryRouter.post('/pdf/:id', requireSession, async (req, res) => {
     res.status(204).end()
   }
 })
+
+const PAGINAS_COMPAT = new Set(['video', 'pdf', 'coleccion', 'desconocida'])
+const MOTIVOS_COMPAT = new Set([
+  'sin-modulos', 'sintaxis', 'carga', 'ejecucion', 'sin-arranque', 'pdfjs', 'sin-hls', 'medio'
+])
+// El visor arrancó y lo que falló fue PDF.js o el vídeo. También pasa en un
+// navegador al día —un corte de red al cargar PDF.js, un vídeo que no se puede
+// descodificar—, así que va con otro mensaje: «Visor sin arrancar» es sólo de
+// quien se queda fuera por el navegador.
+const MOTIVOS_DE_CONTENIDO = new Set(['pdfjs', 'sin-hls', 'medio'])
+
+/**
+ * Lo que manda un visor que no pudo con este navegador (#110), listo para el
+ * log: enumerado y recortado, nunca tal cual. El user-agent no viene aquí: lo
+ * pone el servidor desde la cabecera.
+ */
+export function normalizarInformeCompat (cuerpo) {
+  // Sin saltos de línea ni caracteres de control: el texto acaba en el log.
+  // eslint-disable-next-line no-control-regex
+  const texto = (valor, maximo) => String(valor ?? '').replace(/[\u0000-\u001f\u007f]+/g, ' ').trim().slice(0, maximo)
+  const pagina = texto(cuerpo?.pagina, 20)
+  const motivo = texto(cuerpo?.motivo, 20)
+  return {
+    pagina: PAGINAS_COMPAT.has(pagina) ? pagina : 'desconocida',
+    motivo: MOTIVOS_COMPAT.has(motivo) ? motivo : 'otro',
+    detalle: texto(cuerpo?.detalle, 300)
+  }
+}
+
+/**
+ * Un visor que no arrancó, o que no pudo con PDF.js o con el vídeo, en este
+ * navegador. Sólo deja una línea en el log —la que dice, tras desplegar, quién
+ * sigue fuera— y responde 204 pase lo que pase, como el resto de la telemetría.
+ */
+telemetryRouter.post('/compat', requireSession, (req, res) => {
+  try {
+    const compat = normalizarInformeCompat(req.body)
+    req.log?.warn({
+      compat,
+      userAgent: String(req.get('user-agent') ?? '').slice(0, 300),
+      platformId: req.session.platformId,
+      rol: req.session.isInstructor ? 'profesor' : 'alumno'
+    }, MOTIVOS_DE_CONTENIDO.has(compat.motivo)
+      ? 'Visor sin poder con el PDF o el vídeo en este navegador'
+      : 'Visor sin arrancar en este navegador')
+  } catch {
+    // Perder el aviso no estropea nada.
+  }
+  res.status(204).end()
+})
diff --git a/src/ui/assets/app.css b/src/ui/assets/app.css
index 9001aa6..bac5449 100644
--- a/src/ui/assets/app.css
+++ b/src/ui/assets/app.css
@@ -617,6 +617,20 @@ dialog {
   padding: 1rem;
 }
 dialog::backdrop { background: rgb(0 0 0 / .5); }
+/* Sin `<dialog>` nativo (Safari < 15.4, Firefox < 98): el elemento sería un
+   bloque más de la página. Cerrado no se ve y abierto lo dibuja `dialog.js` como
+   capa; sin `inset` ni `rgb()` con barra, que esos navegadores no entienden. */
+dialog:not([open]) { display: none; }
+dialog.dialogo-sin-soporte[open] {
+  display: block;
+  position: fixed;
+  z-index: 1000;
+  top: 5vh;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5);
+}
 dialog label { display: block; font-size: .875rem; color: var(--muted); margin-bottom: .2rem; }
 .dialog-actions { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; margin-top: .8rem; }
 .dialog-error {
@@ -1283,6 +1297,14 @@ body.is-panel-hidden .viewer-sidebar { display: none; }
 .pdf-sin-visor { max-width: 36rem; margin: 2rem auto; background: var(--surface); }
 .pdf-sin-visor p { margin: 0 0 .6rem; }
 .pdf-sin-visor .pdf-sin-visor-titulo { font-weight: 600; }
+
+/* Guardia de arranque (`compat.js`): sólo se ve en un navegador que no pudo
+   arrancar el visor, así que lleva CSS que también entiende ése, y cada color
+   con su respaldo antes de la variable. */
+.compat-aviso { max-width: 40rem; margin: 2rem auto; background: #fff; background: var(--surface); }
+.compat-aviso p, .compat-aviso ul { margin: 0 0 .6rem; }
+.compat-aviso .compat-aviso-titulo { font-weight: 600; }
+.compat-aviso .compat-detalle { font-size: .75rem; word-wrap: break-word; }
 /*
  * Marca de fondo con la identidad, repetida sobre toda la hoja.
  *
diff --git a/src/ui/assets/collection.js b/src/ui/assets/collection.js
index 37620bf..d452c18 100644
--- a/src/ui/assets/collection.js
+++ b/src/ui/assets/collection.js
@@ -1,7 +1,7 @@
-import { createVideoView } from './video-component.js?v=velocidad-1'
-import { createPdfView } from './pdf-component.js?v=pdf-legacy-1'
+import { createVideoView } from './video-component.js?v=compat-1'
+import { createPdfView } from './pdf-component.js?v=compat-1'
 import { downloadPdfCopy } from './pdf-download.js?v=viewer-ux-1'
-import { createViewerShell, VIDEO_DOWNLOAD_HELP } from './viewer-shell.js?v=viewer-chrome-1'
+import { createViewerShell, VIDEO_DOWNLOAD_HELP } from './viewer-shell.js?v=compat-1'
 import { createProgressSaver, videoProgressPosition } from './progress-client.js?v=resume-1'
 import { createPdfTelemetry, createVideoTelemetry } from './telemetry-client.js?v=velocidad-1'
 
@@ -351,6 +351,14 @@ function initialIndex () {
   return firstUsable()
 }
 
-await refreshManifest()
-await show(initialIndex(), { focus: false })
-scheduleManifestPoll()
+// Armazón, índice y botones listos: la guardia de arranque (`compat.js`) no
+// tiene nada que explicar. Lo que falta es pedir el índice y abrir el material.
+window.__visorArrancado = true
+
+// Sin `await` en el nivel superior del módulo: Safari 14 y Chrome < 89 no lo
+// entienden, y no ejecutarían ni una línea de la página.
+void (async () => {
+  await refreshManifest()
+  await show(initialIndex(), { focus: false })
+  scheduleManifestPoll()
+})()
diff --git a/src/ui/assets/compat-informe.js b/src/ui/assets/compat-informe.js
new file mode 100644
index 0000000..c1108c4
--- /dev/null
+++ b/src/ui/assets/compat-informe.js
@@ -0,0 +1,25 @@
+/**
+ * Cuenta al servidor que este navegador no ha podido con una parte del visor
+ * (#110): PDF.js que no carga, un vídeo que no se puede reproducir. Queda una
+ * línea en el log de la aplicación, que es la única forma de saber, después de
+ * desplegar, quién sigue fuera.
+ *
+ * Fail-open, como la telemetría: perder el aviso no estorba a nadie. Cuando ni
+ * siquiera arranca el visor, avisa la guardia (`compat.js`) por el mismo camino.
+ */
+export function informarCompat ({ sessionToken, pagina, motivo, detalle = '' }) {
+  if (!sessionToken) return
+  try {
+    fetch('/telemetry/compat', {
+      method: 'POST',
+      keepalive: true,
+      headers: {
+        Authorization: `Bearer ${sessionToken}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ pagina, motivo, detalle: String(detalle ?? '').slice(0, 300) })
+    }).catch(() => {})
+  } catch {
+    // Sin fetch no hay aviso, y no pasa nada.
+  }
+}
diff --git a/src/ui/assets/compat.js b/src/ui/assets/compat.js
new file mode 100644
index 0000000..7fbb4d1
--- /dev/null
+++ b/src/ui/assets/compat.js
@@ -0,0 +1,218 @@
+/*
+ * Guardia de arranque de los visores del alumno (#110, ADR-036).
+ *
+ * ES5 y script clásico a propósito: es lo único que tiene que ejecutarse en
+ * cualquier navegador, también en el que no entiende los módulos del visor. Va
+ * antes que ellos y hace tres cosas, ninguna visible en un navegador al día:
+ *
+ *   1. Pone `replaceChildren` si falta (Chrome < 86, Safari < 14): el visor lo
+ *      usa nada más arrancar.
+ *   2. Anota el primer fallo al cargar o ejecutar un script.
+ *   3. Cuando la página termina de cargar, si el visor no dejó su marca
+ *      (`window.__visorArrancado`), explica qué hacer en vez de dejar la
+ *      pantalla en blanco, ofrece la copia sellada de los PDF y lo cuenta al
+ *      servidor, que lo deja en el log.
+ *
+ * Los módulos se ejecutan antes de `load`, así que en ese momento la marca ya
+ * está puesta si el visor arrancó. Lo vigila test/ui-compat.test.js.
+ */
+(function () {
+  'use strict'
+
+  var win = window
+  var doc = document
+
+  function reemplazarHijos () {
+    while (this.lastChild) this.removeChild(this.lastChild)
+    for (var i = 0; i < arguments.length; i++) {
+      var nodo = arguments[i]
+      this.appendChild(typeof nodo === 'string' ? doc.createTextNode(nodo) : nodo)
+    }
+  }
+  var clases = [win.Element, win.Document, win.DocumentFragment]
+  for (var c = 0; c < clases.length; c++) {
+    var prototipo = clases[c] && clases[c].prototype
+    if (prototipo && !prototipo.replaceChildren && Object.defineProperty) {
+      Object.defineProperty(prototipo, 'replaceChildren', {
+        configurable: true,
+        writable: true,
+        value: reemplazarHijos
+      })
+    }
+  }
+
+  var motivo = ''
+  var detalle = ''
+  // En captura, porque el error de carga de un <script> no burbujea. Los de
+  // <video> o <img> también llegan aquí y no cuentan.
+  win.addEventListener('error', function (evento) {
+    if (motivo || !evento) return
+    var objetivo = evento.target
+    if (objetivo && objetivo.tagName === 'SCRIPT') {
+      motivo = 'carga'
+      detalle = String(objetivo.src || '')
+    } else if (evento.message) {
+      motivo = /SyntaxError/i.test(evento.message) ? 'sintaxis' : 'ejecucion'
+      detalle = String(evento.message)
+    }
+  }, true)
+
+  win.addEventListener('load', function () {
+    win.setTimeout(comprobar, 0)
+  })
+
+  function comprobar () {
+    if (win.__visorArrancado) return
+    if (!motivo) {
+      motivo = 'noModule' in doc.createElement('script') ? 'sin-arranque' : 'sin-modulos'
+    }
+    var boot = leerBootstrap()
+    pintar(boot)
+    informar(boot)
+  }
+
+  function leerBootstrap () {
+    try {
+      return JSON.parse(doc.getElementById('bootstrap').textContent)
+    } catch (e) {
+      return null
+    }
+  }
+
+  function pagina (boot) {
+    if (!boot) return 'desconocida'
+    if (boot.items) return 'coleccion'
+    if (boot.document) return 'pdf'
+    if (boot.video) return 'video'
+    return 'desconocida'
+  }
+
+  function elemento (etiqueta, clase, texto) {
+    var nodo = doc.createElement(etiqueta)
+    if (clase) nodo.className = clase
+    if (texto) nodo.appendChild(doc.createTextNode(texto))
+    return nodo
+  }
+
+  function copiasDescargables (boot) {
+    var copias = []
+    if (!boot) return copias
+    if (boot.document && boot.downloadUrl) {
+      copias.push({ titulo: boot.document.title, url: boot.downloadUrl })
+    }
+    var items = boot.items || []
+    for (var i = 0; i < items.length; i++) {
+      var item = items[i]
+      if (item.kind === 'pdf' && item.available && item.downloadAvailable !== false) {
+        copias.push({ titulo: item.title, url: '/documents/' + item.id + '/download' })
+      }
+    }
+    return copias
+  }
+
+  function nombreDeFichero (titulo) {
+    var limpio = String(titulo || 'documento').replace(/[\\/:*?"<>|]/g, '').replace(/^\s+|\s+$/g, '').slice(0, 80)
+    return (limpio || 'documento') + '.pdf'
+  }
+
+  function descargar (copia, token, boton) {
+    // El rótulo de verdad se guarda la primera vez: tras un fallo el botón
+    // enseña el error, y un reintento que sale bien tiene que devolver éste.
+    var texto = boton.getAttribute('data-rotulo') || boton.textContent
+    boton.setAttribute('data-rotulo', texto)
+    var xhr = new win.XMLHttpRequest()
+    xhr.open('GET', copia.url, true)
+    xhr.responseType = 'blob'
+    xhr.setRequestHeader('Authorization', 'Bearer ' + token)
+    boton.disabled = true
+    xhr.onload = function () {
+      boton.disabled = false
+      if (xhr.status !== 200) {
+        boton.textContent = 'No se pudo descargar (' + xhr.status + '). Vuelve a abrir la actividad.'
+        return
+      }
+      boton.textContent = texto
+      var nombre = nombreDeFichero(copia.titulo)
+      if (win.navigator.msSaveOrOpenBlob) {
+        win.navigator.msSaveOrOpenBlob(xhr.response, nombre)
+        return
+      }
+      var urls = win.URL || win.webkitURL
+      var enlace = urls.createObjectURL(xhr.response)
+      var a = doc.createElement('a')
+      if ('download' in a) {
+        a.href = enlace
+        a.download = nombre
+        doc.body.appendChild(a)
+        a.click()
+        doc.body.removeChild(a)
+      } else {
+        // Sin atributo download (iOS < 13): el propio navegador abre el PDF.
+        win.location.href = enlace
+      }
+      win.setTimeout(function () { urls.revokeObjectURL(enlace) }, 60000)
+    }
+    xhr.onerror = function () {
+      boton.disabled = false
+      boton.textContent = 'No se pudo descargar. Comprueba la conexión.'
+    }
+    xhr.send()
+  }
+
+  function pintar (boot) {
+    var destino = doc.getElementById('content')
+    if (!destino) return
+    var aviso = elemento('div', 'notice warning compat-aviso')
+    aviso.setAttribute('role', 'alert')
+    aviso.appendChild(elemento('p', 'compat-aviso-titulo', 'No se ha podido abrir el visor en este navegador.'))
+    aviso.appendChild(elemento('p', null, 'Vuelve a abrir la actividad desde Moodle; a veces basta con eso. Si sigue igual:'))
+    var lista = elemento('ul')
+    lista.appendChild(elemento('li', null, 'Actualiza el navegador o usa Chrome, Firefox, Edge o Safari en una versión reciente.'))
+    lista.appendChild(elemento('li', null, 'En Windows 7 sirven Chrome 109 y Firefox ESR 115; Internet Explorer, no. En un Mac antiguo, Firefox o Chrome.'))
+    lista.appendChild(elemento('li', null, 'En iPhone o iPad: Ajustes, General, Actualización de software.'))
+    if (/MoodleMobile/i.test(win.navigator.userAgent || '')) {
+      lista.appendChild(elemento('li', null, 'Si estás en la app de Moodle, abre la actividad en el navegador.'))
+    }
+    aviso.appendChild(lista)
+
+    var token = boot && boot.sessionToken
+    var copias = token ? copiasDescargables(boot) : []
+    if (copias.length) {
+      aviso.appendChild(elemento('p', null, 'Mientras tanto, puedes descargar tu copia personal de los documentos: lleva tu identidad en cada página.'))
+    }
+    for (var i = 0; i < copias.length; i++) {
+      (function (copia) {
+        var boton = elemento('button', 'primary', 'Descargar «' + copia.titulo + '»')
+        boton.type = 'button'
+        boton.onclick = function () { descargar(copia, token, boton) }
+        var fila = elemento('p')
+        fila.appendChild(boton)
+        aviso.appendChild(fila)
+      })(copias[i])
+    }
+    var items = (boot && boot.items) || []
+    for (var j = 0; j < items.length; j++) {
+      if (items[j].kind === 'video') {
+        aviso.appendChild(elemento('p', 'muted', 'Vídeo «' + items[j].title + '»: necesita un navegador actualizado.'))
+      }
+    }
+    aviso.appendChild(elemento('p', 'muted compat-detalle',
+      'Para soporte: ' + motivo + (detalle ? ' · ' + detalle.slice(0, 160) : '') + ' · ' + (win.navigator.userAgent || '')))
+
+    while (destino.firstChild) destino.removeChild(destino.firstChild)
+    destino.appendChild(aviso)
+  }
+
+  function informar (boot) {
+    if (!boot || !boot.sessionToken || !win.XMLHttpRequest || !win.JSON) return
+    try {
+      var xhr = new win.XMLHttpRequest()
+      xhr.open('POST', '/telemetry/compat', true)
+      xhr.setRequestHeader('Content-Type', 'application/json')
+      xhr.setRequestHeader('Authorization', 'Bearer ' + boot.sessionToken)
+      xhr.send(JSON.stringify({ pagina: pagina(boot), motivo: motivo, detalle: detalle.slice(0, 300) }))
+    } catch (e) {
+      // Perder el aviso no puede estropear lo que ya se le ha enseñado al alumno.
+    }
+  }
+})()
diff --git a/src/ui/assets/dialog.js b/src/ui/assets/dialog.js
index d25ab33..fa534fe 100644
--- a/src/ui/assets/dialog.js
+++ b/src/ui/assets/dialog.js
@@ -12,5 +12,49 @@
 export function abrirDialogo (dialog) {
   if (!dialog) return
   dialog.returnValue = ''
-  dialog.showModal()
+  if (typeof dialog.showModal === 'function') return dialog.showModal()
+  abrirSinSoporte(dialog)
+}
+
+/**
+ * Safari < 15.4 y Firefox < 98 no tienen `<dialog>` (#110): el elemento es un
+ * bloque desconocido sin `showModal`, y su `form method="dialog"` se enviaría
+ * como un GET a la propia página, que en un visor es `/lti/launch`. Aquí se
+ * abre como capa normal y se cierra a mano, con el botón pulsado como
+ * `returnValue` y Escape como en el nativo. Sólo en esos navegadores.
+ */
+function abrirSinSoporte (dialog) {
+  if (!dialog.dataset.sinSoporte) {
+    dialog.dataset.sinSoporte = '1'
+    let pulsado = ''
+    dialog.addEventListener('click', (event) => {
+      const boton = event.target.closest?.('button')
+      if (boton) pulsado = boton.value ?? ''
+    })
+    dialog.addEventListener('submit', (event) => {
+      if (event.target.getAttribute('method') !== 'dialog') return
+      event.preventDefault()
+      cerrarSinSoporte(dialog, pulsado)
+      pulsado = ''
+    })
+    document.addEventListener('keydown', (event) => {
+      if (event.key === 'Escape' && dialog.hasAttribute('open')) cerrarSinSoporte(dialog, '')
+    })
+  }
+  dialog.classList.add('dialogo-sin-soporte')
+  dialog.setAttribute('open', '')
+  // Como el nativo, el foco entra en el diálogo y vuelve adonde estaba al
+  // cerrarlo: con teclado o lector de pantalla, si no, no se nota que se abrió.
+  focoAnterior.set(dialog, document.activeElement)
+  dialog.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')?.focus?.()
+}
+
+const focoAnterior = new WeakMap()
+
+function cerrarSinSoporte (dialog, valor) {
+  dialog.returnValue = valor
+  dialog.removeAttribute('open')
+  focoAnterior.get(dialog)?.focus?.()
+  focoAnterior.delete(dialog)
+  dialog.dispatchEvent(new Event('close'))
 }
diff --git a/src/ui/assets/pdf-component.js b/src/ui/assets/pdf-component.js
index 928c662..4c77f9a 100644
--- a/src/ui/assets/pdf-component.js
+++ b/src/ui/assets/pdf-component.js
@@ -1,3 +1,4 @@
+import { informarCompat } from './compat-informe.js?v=compat-1'
 import { pdfMarkLabel, pdfMarkTile } from './pdf-mark.js'
 
 /**
@@ -305,6 +306,7 @@ export async function createPdfView ({
   } catch (err) {
     const titulo = sinVisor('navegador')
     status(titulo, true)
+    informarCompat({ sessionToken, pagina: 'pdf', motivo: 'pdfjs', detalle: err?.message })
     // Con texto para el alumno: la colección enseña `message` tal cual, y el
     // original sería algo como «Unexpected token '{'».
     throw new Error(titulo, { cause: err })
diff --git a/src/ui/assets/pdf.js b/src/ui/assets/pdf.js
index b6a4fcb..94f0b6d 100644
--- a/src/ui/assets/pdf.js
+++ b/src/ui/assets/pdf.js
@@ -1,6 +1,6 @@
-import { createPdfView } from './pdf-component.js?v=pdf-legacy-1'
+import { createPdfView } from './pdf-component.js?v=compat-1'
 import { downloadPdfCopy } from './pdf-download.js?v=viewer-ux-1'
-import { createViewerShell } from './viewer-shell.js?v=viewer-chrome-1'
+import { createViewerShell } from './viewer-shell.js?v=compat-1'
 import { createProgressSaver } from './progress-client.js?v=resume-1'
 import { createPdfTelemetry } from './telemetry-client.js?v=velocidad-1'
 
@@ -26,46 +26,56 @@ shell.setDownload({
   onDownload: descargarCopia
 })
 
-try {
-  const view = await createPdfView({
-    container: document.getElementById('content'),
-    sessionToken: boot.sessionToken,
-    document: {
-      id: boot.document.id,
-      title: boot.document.title,
-      contentUrl: boot.contentUrl,
-      downloadUrl: boot.downloadUrl
-    },
-    user: boot.user,
-    onStatus: shell.setStatus,
-    onAccessibility: ({ hasText }) => {
-      document.getElementById('accessibility-note').hidden = hasText
-    },
-    initialPage: boot.progress?.pageNumber ?? 1,
-    onDownload: descargarCopia
-  })
+// El armazón ya está: si el documento no abre, el propio visor lo explica y
+// ofrece la copia. La guardia de arranque (`compat.js`) no tiene nada que hacer.
+window.__visorArrancado = true
 
-  // La clave `progress` sólo viene en el bootstrap de un alumno: si no está,
-  // tampoco hay nada que guardar (sesión de profesor). La página se guarda
-  // siempre: volver a la primera también es una posición intencional.
-  if ('progress' in boot) {
-    createProgressSaver({
+// Sin `await` en el nivel superior del módulo: Safari 14 y Chrome < 89 no lo
+// entienden, y no ejecutarían ni una línea de la página.
+async function abrir () {
+  try {
+    const view = await createPdfView({
+      container: document.getElementById('content'),
       sessionToken: boot.sessionToken,
-      url: `/progress/pdf/${boot.document.id}`,
-      read: () => {
-        const pageNumber = view.currentPage
-        return Number.isInteger(pageNumber) && pageNumber >= 1 ? { pageNumber } : null
-      }
+      document: {
+        id: boot.document.id,
+        title: boot.document.title,
+        contentUrl: boot.contentUrl,
+        downloadUrl: boot.downloadUrl
+      },
+      user: boot.user,
+      onStatus: shell.setStatus,
+      onAccessibility: ({ hasText }) => {
+        document.getElementById('accessibility-note').hidden = hasText
+      },
+      initialPage: boot.progress?.pageNumber ?? 1,
+      onDownload: descargarCopia
     })
-    // El marcador guarda la última página; esto, cuántas distintas se abrieron.
-    const telemetry = createPdfTelemetry({
-      sessionToken: boot.sessionToken,
-      documentId: boot.document.id,
-      view
-    })
-    window.addEventListener('pagehide', () => telemetry.destroy())
+
+    // La clave `progress` sólo viene en el bootstrap de un alumno: si no está,
+    // tampoco hay nada que guardar (sesión de profesor). La página se guarda
+    // siempre: volver a la primera también es una posición intencional.
+    if ('progress' in boot) {
+      createProgressSaver({
+        sessionToken: boot.sessionToken,
+        url: `/progress/pdf/${boot.document.id}`,
+        read: () => {
+          const pageNumber = view.currentPage
+          return Number.isInteger(pageNumber) && pageNumber >= 1 ? { pageNumber } : null
+        }
+      })
+      // El marcador guarda la última página; esto, cuántas distintas se abrieron.
+      const telemetry = createPdfTelemetry({
+        sessionToken: boot.sessionToken,
+        documentId: boot.document.id,
+        view
+      })
+      window.addEventListener('pagehide', () => telemetry.destroy())
+    }
+  } catch {
+    // createPdfView ya dejó el motivo en el estado; aquí sólo se evita que el
+    // rechazo llegue sin capturar a la consola del iframe de Moodle.
   }
-} catch {
-  // createPdfView ya dejó el motivo en el estado; aquí sólo se evita que el
-  // rechazo llegue sin capturar a la consola del iframe de Moodle.
 }
+
+void abrir()
diff --git a/src/ui/assets/player.js b/src/ui/assets/player.js
index 905a268..1757b44 100644
--- a/src/ui/assets/player.js
+++ b/src/ui/assets/player.js
@@ -1,5 +1,5 @@
-import { createVideoView } from './video-component.js?v=velocidad-1'
-import { createViewerShell, VIDEO_DOWNLOAD_HELP } from './viewer-shell.js?v=viewer-chrome-1'
+import { createVideoView } from './video-component.js?v=compat-1'
+import { createViewerShell, VIDEO_DOWNLOAD_HELP } from './viewer-shell.js?v=compat-1'
 import { createProgressSaver, videoProgressPosition } from './progress-client.js?v=resume-1'
 import { createVideoTelemetry } from './telemetry-client.js?v=velocidad-1'
 
@@ -28,24 +28,34 @@ const view = createVideoView({
   startAtSeconds: boot.progress?.positionSeconds ?? 0
 })
 
-// La clave `progress` sólo viene en el bootstrap de un alumno: si no está,
-// tampoco hay nada que guardar (sesión de profesor).
-const saver = 'progress' in boot
-  ? createProgressSaver({
-    sessionToken: boot.sessionToken,
-    url: `/progress/video/${boot.video.id}`,
-    read: () => {
-      const positionSeconds = videoProgressPosition(view.currentTime, view.duration)
-      return positionSeconds === null ? null : { positionSeconds }
-    }
-  })
-  : null
+// El visor ya está montado: la guardia de arranque (`compat.js`) no tiene nada
+// que explicar. Lo que sigue es marcador y telemetría, que no pueden tumbarlo.
+window.__visorArrancado = true
 
-// Misma puerta que el marcador: la telemetría docente es de alumnos, y el
-// profesor abre materiales constantemente al editar.
-const telemetry = 'progress' in boot
-  ? createVideoTelemetry({ sessionToken: boot.sessionToken, videoId: boot.video.id, view })
-  : null
+let saver = null
+let telemetry = null
+try {
+  // La clave `progress` sólo viene en el bootstrap de un alumno: si no está,
+  // tampoco hay nada que guardar (sesión de profesor).
+  saver = 'progress' in boot
+    ? createProgressSaver({
+      sessionToken: boot.sessionToken,
+      url: `/progress/video/${boot.video.id}`,
+      read: () => {
+        const positionSeconds = videoProgressPosition(view.currentTime, view.duration)
+        return positionSeconds === null ? null : { positionSeconds }
+      }
+    })
+    : null
+
+  // Misma puerta que el marcador: la telemetría docente es de alumnos, y el
+  // profesor abre materiales constantemente al editar.
+  telemetry = 'progress' in boot
+    ? createVideoTelemetry({ sessionToken: boot.sessionToken, videoId: boot.video.id, view })
+    : null
+} catch {
+  // Sin marcador ni telemetría se sigue viendo el vídeo, que es lo que importa.
+}
 
 window.addEventListener('pagehide', () => {
   saver?.destroy()
diff --git a/src/ui/assets/video-component.js b/src/ui/assets/video-component.js
index 262bcc3..eef246c 100644
--- a/src/ui/assets/video-component.js
+++ b/src/ui/assets/video-component.js
@@ -1,3 +1,5 @@
+import { informarCompat } from './compat-informe.js?v=compat-1'
+
 const WATERMARK_POSITIONS = [
   ['7%', '9%'],
   ['61%', '12%'],
@@ -216,7 +218,12 @@ export function classifyHlsError (data, {
   if (data.type === 'mediaError') {
     if (mediaRecoveries === 0) return { action: 'recover', message: 'Recuperando la reproducción…' }
     if (mediaRecoveries < maxMediaRecoveries) return { action: 'swap', message: 'Recuperando la reproducción…' }
-    return { action: 'fatal', message: 'No se pudo reproducir el vídeo. Vuelve a abrir la actividad.' }
+    // Suele ser el navegador, no la red: Firefox en Windows 7, por ejemplo, no
+    // descodifica por encima de 1920×1088 (#108).
+    return {
+      action: 'fatal',
+      message: 'No se pudo reproducir el vídeo en este navegador. Vuelve a abrir la actividad o prueba con Chrome o Edge actualizados.'
+    }
   }
   return { action: 'fatal', message: 'No se pudo reproducir el vídeo. Vuelve a abrir la actividad.' }
 }
@@ -232,7 +239,7 @@ export function classifyNativeError (mediaErrorCode, { attempts = 0, maxAttempts
   if (mediaErrorCode === 3) {
     return {
       action: 'fatal',
-      message: 'No se pudo descodificar el vídeo en este navegador. Vuelve a abrir la actividad.'
+      message: 'No se pudo descodificar el vídeo en este navegador. Actualiza el dispositivo o prueba con otro navegador, y vuelve a abrir la actividad.'
     }
   }
   if (attempts < maxAttempts) return { action: 'reticket', message: null }
@@ -949,7 +956,12 @@ export function createVideoView ({
       maxAttempts: NATIVE_MAX_ATTEMPTS
     })
     if (decision.action === 'ignore') return
-    if (decision.action === 'fatal') return status(decision.message, true)
+    if (decision.action === 'fatal') {
+      if (element.error?.code === 3) {
+        informarCompat({ sessionToken, pagina: 'video', motivo: 'medio', detalle: 'MEDIA_ERR_DECODE (HLS nativo)' })
+      }
+      return status(decision.message, true)
+    }
     const resumeAt = Number.isFinite(element.currentTime) ? element.currentTime : 0
     void loadNativeHls({ resumeAt })
   }
@@ -1014,6 +1026,9 @@ export function createVideoView ({
         hls.recoverMediaError()
       } else {
         // auth | fatal: no hay nada que reintentar con esta sesión.
+        if (decision.action === 'fatal' && data.type === 'mediaError') {
+          informarCompat({ sessionToken, pagina: 'video', motivo: 'medio', detalle: data.details })
+        }
         hls.destroy()
         hls = null
       }
@@ -1022,7 +1037,9 @@ export function createVideoView ({
     listen(element, 'error', onNativeError)
     void loadNativeHls()
   } else {
-    status('Este navegador no puede reproducir HLS.', true)
+    // Ni Media Source ni HLS nativo, o un códec que no sabe descodificar.
+    status('Este navegador no puede reproducir el vídeo. Usa Chrome, Edge, Firefox o Safari en una versión reciente; en iPhone o iPad, actualiza iOS.', true)
+    informarCompat({ sessionToken, pagina: 'video', motivo: 'sin-hls', detalle: win.Hls ? 'hls.js sin Media Source' : 'sin hls.js' })
   }
 
   return {
diff --git a/src/ui/assets/viewer-shell.js b/src/ui/assets/viewer-shell.js
index 6f97430..a6db936 100644
--- a/src/ui/assets/viewer-shell.js
+++ b/src/ui/assets/viewer-shell.js
@@ -1,4 +1,4 @@
-import { abrirDialogo } from './dialog.js?v=viewer-chrome-1'
+import { abrirDialogo } from './dialog.js?v=compat-1'
 
 /**
  * Armazón común de los visores del alumno.
diff --git a/src/ui/collection.html b/src/ui/collection.html
index 3487562..fc1ac59 100644
--- a/src/ui/collection.html
+++ b/src/ui/collection.html
@@ -48,7 +48,7 @@ <h1 id="title"></h1>
     </aside>
 
     <section class="viewer-main collection-main" aria-label="Material actual">
-      <div id="content" class="viewer-content"></div>
+      <div id="content" class="viewer-content"><noscript><p class="notice warning">Este material necesita JavaScript. Actívalo en el navegador y vuelve a abrir la actividad desde Moodle.</p></noscript></div>
     </section>
   </main>
 
@@ -63,6 +63,7 @@ <h3>Datos registrados de esta sesión</h3>
   </dialog>
 
   <script id="bootstrap" type="application/json">{{BOOTSTRAP}}</script>
+  <script src="/assets/compat.js?v={{ASSET_VERSION}}"></script>
   <script src="/vendor/hls.min.js?v={{ASSET_VERSION}}"></script>
   <script type="module" src="/assets/collection.js?v={{ASSET_VERSION}}"></script>
 </body>
diff --git a/src/ui/pdf.html b/src/ui/pdf.html
index 7f4241b..0f25a78 100644
--- a/src/ui/pdf.html
+++ b/src/ui/pdf.html
@@ -41,7 +41,7 @@ <h1 id="title"></h1>
       </section>
     </aside>
     <section class="viewer-main" aria-label="Contenido del documento">
-      <div id="content" class="viewer-content"></div>
+      <div id="content" class="viewer-content"><noscript><p class="notice warning">Este material necesita JavaScript. Actívalo en el navegador y vuelve a abrir la actividad desde Moodle.</p></noscript></div>
     </section>
   </main>
 
@@ -56,6 +56,7 @@ <h3>Datos registrados de esta sesión</h3>
   </dialog>
 
   <script id="bootstrap" type="application/json">{{BOOTSTRAP}}</script>
+  <script src="/assets/compat.js?v={{ASSET_VERSION}}"></script>
   <script type="module" src="/assets/pdf.js?v={{ASSET_VERSION}}"></script>
 </body>
 </html>
diff --git a/src/ui/player.html b/src/ui/player.html
index 1016b66..d395d75 100644
--- a/src/ui/player.html
+++ b/src/ui/player.html
@@ -36,7 +36,7 @@ <h1 id="title"></h1>
       </section>
     </aside>
     <section class="viewer-main" aria-label="Contenido del vídeo">
-      <div id="content" class="viewer-content"></div>
+      <div id="content" class="viewer-content"><noscript><p class="notice warning">Este material necesita JavaScript. Actívalo en el navegador y vuelve a abrir la actividad desde Moodle.</p></noscript></div>
     </section>
   </main>
 
@@ -51,6 +51,7 @@ <h3>Datos registrados de esta sesión</h3>
   </dialog>
 
   <script id="bootstrap" type="application/json">{{BOOTSTRAP}}</script>
+  <script src="/assets/compat.js?v={{ASSET_VERSION}}"></script>
   <script src="/vendor/hls.min.js?v={{ASSET_VERSION}}"></script>
   <script type="module" src="/assets/player.js?v={{ASSET_VERSION}}"></script>
 </body>
diff --git a/test/dialogo-sin-soporte.test.js b/test/dialogo-sin-soporte.test.js
new file mode 100644
index 0000000..f2c9cf6
--- /dev/null
+++ b/test/dialogo-sin-soporte.test.js
@@ -0,0 +1,96 @@
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { abrirDialogo } from '../src/ui/assets/dialog.js'
+
+/**
+ * `<dialog>` en Safari < 15.4 y Firefox < 98 (#110): sin `showModal`, el aviso
+ * legal del visor se abre como capa y su `form method="dialog"` se intercepta.
+ * Sin esto, pulsar «Entendido» enviaba un GET a /lti/launch.
+ */
+
+const oyentesDocumento = {}
+globalThis.document = {
+  activeElement: null,
+  addEventListener: (tipo, fn) => { (oyentesDocumento[tipo] ??= []).push(fn) }
+}
+
+function enfocable (nombre) {
+  const el = { nombre, focus: () => { globalThis.document.activeElement = el } }
+  return el
+}
+
+function dialogoFalso ({ nativo = false } = {}) {
+  const oyentes = {}
+  const atributos = new Set()
+  const boton = enfocable('Entendido')
+  const dialogo = {
+    boton,
+    querySelector: () => boton,
+    dataset: {},
+    returnValue: 'ok-de-la-vez-anterior',
+    clases: new Set(),
+    classList: { add: (c) => dialogo.clases.add(c) },
+    setAttribute: (n) => atributos.add(n),
+    removeAttribute: (n) => atributos.delete(n),
+    hasAttribute: (n) => atributos.has(n),
+    addEventListener: (tipo, fn) => { (oyentes[tipo] ??= []).push(fn) },
+    dispatchEvent: (evento) => { (oyentes[evento.type] ?? []).forEach((fn) => fn(evento)); return true },
+    disparar: (tipo, evento) => (oyentes[tipo] ?? []).forEach((fn) => fn(evento)),
+    oyentes
+  }
+  if (nativo) dialogo.showModal = () => atributos.add('open')
+  return dialogo
+}
+
+test('con <dialog> nativo se usa showModal y no se toca nada más', () => {
+  const dialogo = dialogoFalso({ nativo: true })
+  abrirDialogo(dialogo)
+  assert.equal(dialogo.returnValue, '')
+  assert.ok(dialogo.hasAttribute('open'))
+  assert.equal(dialogo.clases.size, 0)
+  assert.equal(dialogo.oyentes.submit, undefined)
+})
+
+test('sin <dialog> se abre como capa y «Entendido» cierra sin enviar nada', () => {
+  const dialogo = dialogoFalso()
+  let cerrado = 0
+  dialogo.addEventListener('close', () => { cerrado++ })
+  abrirDialogo(dialogo)
+  assert.ok(dialogo.hasAttribute('open'))
+  assert.ok(dialogo.clases.has('dialogo-sin-soporte'))
+  assert.equal(dialogo.returnValue, '', 'el valor de la vez anterior no puede sobrevivir')
+
+  dialogo.disparar('click', { target: { closest: () => ({ value: 'ok' }) } })
+  let enviado = true
+  dialogo.disparar('submit', {
+    target: { getAttribute: (n) => (n === 'method' ? 'dialog' : null) },
+    preventDefault: () => { enviado = false }
+  })
+  assert.equal(enviado, false, 'el formulario no puede navegar: sería un GET a /lti/launch')
+  assert.ok(!dialogo.hasAttribute('open'))
+  assert.equal(dialogo.returnValue, 'ok')
+  assert.equal(cerrado, 1)
+})
+
+test('sin <dialog>, Escape cierra sin valor y reabrir no duplica los oyentes', () => {
+  const dialogo = dialogoFalso()
+  abrirDialogo(dialogo)
+  oyentesDocumento.keydown.at(-1)({ key: 'Escape' })
+  assert.ok(!dialogo.hasAttribute('open'))
+  assert.equal(dialogo.returnValue, '')
+
+  const submits = dialogo.oyentes.submit.length
+  abrirDialogo(dialogo)
+  assert.ok(dialogo.hasAttribute('open'))
+  assert.equal(dialogo.oyentes.submit.length, submits)
+})
+
+test('sin <dialog>, el foco entra en el diálogo y vuelve adonde estaba al cerrarlo', () => {
+  const dialogo = dialogoFalso()
+  const enlace = enfocable('Aviso legal')
+  enlace.focus()
+  abrirDialogo(dialogo)
+  assert.equal(globalThis.document.activeElement, dialogo.boton, 'como showModal: el foco pasa al diálogo')
+  oyentesDocumento.keydown.at(-1)({ key: 'Escape' })
+  assert.equal(globalThis.document.activeElement, enlace, 'y al cerrar vuelve a lo que lo abrió')
+})
diff --git a/test/telemetry-compat.test.js b/test/telemetry-compat.test.js
new file mode 100644
index 0000000..adcdf73
--- /dev/null
+++ b/test/telemetry-compat.test.js
@@ -0,0 +1,105 @@
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import express from 'express'
+import { issueSession } from '../src/session.js'
+import { normalizarInformeCompat, telemetryRouter } from '../src/routes/telemetry.js'
+
+/**
+ * `POST /telemetry/compat` (#110): lo que manda un visor que no pudo con el
+ * navegador del alumno. Sólo deja una línea en el log, enumerada y recortada,
+ * y responde 204 pase lo que pase.
+ */
+
+test('el informe se enumera y se recorta antes de llegar al log', () => {
+  assert.deepEqual(
+    normalizarInformeCompat({ pagina: 'coleccion', motivo: 'sintaxis', detalle: "Uncaught SyntaxError: Unexpected token '?'" }),
+    { pagina: 'coleccion', motivo: 'sintaxis', detalle: "Uncaught SyntaxError: Unexpected token '?'" }
+  )
+  const raro = normalizarInformeCompat({ pagina: '<script>', motivo: 'cualquier cosa', detalle: 'a\nb\u0000c' + 'x'.repeat(500) })
+  assert.equal(raro.pagina, 'desconocida')
+  assert.equal(raro.motivo, 'otro')
+  assert.ok(!raro.detalle.includes('\n') && !raro.detalle.includes('\u0000'),
+    'sin saltos de línea ni controles: cada informe es una línea del log')
+  assert.equal(raro.detalle.length, 300)
+  assert.deepEqual(normalizarInformeCompat(null), { pagina: 'desconocida', motivo: 'otro', detalle: '' })
+})
+
+async function servidor () {
+  const avisos = []
+  const app = express()
+  app.locals.touchPlaybackGrant = async () => {}
+  app.use(express.json())
+  app.use((req, _res, next) => {
+    req.log = { warn: (datos, mensaje) => avisos.push({ datos, mensaje }) }
+    next()
+  })
+  app.use('/telemetry', telemetryRouter)
+  const http = await new Promise((resolve) => {
+    const s = app.listen(0, '127.0.0.1', () => resolve(s))
+  })
+  return { url: `http://127.0.0.1:${http.address().port}`, avisos, cerrar: () => new Promise((r) => http.close(r)) }
+}
+
+test('con sesión deja una línea en el log, con el navegador, y responde 204', async () => {
+  const srv = await servidor()
+  try {
+    const token = issueSession({ sub: 'alumna', platformId: 'p1', isInstructor: false, mode: 'launch' })
+    const respuesta = await fetch(`${srv.url}/telemetry/compat`, {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${token}`,
+        'Content-Type': 'application/json',
+        'User-Agent': 'Mozilla/5.0 (Windows NT 6.1) Firefox/115.0'
+      },
+      body: JSON.stringify({ pagina: 'pdf', motivo: 'pdfjs', detalle: 'Iterator is not defined' })
+    })
+    assert.equal(respuesta.status, 204)
+    assert.equal(srv.avisos.length, 1)
+    const [{ datos, mensaje }] = srv.avisos
+    assert.equal(mensaje, 'Visor sin poder con el PDF o el vídeo en este navegador',
+      'PDF.js o el vídeo también fallan en un navegador al día: no es «sin arrancar»')
+    assert.deepEqual(datos.compat, { pagina: 'pdf', motivo: 'pdfjs', detalle: 'Iterator is not defined' })
+    assert.match(datos.userAgent, /Firefox\/115/)
+    assert.equal(datos.platformId, 'p1')
+    assert.equal(datos.rol, 'alumno')
+    assert.equal(datos.sub, undefined, 'el log no necesita saber quién es el alumno')
+  } finally {
+    await srv.cerrar()
+  }
+})
+
+test('sin sesión no se escribe nada', async () => {
+  const srv = await servidor()
+  try {
+    const respuesta = await fetch(`${srv.url}/telemetry/compat`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ pagina: 'pdf', motivo: 'pdfjs' })
+    })
+    assert.equal(respuesta.status, 401)
+    assert.equal(srv.avisos.length, 0, 'un endpoint que escribe en el log no puede quedar abierto a cualquiera')
+  } finally {
+    await srv.cerrar()
+  }
+})
+
+test('«Visor sin arrancar» es sólo de quien se queda fuera por el navegador', async () => {
+  const srv = await servidor()
+  try {
+    const token = issueSession({ sub: 'alumno', platformId: 'p1', isInstructor: false, mode: 'launch' })
+    for (const motivo of ['sin-modulos', 'sintaxis', 'medio']) {
+      await fetch(`${srv.url}/telemetry/compat`, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({ pagina: 'video', motivo })
+      })
+    }
+    assert.deepEqual(srv.avisos.map((a) => a.mensaje), [
+      'Visor sin arrancar en este navegador',
+      'Visor sin arrancar en este navegador',
+      'Visor sin poder con el PDF o el vídeo en este navegador'
+    ])
+  } finally {
+    await srv.cerrar()
+  }
+})
diff --git a/test/ui-compat.test.js b/test/ui-compat.test.js
new file mode 100644
index 0000000..0dac104
--- /dev/null
+++ b/test/ui-compat.test.js
@@ -0,0 +1,313 @@
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { readFile } from 'node:fs/promises'
+import path from 'node:path'
+import vm from 'node:vm'
+import { fileURLToPath } from 'node:url'
+import { Linter } from 'eslint'
+import configuracion, { SUELO_DEL_VISOR } from '../eslint.config.js'
+
+/**
+ * El visor del alumno nunca deja una pantalla en blanco (#110, ADR-036).
+ *
+ * Por encima del suelo —navegadores de 2020— el visor arranca; por debajo, la
+ * guardia `compat.js` explica qué hacer y avisa al servidor. Estas pruebas
+ * fijan las dos mitades: que ninguna línea del visor exija más de lo que
+ * entienden esos navegadores, y que la guardia funcione en cualquiera.
+ */
+
+const ui = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../src/ui')
+const ENTRADAS = ['player.js', 'pdf.js', 'collection.js', 'pdfjs-worker.js']
+const PAGINAS = ['player.html', 'pdf.html', 'collection.html']
+
+/**
+ * Los módulos propios que pide `fuente`: `import`, `export … from` e `import()`
+ * con literal. Se leen del árbol sintáctico, no con una expresión regular, para
+ * no dejarse ninguna forma de pedir un módulo.
+ */
+function modulosPedidos (fuente, fichero) {
+  const rutas = []
+  const anotar = (nodo) => {
+    const ruta = nodo.source?.value
+    if (typeof ruta === 'string' && ruta.startsWith('./')) rutas.push(ruta.slice(2).replace(/\?.*$/, ''))
+  }
+  new Linter().verify(fuente, [{
+    files: ['**/*.js'],
+    languageOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+    plugins: {
+      grafo: {
+        rules: {
+          modulos: {
+            create: () => ({
+              ImportDeclaration: anotar,
+              ExportNamedDeclaration: anotar,
+              ExportAllDeclaration: anotar,
+              ImportExpression: anotar
+            })
+          }
+        }
+      }
+    },
+    rules: { 'grafo/modulos': 'error' }
+  }], { filename: fichero })
+  return rutas
+}
+
+/** Todos los módulos propios que carga el visor, siguiendo lo que piden. */
+async function grafoDelVisor () {
+  const vistos = new Set()
+  const pendientes = [...ENTRADAS]
+  while (pendientes.length) {
+    const fichero = pendientes.pop()
+    if (vistos.has(fichero)) continue
+    vistos.add(fichero)
+    const fuente = await readFile(path.join(ui, 'assets', fichero), 'utf8')
+    pendientes.push(...modulosPedidos(fuente, fichero))
+  }
+  return [...vistos].sort()
+}
+
+test('el visor del alumno no usa sintaxis que no entiendan los navegadores de 2020', async () => {
+  const linter = new Linter()
+  for (const fichero of await grafoDelVisor()) {
+    const fuente = await readFile(path.join(ui, 'assets', fichero), 'utf8')
+    const problemas = linter.verify(fuente, [{
+      files: ['**/*.js'],
+      languageOptions: { ecmaVersion: 2021, sourceType: 'module' },
+      rules: { 'no-restricted-syntax': ['error', ...SUELO_DEL_VISOR] }
+    }], { filename: fichero })
+    assert.deepEqual(problemas.map((p) => `${p.line}: ${p.message}`), [],
+      `${fichero}: sintaxis por encima de Chrome 80, Firefox 74 y Safari 13.4`)
+  }
+})
+
+test('el suelo caza lo que dice cazar', () => {
+  // Cada línea compila en ES2021 y rompe el módulo entero en algún navegador
+  // del suelo. Si una deja de cazarse, el visor puede volver a quedar en blanco.
+  const casos = {
+    'let a; a ??= 1': 'Asignación lógica',
+    'export const r = /(?<=a)b/': 'Lookbehind',
+    'export const r = /(?<anio>\\d{4})/': 'Grupo con nombre',
+    'export const r = /\\p{L}/u': 'Grupo con nombre o \\p',
+    'export const r = /a.b/s': 'Flag s',
+    'export const n = 1n': 'BigInt',
+    "export * as todo from './dialog.js'": '`export * as`'
+  }
+  const linter = new Linter()
+  for (const [codigo, aviso] of Object.entries(casos)) {
+    const problemas = linter.verify(codigo, [{
+      files: ['**/*.js'],
+      languageOptions: { ecmaVersion: 2021, sourceType: 'module' },
+      rules: { 'no-restricted-syntax': ['error', ...SUELO_DEL_VISOR] }
+    }], { filename: 'caso.js' })
+    assert.equal(problemas.length, 1, `${codigo} → ${JSON.stringify(problemas.map((p) => p.message))}`)
+    assert.ok(problemas[0].message.startsWith(aviso), `${codigo} → ${problemas[0].message}`)
+  }
+  assert.deepEqual(linter.verify("export * from './dialog.js'; export const r = /(?:a)b/g", [{
+    files: ['**/*.js'],
+    languageOptions: { ecmaVersion: 2021, sourceType: 'module' },
+    rules: { 'no-restricted-syntax': ['error', ...SUELO_DEL_VISOR] }
+  }], { filename: 'caso.js' }), [], 'lo que sí entienden no se marca')
+})
+
+test('el grafo del visor sigue también los `export … from`', () => {
+  assert.deepEqual(
+    modulosPedidos("import a from './a.js?v=1'\nexport { b } from './b.js'\nexport * from './c.js'\nconst d = import('./d.js')\nexport * from '/vendor/x.mjs'", 'x.js'),
+    ['a.js', 'b.js', 'c.js', 'd.js']
+  )
+})
+
+test('eslint vigila el mismo suelo, para que lo marque el editor', async () => {
+  const bloque = configuracion.find((b) => b.rules?.['no-restricted-syntax'] && b.languageOptions?.ecmaVersion === 2021)
+  assert.ok(bloque, 'eslint.config.js tiene que declarar el suelo del visor')
+  for (const fichero of await grafoDelVisor()) {
+    assert.ok(bloque.files.includes(`src/ui/assets/${fichero}`),
+      `${fichero} entra en el visor y falta en la lista de eslint.config.js`)
+  }
+})
+
+test('la guardia es ES5 y script clásico, para que corra en cualquier navegador', async () => {
+  const fuente = await readFile(path.join(ui, 'assets/compat.js'), 'utf8')
+  const fatales = new Linter()
+    .verify(fuente, [{ languageOptions: { ecmaVersion: 5, sourceType: 'script' } }])
+    .filter((p) => p.fatal)
+  assert.deepEqual(fatales.map((p) => p.message), [])
+  assert.doesNotMatch(fuente, /innerHTML|showModal\(\)/, 'la guardia escribe con textContent y no abre diálogos')
+})
+
+test('cada visor carga la guardia como script clásico, antes que hls.js y que su módulo', async () => {
+  for (const pagina of PAGINAS) {
+    const html = await readFile(path.join(ui, pagina), 'utf8')
+    const guardia = html.indexOf('<script src="/assets/compat.js?v={{ASSET_VERSION}}"></script>')
+    const bootstrap = html.indexOf('<script id="bootstrap"')
+    const modulo = html.indexOf('<script type="module"')
+    const hls = html.indexOf('/vendor/hls.min.js')
+    assert.ok(guardia > bootstrap, `${pagina}: la guardia lee el bootstrap, así que va después`)
+    assert.ok(guardia < modulo, `${pagina}: los polyfills tienen que estar antes que el módulo`)
+    if (hls !== -1) assert.ok(guardia < hls, `${pagina}: antes que hls.js`)
+    assert.match(html, /<noscript>/, `${pagina}: sin JavaScript también se explica qué pasa`)
+  }
+})
+
+test('cada entrada del visor deja su marca de arranque', async () => {
+  for (const entrada of ['player.js', 'pdf.js', 'collection.js']) {
+    const fuente = await readFile(path.join(ui, 'assets', entrada), 'utf8')
+    assert.match(fuente, /^window\.__visorArrancado = true$/m, `${entrada} no avisa a la guardia de que arrancó`)
+  }
+})
+
+/** Un DOM mínimo: lo justo para ejecutar la guardia como lo haría un navegador. */
+function navegadorFalso ({ bootstrap, conModulos = true, ua = 'Mozilla/5.0 (Windows NT 6.1) Chrome/79' } = {}) {
+  const oyentes = {}
+  const peticiones = []
+  const nodo = (etiqueta) => ({
+    tagName: etiqueta.toUpperCase(),
+    hijos: [],
+    atributos: {},
+    className: '',
+    get firstChild () { return this.hijos[0] ?? null },
+    get lastChild () { return this.hijos[this.hijos.length - 1] ?? null },
+    get textContent () { return this.hijos.map((h) => h.textContent ?? h.texto).join('') },
+    set textContent (texto) { this.hijos = [{ texto: String(texto) }] },
+    appendChild (hijo) { this.hijos.push(hijo); return hijo },
+    removeChild (hijo) { this.hijos.splice(this.hijos.indexOf(hijo), 1); return hijo },
+    setAttribute (n, v) { this.atributos[n] = v },
+    getAttribute (n) { return this.atributos[n] ?? null }
+  })
+  const contenido = nodo('div')
+  const documento = {
+    body: nodo('body'),
+    createElement: (etiqueta) => (etiqueta === 'script' && conModulos ? Object.assign(nodo('script'), { noModule: false }) : nodo(etiqueta)),
+    createTextNode: (texto) => ({ texto }),
+    getElementById: (id) => (id === 'content' ? contenido : id === 'bootstrap' ? { textContent: JSON.stringify(bootstrap) } : null),
+    addEventListener () {}
+  }
+  class Peticion {
+    open (metodo, url) { this.metodo = metodo; this.url = url; this.cabeceras = {} }
+    setRequestHeader (n, v) { this.cabeceras[n] = v }
+    send (cuerpo) { peticiones.push({ metodo: this.metodo, url: this.url, cabeceras: this.cabeceras, cuerpo, xhr: this }) }
+  }
+  const ventana = {
+    document: documento,
+    navigator: { userAgent: ua },
+    XMLHttpRequest: Peticion,
+    JSON,
+    Element: function Element () {},
+    setTimeout: (fn) => fn(),
+    addEventListener: (tipo, fn) => { (oyentes[tipo] ??= []).push(fn) }
+  }
+  ventana.window = ventana
+  return {
+    contexto: vm.createContext(ventana),
+    disparar: (tipo, evento = {}) => (oyentes[tipo] ?? []).forEach((fn) => fn(evento)),
+    contenido,
+    peticiones,
+    ventana
+  }
+}
+
+async function ejecutarGuardia (nav) {
+  const fuente = await readFile(path.join(ui, 'assets/compat.js'), 'utf8')
+  vm.runInContext(fuente, nav.contexto)
+}
+
+const BOOT_PDF = {
+  sessionToken: 'token-de-prueba',
+  document: { id: 'd1', title: 'Tema 1' },
+  downloadUrl: '/documents/d1/download'
+}
+
+test('si el visor arrancó, la guardia no toca nada', async () => {
+  const nav = navegadorFalso({ bootstrap: BOOT_PDF })
+  await ejecutarGuardia(nav)
+  nav.ventana.__visorArrancado = true
+  nav.disparar('load')
+  assert.equal(nav.contenido.hijos.length, 0)
+  assert.deepEqual(nav.peticiones, [])
+})
+
+test('si un módulo no compila, la guardia explica qué hacer, ofrece la copia y lo cuenta', async () => {
+  const nav = navegadorFalso({ bootstrap: BOOT_PDF })
+  await ejecutarGuardia(nav)
+  nav.disparar('error', { message: "Uncaught SyntaxError: Unexpected token '?'" })
+  nav.disparar('load')
+
+  const aviso = nav.contenido.hijos[0]
+  assert.ok(aviso, 'la pantalla no se queda en blanco')
+  assert.match(aviso.textContent, /No se ha podido abrir el visor/)
+  assert.match(aviso.textContent, /Windows 7/)
+  assert.match(aviso.textContent, /Descargar «Tema 1»/, 'un PDF ofrece su copia sellada')
+
+  assert.equal(nav.peticiones.length, 1)
+  const [informe] = nav.peticiones
+  assert.equal(informe.url, '/telemetry/compat')
+  assert.equal(informe.cabeceras.Authorization, 'Bearer token-de-prueba')
+  assert.deepEqual(JSON.parse(informe.cuerpo).motivo, 'sintaxis')
+})
+
+test('un navegador sin módulos se reconoce como tal, y una colección lista sus vídeos', async () => {
+  const nav = navegadorFalso({
+    conModulos: false,
+    bootstrap: {
+      sessionToken: 't',
+      items: [
+        { id: 'v1', kind: 'video', title: 'Clase 1', available: true },
+        { id: 'p1', kind: 'pdf', title: 'Apuntes', available: true, downloadAvailable: true },
+        { id: 'p2', kind: 'pdf', title: 'Enorme', available: true, downloadAvailable: false }
+      ]
+    }
+  })
+  await ejecutarGuardia(nav)
+  nav.disparar('load')
+  const texto = nav.contenido.hijos[0].textContent
+  assert.match(texto, /Vídeo «Clase 1»: necesita un navegador actualizado/)
+  assert.match(texto, /Descargar «Apuntes»/)
+  assert.doesNotMatch(texto, /Descargar «Enorme»/, 'sin copia disponible no hay botón')
+  assert.equal(JSON.parse(nav.peticiones[0].cuerpo).motivo, 'sin-modulos')
+  assert.equal(JSON.parse(nav.peticiones[0].cuerpo).pagina, 'coleccion')
+})
+
+test('el error de un <video> no se confunde con el de un script', async () => {
+  const nav = navegadorFalso({ bootstrap: BOOT_PDF })
+  await ejecutarGuardia(nav)
+  nav.disparar('error', { target: { tagName: 'VIDEO' } })
+  nav.disparar('error', { target: { tagName: 'SCRIPT', src: 'https://x/assets/pdf.js?v=1' } })
+  nav.disparar('load')
+  const informe = JSON.parse(nav.peticiones[0].cuerpo)
+  assert.equal(informe.motivo, 'carga')
+  assert.match(informe.detalle, /assets\/pdf\.js/)
+})
+
+function buscar (nodo, condicion) {
+  if (condicion(nodo)) return nodo
+  for (const hijo of nodo.hijos ?? []) {
+    const encontrado = buscar(hijo, condicion)
+    if (encontrado) return encontrado
+  }
+  return null
+}
+
+test('un reintento de descarga que sale bien devuelve el rótulo, no el error anterior', async () => {
+  const nav = navegadorFalso({ bootstrap: BOOT_PDF })
+  // El camino más corto hasta «descargado» (Edge antiguo); el rótulo se repone en todos.
+  nav.ventana.navigator.msSaveOrOpenBlob = () => {}
+  await ejecutarGuardia(nav)
+  nav.disparar('load')
+  const boton = buscar(nav.contenido, (n) => n.tagName === 'BUTTON')
+  const rotulo = boton.textContent
+  assert.match(rotulo, /Descargar «Tema 1»/)
+
+  boton.onclick()
+  const fallo = nav.peticiones.at(-1).xhr
+  assert.equal(nav.peticiones.at(-1).url, '/documents/d1/download')
+  fallo.status = 500
+  fallo.onload()
+  assert.match(boton.textContent, /No se pudo descargar \(500\)/)
+
+  boton.onclick()
+  const exito = nav.peticiones.at(-1).xhr
+  exito.status = 200
+  exito.response = {}
+  exito.onload()
+  assert.equal(boton.textContent, rotulo)
+})