*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
background:var(--bg);
color:var(--ink);
font-family:var(--font-body);
font-size:17px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto;}
*{animation-duration:0.001ms ; animation-iteration-count:1 ; transition-duration:0.001ms ;}
}
h1,h2,h3,h4,.mono,.kicker,.nav a,button,.tab,.mod-head{font-family:var(--font-display);}
a{color:inherit;}
.mono{font-family:var(--font-mono);}
::selection{background:var(--ball-orange); color:#fff;}
/* ---------- layout helpers ---------- */
.wrap{max-width:920px; margin:0 auto; padding:0 28px;}
.kicker{
font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase;
color:var(--ball-orange); font-weight:600; display:flex; align-items:center; gap:10px;
}
.kicker::before{content:""; width:22px; height:2px; background:var(--ball-orange); display:inline-block;}
/* ---------- top scoreboard nav ---------- */
header.top{
position:sticky; top:0; z-index:50;
background:var(--table-blue-deep);
border-bottom:1px solid rgba(255,255,255,0.08);
}
.top-inner{
max-width:1040px; margin:0 auto; padding:0 24px;
display:flex; align-items:center; justify-content:space-between;
height:56px;
}
.brand{
color:#fff; font-weight:700; font-size:14.5px; letter-spacing:0.02em;
display:flex; align-items:baseline; gap:8px;
}
.brand small{font-family:var(--font-mono); font-weight:400; color:rgba(255,255,255,0.55); font-size:11px; letter-spacing:0.08em;}
nav.sets{display:flex; gap:2px;}
nav.sets a{
font-family:var(--font-mono);
font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase;
color:rgba(255,255,255,0.55); text-decoration:none;
padding:9px 14px; border-bottom:2px solid transparent;
transition:color .2s ease, border-color .2s ease;
}
nav.sets a:hover, nav.sets a.active{color:#fff; border-color:var(--ball-orange);}
.nav-toggle{display:none; background:none; border:none; color:#fff; font-size:20px; cursor:pointer;}
@media (max-width:760px){
nav.sets{position:fixed; top:56px; left:0; right:0; background:var(--table-blue-deep); flex-direction:column; padding:6px 0; display:none; border-bottom:1px solid rgba(255,255,255,0.08);}
nav.sets.open{display:flex;}
nav.sets a{padding:12px 24px; border-bottom:none; border-left:2px solid transparent;}
nav.sets a.active{border-left-color:var(--ball-orange); border-bottom:none;}
.nav-toggle{display:block;}
}
/* ---------- hero ---------- */
.hero{
position:relative; overflow:hidden;
background:var(--table-blue);
color:#fff;
padding:88px 0 76px;
}
.hero::before{
content:"";
position:absolute; inset:0;
background-image:
repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 64px),
repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 64px);
opacity:0.4; pointer-events:none;
}
.hero-inner{position:relative; max-width:920px; margin:0 auto; padding:0 28px;}
.hero .kicker{color:#FFC79A;}
.hero .kicker::before{background:#FFC79A;}
h1.hero-title{
margin:20px 0 22px;
font-size:clamp(34px,5.4vw,58px);
line-height:1.05;
font-weight:700;
letter-spacing:-0.01em;
max-width:15ch;
}
h1.hero-title em{
font-style:normal;
color:var(--ball-orange);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:6px;
}
.hero p.lede{
max-width:52ch; font-size:19px; color:rgba(255,255,255,0.82);
font-family:var(--font-body); font-weight:400;
}
.rally{margin-top:56px; height:120px; position:relative;}
.rally svg{width:100%; height:100%; display:block; overflow:visible;}
.rally .ball{
animation:fly 3.2s ease-in-out infinite;
}
@keyframes fly{
0%{offset-distance:0%;}
100%{offset-distance:100%;}
}
.rally .ball{
offset-path:path('M2,90 C 140,10 260,10 400,90 S 660,170 798,90');
offset-rotate:0deg;
}
.scoreline{
margin-top:18px; display:flex; gap:28px; flex-wrap:wrap;
font-family:var(--font-mono); font-size:12.5px; color:rgba(255,255,255,0.65); letter-spacing:0.04em;
}
.scoreline b{color:#fff; font-weight:600;}
/* ---------- generic section ---------- */
section.block{padding:76px 0;}
section.block.alt{background:var(--bg-panel);}
.section-head{margin-bottom:44px;}
h2.section-title{
font-size:clamp(26px,3.6vw,36px); margin:12px 0 14px; font-weight:700; letter-spacing:-0.01em;
}
.section-dek{color:var(--ink-soft); font-size:17px; max-width:62ch;}
h3.h3{
font-family:var(--font-display); font-weight:600; font-size:20px; margin:40px 0 12px;
display:flex; align-items:center; gap:10px;
}
h3.h3 .n{
font-family:var(--font-mono); font-size:12px; color:var(--ball-orange);
border:1px solid var(--ball-orange); border-radius:100px; padding:2px 8px;
}
p{margin:0 0 16px;}
ul, ol{padding-left:22px; margin:0 0 16px;}
li{margin-bottom:8px;}
strong{font-weight:600;}
.card{
background:#fff; border:1px solid var(--line-soft); border-radius:var(--radius);
padding:22px 24px; margin-bottom:14px;
}
.grid2{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:700px){.grid2{grid-template-columns:1fr;}}
table{width:100%; border-collapse:collapse; margin:18px 0 26px; font-size:15px;}
caption{text-align:left; font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-faint); margin-bottom:8px;}
thead th{
font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:0.05em;
text-align:left; color:#fff; background:var(--table-blue); padding:10px 12px;
}
tbody td{padding:11px 12px; border-bottom:1px solid var(--line-soft); vertical-align:top;}
tbody tr:nth-child(odd){background:rgba(11,79,108,0.035);}
blockquote.principle{
border-left:3px solid var(--ball-orange);
margin:22px 0; padding:4px 0 4px 20px;
font-style:italic; color:var(--ink-soft); font-size:17.5px;
}
.tag{
display:inline-block; font-family:var(--font-mono); font-size:11px; text-transform:uppercase;
letter-spacing:0.06em; padding:3px 9px; border-radius:100px; margin:0 6px 6px 0;
background:var(--ball-orange-soft); color:var(--ball-orange); border:1px solid rgba(240,100,30,0.3);
}
/* ---------- module accordion ---------- */
.module{
border:1px solid var(--line); border-radius:var(--radius); margin-bottom:10px; background:#fff;
overflow:hidden;
}
.mod-head{
width:100%; display:flex; align-items:center; gap:16px; justify-content:space-between;
background:none; border:none; text-align:left; cursor:pointer; padding:16px 20px;
font-size:16.5px; font-weight:600; color:var(--ink);
}
.mod-head .num{font-family:var(--font-mono); color:var(--ball-orange); font-size:13px; min-width:52px;}
.mod-head .plus{font-size:20px; color:var(--ink-faint); transition:transform .25s ease;}
.module.open .mod-head .plus{transform:rotate(45deg); color:var(--ball-orange);}
.mod-body{max-height:0; overflow:hidden; transition:max-height .35s ease;}
.mod-body-inner{padding:0 20px 24px 20px; border-top:1px solid var(--line-soft);}
.mod-body-inner dl{margin:16px 0 0;}
.mod-body-inner dt{font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:var(--table-blue); margin-top:14px;}
.mod-body-inner dd{margin:4px 0 0; padding:0;}
/* ---------- tabs (Feynman levels) ---------- */
.tabbar{display:flex; gap:8px; margin-bottom:28px; flex-wrap:wrap;}
.tab{
font-size:13px; padding:9px 16px; border-radius:100px; border:1px solid var(--line);
background:#fff; cursor:pointer; color:var(--ink-soft); font-weight:600;
transition:all .2s ease;
}
.tab.active{background:var(--table-blue); color:#fff; border-color:var(--table-blue);}
.tabpanel{display:none;}
.tabpanel.active{display:block;}
.stage{
border-left:2px solid var(--line); padding-left:20px; margin:0 0 26px; position:relative;
}
.stage::before{
content:""; position:absolute; left:-6px; top:4px; width:10px; height:10px; border-radius:50%; background:var(--ball-orange);
}
.stage h4{margin:0 0 8px; font-family:var(--font-display); font-size:17px;}
/* ---------- orchestra list ---------- */
.orch{list-style:none; padding:0; margin:0 0 24px;}
.orch li{
display:grid; grid-template-columns:150px 1fr; gap:16px; padding:12px 0; border-bottom:1px solid var(--line-soft);
}
.orch li b{font-family:var(--font-mono); font-size:12.5px; color:var(--table-blue); text-transform:uppercase; letter-spacing:0.04em;}
@media (max-width:600px){.orch li{grid-template-columns:1fr;}}
/* ---------- checklist ---------- */
.checklist{list-style:none; padding:0; margin:0;}
.checklist li{
display:flex; gap:12px; align-items:flex-start; padding:10px 0; border-bottom:1px solid var(--line-soft);
}
.checklist li::before{
content:""; flex:0 0 16px; height:16px; margin-top:3px; border:1.5px solid var(--table-blue); border-radius:3px;
}
footer{
background:var(--table-blue-deep); color:rgba(255,255,255,0.6);
padding:40px 0; font-size:13.5px; font-family:var(--font-mono);
}
footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;}
footer a{color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.3);}
.backtotop{
position:fixed; right:22px; bottom:22px; width:42px; height:42px; border-radius:50%;
background:var(--ball-orange); color:#fff; display:flex; align-items:center; justify-content:center;
text-decoration:none; box-shadow:var(--shadow); opacity:0; pointer-events:none; transition:opacity .25s ease;
font-size:18px; z-index:40;
}
.backtotop.show{opacity:1; pointer-events:auto;}
Cómo se integran el control motor, la biomecánica, la kinesiología, la anatomía funcional, la fisiología y la neurociencia para comprender, enseñar, evaluar y optimizar una acción de tenis de mesa.
Un golpe no debe estudiarse solo desde la técnica visible. Aquí se recorre el camino completo: qué es analizar integralmente, y cómo se integran las seis disciplinas en una sola lectura del movimiento.
Análisis integral es el estudio de una acción deportiva como un sistema en el que convergen simultáneamente procesos neurales, mecánicos, articulares, musculares, energéticos y perceptivo-decisionales — no como una secuencia de posturas fotografiables.
Lo que el ojo capta —la trayectoria del brazo, el ángulo de la raqueta, el giro del tronco— es el producto final de decisiones tomadas antes del movimiento y de procesos internos invisibles. Juzgar un golpe solo por su “foto” final es como juzgar una canción por la posición final de los dedos del pianista: se pierde el tempo, la intención y la coordinación que la hicieron posible.
| Nivel | Qué es | Ejemplo |
|---|---|---|
| Movimiento observable | Lo que registra una cámara | El brazo se extiende, el tronco rota |
| Organización interna | Los procesos que generan ese movimiento | Secuencia proximal-distal, co-contracción del core |
| Resultado deportivo | El efecto sobre la pelota y el punto | Velocidad, rotación, profundidad, punto ganado o perdido |
Un entrenador que solo corrige el nivel observable corrige síntomas, no causas.
El sistema nervioso no envía órdenes músculo por músculo: organiza sinergias, agrupaciones funcionales que se comportan como una unidad para simplificar el control de decenas de grados de libertad en fracciones de segundo.
Percepción → decisión → acción es un ciclo continuo: con tiempos de reacción de 300–400 ms para una bola rápida, gran parte de esta cadena debe estar automatizada.
Gravedad, reacción del suelo, resistencia del aire, fuerza de la pelota sobre la raqueta.
Tensión muscular, fuerzas articulares, tejido conectivo.
El jugador mantiene el centro de masa en equilibrio dinámico —no estático— dentro de una base de apoyo que le permite generar fuerza explosiva. La fuerza generada en el suelo se transmite hacia arriba por la cadena cinética: piernas → pelvis → tronco → hombro → brazo → raqueta, amplificándose en velocidad en cada eslabón (“cadena de látigo”). Los segmentos distales alcanzan velocidades angulares mayores gracias a esta transferencia secuencial, sin que cada segmento genere toda la fuerza por sí mismo.
Velocidad depende de la velocidad de la raqueta en el contacto; efecto depende del componente tangencial de esa velocidad y del ángulo de la raqueta; precisión depende de la consistencia del timing y la estabilidad postural, no solo de la fuerza.
Secuencia articular típica de un topspin de derecha:
El patrón es proximal-distal: los segmentos grandes se activan primero y generan la base de fuerza; los pequeños se activan al final, cuando ya tienen la velocidad heredada de los previos.
| Fase | Articulaciones clave | Movilizadores | Estabilizadores |
|---|---|---|---|
| Preparación | Tobillo, rodilla, cadera, columna | Glúteos, isquiotibiales, oblicuos | Core profundo |
| Aceleración | Cadera, columna, hombro, codo | Glúteo mayor, dorsal ancho, pectoral, tríceps | Manguito rotador, serrato anterior |
| Contacto | Muñeca, codo, hombro | Flexores/pronadores de antebrazo | Manguito rotador |
| Desaceleración | Hombro, codo | Antagonistas (bíceps, deltoides posterior) | Manguito rotador (control excéntrico) |
| Recuperación | Cadera, rodilla, tobillo | Cuádriceps, aductores, glúteos | Core, estabilizadores de tobillo |
La cadena cruzada (glúteo contralateral–dorsal ancho contralateral) conecta la pierna de apoyo con el brazo ejecutor: es la vía anatómica real de la “transferencia de peso”.
Demanda predominantemente anaeróbica aláctica por golpe (<1 s), con componente aeróbico para sostener el partido y contribución glucolítica en peloteos intensos. La fatiga puede ser periférica (metabolitos musculares) o central (menor impulso neural, peor atención) — ambas deterioran la precisión de golpes ya automatizados al final de un partido largo.
El jugador de élite usa visión periférica para la postura global del rival y visión central para detalles finos. La atención selectiva se dirige a índices tempranos, no a esperar ver salir la pelota. La anticipación reduce el tiempo de reacción efectivo. La automatización libera recursos atencionales para la táctica. La toma de decisiones ocurre en cientos de milisegundos, apoyada en reconocimiento de patrones más que en análisis deliberado.
Lectura del rival, anticipación de dirección/efecto, carga de peso, activación anticipatoria del core.
Secuencia piernas-pelvis-tronco-hombro-brazo-muñeca; microajustes finales; gasto explosivo aláctico.
Desaceleración excéntrica, recuperación postural, ajuste implícito del modelo interno; la fatiga deteriora este ciclo completo.
| Error visible (consecuencia) | Causa probable |
|---|---|
| “Golpea solo con el brazo” | Falta de rotación de pelvis/tronco o llegada tardía |
| Pelota corta / a la red | Contacto tardío o punto de contacto bajo, por mala anticipación |
| Falta de potencia | Secuencia proximal-distal rota |
| Inconsistencia bajo presión | Automatización incompleta o fatiga central |
Cinco conocimientos clave:
Tres errores de interpretación frecuentes: creer que más fuerza de brazo es más potencia · pensar que dominar el ejercicio cerrado garantiza rendimiento en partido · atribuir un error solo a “falta de práctica” sin diagnosticar la causa real.
Tres aplicaciones inmediatas: observar tres repeticiones enfocándose solo en pies-cadera-tronco · incluir multibola con variabilidad controlada · ubicar el bloque técnico exigente al inicio de la sesión, antes de la fatiga.
Una ruta de aprendizaje práctica para formar entrenadores capaces de observar, interpretar, intervenir y evaluar el movimiento. Toca cada módulo para desplegarlo.
Analizar un golpe completo mediante video y entregar: descripción del movimiento · análisis de las seis áreas · diagnóstico principal (causa raíz, no solo síntoma) · propuesta de intervención · ejercicios correctivos · indicadores de progreso medibles en 2–3 sesiones.
El mismo concepto explicado a distinta profundidad: para un estudiante de 12 años, para las complejidades que suelen ignorarse, y para un análisis experto completo.
Imagina que tu cuerpo es un equipo jugando tenis de mesa: el cerebro es el director, los ojos son los exploradores, los músculos son los motores, las articulaciones son las bisagras, los huesos son las palancas, la energía es el combustible, la raqueta es la herramienta y la pelota es el resultado visible de todo el sistema.
Golpear bien no es solo mover el brazo: el brazo solo no tiene fuerza ni puntería suficiente. Necesita que las piernas empujen primero y que la cadera y el tronco giren. Es como empujar un carro tú solo cuando podrías pedir ayuda a todo el equipo.
Análisis de un forehand topspin, desde el estímulo hasta la recuperación:
Información: postura del rival, ángulo de raqueta, backswing inicial. Procesamiento: atención selectiva sobre índices tempranos, memoria motriz de patrones similares. Decisión táctica: selección preliminar de respuesta. Error posible: fijar la mirada solo en la pelota. Corrección: ejercicios de oclusión visual parcial.
Procesamiento: acoplamiento percepción-acción, el programa motor se genera mientras aún llega información. Articulaciones: tobillo, rodilla, cadera inician el desplazamiento. Fuerzas: reacción del suelo horizontal. Error posible: desplazamiento tardío que fuerza el golpe en desequilibrio.
Procesamiento: planificación motora completa, grados de libertad organizados en sinergia. Fuerzas: carga excéntrica, energía elástica almacenada. Error posible: backswing excesivo que retrasa el tiempo total del gesto.
Articulaciones: extensión de piernas, rotación de pelvis/tronco, rotación de hombro, extensión de codo — en ese orden. Transmisión: secuencial proximal-distal, amplificando velocidad angular en cada eslabón. Error posible: secuencia invertida (brazo antes que tronco).
Articulaciones: pronación y flexión de muñeca, estabilización del manguito rotador bajo carga. Fuerzas: impacto raqueta-pelota, fricción goma-pelota que determina la rotación. Error posible: ángulo de raqueta incorrecto pese a un swing correcto.
Procesamiento: actualización implícita del modelo interno (aprendizaje motor). Articulaciones: activación excéntrica de antagonistas para frenar el brazo. Error posible: recuperación lenta que deja al jugador fuera de posición.
“El mismo concepto en cinco frases: golpear bien es todo el cuerpo trabajando en equipo · el cerebro prepara el golpe antes de que el brazo se mueva · la fuerza viaja de los pies a la raqueta como una ola · leer mejor al rival da más tiempo para responder · el cansancio no solo debilita el golpe, también hace pensar y ver peor.”
La analogía de la orquesta, el forehand contra pelota cortada analizado desde las seis áreas, y una ficha de diagnóstico para usar en pista.
Una orquesta con instrumentos excelentes pero sin coordinación ni dirección suena mal — igual que un jugador fuerte y móvil sin buena organización neural y decisional.
| Problema | Causa probable | Área predominante | Consigna verbal |
|---|---|---|---|
| Llegada tardía | Anticipación deficiente | Neurociencia / Control motor | “Lee antes de que salga la pelota” |
| Base de apoyo inadecuada | Falta de flexión de piernas | Biomecánica | “Baja el centro” |
| Exceso de movimiento del brazo | Secuencia proximal-distal invertida | Kinesiología | “Deja el brazo para el final” |
| Falta de participación del tronco | Rigidez torácica o mal timing | Anatomía funcional | “Gira, no empujes” |
| Contacto bajo o tardío | Mala anticipación del bote | Neurociencia | “Contacta arriba y al frente” |
| Ángulo de raqueta incorrecto | Desconocimiento del efecto recibido | Biomecánica / Neurociencia | “Cierra/abre según el efecto” |
| Mala lectura del efecto | Atención solo en la pelota | Neurociencia | “Mira la raqueta del rival” |
| Recuperación lenta | Desaceleración pobre | Fisiología / Kinesiología | “Vuelve rápido, ya viene la próxima” |
¿Estoy corrigiendo lo que veo, o he identificado realmente qué parte del sistema —percepción, decisión, postura, secuencia, fuerza o energía— está generando lo que veo?
const container = document.getElementById('modules');
modules.forEach((m, i) => {
const num = String(i+1).padStart(2,'0');
const div = document.createElement('div');
div.className = 'module';
div.innerHTML = `
`;
container.appendChild(div);
const head = div.querySelector('.mod-head');
const body = div.querySelector('.mod-body');
head.addEventListener('click', () => {
const isOpen = div.classList.contains('open');
// close others
document.querySelectorAll('.module.open').forEach(m2 => {
if(m2 !== div){
m2.classList.remove('open');
m2.querySelector('.mod-body').style.maxHeight = null;
m2.querySelector('.mod-head').setAttribute('aria-expanded','false');
}
});
if(isOpen){
div.classList.remove('open');
body.style.maxHeight = null;
head.setAttribute('aria-expanded','false');
} else {
div.classList.add('open');
body.style.maxHeight = body.scrollHeight + 'px';
head.setAttribute('aria-expanded','true');
}
});
});
// ---------- tabs ----------
document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
document.querySelectorAll('.tabpanel').forEach(p => p.classList.remove('active'));
tab.classList.add('active');
document.getElementById(tab.dataset.tab).classList.add('active');
});
});
// ---------- mobile nav ----------
const navToggle = document.getElementById('navToggle');
const setsNav = document.getElementById('setsNav');
navToggle.addEventListener('click', () => setsNav.classList.toggle('open'));
setsNav.querySelectorAll('a').forEach(a => a.addEventListener('click', () => setsNav.classList.remove('open')));
// ---------- active section highlight + back to top ----------
const sections = ['set1','set2','set3','set4'].map(id => document.getElementById(id));
const navLinks = Array.from(document.querySelectorAll('nav.sets a'));
const backtotop = document.getElementById('backtotop');
const onScroll = () => {
let current = sections[0].id;
for(const s of sections){
if(window.scrollY + 120 >= s.offsetTop) current = s.id;
}
navLinks.forEach(l => l.classList.toggle('active', l.getAttribute('href') === '#'+current));
backtotop.classList.toggle('show', window.scrollY > 600);
};
window.addEventListener('scroll', onScroll, {passive:true});
onScroll();