fix: match accordion styling for mp4 resources

descargar-curso/generar_dashboard.mjs

@@ -1294,9 +1294,12 @@ body {
   <a href="${recursoHref}" download class="pdf-download-link">⬇ Descargar PDF</a>
 </div>\n`;
           } else if (recursoLocal && recursoLocal.endsWith(".mp4")) {
-            bodyHTML += `
-<div class="video-container">
-  <video src="${recursoHref}" controls preload="none" poster="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23111'></svg>"></video>
+            bodyHTML += `<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>${tema.titulo}</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-container"><video controls preload="metadata"><source src="${recursoHref}" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
 </div>\n`;
           } else if (recursoLocal) {
             // Otros archivos locales (ZIP, PPT, XLS, etc)