ui: videos colapsables por defecto con header clickeable

descargar-curso/descargas/LIBRO_DE_ESTUDIO.html

@@ -295,14 +295,46 @@ body {
 }
 
 /* ── VIDEO PLAYER ── */
-.video-container {
+.video-viewer-wrap {
   margin: 1rem 0;
-  border-radius: 10px;
+  border: 1px solid #2c3e50;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #1a1a2e;
+}
+.video-viewer-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.7rem 1rem;
+  background: linear-gradient(135deg, #1a1a2e, #16213e);
+  color: #eee;
+  cursor: pointer;
+  user-select: none;
+  font-size: 0.9rem;
+  transition: background 0.2s;
+}
+.video-viewer-header:hover {
+  background: linear-gradient(135deg, #16213e, #0f3460);
+}
+.video-toggle {
+  transition: transform 0.3s;
+  font-size: 0.8rem;
+  opacity: 0.6;
+  color: #aaa;
+}
+.video-viewer-wrap.collapsed .video-toggle {
+  transform: rotate(-90deg);
+}
+.video-viewer-wrap.collapsed .video-container,
+.video-viewer-wrap.collapsed .video-placeholder {
+  display: none;
+}
+.video-container {
+  border-radius: 0;
   overflow: hidden;
   background: #000;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
 }
-
 .video-container video {
   width: 100%;
   display: block;
@@ -536,7 +568,13 @@ body {
         <h1 class="modulo-titulo">Módulo 1 — Planificación</h1>
 <h2 class="seccion-titulo" id="sec-planificacion">Planificación</h2>
 <h3 class="tema-titulo" id="tema-planificacion-0">1. PLANIFICACIÓN</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>PLANIFICACIÓN</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M1_Planificacion_PLANIFICACIÓN.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <h4>Resumen de la Clase: Planificación y Periodización Ágil (Voleibol)</h4><p>Esta clase correspondiente al <b>Curso de Entrenador Nacional II de Vóleibol (Edición 2026)</b> aborda la planificación de la preparación física bajo un enfoque moderno de <b>periodización ágil</b>. El objetivo central es que el deportista llegue en su mejor versión a la competencia, priorizando la salud y la individualidad sobre planes rígidos.</p><hr><h4>1. Concepto de Carga e Individualidad</h4><ul><br>
     <li><b>Carga Integral:</b> No se limita solo al entrenamiento de cancha; incluye el estrés físico, psicológico y el impacto diario en cada jugador.</li><br>
     <li><b>Principio de Individualidad:</b> Es el factor determinante. Un plan exitoso debe ser flexible y ajustarse según el feedback (carga interna) de cada deportista.</li><br>
@@ -626,7 +664,13 @@ body {
 <p>Material de lectura complementaria</p><div class="nota-recurso">🔗 <strong>Enlace:</strong> <a href="/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/50144/show?me=140226" target="_blank">¿Cómo Desarrollar Deportistas Robustos y Sólidos para los Requerimientos del Voleibol en el Largo Plazo?</a></div>
 <h2 class="seccion-titulo" id="sec-preparacion-atletica">Preparación Atlética</h2>
 <h3 class="tema-titulo" id="tema-preparacion-atletica-0">1. PREPARACIÓN ATLÉTICA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>PREPARACIÓN ATLÉTICA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M1_Preparacion_Atletica_PREPARACIÓN_ATLÉTICA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <h4>Resumen de Clase: Preparación Atlética en el Voleibol</h4><p><strong>Profesor:</strong> Alejandro Bertorello</p><p>En este segundo encuentro del curso para Entrenadores Nacionales Nivel 2, se abordó la implementación práctica de la preparación física, enfocándose en la sesión de entrenamiento como la unidad estructural básica y el rol del entrenador/preparador en el campo.</p><hr><h4>1. Filosofía y Rol del Preparador Físico</h4><ul><br>
         <li><strong>Observación Pedagógica:</strong> El preparador debe estar presente y activo, corrigiendo técnicas y dando feedback constante. No se puede dirigir una sesión de pesas de forma pasiva.</li><br>
         <li><strong>Individualidad:</strong> Es fundamental diferenciar los planes según el tiempo de juego, historial de lesiones y fatiga acumulada del deportista.</li><br>
@@ -721,10 +765,22 @@ body {
 </div>
 <div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-modelo-de-ejercicios-preventivos-de-lesiones-en-el-voleibol-6">7. Modelo de ejercicios preventivos de lesiones en el vóleibol</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>Modelo de ejercicios preventivos de lesiones en el vóleibol</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M1_Preparacion_Atletica_video_1063655414.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>Sesión preventiva general </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-sesion-preventiva-post-viaje-7">8. Sesión Preventiva (Post viaje)</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>Sesión Preventiva (Post viaje)</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M1_Preparacion_Atletica_video_1063657248.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>Sesión preventiva</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-modelo-de-sesion-de-carga-choque-8">9. Modelo de Sesión de carga - choque</h3>
 <p>Modelo de sesión para deportistas expertos y avanzados</p><div class="pdf-viewer-wrap collapsed">
@@ -769,7 +825,13 @@ body {
 <p>Material de lectura complementaria</p><div class="nota-recurso">🔗 <strong>Enlace:</strong> <a href="/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/50141/show?me=140238" target="_blank">Características Físicas y Fisiológicas de las Jugadoras de Voleibol. Un Trabajo de Revisión</a></div>
 <h2 class="seccion-titulo" id="sec-explicacion-del-trabajo-practico">Explicación del Trabajo Práctico</h2>
 <h3 class="tema-titulo" id="tema-explicacion-del-trabajo-practico-a-presentar-0">1. EXPLICACIÓN DEL TRABAJO PRÁCTICO A PRESENTAR</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>EXPLICACIÓN DEL TRABAJO PRÁCTICO A PRESENTAR</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M1_Explicacion_TP_video_1173576229.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <div><br>
     <h4>Consignas: Trabajo Práctico Integrador (TPI)</h4><br>
     <p><strong>Profesor:</strong> Alejandro Bertorello</p><br>
@@ -818,7 +880,13 @@ body {
 </div>
 <h2 class="seccion-titulo" id="sec-seguimientos-de-equipos">Seguimientos de Equipos</h2>
 <h3 class="tema-titulo" id="tema-seguimiento-de-equipos-0">1. SEGUIMIENTO DE EQUIPOS</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">SEGUIMIENTO DE EQUIPOS</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>SEGUIMIENTO DE EQUIPOS</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>Clase en vivo<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-modulo-1-1">2. . MODULO 1</h3>
@@ -959,13 +1027,25 @@ body {
 </div>
 <h2 class="seccion-titulo" id="sec-analisis-de-equipos-de-voleibol-1">Análisis de Equipos de Voleibol 1</h2>
 <h3 class="tema-titulo" id="tema-analisis-de-equipo-1-0">1. ANÁLISIS DE EQUIPO 1</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">ANÁLISIS DE EQUIPO 1</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>ANÁLISIS DE EQUIPO 1</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>Clase en vivo</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-analisis-y-seguimiento-2-1">2. ANALISIS Y SEGUIMIENTO 2</h3>
 <p>Análisis del Scout <br> Gestión del Entrenador<br> Dirección Estratégica</p><div class="nota-recurso">📦 <strong>Descargar:</strong> <a href="secciones/Modulo_1_Planificacion/Analisis_Equipos_1/recurso_53294.zip" target="_blank">ANALISIS Y SEGUIMIENTO 2</a></div>
 <div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-armado-k1-de-checco-2">3. Armado K1 .De Checco</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">Armado K1 .De Checco</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>Armado K1 .De Checco</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>VIDEO</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-analisis-del-opuesto-3">4. Análisis del Opuesto</h3>
 <p>Video</p><div class="nota-recurso">📦 <strong>Descargar:</strong> <a href="secciones/Modulo_1_Planificacion/Analisis_Equipos_1/recurso_50262.bin" target="_blank">Análisis del Opuesto</a></div>
@@ -1154,7 +1234,13 @@ body {
 <p><b>¿Es necesario dar feedback o reforzar en el entrenamiento?</b></p><p>By <a href="http://sextoanillo.com/index.php/author/cristhianpsico/">Cristhian Fernandez Otero</a>access </p><div class="nota-recurso">📦 <strong>Descargar:</strong> <a href="secciones/Modulo_1_Planificacion/Analisis_Equipos_2/recurso_53201.zip" target="_blank">Análisis Psicología Deportiva. materialde lectura</a></div>
 <h2 class="seccion-titulo" id="sec-trabajo-practico-final-de-la-unidad">Trabajo Práctico Final de la Unidad</h2>
 <h3 class="tema-titulo" id="tema-analisis-y-seguimiento-3-explicacion-del-tp-0">1. ANÁLISIS Y SEGUIMIENTO 3 - EXPLICACIÓN DEL TP</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">ANÁLISIS Y SEGUIMIENTO 3 - EXPLICACIÓN DEL TP</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>ANÁLISIS Y SEGUIMIENTO 3 - EXPLICACIÓN DEL TP</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>clase en vivo</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-trabajo-practico-analisis-y-seguimiento-1">2. TRABAJO PRACTICO ANALISIS Y SEGUIMIENTO</h3>
 <p><u>PLANIFICACIÓNDEL PARTIDO: </u>SISTEMA BLOQUEO-DEFENSA </p><div class="nota-recurso">📦 <strong>Descargar:</strong> <a href="secciones/Modulo_1_Planificacion/TP_Final_Unidad/recurso_53296.bin" target="_blank">TRABAJO PRACTICO ANALISIS Y SEGUIMIENTO</a></div>
@@ -1192,85 +1278,235 @@ body {
 </div>
 <div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-prioridad-en-el-bloqueo-2">3. PRIORIDAD EN EL BLOQUEO</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>PRIORIDAD EN EL BLOQUEO</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_PRIORIDAD_EN_EL_BLOQUEO.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>PRIORIDAD EN EL BLOQUEO<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-entrenamiento-de-los-centrales-y-opuestos-3">4. ENTRENAMIENTO DE LOS CENTRALES Y OPUESTOS</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>ENTRENAMIENTO DE LOS CENTRALES Y OPUESTOS</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_1179197191.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>clase en vivo</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-ataque-b-4">5. ATAQUE B</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>ATAQUE B</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_ATAQUE_B.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>ATAQUE B</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-b-con-recepcion-admiracion-5">6. B CON RECEPCION ADMIRACION</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>B CON RECEPCION ADMIRACION</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919342668.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>B CON RECEPCION ADMIRACION<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-la-b-mantiene-la-distancia-6">7. LA B MANTIENE LA DISTANCIA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>LA B MANTIENE LA DISTANCIA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919346562.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>LA B MANTIENE LA DISTANCIA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hatu-recepcion-perfecta-7">8. HATU RECEPCION PERFECTA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HATU RECEPCION PERFECTA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HATU_RECEPCION_PERFECTA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HATU RECEPCION PERFECTA<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hatu-con-pelota-separada-8">9. HATU CON PELOTA SEPARADA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HATU CON PELOTA SEPARADA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HATU_CON_PELOTA_SEPARADA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HATU CON PELOTA SEPARADA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hatu-marcada-9">10. HATU MARCADA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HATU MARCADA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HATU_MARCADA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HATU MARCADA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hatumarcada-bien-atacada-10">11. HATUMARCADA BIEN ATACADA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HATUMARCADA BIEN ATACADA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HATUMARCADA_BIEN_ATACADA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HATU MARCADA BIEN ATACADA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hatu-bien-hecha-11">12. HATU BIEN HECHA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HATU BIEN HECHA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HATU_BIEN_HECHA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HATU BIEN HECHA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hana-positiva-12">13. HANA POSITIVA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HANA POSITIVA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HANA_POSITIVA.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HANA POSITIVA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hanati-con-recepcion-separada-13">14. HANATI CON RECEPCION SEPARADA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HANATI CON RECEPCION SEPARADA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919355668.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HANATI CON RECEPCION SEPARADA<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hana-recepcion-a-2-14">15. HANA RECEPCION A 2</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HANA RECEPCION A 2</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_HANA_RECEPCION_A_2.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HANA RECEPCION A 2</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-beti-a-un-pie-atras-15">16. BETI A UN PIE ATRAS</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>BETI A UN PIE ATRAS</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_BETI_A_UN_PIE_ATRAS.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>BETI A UN PIE ATRAS</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-beti-en-juego-16">17. BETI EN JUEGO</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>BETI EN JUEGO</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_BETI_EN_JUEGO.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>BETI EN JUEGO<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-central-al-medio-con-recepcion-a-2-17">18. CENTRAL AL MEDIO CON RECEPCION A 2</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>CENTRAL AL MEDIO CON RECEPCION A 2</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919359386.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>CENTRAL AL MEDIO CON RECEPCION A 2</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hanati-volada-con-recepcion-a-4-18">19. HANATI VOLADA CON RECEPCION A 4</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HANATI VOLADA CON RECEPCION A 4</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919359855.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HANATI VOLADA CON RECEPCION A 4</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-hana-con-recepcion-a-2-separada-19">20. HANA CON RECEPCION A 2 SEPARADA</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>HANA CON RECEPCION A 2 SEPARADA</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919360318.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>HANA CON RECEPCION A 2 SEPARADA</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-apoyo-0-20">21. APOYO 0</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>APOYO 0</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_APOYO_0.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>APOYO 0</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-central-ataca-de-segunda-entrenamiento-del-tiempo-21">22. CENTRAL ATACA DE SEGUNDA ENTRENAMIENTO DEL TIEMPO</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>CENTRAL ATACA DE SEGUNDA ENTRENAMIENTO DEL TIEMPO</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919363728.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>CENTRAL ATACA DE SEGUNDA ENTRENAMIENTO DEL TIEMPO</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-skipped-step-22">23. SKIPPED STEP</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>SKIPPED STEP</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_SKIPPED_STEP.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>PASO SALTADO PARA CAER DEL BLOQUEO Y SALIR A ATACAR</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-global-tecnico-con-el-central-23">24. GLOBAL TECNICO CON EL CENTRAL</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>GLOBAL TECNICO CON EL CENTRAL</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919365485.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>EJERCICIO GLOBAL TECNICO CON EL CENTRAL<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-visualizacion-del-central-en-bloqueo-24">25. VISUALIZACION DEL CENTRAL EN BLOQUEO</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>VISUALIZACION DEL CENTRAL EN BLOQUEO</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Centrales_y_Oponentes_video_919366263.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>VISUALIZACION DEL CENTRAL EN BLOQUEO</p><h2 class="seccion-titulo" id="sec-puntas-y-liberos-as">Puntas y Liberos/as</h2>
 <h3 class="tema-titulo" id="tema-puntas-y-liberos-as-0">1. PUNTAS Y LÍBEROS/AS</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>PUNTAS Y LÍBEROS/AS</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Puntas_y_Liberos_PUNTAS_Y_LÍBEROS_AS.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>clase en vivo</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-split-step-1">2. SPLIT STEP</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">SPLIT STEP</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>SPLIT STEP</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>SPLIT STEP</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-los-puntas-receptores-y-el-libero-2">3. LOS PUNTAS RECEPTORES Y EL LIBERO</h3>
 <p>PUNTAS RECEPTORES Y LIBEROS</p><div class="pdf-viewer-wrap collapsed">
@@ -1283,43 +1519,115 @@ body {
 </div>
 <div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-carrera-de-ataque-desde-6-a-4-3">4. CARRERA DE ATAQUE DESDE 6 A 4</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">CARRERA DE ATAQUE DESDE 6 A 4</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>CARRERA DE ATAQUE DESDE 6 A 4</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>CARRERA DE ATAQUE DE 6 A 4</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-contrataque-despues-de-caer-de-bloqueo-4">5. CONTRATAQUE DESPUES DE CAER DE BLOQUEO</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">CONTRATAQUE DESPUES DE CAER DE BLOQUEO</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>CONTRATAQUE DESPUES DE CAER DE BLOQUEO</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>CONTRATAQUE DESPUES DE CAER DE BLOQUEO</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-contrataque-por-4-despues-de-caer-de-bloqueo-5">6. CONTRATAQUE POR 4 DESPUES DE CAER DE BLOQUEO</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">CONTRATAQUE POR 4 DESPUES DE CAER DE BLOQUEO</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>CONTRATAQUE POR 4 DESPUES DE CAER DE BLOQUEO</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>ATAQUE DESPUES DE BLOQUEAR</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-evaluacion-posicional-6">7. EVALUACION POSICIONAL</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">EVALUACION POSICIONAL</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>EVALUACION POSICIONAL</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>EVALUACION POSICIONAL</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-global-tecnico-de-la-pipe-7">8. GLOBAL TECNICO DE LA PIPE</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">GLOBAL TECNICO DE LA PIPE</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>GLOBAL TECNICO DE LA PIPE</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>GLOBAL TECNICO DE LA PIPE</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-recepcion-de-massimino-con-saque-de-la-maquina-8">9. RECEPCION DE MASSIMINO CON SAQUE DE LA MAQUINA</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">RECEPCION DE MASSIMINO CON SAQUE DE LA MAQUINA</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>RECEPCION DE MASSIMINO CON SAQUE DE LA MAQUINA</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>RECEPCION DE MASSIMINO CON SAQUE DE LA MAQUINA<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-recepcion-sobre-la-linea-saliendo-de-adentro-9">10. RECEPCION SOBRE LA LINEA SALIENDO DE ADENTRO</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">RECEPCION SOBRE LA LINEA SALIENDO DE ADENTRO</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>RECEPCION SOBRE LA LINEA SALIENDO DE ADENTRO</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>RECEPCION SOBRE LA LINEA SALIENDO DE ADENTRO</p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-recepcion-y-ataque-por-4-saliendo-de-adentro-10">11. RECEPCION Y ATAQUE POR 4 SALIENDO DE ADENTRO</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">RECEPCION Y ATAQUE POR 4 SALIENDO DE ADENTRO</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>RECEPCION Y ATAQUE POR 4 SALIENDO DE ADENTRO</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>RECEPCION Y ATAQUE POR 4 SALIENDO DE ADENTRO<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-tipo-de-combinaciones-que-juegan-los-puntas-11">12. TIPO DE COMBINACIONES QUE JUEGAN LOS PUNTAS</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">TIPO DE COMBINACIONES QUE JUEGAN LOS PUNTAS</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>TIPO DE COMBINACIONES QUE JUEGAN LOS PUNTAS</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>COMBINACIONES DE LOS PUNTAS<br>
 </p><div class="tema-separador"></div>
 <h3 class="tema-titulo" id="tema-ataque-de-la-pipe-por-distancia-o-tiempo-12">13. ATAQUE DE LA PIPE POR DISTANCIA O TIEMPO</h3>
-<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">ATAQUE DE LA PIPE POR DISTANCIA O TIEMPO</div></div>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>ATAQUE DE LA PIPE POR DISTANCIA O TIEMPO</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>
 <p>ATAQUE DE LA PIPE POR DISTANCIA O TIEMPO</p><h2 class="seccion-titulo" id="sec-entrenamiento-de-armadoras">Entrenamiento de Armadoras</h2>
 <h3 class="tema-titulo" id="tema-entrenamiento-de-los-y-las-armadoras-0">1. ENTRENAMIENTO DE LOS Y LAS ARMADORAS</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>ENTRENAMIENTO DE LOS Y LAS ARMADORAS</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Entrenamiento_Armadoras_video_1181188693.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>clase en vivo</p><h2 class="seccion-titulo" id="sec-explicacion-del-trabajo-practico">Explicación del Trabajo Práctico</h2>
 <h3 class="tema-titulo" id="tema-explicacion-del-trabajo-practico-a-presentar-0">1. EXPLICACIÓN DEL TRABAJO PRÁCTICO A PRESENTAR</h3>
+<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>EXPLICACIÓN DEL TRABAJO PRÁCTICO A PRESENTAR</strong></span>
+    <span class="video-toggle">▼</span>
+  </div>
   <div class="video-container"><video controls preload="metadata"><source src="videos_offline/M2_Explicacion_TP_video_1181892359.mp4" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>
 <p>clase en vivo</p>
       </div>
 

descargar-curso/generar_dashboard.mjs

@@ -937,14 +937,46 @@ body {
 }
 
 /* ── VIDEO PLAYER ── */
-.video-container {
+.video-viewer-wrap {
   margin: 1rem 0;
-  border-radius: 10px;
+  border: 1px solid #2c3e50;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #1a1a2e;
+}
+.video-viewer-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.7rem 1rem;
+  background: linear-gradient(135deg, #1a1a2e, #16213e);
+  color: #eee;
+  cursor: pointer;
+  user-select: none;
+  font-size: 0.9rem;
+  transition: background 0.2s;
+}
+.video-viewer-header:hover {
+  background: linear-gradient(135deg, #16213e, #0f3460);
+}
+.video-toggle {
+  transition: transform 0.3s;
+  font-size: 0.8rem;
+  opacity: 0.6;
+  color: #aaa;
+}
+.video-viewer-wrap.collapsed .video-toggle {
+  transform: rotate(-90deg);
+}
+.video-viewer-wrap.collapsed .video-container,
+.video-viewer-wrap.collapsed .video-placeholder {
+  display: none;
+}
+.video-container {
+  border-radius: 0;
   overflow: hidden;
   background: #000;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
 }
-
 .video-container video {
   width: 100%;
   display: block;
@@ -1158,9 +1190,21 @@ body {
         if (tema.vimeoID) {
           const videoFile = videosMap[tema.vimeoID];
           if (videoFile) {
-            bodyHTML += `<div class="video-container"><video controls preload="metadata"><source src="videos_offline/${videoFile}" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>\n`;
+            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="videos_offline/${videoFile}" type="video/mp4">Tu navegador no soporta video HTML5.</video></div>
+</div>\n`;
           } else {
-            bodyHTML += `<div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div><div class="placeholder-label">${tema.titulo}</div></div>\n`;
+            bodyHTML += `<div class="video-viewer-wrap collapsed">
+  <div class="video-viewer-header" onclick="this.parentElement.classList.toggle('collapsed')">
+    <span>🎬 <strong>${tema.titulo}</strong> <em style="opacity:0.5;font-size:0.8em">(descargando...)</em></span>
+    <span class="video-toggle">▼</span>
+  </div>
+  <div class="video-placeholder"><div class="play-icon">▶</div><div class="placeholder-text">Video en proceso de descarga</div></div>
+</div>\n`;
           }
         }
 

descargar-curso/sync.log

@@ -94,3 +94,92 @@ Permission denied, please try again.
 
 ✅ Sincronización completada — 0 videos nuevos subidos
    2026-05-03 04:00:07
+🔄 Sincronización iniciada — 2026-05-03 04:10:01
+  Registro: 31  |  Mapa: 15
+📊 Mapa actualizado: 31 videos
+📝 Regenerando libro...
+    📂 Planificación (9 temas)
+    📂 Preparación Atlética (15 temas)
+    📂 Explicación del Trabajo Práctico (2 temas)
+    📂 Seguimientos de Equipos (16 temas)
+    📂 Análisis de Equipos de Voleibol 1 (23 temas)
+    📂 Análisis de Equipos de Voleibol 2 (7 temas)
+    📂 Trabajo Práctico Final de la Unidad (3 temas)
+    📂 Entrenamiento de Centrales y Opuestos/as (25 temas)
+    📂 Puntas y Liberos/as (13 temas)
+    📂 Entrenamiento de Armadoras (1 temas)
+    📂 Explicación del Trabajo Práctico (1 temas)
+  ✓ /home/rmonla/Documentos/GitHub/rm-KSALDIS-DT/descargar-curso/descargas/LIBRO_DE_ESTUDIO.md (33 KB)
+  ✓ /home/rmonla/Documentos/GitHub/rm-KSALDIS-DT/descargar-curso/descargas/LIBRO_DE_ESTUDIO.html (90 KB)
+  115 temas de estudio
+📤 Subiendo cambios...
+  ✅ Push completado
+🚀 Desplegando...
+Permission denied, please try again.
+Permission denied, please try again.
+📹 Sincronizando videos al servidor...
+  📤 Subiendo M1_Explicacion_TP_video_1173576229.mp4...
+  ❌ Error scp
+  📤 Subiendo M1_Planificacion_PLANIFICACIÓN.mp4...
+  ❌ Error scp
+  📤 Subiendo M1_Preparacion_Atletica_PREPARACIÓN_ATLÉTICA.mp4...
+  ❌ Error scp
+  📤 Subiendo M1_Preparacion_Atletica_video_1063655414.mp4...
+  ❌ Error scp
+  📤 Subiendo M1_Preparacion_Atletica_video_1063657248.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_APOYO_0.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_ATAQUE_B.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_BETI_A_UN_PIE_ATRAS.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_BETI_EN_JUEGO.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HANA_POSITIVA.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HANA_RECEPCION_A_2.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HATU_BIEN_HECHA.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HATU_CON_PELOTA_SEPARADA.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HATUMARCADA_BIEN_ATACADA.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HATU_MARCADA.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_HATU_RECEPCION_PERFECTA.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_PRIORIDAD_EN_EL_BLOQUEO.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_SKIPPED_STEP.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_1179197191.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919342668.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919346562.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919355668.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919359386.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919359855.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919360318.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919363728.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919365485.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Centrales_y_Oponentes_video_919366263.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Entrenamiento_Armadoras_video_1181188693.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Explicacion_TP_video_1181892359.mp4...
+  ❌ Error scp
+  📤 Subiendo M2_Puntas_y_Liberos_PUNTAS_Y_LÍBEROS_AS.mp4...
+  ❌ Error scp
+
+✅ Sincronización completada — 0 videos nuevos subidos
+   2026-05-03 04:10:09