diff --git a/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_1_CONSTANTES_VITALES.md b/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_1_CONSTANTES_VITALES.md
index 10786a66..29e2ac92 100644
--- a/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_1_CONSTANTES_VITALES.md
+++ b/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_1_CONSTANTES_VITALES.md
@@ -12,7 +12,7 @@
Obtener constantes vitales fiables en campo y durante traslado, registrando correctamente los valores obtenidos, evitando lecturas falsas por técnica incorrecta, perfusión, movimiento o mala colocación.
-
+![registro-constantes-vitales]
Este capítulo se centra en **técnica operativa de toma de constantes vitales (TA, FC, FR, temperatura) y registro en campo**, no en interpretación clínica avanzada ni tratamiento.
@@ -304,7 +304,7 @@ Este capítulo cubre:
### E) Saturación de Oxígeno (SpO₂)
-
+![uso-pulsioximetro]
**Procedimiento paso a paso:**
@@ -339,7 +339,7 @@ Este capítulo cubre:
## 1.1.6 Registro Operativo en Campo
-
+![interpretacion-constantes-semaforo]
### Qué registrar
diff --git a/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_2_ABCDE_OPERATIVO.md b/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_2_ABCDE_OPERATIVO.md
index 7fc07c26..4c9d95ad 100644
--- a/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_2_ABCDE_OPERATIVO.md
+++ b/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_2_ABCDE_OPERATIVO.md
@@ -93,7 +93,7 @@ Este capítulo cubre:
## 1.2.4 Procedimiento Paso a Paso: ABCDE
-
+![abcde-algoritmo]
### A - Airway (Vía Aérea)
diff --git a/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_4_TRIAGE_START.md b/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_4_TRIAGE_START.md
index 5834e62f..e24fb418 100644
--- a/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_4_TRIAGE_START.md
+++ b/public/manual/BLOQUE_1_PROCEDIMIENTOS_BASICOS/BLOQUE_01_4_TRIAGE_START.md
@@ -96,7 +96,7 @@ Este capítulo cubre:
## 1.4.4 Sistema Start: Categorías
-
+![triage-start]
### Negro - Fallecido / Expectante
diff --git a/public/manual/BLOQUE_2_MATERIAL_E_INMOVILIZACION/BLOQUE_02_3_COLLARIN_CERVICAL.md b/public/manual/BLOQUE_2_MATERIAL_E_INMOVILIZACION/BLOQUE_02_3_COLLARIN_CERVICAL.md
index 24b3e512..49a35557 100644
--- a/public/manual/BLOQUE_2_MATERIAL_E_INMOVILIZACION/BLOQUE_02_3_COLLARIN_CERVICAL.md
+++ b/public/manual/BLOQUE_2_MATERIAL_E_INMOVILIZACION/BLOQUE_02_3_COLLARIN_CERVICAL.md
@@ -276,7 +276,7 @@ No existen contraindicaciones absolutas cuando hay riesgo cervical.
4. Medir distancia entre ambos puntos
5. Seleccionar talla según medida
-
+![collarin-medicion]
**Tallas Estándar:**
- **Pediátrico:** <10 cm aproximadamente
@@ -284,7 +284,7 @@ No existen contraindicaciones absolutas cuando hay riesgo cervical.
- **Mediano:** 12-14 cm aproximadamente
- **Grande:** >14 cm aproximadamente
-
+![collarin-tabla-tallas]
*Nota: Las medidas exactas varían según fabricante. Consultar guía del fabricante.*
@@ -508,7 +508,7 @@ No existen contraindicaciones absolutas cuando hay riesgo cervical.
## 2.3.10 Problemas Frecuentes y Resolución Rápida
-
+![collarin-errores]
### Errores Críticos
diff --git a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_0B_OXIGENOTERAPIA_FUNDAMENTOS.md b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_0B_OXIGENOTERAPIA_FUNDAMENTOS.md
index a0b69939..1b9029ba 100644
--- a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_0B_OXIGENOTERAPIA_FUNDAMENTOS.md
+++ b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_0B_OXIGENOTERAPIA_FUNDAMENTOS.md
@@ -243,9 +243,9 @@ Este capítulo se centra en **equipos, uso seguro, montaje, verificación, logí
## 3.0.4 Dispositivos de Administración (Visión Práctica)
-
+![diagrama-seleccion-oxigenoterapia]
-
+![tabla-rangos-fio2]
### Gafas nasales
diff --git a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_1_DISPOSITIVOS_OXIGENOTERAPIA.md b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_1_DISPOSITIVOS_OXIGENOTERAPIA.md
index b754885f..1d7cd3dd 100644
--- a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_1_DISPOSITIVOS_OXIGENOTERAPIA.md
+++ b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_1_DISPOSITIVOS_OXIGENOTERAPIA.md
@@ -95,7 +95,7 @@ Este capítulo cubre:
- Verificar que caudalímetro funciona correctamente.
- Verificar que presión es adecuada.
-
+![guia-colocacion-oxigenoterapia]
**2. Montar dispositivo y comprobar flujo**
- Montar dispositivo según instrucciones.
diff --git a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_2B_CANULA_OROFARINGEA.md b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_2B_CANULA_OROFARINGEA.md
index 05fb5179..2f2d84b3 100644
--- a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_2B_CANULA_OROFARINGEA.md
+++ b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_2B_CANULA_OROFARINGEA.md
@@ -12,7 +12,7 @@
## 1. OBJETIVO OPERATIVO
-
+![canulas-guedel-nasofaringea]
Insertar cánula orofaríngea (OPA) de forma segura y efectiva en pacientes inconscientes sin reflejo nauseoso, manteniendo vía aérea permeable para facilitar ventilación e integrando con **ventilación con bolsa-mascarilla (3.1) y evaluación primaria ABCDE (1.2)**.
diff --git a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_3_BVM.md b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_3_BVM.md
index 0bf2a19f..d19f2de8 100644
--- a/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_3_BVM.md
+++ b/public/manual/BLOQUE_3_MATERIAL_SANITARIO_Y_OXIGENOTERAPIA/BLOQUE_03_3_BVM.md
@@ -10,9 +10,9 @@
## 3.3.1 Objetivo operativo
-
+![uso-ambu]
-
+![configuracion-fio2-bvm]
Usar la BVM de forma **segura y eficaz** para ventilación asistida básica, integrándola con **oxigenoterapia (3.0–3.1), aspiración (3.2) y traslado**, minimizando **fugas, insuflación gástrica y pérdida de control**.
diff --git a/public/manual/BLOQUE_4_SOPORTE_VITAL_BASICO_Y_RCP/BLOQUE_04_4_USO_DESA.md b/public/manual/BLOQUE_4_SOPORTE_VITAL_BASICO_Y_RCP/BLOQUE_04_4_USO_DESA.md
index 1ce6b1c8..dec15b40 100644
--- a/public/manual/BLOQUE_4_SOPORTE_VITAL_BASICO_Y_RCP/BLOQUE_04_4_USO_DESA.md
+++ b/public/manual/BLOQUE_4_SOPORTE_VITAL_BASICO_Y_RCP/BLOQUE_04_4_USO_DESA.md
@@ -52,7 +52,7 @@ Este capítulo se centra en **uso operativo del DESA**, no en desfibrilador manu
## 4.4.3 Principios TES
-
+![flujo-desa-telefono]
### El DESA es un instrumento seguro
diff --git a/src/components/content/MarkdownViewer.tsx b/src/components/content/MarkdownViewer.tsx
index 8770efc8..61ede83a 100644
--- a/src/components/content/MarkdownViewer.tsx
+++ b/src/components/content/MarkdownViewer.tsx
@@ -6,6 +6,7 @@ import rehypeRaw from 'rehype-raw';
import rehypeSanitize from 'rehype-sanitize';
import rehypeHighlight from 'rehype-highlight';
import { Loader2, AlertCircle, FileText } from 'lucide-react';
+import { imageRegistry, hasImageId, findImageById } from '@/data/image-registry';
import 'highlight.js/styles/github-dark.css';
interface MarkdownViewerProps {
@@ -240,27 +241,70 @@ const MarkdownViewer = ({
img: ({ node, src, alt, ...props }: any) => {
// Normalizar rutas de imágenes
let imageSrc = src || '';
+ let imageAlt = alt || '';
+ let imageCaption = '';
- // Si es una ruta relativa que empieza con ./assets o ../assets
- if (imageSrc.startsWith('./assets/') || imageSrc.startsWith('../assets/')) {
- // Convertir a ruta absoluta desde public/
- imageSrc = imageSrc.replace(/^\.\.?\/assets\//, '/assets/');
+ // 1. Intentar resolver desde registry (sistema de alias)
+ if (imageSrc && hasImageId(imageSrc)) {
+ const metadata = findImageById(imageSrc);
+ if (metadata) {
+ imageSrc = metadata.path;
+ imageAlt = metadata.alt;
+ imageCaption = metadata.caption || '';
+ }
}
- // Si es una ruta relativa que empieza con assets/
- else if (imageSrc.startsWith('assets/') && !imageSrc.startsWith('/assets/')) {
- // Convertir a ruta absoluta
- imageSrc = `/${imageSrc}`;
- }
- // Si no empieza con /, asumir que es relativa desde public/
- else if (imageSrc && !imageSrc.startsWith('/') && !imageSrc.startsWith('http')) {
- imageSrc = `/${imageSrc}`;
+ // 2. Si no es alias, normalizar ruta directa (compatibilidad con sistema actual)
+ else {
+ // Si es una ruta relativa que empieza con ./assets o ../assets
+ if (imageSrc.startsWith('./assets/') || imageSrc.startsWith('../assets/')) {
+ // Convertir a ruta absoluta desde public/
+ imageSrc = imageSrc.replace(/^\.\.?\/assets\//, '/assets/');
+ }
+ // Si es una ruta relativa que empieza con assets/
+ else if (imageSrc.startsWith('assets/') && !imageSrc.startsWith('/assets/')) {
+ // Convertir a ruta absoluta
+ imageSrc = `/${imageSrc}`;
+ }
+ // Si no empieza con /, asumir que es relativa desde public/
+ else if (imageSrc && !imageSrc.startsWith('/') && !imageSrc.startsWith('http')) {
+ imageSrc = `/${imageSrc}`;
+ }
+
+ // Si no hay alt, usar el src como fallback
+ if (!imageAlt && imageSrc) {
+ imageAlt = imageSrc.split('/').pop()?.replace(/\.[^/.]+$/, '') || 'Imagen';
+ }
}
+ // Renderizar imagen con caption si está disponible
+ if (imageCaption) {
+ return (
+
+ 
{
+ // Fallback si la imagen no se carga
+ console.warn(`No se pudo cargar la imagen: ${imageSrc}`);
+ (e.target as HTMLImageElement).style.display = 'none';
+ }}
+ {...props}
+ />
+
+ {imageCaption}
+
+
+ );
+ }
+
+ // Renderizar imagen sin caption
return (
{
// Fallback si la imagen no se carga
diff --git a/src/components/layout/MenuSheet.tsx b/src/components/layout/MenuSheet.tsx
index 3bbb0849..83e01461 100644
--- a/src/components/layout/MenuSheet.tsx
+++ b/src/components/layout/MenuSheet.tsx
@@ -144,6 +144,8 @@ const MenuSheet = memo(({ isOpen, onClose }: MenuSheetProps) => {
);
-};
+});
+
+MenuSheet.displayName = 'MenuSheet';
export default MenuSheet;
diff --git a/src/data/image-registry.ts b/src/data/image-registry.ts
new file mode 100644
index 00000000..05dcca24
--- /dev/null
+++ b/src/data/image-registry.ts
@@ -0,0 +1,290 @@
+/**
+ * Registry de imágenes para el sistema de medios visuales
+ *
+ * Permite usar alias cortos en Markdown en lugar de rutas completas:
+ * ![collarin-seleccion] en lugar de 
+ *
+ * Ventajas:
+ * - Referencias más cortas y legibles
+ * - Metadatos centralizados (alt, caption, tags)
+ * - Validación centralizada
+ * - Fácil mantenimiento (cambiar ruta en un solo lugar)
+ */
+
+export interface ImageMetadata {
+ /** ID único del alias (usado en Markdown) */
+ id: string;
+ /** Ruta completa a la imagen */
+ path: string;
+ /** Texto alternativo para accesibilidad */
+ alt: string;
+ /** Caption opcional que se muestra debajo de la imagen */
+ caption?: string;
+ /** Bloque temático al que pertenece */
+ block: string;
+ /** Capítulo relacionado (opcional) */
+ chapter?: string;
+ /** Tags para búsqueda y filtrado */
+ tags?: string[];
+}
+
+/**
+ * Registry completo de imágenes
+ *
+ * Organizado por bloques temáticos para fácil mantenimiento
+ */
+export const imageRegistry: Record = {
+ // ============================================
+ // BLOQUE 0: FUNDAMENTOS
+ // ============================================
+ 'abcde-algoritmo': {
+ id: 'abcde-algoritmo',
+ path: '/assets/infografias/bloque-0-fundamentos/ALGORITMO OPERATIVO DEL TES.svg',
+ alt: 'Algoritmo operativo del TES - Evaluación ABCDE',
+ caption: 'Diagrama de flujo del algoritmo ABCDE operativo para TES',
+ block: 'bloque-0-fundamentos',
+ tags: ['abcde', 'evaluacion', 'algoritmo', 'fundamentos']
+ },
+ 'triage-start': {
+ id: 'triage-start',
+ path: '/assets/infografias/bloque-0-fundamentos/RESUMEN VISUAL DEL ALGORITMO START.svg',
+ alt: 'Resumen visual del algoritmo START de triage',
+ caption: 'Algoritmo START para clasificación rápida de víctimas',
+ block: 'bloque-0-fundamentos',
+ tags: ['triage', 'start', 'clasificacion', 'masivo']
+ },
+ 'diagrama-seleccion-oxigenoterapia': {
+ id: 'diagrama-seleccion-oxigenoterapia',
+ path: '/assets/infografias/bloque-0-fundamentos/diagrama-seleccion-dispositivo-oxigenoterapia.png',
+ alt: 'Diagrama de selección de dispositivo de oxigenoterapia',
+ caption: 'Guía visual para seleccionar el dispositivo de oxigenoterapia adecuado',
+ block: 'bloque-0-fundamentos',
+ tags: ['oxigenoterapia', 'dispositivos', 'seleccion']
+ },
+ 'tabla-rangos-fio2': {
+ id: 'tabla-rangos-fio2',
+ path: '/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia.png',
+ alt: 'Tabla de rangos de FiO2 por dispositivo de oxigenoterapia',
+ caption: 'Rangos de fracción inspiratoria de oxígeno (FiO2) según dispositivo',
+ block: 'bloque-0-fundamentos',
+ tags: ['oxigenoterapia', 'fio2', 'tabla', 'rangos']
+ },
+ 'flujo-rcp-transtelefonica': {
+ id: 'flujo-rcp-transtelefonica',
+ path: '/assets/infografias/bloque-0-fundamentos/flujo-rcp-transtelefonica.png',
+ alt: 'Flujo de RCP transtelefónica',
+ caption: 'Diagrama de flujo para RCP asistida por teléfono',
+ block: 'bloque-0-fundamentos',
+ tags: ['rcp', 'transtelefonica', 'flujo']
+ },
+ 'flujo-desa-telefono': {
+ id: 'flujo-desa-telefono',
+ path: '/assets/infografias/bloque-0-fundamentos/flujo-desa-telefono.png',
+ alt: 'Flujo de uso de DESA transtelefónico',
+ caption: 'Diagrama de flujo para uso de DESA con asistencia telefónica',
+ block: 'bloque-0-fundamentos',
+ tags: ['desa', 'transtelefonica', 'flujo', 'desfibrilacion']
+ },
+
+ // ============================================
+ // BLOQUE 1: PROCEDIMIENTOS BÁSICOS
+ // ============================================
+ 'registro-constantes-vitales': {
+ id: 'registro-constantes-vitales',
+ path: '/assets/infografias/bloque-3-material-sanitario/registro-constantes-vitales.png',
+ alt: 'Registro de constantes vitales',
+ caption: 'Formato de registro de constantes vitales',
+ block: 'bloque-1-procedimientos',
+ tags: ['constantes', 'registro', 'monitorizacion']
+ },
+ 'interpretacion-constantes-semaforo': {
+ id: 'interpretacion-constantes-semaforo',
+ path: '/assets/infografias/bloque-3-material-sanitario/interpretacion-constantes-semaforo.png',
+ alt: 'Interpretación de constantes vitales - Sistema semáforo',
+ caption: 'Sistema de interpretación rápida de constantes vitales (verde/amarillo/rojo)',
+ block: 'bloque-1-procedimientos',
+ tags: ['constantes', 'interpretacion', 'semaforo', 'alerta']
+ },
+ 'uso-pulsioximetro': {
+ id: 'uso-pulsioximetro',
+ path: '/assets/infografias/bloque-3-material-sanitario/uso-correcto-pulsioximetro.png',
+ alt: 'Uso correcto del pulsioxímetro',
+ caption: 'Guía de colocación y uso correcto del pulsioxímetro',
+ block: 'bloque-1-procedimientos',
+ tags: ['pulsioximetro', 'spo2', 'oxigenacion', 'monitorizacion']
+ },
+ 'uso-tensiometro': {
+ id: 'uso-tensiometro',
+ path: '/assets/infografias/bloque-3-material-sanitario/uso-correcto-tensiometro.png',
+ alt: 'Uso correcto del tensiómetro',
+ caption: 'Guía de colocación y uso correcto del tensiómetro',
+ block: 'bloque-1-procedimientos',
+ tags: ['tensiometro', 'presion', 'ta', 'monitorizacion']
+ },
+
+ // ============================================
+ // BLOQUE 2: INMOVILIZACIÓN
+ // ============================================
+ 'collarin-seleccion': {
+ id: 'collarin-seleccion',
+ path: '/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical.png',
+ alt: 'Selección de talla de collarín cervical',
+ caption: 'Guía visual para seleccionar la talla correcta de collarín cervical',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'inmovilizacion', 'seleccion', 'talla']
+ },
+ 'collarin-medicion': {
+ id: 'collarin-medicion',
+ path: '/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-medicion-anatomica.png',
+ alt: 'Medición anatómica para selección de talla de collarín',
+ caption: 'Técnica de medición anatómica para determinar la talla correcta',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'medicion', 'anatomia', 'talla']
+ },
+ 'collarin-tabla-tallas': {
+ id: 'collarin-tabla-tallas',
+ path: '/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-tabla-tallas.png',
+ alt: 'Tabla de tallas de collarín cervical',
+ caption: 'Tabla de referencia para selección de talla según medidas',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'tabla', 'tallas', 'referencia']
+ },
+ 'collarin-paso-1': {
+ id: 'collarin-paso-1',
+ path: '/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png',
+ alt: 'Paso 1: Preparación para colocación de collarín',
+ caption: 'Preparación del paciente y material antes de colocar el collarín',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'colocacion', 'paso-1', 'preparacion']
+ },
+ 'collarin-paso-2': {
+ id: 'collarin-paso-2',
+ path: '/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png',
+ alt: 'Paso 2: Colocación de la parte posterior del collarín',
+ caption: 'Colocación de la parte posterior del collarín cervical',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'colocacion', 'paso-2', 'posterior']
+ },
+ 'collarin-paso-3': {
+ id: 'collarin-paso-3',
+ path: '/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-3-parte-anterior.png',
+ alt: 'Paso 3: Colocación de la parte anterior del collarín',
+ caption: 'Colocación de la parte anterior del collarín cervical',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'colocacion', 'paso-3', 'anterior']
+ },
+ 'collarin-paso-4': {
+ id: 'collarin-paso-4',
+ path: '/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-4-ajuste-cierres.png',
+ alt: 'Paso 4: Ajuste de cierres del collarín',
+ caption: 'Ajuste correcto de los cierres del collarín cervical',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'colocacion', 'paso-4', 'ajuste']
+ },
+ 'collarin-paso-5': {
+ id: 'collarin-paso-5',
+ path: '/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-5-verificacion.png',
+ alt: 'Paso 5: Verificación de la colocación del collarín',
+ caption: 'Verificación de la correcta colocación del collarín cervical',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'colocacion', 'paso-5', 'verificacion']
+ },
+ 'collarin-paso-6': {
+ id: 'collarin-paso-6',
+ path: '/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-6-liberacion-controlada.png',
+ alt: 'Paso 6: Liberación controlada del control manual',
+ caption: 'Liberación controlada del control manual tras verificar el collarín',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'colocacion', 'paso-6', 'liberacion']
+ },
+ 'collarin-verificaciones': {
+ id: 'collarin-verificaciones',
+ path: '/assets/infografias/bloque-2-inmovilizacion/verificaciones-post-colocacion-collarin.png',
+ alt: 'Verificaciones post-colocación del collarín cervical',
+ caption: 'Checklist de verificaciones después de colocar el collarín',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'verificaciones', 'checklist', 'post-colocacion']
+ },
+ 'collarin-errores': {
+ id: 'collarin-errores',
+ path: '/assets/infografias/bloque-2-inmovilizacion/errores-frecuentes-collarin-cervical.png',
+ alt: 'Errores frecuentes en la colocación del collarín cervical',
+ caption: 'Errores comunes y cómo evitarlos al colocar el collarín',
+ block: 'bloque-2-inmovilizacion',
+ tags: ['collarin', 'errores', 'prevencion', 'comunes']
+ },
+
+ // ============================================
+ // BLOQUE 3: MATERIAL SANITARIO Y OXIGENOTERAPIA
+ // ============================================
+ 'canulas-guedel-nasofaringea': {
+ id: 'canulas-guedel-nasofaringea',
+ path: '/assets/infografias/bloque-3-material-sanitario/canulas-guedel-nasofaringea.png',
+ alt: 'Cánulas de Guedel y nasofaríngea',
+ caption: 'Tipos de cánulas de vía aérea: orofaríngea (Guedel) y nasofaríngea',
+ block: 'bloque-3-material-sanitario',
+ tags: ['canulas', 'via-aerea', 'guedel', 'nasofaringea']
+ },
+ 'uso-ambu': {
+ id: 'uso-ambu',
+ path: '/assets/infografias/bloque-3-material-sanitario/uso-correcto-ambu.png',
+ alt: 'Uso correcto de la bolsa-mascarilla (Ambú)',
+ caption: 'Técnica correcta de uso de la bolsa-mascarilla para ventilación',
+ block: 'bloque-3-material-sanitario',
+ tags: ['ambu', 'bvm', 'ventilacion', 'bolsa-mascarilla']
+ },
+ 'configuracion-fio2-bvm': {
+ id: 'configuracion-fio2-bvm',
+ path: '/assets/infografias/bloque-3-material-sanitario/configuracion-maxima-fio2-bolsa-mascarilla.png',
+ alt: 'Configuración máxima de FiO2 con bolsa-mascarilla',
+ caption: 'Configuración para obtener máxima FiO2 con bolsa-mascarilla',
+ block: 'bloque-3-material-sanitario',
+ tags: ['bvm', 'fio2', 'configuracion', 'oxigenoterapia']
+ },
+ 'guia-colocacion-oxigenoterapia': {
+ id: 'guia-colocacion-oxigenoterapia',
+ path: '/assets/infografias/bloque-0-fundamentos/guia-colocacion-dispositivos-oxigenoterapia.png',
+ alt: 'Guía de colocación de dispositivos de oxigenoterapia',
+ caption: 'Guía visual para la colocación correcta de dispositivos de oxigenoterapia',
+ block: 'bloque-3-material-sanitario',
+ tags: ['oxigenoterapia', 'colocacion', 'dispositivos', 'guia']
+ },
+ 'uso-tensiometro': {
+ id: 'uso-tensiometro',
+ path: '/assets/infografias/bloque-3-material-sanitario/uso-correcto-tensiometro.png',
+ alt: 'Uso correcto del tensiómetro',
+ caption: 'Guía de colocación y uso correcto del tensiómetro',
+ block: 'bloque-1-procedimientos',
+ tags: ['tensiometro', 'presion', 'ta', 'monitorizacion']
+ },
+};
+
+/**
+ * Buscar imágenes por bloque temático
+ */
+export const findImagesByBlock = (block: string): ImageMetadata[] => {
+ return Object.values(imageRegistry).filter(img => img.block === block);
+};
+
+/**
+ * Buscar imágenes por tags
+ */
+export const findImagesByTags = (tags: string[]): ImageMetadata[] => {
+ return Object.values(imageRegistry).filter(img =>
+ img.tags && tags.some(tag => img.tags?.includes(tag))
+ );
+};
+
+/**
+ * Buscar imagen por ID (alias)
+ */
+export const findImageById = (id: string): ImageMetadata | undefined => {
+ return imageRegistry[id];
+};
+
+/**
+ * Verificar si un ID existe en el registry
+ */
+export const hasImageId = (id: string): boolean => {
+ return id in imageRegistry;
+};