rmonla/rm-KSALDIS-DT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
9a3adc811eacceedf3b56344e49f3b1ba2ab401a
rm-KSALDIS-DT/descargar-curso/descargas/index.html
T

789 lines
45 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curso de Vóley — Dashboard Offline</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
background: #f4f6f8;
color: #1a1a2e;
line-height: 1.6;
}
.header {
background: linear-gradient(135deg, #004d6c 0%, #00a9b8 100%);
color: white;
padding: 2rem 2rem 1.5rem;
text-align: center;
}
.header h1 { font-size: 1.8rem; margin-bottom: 0.3rem; }
.header p { opacity: 0.9; font-size: 0.95rem; }
.header .stats { display: flex; justify-content: center; gap: 2rem; margin-top: 1rem; flex-wrap: wrap; }
.header .stat { background: rgba(255,255,255,0.15); padding: 0.5rem 1rem; border-radius: 8px; font-size: 0.85rem; }
.container { max-width: 1100px; margin: 0 auto; padding: 1.5rem; }
.modulo-card {
background: white;
border-radius: 12px;
margin-bottom: 1.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
overflow: hidden;
}
.modulo-header {
background: #004d6c;
color: white;
padding: 1rem 1.5rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.2s;
}
.modulo-header:hover { background: #005f82; }
.modulo-header h2 { font-size: 1.2rem; font-weight: 600; }
.modulo-header .toggle { font-size: 1.2rem; transition: transform 0.3s; }
.modulo-header .toggle.open { transform: rotate(180deg); }
.modulo-body { padding: 0; }
.modulo-body.collapsed { display: none; }
.seccion-card {
border-bottom: 1px solid #eee;
transition: background 0.2s;
}
.seccion-card:last-child { border-bottom: none; }
.seccion-header {
padding: 0.8rem 1.5rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: #fafafa;
}
.seccion-header:hover { background: #f0f4f8; }
.seccion-header h3 { font-size: 1rem; color: #004d6c; }
.seccion-header .badge-count {
background: #00a9b8;
color: white;
border-radius: 12px;
padding: 0.15rem 0.6rem;
font-size: 0.75rem;
margin-left: 0.5rem;
}
.seccion-content { padding: 1rem 1.5rem; display: none; }
.seccion-content.open { display: block; }
.seccion-content h4 { color: #004d6c; margin: 1rem 0 0.5rem; font-size: 0.95rem; }
.tab-group { display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.tab-btn {
padding: 0.4rem 1rem;
border: 1px solid #ddd;
border-radius: 6px;
background: white;
cursor: pointer;
font-size: 0.85rem;
color: #555;
transition: all 0.2s;
}
.tab-btn:hover { border-color: #00a9b8; color: #004d6c; }
.tab-btn.active { background: #00a9b8; color: white; border-color: #00a9b8; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.video-list { list-style: none; }
.video-list li {
padding: 0.4rem 0;
border-bottom: 1px solid #f0f0f0;
font-size: 0.9rem;
}
.video-list li:last-child { border-bottom: none; }
.video-list .vimeo-id { color: #00a9b8; font-family: monospace; }
.file-list { list-style: none; }
.file-list li {
padding: 0.3rem 0;
font-size: 0.85rem;
}
.file-list a {
color: #004d6c;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}
.file-list a:hover { border-bottom-color: #004d6c; }
.preview-text {
background: #f9f9f9;
padding: 0.8rem;
border-radius: 8px;
font-size: 0.85rem;
line-height: 1.5;
max-height: 300px;
overflow-y: auto;
white-space: pre-wrap;
font-family: inherit;
}
.preview-text h1 { font-size: 1.1rem; margin: 0.5rem 0; }
.preview-text h2 { font-size: 1rem; margin: 0.5rem 0; }
.preview-text p { margin: 0.3rem 0; }
.vimeo-link {
display: inline-block;
background: #00a9b8;
color: white;
padding: 0.2rem 0.6rem;
border-radius: 4px;
font-size: 0.75rem;
text-decoration: none;
margin-left: 0.5rem;
}
.vimeo-link:hover { background: #008c99; }
.screenshot-img {
max-width: 100%;
border-radius: 8px;
border: 1px solid #ddd;
margin-top: 0.5rem;
cursor: pointer;
transition: opacity 0.2s;
}
.screenshot-img:hover { opacity: 0.9; }
.empty-state { color: #999; font-style: italic; font-size: 0.85rem; padding: 0.5rem 0; }
.footer {
text-align: center;
padding: 2rem;
color: #999;
font-size: 0.8rem;
}
@media (max-width: 600px) {
.header h1 { font-size: 1.3rem; }
.header .stats { gap: 0.8rem; }
.header .stat { font-size: 0.75rem; padding: 0.3rem 0.6rem; }
.container { padding: 0.8rem; }
.modulo-header { padding: 0.8rem 1rem; }
.seccion-header { padding: 0.6rem 1rem; }
.seccion-content { padding: 0.8rem 1rem; }
}
</style>
</head>
<body>
<div class="header">
<h1>🏐 Curso de Entrenador Nacional de Vóley</h1>
<p>Contenido descargado — Navegación offline</p>
<div class="stats">
<div class="stat">📚 2 módulos</div>
<div class="stat">📖 11 secciones</div>
<div class="stat">🎬 42 videos</div>
<div class="stat">📄 32 archivos</div>
</div>
</div>
<div class="container">
<div class="modulo-card">
<div class="modulo-header" onclick="toggleModulo('mod-0')">
<h2>Módulo 1 — Planificación</h2>
<span class="toggle open" id="toggle-mod-0">▲</span>
</div>
<div class="modulo-body" id="mod-0">
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-Planificacion')">
<h3>Planificación <span class="badge-count">13</span></h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-Planificacion">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-Planificacion">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-Planificacion">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_1_Planificacion-Planificacion">🎬 Videos (1)</button>
<button class="tab-btn" data-tab="archivos-sec-Modulo_1_Planificacion-Planificacion">📄 Archivos (12)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-Planificacion">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-Planificacion"><div class="preview-text"><h1>Planificacion</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_1_Planificacion-Planificacion"><ul class="video-list"><li>
<span class="vimeo-id">1170245111</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/1170245111" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1170245111"</small>
</li></ul></div>
<div class="tab-panel" id="archivos-sec-Modulo_1_Planificacion-Planificacion"><ul class="file-list"><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/50320/show?me=140219</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/52903/show?me=142139</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/46541/show?me=140221</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/46723/show?me=140222</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/46724/show?me=140223</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/50142/show?me=140224</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/50145/show?me=140225</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34868/study-resources/50144/show?me=140226</code></li><li>📎 <a href="secciones/Modulo_1_Planificacion/Planificacion/archivo_46541_Abrir_Enlace.bin">archivo_46541_Abrir_Enlace.bin</a> (333.9 KB)</li><li>📎 <a href="secciones/Modulo_1_Planificacion/Planificacion/archivo_50142_Abrir_Enlace.bin">archivo_50142_Abrir_Enlace.bin</a> (311.7 KB)</li><li>📎 <a href="secciones/Modulo_1_Planificacion/Planificacion/archivo_50144_Abrir_Enlace.bin">archivo_50144_Abrir_Enlace.bin</a> (312.9 KB)</li><li>📎 <a href="secciones/Modulo_1_Planificacion/Planificacion/archivo_50145_Abrir_Enlace.bin">archivo_50145_Abrir_Enlace.bin</a> (323.2 KB)</li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-Planificacion">
<p><a href="secciones/Modulo_1_Planificacion/Planificacion/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/Planificacion/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-Preparacion_Atletica')">
<h3>Preparación Atlética <span class="badge-count">19</span></h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-Preparacion_Atletica">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-Preparacion_Atletica">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-Preparacion_Atletica">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_1_Planificacion-Preparacion_Atletica">🎬 Videos (3)</button>
<button class="tab-btn" data-tab="archivos-sec-Modulo_1_Planificacion-Preparacion_Atletica">📄 Archivos (16)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-Preparacion_Atletica">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-Preparacion_Atletica"><div class="preview-text"><h1>Preparacion Atletica</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_1_Planificacion-Preparacion_Atletica"><ul class="video-list"><li>
<span class="vimeo-id">1173231315</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/1173231315" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1173231315"</small>
</li><li>
<span class="vimeo-id">1063655414</span>
Video 2
<a class="vimeo-link" href="https://player.vimeo.com/video/1063655414" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1063655414"</small>
</li><li>
<span class="vimeo-id">1063657248</span>
Video 3
<a class="vimeo-link" href="https://player.vimeo.com/video/1063657248" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1063657248"</small>
</li></ul></div>
<div class="tab-panel" id="archivos-sec-Modulo_1_Planificacion-Preparacion_Atletica"><ul class="file-list"><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/53012/show?me=142522</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/53137/show?me=142648</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/53138/show?me=142649</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/53139/show?me=142650</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/46719/show?me=140229</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/50329/show?me=140232</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/46726/show?me=140233</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/50139/show?me=140234</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/46725/show?me=140235</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/50140/show?me=140236</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/50143/show?me=140237</code></li><li>🔗 Abrir Enlace — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34869/study-resources/50141/show?me=140238</code></li><li>📎 <a href="secciones/Modulo_1_Planificacion/Preparacion_Atletica/archivo_50139_Abrir_Enlace.bin">archivo_50139_Abrir_Enlace.bin</a> (337.8 KB)</li><li>📎 <a href="secciones/Modulo_1_Planificacion/Preparacion_Atletica/archivo_50140_Abrir_Enlace.bin">archivo_50140_Abrir_Enlace.bin</a> (332.1 KB)</li><li>📎 <a href="secciones/Modulo_1_Planificacion/Preparacion_Atletica/archivo_50141_Abrir_Enlace.bin">archivo_50141_Abrir_Enlace.bin</a> (363.5 KB)</li><li>📎 <a href="secciones/Modulo_1_Planificacion/Preparacion_Atletica/archivo_50143_Abrir_Enlace.bin">archivo_50143_Abrir_Enlace.bin</a> (322.9 KB)</li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-Preparacion_Atletica">
<p><a href="secciones/Modulo_1_Planificacion/Preparacion_Atletica/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/Preparacion_Atletica/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-Explicacion_TP')">
<h3>Explicación del TP <span class="badge-count">2</span></h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-Explicacion_TP">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-Explicacion_TP">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-Explicacion_TP">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_1_Planificacion-Explicacion_TP">🎬 Videos (1)</button>
<button class="tab-btn" data-tab="archivos-sec-Modulo_1_Planificacion-Explicacion_TP">📄 Archivos (1)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-Explicacion_TP">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-Explicacion_TP"><div class="preview-text"><h1>Explicacion TP</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_1_Planificacion-Explicacion_TP"><ul class="video-list"><li>
<span class="vimeo-id">1173576229</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/1173576229" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1173576229"</small>
</li></ul></div>
<div class="tab-panel" id="archivos-sec-Modulo_1_Planificacion-Explicacion_TP"><ul class="file-list"><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19096/s/34870/study-resources/53173/show?me=142686</code></li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-Explicacion_TP">
<p><a href="secciones/Modulo_1_Planificacion/Explicacion_TP/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/Explicacion_TP/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-Seguimientos_Equipos')">
<h3>Seguimientos de Equipos </h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-Seguimientos_Equipos">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-Seguimientos_Equipos">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-Seguimientos_Equipos">📝 Texto</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-Seguimientos_Equipos">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-Seguimientos_Equipos"><div class="preview-text"><h1>Seguimientos Equipos</h1>
<br>
<p>Oops! An Error Occurred</p>
<p>The server returned a &quot;500 Internal Server Error&quot;.</p>
<p>Something is broken. Please let us know what you were doing when this error occurred. We will fix it as soon as possible. Sorry for any inconvenience caused.</p>
<br></div></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-Seguimientos_Equipos">
<p><a href="secciones/Modulo_1_Planificacion/Seguimientos_Equipos/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/Seguimientos_Equipos/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-Analisis_Equipos_1')">
<h3>Análisis de Equipos 1 </h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-Analisis_Equipos_1">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-Analisis_Equipos_1">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-Analisis_Equipos_1">📝 Texto</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-Analisis_Equipos_1">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-Analisis_Equipos_1"><div class="preview-text"><h1>Analisis Equipos 1</h1>
<br>
<p>Oops! An Error Occurred</p>
<p>The server returned a &quot;500 Internal Server Error&quot;.</p>
<p>Something is broken. Please let us know what you were doing when this error occurred. We will fix it as soon as possible. Sorry for any inconvenience caused.</p>
<br></div></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-Analisis_Equipos_1">
<p><a href="secciones/Modulo_1_Planificacion/Analisis_Equipos_1/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/Analisis_Equipos_1/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-Analisis_Equipos_2')">
<h3>Análisis de Equipos 2 </h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-Analisis_Equipos_2">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-Analisis_Equipos_2">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-Analisis_Equipos_2">📝 Texto</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-Analisis_Equipos_2">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-Analisis_Equipos_2"><div class="preview-text"><h1>Analisis Equipos 2</h1>
<br>
<p>Oops! An Error Occurred</p>
<p>The server returned a &quot;500 Internal Server Error&quot;.</p>
<p>Something is broken. Please let us know what you were doing when this error occurred. We will fix it as soon as possible. Sorry for any inconvenience caused.</p>
<br></div></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-Analisis_Equipos_2">
<p><a href="secciones/Modulo_1_Planificacion/Analisis_Equipos_2/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/Analisis_Equipos_2/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_1_Planificacion-TP_Final_Unidad')">
<h3>TP Final de la Unidad </h3>
<span class="toggle" id="toggle-sec-Modulo_1_Planificacion-TP_Final_Unidad">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_1_Planificacion-TP_Final_Unidad">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_1_Planificacion-TP_Final_Unidad">📝 Texto</button>
<button class="tab-btn" data-tab="html-sec-Modulo_1_Planificacion-TP_Final_Unidad">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_1_Planificacion-TP_Final_Unidad"><div class="preview-text"><h1>TP Final Unidad</h1>
<br>
<p>Oops! An Error Occurred</p>
<p>The server returned a &quot;500 Internal Server Error&quot;.</p>
<p>Something is broken. Please let us know what you were doing when this error occurred. We will fix it as soon as possible. Sorry for any inconvenience caused.</p>
<br></div></div>
<div class="tab-panel" id="html-sec-Modulo_1_Planificacion-TP_Final_Unidad">
<p><a href="secciones/Modulo_1_Planificacion/TP_Final_Unidad/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_1_Planificacion/TP_Final_Unidad/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="modulo-card">
<div class="modulo-header" onclick="toggleModulo('mod-1')">
<h2>Módulo 2 — Entrenamiento</h2>
<span class="toggle open" id="toggle-mod-1">▲</span>
</div>
<div class="modulo-body" id="mod-1">
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes')">
<h3>Centrales y Opuestos/as <span class="badge-count">25</span></h3>
<span class="toggle" id="toggle-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">🎬 Videos (23)</button>
<button class="tab-btn" data-tab="archivos-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">📄 Archivos (2)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes"><div class="preview-text"><h1>Centrales y Oponentes</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes"><ul class="video-list"><li>
<span class="vimeo-id">919369433</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/919369433" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919369433"</small>
</li><li>
<span class="vimeo-id">1179197191</span>
Video 2
<a class="vimeo-link" href="https://player.vimeo.com/video/1179197191" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1179197191"</small>
</li><li>
<span class="vimeo-id">919341704</span>
Video 3
<a class="vimeo-link" href="https://player.vimeo.com/video/919341704" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919341704"</small>
</li><li>
<span class="vimeo-id">919342668</span>
Video 4
<a class="vimeo-link" href="https://player.vimeo.com/video/919342668" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919342668"</small>
</li><li>
<span class="vimeo-id">919346562</span>
Video 5
<a class="vimeo-link" href="https://player.vimeo.com/video/919346562" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919346562"</small>
</li><li>
<span class="vimeo-id">919347866</span>
Video 6
<a class="vimeo-link" href="https://player.vimeo.com/video/919347866" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919347866"</small>
</li><li>
<span class="vimeo-id">919348493</span>
Video 7
<a class="vimeo-link" href="https://player.vimeo.com/video/919348493" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919348493"</small>
</li><li>
<span class="vimeo-id">919351892</span>
Video 8
<a class="vimeo-link" href="https://player.vimeo.com/video/919351892" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919351892"</small>
</li><li>
<span class="vimeo-id">919352848</span>
Video 9
<a class="vimeo-link" href="https://player.vimeo.com/video/919352848" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919352848"</small>
</li><li>
<span class="vimeo-id">919353448</span>
Video 10
<a class="vimeo-link" href="https://player.vimeo.com/video/919353448" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919353448"</small>
</li><li>
<span class="vimeo-id">919354134</span>
Video 11
<a class="vimeo-link" href="https://player.vimeo.com/video/919354134" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919354134"</small>
</li><li>
<span class="vimeo-id">919355668</span>
Video 12
<a class="vimeo-link" href="https://player.vimeo.com/video/919355668" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919355668"</small>
</li><li>
<span class="vimeo-id">919356423</span>
Video 13
<a class="vimeo-link" href="https://player.vimeo.com/video/919356423" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919356423"</small>
</li><li>
<span class="vimeo-id">919357109</span>
Video 14
<a class="vimeo-link" href="https://player.vimeo.com/video/919357109" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919357109"</small>
</li><li>
<span class="vimeo-id">919358607</span>
Video 15
<a class="vimeo-link" href="https://player.vimeo.com/video/919358607" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919358607"</small>
</li><li>
<span class="vimeo-id">919359386</span>
Video 16
<a class="vimeo-link" href="https://player.vimeo.com/video/919359386" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919359386"</small>
</li><li>
<span class="vimeo-id">919359855</span>
Video 17
<a class="vimeo-link" href="https://player.vimeo.com/video/919359855" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919359855"</small>
</li><li>
<span class="vimeo-id">919360318</span>
Video 18
<a class="vimeo-link" href="https://player.vimeo.com/video/919360318" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919360318"</small>
</li><li>
<span class="vimeo-id">919363158</span>
Video 19
<a class="vimeo-link" href="https://player.vimeo.com/video/919363158" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919363158"</small>
</li><li>
<span class="vimeo-id">919363728</span>
Video 20
<a class="vimeo-link" href="https://player.vimeo.com/video/919363728" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919363728"</small>
</li><li>
<span class="vimeo-id">919364522</span>
Video 21
<a class="vimeo-link" href="https://player.vimeo.com/video/919364522" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919364522"</small>
</li><li>
<span class="vimeo-id">919365485</span>
Video 22
<a class="vimeo-link" href="https://player.vimeo.com/video/919365485" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919365485"</small>
</li><li>
<span class="vimeo-id">919366263</span>
Video 23
<a class="vimeo-link" href="https://player.vimeo.com/video/919366263" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/919366263"</small>
</li></ul></div>
<div class="tab-panel" id="archivos-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes"><ul class="file-list"><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19097/s/35519/study-resources/46874/show?me=142960</code></li><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19097/s/35519/study-resources/46805/show?me=142961</code></li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_2_Entrenamiento-Centrales_y_Oponentes">
<p><a href="secciones/Modulo_2_Entrenamiento/Centrales_y_Oponentes/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_2_Entrenamiento/Centrales_y_Oponentes/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_2_Entrenamiento-Puntas_y_Liberos')">
<h3>Puntas y Liberos/as <span class="badge-count">13</span></h3>
<span class="toggle" id="toggle-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">🎬 Videos (12)</button>
<button class="tab-btn" data-tab="archivos-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">📄 Archivos (1)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos"><div class="preview-text"><h1>Puntas y Liberos</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos"><ul class="video-list"><li>
<span class="vimeo-id">1179888270</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/1179888270" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1179888270"</small>
</li><li>
<span class="vimeo-id">921876274</span>
Video 2
<a class="vimeo-link" href="https://player.vimeo.com/video/921876274" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921876274"</small>
</li><li>
<span class="vimeo-id">921873304</span>
Video 3
<a class="vimeo-link" href="https://player.vimeo.com/video/921873304" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921873304"</small>
</li><li>
<span class="vimeo-id">921873724</span>
Video 4
<a class="vimeo-link" href="https://player.vimeo.com/video/921873724" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921873724"</small>
</li><li>
<span class="vimeo-id">921873953</span>
Video 5
<a class="vimeo-link" href="https://player.vimeo.com/video/921873953" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921873953"</small>
</li><li>
<span class="vimeo-id">921874753</span>
Video 6
<a class="vimeo-link" href="https://player.vimeo.com/video/921874753" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921874753"</small>
</li><li>
<span class="vimeo-id">921875020</span>
Video 7
<a class="vimeo-link" href="https://player.vimeo.com/video/921875020" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921875020"</small>
</li><li>
<span class="vimeo-id">921875302</span>
Video 8
<a class="vimeo-link" href="https://player.vimeo.com/video/921875302" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921875302"</small>
</li><li>
<span class="vimeo-id">921875519</span>
Video 9
<a class="vimeo-link" href="https://player.vimeo.com/video/921875519" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921875519"</small>
</li><li>
<span class="vimeo-id">921875778</span>
Video 10
<a class="vimeo-link" href="https://player.vimeo.com/video/921875778" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921875778"</small>
</li><li>
<span class="vimeo-id">921879520</span>
Video 11
<a class="vimeo-link" href="https://player.vimeo.com/video/921879520" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921879520"</small>
</li><li>
<span class="vimeo-id">921879925</span>
Video 12
<a class="vimeo-link" href="https://player.vimeo.com/video/921879925" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/921879925"</small>
</li></ul></div>
<div class="tab-panel" id="archivos-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos"><ul class="file-list"><li>🔗 Abrir Archivo — <code>https://voley.onlineeducation.center/es/campus/student/training/e/14197/m/19097/s/35520/study-resources/46926/show?me=143177</code></li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_2_Entrenamiento-Puntas_y_Liberos">
<p><a href="secciones/Modulo_2_Entrenamiento/Puntas_y_Liberos/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_2_Entrenamiento/Puntas_y_Liberos/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras')">
<h3>Entrenamiento de Armadoras <span class="badge-count">1</span></h3>
<span class="toggle" id="toggle-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras">🎬 Videos (1)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras"><div class="preview-text"><h1>Entrenamiento Armadoras</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras"><ul class="video-list"><li>
<span class="vimeo-id">1181188693</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/1181188693" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1181188693"</small>
</li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_2_Entrenamiento-Entrenamiento_Armadoras">
<p><a href="secciones/Modulo_2_Entrenamiento/Entrenamiento_Armadoras/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_2_Entrenamiento/Entrenamiento_Armadoras/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
<div class="seccion-card">
<div class="seccion-header" onclick="toggleSeccion('sec-Modulo_2_Entrenamiento-Explicacion_TP')">
<h3>Explicación del TP <span class="badge-count">1</span></h3>
<span class="toggle" id="toggle-sec-Modulo_2_Entrenamiento-Explicacion_TP">▼</span>
</div>
<div class="seccion-content" id="content-sec-Modulo_2_Entrenamiento-Explicacion_TP">
<div class="tab-group">
<button class="tab-btn active" data-tab="texto-sec-Modulo_2_Entrenamiento-Explicacion_TP">📝 Texto</button>
<button class="tab-btn" data-tab="videos-sec-Modulo_2_Entrenamiento-Explicacion_TP">🎬 Videos (1)</button>
<button class="tab-btn" data-tab="html-sec-Modulo_2_Entrenamiento-Explicacion_TP">🌐 HTML</button>
</div>
<div class="tab-panel active" id="texto-sec-Modulo_2_Entrenamiento-Explicacion_TP"><div class="preview-text"><h1>Explicacion TP</h1>
<br>
<blockquote>Extraído el 2026-05-02</blockquote>
<br>
<p>PLANIFICACION</p>
<p>PREPARACION ATLETICA</p>
<p>EXPLICACION DEL TRABAJO PRACTICO A PRESENTAR</p>
<p>SEGUIMIENTOS DE EQUIPOS</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL</p>
<p>ANALISIS DE EQUIPOS DE VOLEIBOL 2</p>
<p>TRABAJO PRACTICO FINAL DE LA UNIDAD</p>
<br></div></div>
<div class="tab-panel" id="videos-sec-Modulo_2_Entrenamiento-Explicacion_TP"><ul class="video-list"><li>
<span class="vimeo-id">1181892359</span>
Video 1
<a class="vimeo-link" href="https://player.vimeo.com/video/1181892359" target="_blank">▶ Ver online</a>
<br><small style="color:#999">yt-dlp "https://player.vimeo.com/video/1181892359"</small>
</li></ul></div>
<div class="tab-panel" id="html-sec-Modulo_2_Entrenamiento-Explicacion_TP">
<p><a href="secciones/Modulo_2_Entrenamiento/Explicacion_TP/pagina.html" target="_blank" style="color:#004d6c;">Abrir página completa →</a></p>
<iframe src="secciones/Modulo_2_Entrenamiento/Explicacion_TP/pagina.html" style="width:100%;height:400px;border:1px solid #ddd;border-radius:8px;"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
Generado el 2/5/2026 — Online Education Center · offline dashboard
</div>
<script>
function toggleModulo(id) {
const body = document.getElementById(id);
const toggle = document.getElementById("toggle-" + id);
const isOpen = body.classList.toggle("collapsed");
toggle.classList.toggle("open");
toggle.textContent = isOpen ? "▼" : "▲";
}
function toggleSeccion(id) {
const content = document.getElementById("content-" + id);
const toggle = document.getElementById("toggle-" + id);
const isOpen = content.classList.toggle("open");
toggle.textContent = isOpen ? "▲" : "▼";
}
// Tabs
document.addEventListener("click", function(e) {
const btn = e.target.closest(".tab-btn");
if (!btn) return;
const tabGroup = btn.closest(".tab-group");
tabGroup.querySelectorAll(".tab-btn").forEach(b => b.classList.remove("active"));
btn.classList.add("active");
const tabId = btn.dataset.tab;
const parent = btn.closest(".seccion-content");
parent.querySelectorAll(".tab-panel").forEach(p => p.classList.remove("active"));
document.getElementById(tabId)?.classList.add("active");
});
// Abrir el primer módulo por defecto
document.addEventListener("DOMContentLoaded", function() {
const firstMod = document.querySelector(".modulo-body");
if (firstMod) firstMod.classList.remove("collapsed");
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink