Update index.html

index.html

@@ -628,7 +628,7 @@
             if (e.key === 'ArrowLeft') changeSlide(-1);
         });
 
-        // ===================== GENERADOR DE PDF - VERSIÓN CON LINKS ACTIVOS =====================
+        // ===================== GENERADOR DE PDF - CON PROGRESO VISUAL =====================
         async function generatePDF() {
             const loadingOverlay = document.getElementById('pdf-loading');
             const progressText = document.getElementById('progress-text');
@@ -652,9 +652,15 @@
                 for (let i = 0; i < slides.length; i++) {
                     const slide = slides[i];
                     
-                    // Actualizar mensaje de progreso
+                    // Actualizar mensaje de progreso Y FORZAR RENDERIZADO
                     progressText.textContent = `Procesando diapositiva ${i + 1} de ${slides.length}...`;
                     
+                    // Forzar reflow para que el navegador actualice el DOM
+                    void progressText.offsetWidth;
+                    
+                    // Pequeña pausa para permitir que el navegador renderice el cambio
+                    await new Promise(resolve => setTimeout(resolve, 100));
+                    
                     // 1. Activar modo captura: mostrar SOLO esta slide con estilos forzados
                     slides.forEach((s, idx) => {
                         s.classList.toggle('capture-mode', idx === i);
@@ -758,7 +764,7 @@
                     s.style.display = idx === originalSlide ? 'flex' : 'none';
                 });
                 
-                progressText.textContent = 'Finalizando...';
+                progressText.textContent = 'Finalizando y descargando...';
                 await new Promise(resolve => setTimeout(resolve, 500));
                 
                 // 10. Guardar PDF