Portal de informacion para pacientes del Dr. Martin Antunez. Guias de rehabilitacion, ejercicios y cuidados postoperatorios para cirugia de rodilla.
Acceso publico — dirigido a pacientes, no requiere autenticacion.
- Informacion y expectativas: tipos de lesion, tratamiento, proceso hospitalario, recuperacion
- Rehabilitacion postoperatoria: protocolo por fases, ejercicios, retorno a la actividad
- Slideshow de consulta: secuencias de sutura meniscal en fila
- Informacion y expectativas del proceso quirurgico y recuperacion
- Informacion y expectativas: estancia hospitalaria, recuperacion mes a mes, heparina, signos de alarma, FAQ
- Imagen de implante de alta calidad reutilizada de
rehabilitacion-cot
- Guia ampliada de infiltraciones: indicaciones, productos (corticoide, AH, PRP), tecnica
- Animacion explicativa de PRP (
animacion-prp.html) - Boton Descargar PDF con estilos
@media print
- Landing con bento grid, estética unificada con
jmacot.github.io - Navegacion por patologia: hub intermedio con subcards de informacion y rehabilitacion
- Apartado consulta/ con slideshows visuales para enseñar al paciente en consulta
- Acordeones nativos (
<details>/<summary>) para organizar el contenido - Navegacion sticky con pills y scroll spy automatico
- Imagenes ilustrativas optimizadas (compresion masiva: 83 MB liberados respecto al primer release)
- Timeline de recuperacion con milestones por mes, sin cortes entre páginas en PDF
- Tabla expectativas vs realidad para desmontar mitos frecuentes
- Signos de alarma destacados en callout rojo
- FAQ con mini-acordeones
- Descarga PDF con
window.print()y CSS print canónico (sin header del navegador, sin saltos de línea problemáticos) - Modo oscuro con deteccion automatica
- Responsive para consulta desde el movil del paciente
- Selecciona tu patologia en la pagina principal
- Elige entre Informacion (que esperar) o Rehabilitacion (que hacer)
- Navega por las secciones usando las pills superiores
- Despliega los acordeones para ver el contenido de cada tema
pacientes/
├── index.html ← landing page con bento grid (Meniscos hero, PTR/LCA medium, Infiltraciones)
├── meniscos.html ← hub Meniscos (info + rehab)
├── meniscos-info.html ← guia Meniscos: informacion
├── meniscos-rehab.html ← guia Meniscos: rehabilitacion
├── lca.html ← hub LCA
├── lca-info.html ← guia LCA: informacion
├── ptr.html ← hub PTR (info)
├── ptr-info.html ← guia PTR: informacion y expectativas
├── infiltraciones.html ← guia ampliada de infiltraciones (corticoide, AH, PRP)
├── animacion-prp.html ← animacion didactica del PRP
├── consulta/ ← slideshows visuales para mostrar al paciente en consulta
├── img/ ← imagenes optimizadas, organizadas por patologia
├── qr/ ← QR para acceso rapido desde consulta
├── .gitignore
└── README.md ← este archivo
- HTML5 + CSS3 + JavaScript vanilla
- Tipografias: DM Sans, DM Serif Display y DM Mono (Google Fonts)
- Sistema de diseno A (Editorial) del ecosistema COT
- Sin frameworks, sin build tools, sin backend
MIT