import { useState } from 'react' import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card" import { Button } from "/components/ui/button" import { Heart, Shield, Users, AlertTriangle, Bone, Thermometer } from "lucide-react" type Lesion = { id: string titulo: string descripcion: string icono: JSX.Element pasos: { titulo: string descripcion: string ilustracion?: JSX.Element }[] prevencion: string[] } const lesiones: Lesion[] = [ { id: 'pecho', titulo: 'Dolor Torácico', descripcion: 'Atención para molestias o dolor en la zona pectoral durante el entrenamiento', icono: , pasos: [ { titulo: 'Paso 1', descripcion: 'Detener inmediatamente la actividad física', ilustracion:

Ilustración: Persona deteniendo ejercicio

}, { titulo: 'Paso 2', descripcion: 'Evaluar si el dolor es muscular o cardíaco (dolor punzante, irradiado a brazo izquierdo/mandíbula)' }, { titulo: 'Paso 3', descripcion: 'Si es cardíaco, llamar emergencias inmediatamente y administrar ASPIRINA si está disponible' }, { titulo: 'Paso 4', descripcion: 'Para dolor muscular, aplicar hielo 15-20 min cada 2 horas las primeras 48h' } ], prevencion: [ 'Calentamiento adecuado (10-15 min)', 'Progresión gradual en cargas', 'Técnica correcta en press banca y otros ejercicios pectorales' ] }, { id: 'tobillo', titulo: 'Esguince de Tobillo', descripcion: 'Tratamiento inicial para torceduras durante ejercicios de pierna o cardio', icono: , pasos: [ { titulo: 'Paso 1', descripcion: 'Aplicar protocolo RICE (Reposo, Hielo, Compresión, Elevación)', ilustracion:

Ilustración: Tobillo vendado elevado

}, { titulo: 'Paso 2', descripcion: 'Inmovilizar con vendaje elástico (no apretar en exceso)' }, { titulo: 'Paso 3', descripcion: 'Evitar apoyo durante 24-48h según gravedad' }, { titulo: 'Paso 4', descripcion: 'Derivar a médico si hay deformidad o dolor intenso' } ], prevencion: [ 'Calzado adecuado', 'Ejercicios de propiocepción', 'Evitar superficies irregulares' ] }, { id: 'enfriamiento', titulo: 'Enfriamiento Muscular', descripcion: 'Manejo de bajada brusca de temperatura en músculos tras ejercicio intenso', icono: , pasos: [ { titulo: 'Paso 1', descripcion: 'Cubrir al deportista con manta térmica', ilustracion:

Ilustración: Manta térmica sobre piernas

}, { titulo: 'Paso 2', descripcion: 'Dar bebidas calientes (no alcohólicas)' }, { titulo: 'Paso 3', descripcion: 'Masajear suavemente la zona afectada' }, { titulo: 'Paso 4', descripcion: 'Monitorizar temperatura corporal' } ], prevencion: [ 'Vestimenta adecuada a temperatura ambiente', 'Vuelta a la calma progresiva', 'Evitar cambios bruscos de temperatura' ] }, { id: 'tendones', titulo: 'Tendinitis', descripcion: 'Manejo inicial de inflamación tendinosa (hombro, codo, rodilla)', icono: , pasos: [ { titulo: 'Paso 1', descripcion: 'Aplicar hielo 15 min cada 2 horas', ilustracion:

Ilustración: Hielo en codo

}, { titulo: 'Paso 2', descripcion: 'Inmovilización relativa (no completa)' }, { titulo: 'Paso 3', descripcion: 'Antiinflamatorios tópicos (consultar alergias)' }, { titulo: 'Paso 4', descripcion: 'Derivar a fisioterapeuta o médico deportivo' } ], prevencion: [ 'Progresión adecuada en cargas', 'Ejercicios excéntricos', 'Respetar días de descanso' ] } ] export default function ManualLesionesGimnasio() { const [lesionActual, setLesionActual] = useState(lesiones[0]) const [mostrarPrevencion, setMostrarPrevencion] = useState(false) return (

Manual de Primeros Auxilios para Entrenadores - Lesiones Musculares

{/* Navegación lateral */}

Zonas del Cuerpo

{/* Contenido principal */}

{lesionActual.icono}

{lesionActual.titulo}

{lesionActual.descripcion}

{mostrarPrevencion ? (

Medidas Preventivas

{item}

) : (

Protocolo de Actuación

{lesionActual.pasos.map((paso, index) => (

{index + 1}

{paso.titulo}

{paso.descripcion}

{paso.ilustracion && (

{paso.ilustracion}

)}

))}

)}

) }