Add missing assets and update RCP references

docs/consolidado/SECCION_03_RCP_ADULTO_SVB.md

@@ -8,7 +8,7 @@
 
 ### Visión Global del Algoritmo de RCP Adulto SVB
 
-![Infografía: Algoritmo RCP Adulto SVB](/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.svg)
+![Infografía: Algoritmo RCP Adulto SVB](/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.png)
 
 <!--
 Descripción interna (no renderizar en la UI):

public/assets/README_UBICACION_IMAGENES.md

@@ -1,113 +1,67 @@
-# 📁 GUÍA DE UBICACIÓN DE IMÁGENES
+# 📁 UBICACIÓN DE IMÁGENES - ESTRUCTURA ACTUALIZADA
 
-Este documento indica dónde colocar cada imagen según su tipo y bloque temático.
-
-## 📂 ESTRUCTURA DE CARPETAS
-
-```
+## Estructura de Assets (Post-Reorganización)
 public/assets/
-├── infografias/
-│   ├── bloque-0-fundamentos/          ← Imágenes del Bloque 0
-│   ├── bloque-2-inmovilizacion/        ← Imágenes del Bloque 2
-│   ├── bloque-3-material-sanitario/   ← Imágenes del Bloque 3
-│   ├── bloque-7-conduccion/            ← Imágenes del Bloque 7
-│   └── bloque-12-marco-legal/          ← Imágenes del Bloque 12
-└── diagramas/                          ← Diagramas adicionales
-```
+├── svg/ # Archivos vectoriales
+│ ├── ilustraciones/ # Ilustraciones generales
+│ ├── tablas/ # Tablas en formato vectorial
+│ ├── diagramas/ # Diagramas de flujo/proceso
+│ └── logos/ # Logotipos e iconos de marca
+├── img/ # Imágenes raster (PNG, JPG)
+│ ├── tablas/ # Tablas en formato imagen
+│ ├── tecnicas/ # Técnicas y procedimientos
+│ ├── equipos/ # Equipamiento médico
+│ ├── graficos/ # Gráficos y visualizaciones
+│ ├── contenido/ # Contenido general
+│ └── react_galeria/ # Imágenes usadas en React
+├── backup_svg_originales/ # Backup de SVG originales
+└── backup_png_originales/ # Backup de PNG originales
 
----
+text
 
-## 📋 UBICACIÓN POR TIPO DE IMAGEN
+## Archivos SVG Principales
 
-### BLOQUE 0: FUNDAMENTOS
-**Carpeta:** `public/assets/infografias/bloque-0-fundamentos/`
+| Archivo | Ubicación | Descripción |
+|---------|-----------|-------------|
+| `situaciones_requieren_inmovilizacion.svg` | `svg/ilustraciones/` | Situaciones que requieren inmovilización |
+| `tabla_rangos_fio2.svg` | `svg/tablas/` | Tabla de rangos FiO2 |
+| `tecnica_sujecion_manual.svg` | `svg/ilustraciones/` | Técnica de sujeción manual |
+| `verificaciones_post_colocacion.svg` | `svg/diagramas/` | Verificaciones post-colocación |
+| `START.svg` | `svg/logos/` | Logo START |
+| `TES.svg` | `svg/logos/` | Logo TES |
 
-- ✅ `diagrama_seleccion_dispositivo_oxigeno.svg` (o .png)
-- ✅ `tabla_rangos_fio2.svg` (o .png)
-- ✅ `guia_colocacion_dispositivos_oxigeno.svg` (o .png)
+## Archivos PNG Principales
 
----
+### Tablas
+- `tabla_dosis_pediatricas.png` → `img/tablas/`
+- `tabla_escala_glasgow.png` → `img/tablas/`
+- `tabla_rangos_normales_constantes_vitales.png` → `img/tablas/`
 
-### BLOQUE 2: MATERIAL E INMOVILIZACIÓN
-**Carpeta:** `public/assets/infografias/bloque-2-inmovilizacion/`
+### Técnicas
+- `tecnica_sujecion_manual_cervical.png` → `img/tecnicas/`
+- `tecnica_sujecion_manual_1.png` → `img/tecnicas/`
 
-#### Collarín Cervical:
-- ✅ `componentes_sistema_inmovilizacion.svg`
-- ✅ `seleccion_talla_collarin.svg`
-- ✅ `colocacion_collarin_paso_1.svg`
-- ✅ `colocacion_collarin_paso_2.svg`
-- ✅ `colocacion_collarin_paso_3.svg`
-- ✅ `colocacion_collarin_paso_4.svg`
-- ✅ `colocacion_collarin_paso_5.svg`
-- ✅ `colocacion_collarin_paso_6.svg`
-- ✅ `verificaciones_post_colocacion.svg`
-- ✅ `errores_frecuentes_collarin.svg`
+### Equipos
+- `uso_correcto_ambu.png` → `img/equipos/`
+- `uso_correcto_pulsioximetro.png` → `img/equipos/`
+- `uso_correcto_tensiometro.png` → `img/equipos/`
+- `ventilacion_medios_fortuna.png` → `img/equipos/`
 
-#### Inmovilización Manual:
-- ✅ `posicion_tes_inmovilizacion_manual.svg`
-- ✅ `tecnica_sujecion_manual.svg`
-- ✅ `situaciones_requieren_inmovilizacion.svg`
-- ✅ `secuencia_transicion_inmovilizacion.svg`
-- ✅ `coordinacion_equipo_inmovilizacion.svg`
+## Uso en React
 
-#### Tablero Espinal:
-- ✅ `componentes_tablero_espinal.svg`
-- ✅ `colocacion_tablero_espinal_paso_1.svg`
-- ✅ `colocacion_tablero_espinal_paso_2.svg`
-- ✅ `colocacion_tablero_espinal_paso_3.svg`
-- ✅ (más pasos según sea necesario)
+Las imágenes utilizadas en componentes React (como GaleriaImagenes.tsx) están en:
+- `img/react_galeria/` para acceso vía URL pública
+- Uso: `<img src="/assets/img/react_galeria/nombre.png" />`
 
-#### Colchón de Vacío:
-- ✅ `componentes_colchon_vacio.svg`
-- ✅ `colocacion_colchon_vacio_paso_1.svg`
-- ✅ `colocacion_colchon_vacio_paso_2.svg`
-- ✅ (más pasos según sea necesario, hasta paso 10)
+## Referenciación
 
-#### Camilla Cuchara:
-- ✅ `componentes_camilla_cuchara.svg`
+Para referenciar assets en:
+- **Markdown**: `![descripción](/assets/img/tablas/tabla.png)`
+- **React**: `<img src="/assets/img/tecnicas/tecnica.png" alt="descripción" />`
+- **JSON**: Usar rutas relativas a public/
 
----
+## Mantenimiento
 
-### BLOQUE 3: MATERIAL SANITARIO Y OXIGENOTERAPIA
-**Carpeta:** `public/assets/infografias/bloque-3-material-sanitario/`
-
-- ✅ `configuracion_maxima_fio2.svg` (o .png)
-
----
-
-### BLOQUE 7: CONDUCCIÓN Y SEGURIDAD VIAL
-**Carpeta:** `public/assets/infografias/bloque-7-conduccion/`
-
-- ✅ `configuracion_gps.svg` (o .png)
-
----
-
-### BLOQUE 12: MARCO LEGAL ÉTICO PROFESIONAL
-**Carpeta:** `public/assets/infografias/bloque-12-marco-legal/`
-
-- ✅ `diagrama_decisiones_eticas.svg` (o .png)
-
----
-
-## 📝 FORMATOS ACEPTADOS
-
-- **SVG** (preferido): Escalable, ligero, editable
-- **PNG**: Alta resolución (300 DPI mínimo)
-
-## 📏 DIMENSIONES RECOMENDADAS
-
-- **Infografías completas:** 1200x800px mínimo
-- **Diagramas paso a paso:** 800x600px por paso
-- **Tablas visuales:** 1000x700px
-
-## ✅ DESPUÉS DE COLOCAR LAS IMÁGENES
-
-Una vez que coloques las imágenes en las carpetas correspondientes, se referenciarán en los archivos Markdown usando:
-
-```markdown
-![Descripción de la imagen](./assets/infografias/bloque-X-tema/nombre_archivo.svg)
-```
-
----
-
-**Última actualización:** 2025-01-27
+1. Los backups originales se mantienen en sus respectivos directorios
+2. Nueva estructura facilita la escalabilidad
+3. Convención de nombres: snake_case para consistencia

scripts/actualizar_documentacion_fase4.sh

@@ -0,0 +1,85 @@
+#!/bin/bash
+echo "=== FASE 4: ACTUALIZAR DOCUMENTACIÓN ==="
+
+# Actualizar README_UBICACION_IMAGENES.md
+README_FILE="/home/planetazuzu/guia-tes/public/assets/README_UBICACION_IMAGENES.md"
+
+if [ -f "$README_FILE" ]; then
+    echo "Actualizando $README_FILE..."
+    cp "$README_FILE" "$README_FILE.backup_$(date +%Y%m%d)"
+    
+    cat > "$README_FILE" << 'README'
+# 📁 UBICACIÓN DE IMÁGENES - ESTRUCTURA ACTUALIZADA
+
+## Estructura de Assets (Post-Reorganización)
+public/assets/
+├── svg/ # Archivos vectoriales
+│ ├── ilustraciones/ # Ilustraciones generales
+│ ├── tablas/ # Tablas en formato vectorial
+│ ├── diagramas/ # Diagramas de flujo/proceso
+│ └── logos/ # Logotipos e iconos de marca
+├── img/ # Imágenes raster (PNG, JPG)
+│ ├── tablas/ # Tablas en formato imagen
+│ ├── tecnicas/ # Técnicas y procedimientos
+│ ├── equipos/ # Equipamiento médico
+│ ├── graficos/ # Gráficos y visualizaciones
+│ ├── contenido/ # Contenido general
+│ └── react_galeria/ # Imágenes usadas en React
+├── backup_svg_originales/ # Backup de SVG originales
+└── backup_png_originales/ # Backup de PNG originales
+
+text
+
+## Archivos SVG Principales
+
+| Archivo | Ubicación | Descripción |
+|---------|-----------|-------------|
+| `situaciones_requieren_inmovilizacion.svg` | `svg/ilustraciones/` | Situaciones que requieren inmovilización |
+| `tabla_rangos_fio2.svg` | `svg/tablas/` | Tabla de rangos FiO2 |
+| `tecnica_sujecion_manual.svg` | `svg/ilustraciones/` | Técnica de sujeción manual |
+| `verificaciones_post_colocacion.svg` | `svg/diagramas/` | Verificaciones post-colocación |
+| `START.svg` | `svg/logos/` | Logo START |
+| `TES.svg` | `svg/logos/` | Logo TES |
+
+## Archivos PNG Principales
+
+### Tablas
+- `tabla_dosis_pediatricas.png` → `img/tablas/`
+- `tabla_escala_glasgow.png` → `img/tablas/`
+- `tabla_rangos_normales_constantes_vitales.png` → `img/tablas/`
+
+### Técnicas
+- `tecnica_sujecion_manual_cervical.png` → `img/tecnicas/`
+- `tecnica_sujecion_manual_1.png` → `img/tecnicas/`
+
+### Equipos
+- `uso_correcto_ambu.png` → `img/equipos/`
+- `uso_correcto_pulsioximetro.png` → `img/equipos/`
+- `uso_correcto_tensiometro.png` → `img/equipos/`
+- `ventilacion_medios_fortuna.png` → `img/equipos/`
+
+## Uso en React
+
+Las imágenes utilizadas en componentes React (como GaleriaImagenes.tsx) están en:
+- `img/react_galeria/` para acceso vía URL pública
+- Uso: `<img src="/assets/img/react_galeria/nombre.png" />`
+
+## Referenciación
+
+Para referenciar assets en:
+- **Markdown**: `![descripción](/assets/img/tablas/tabla.png)`
+- **React**: `<img src="/assets/img/tecnicas/tecnica.png" alt="descripción" />`
+- **JSON**: Usar rutas relativas a public/
+
+## Mantenimiento
+
+1. Los backups originales se mantienen en sus respectivos directorios
+2. Nueva estructura facilita la escalabilidad
+3. Convención de nombres: snake_case para consistencia
+README
+    echo "✅ README actualizado"
+else
+    echo "⚠️  README no encontrado, creando nuevo..."
+    mkdir -p /home/planetazuzu/guia-tes/public/assets/
+    # Copiar contenido anterior si existe
+fi

scripts/actualizar_react_fase3.sh

@@ -0,0 +1,52 @@
+#!/bin/bash
+echo "=== FASE 3: ACTUALIZAR REFERENCIAS REACT ==="
+
+# Primero, mover PNG de src/pages a public/assets si es necesario
+echo "1. Moviendo PNG desde src/pages a public/assets/img..."
+mkdir -p /home/planetazuzu/guia-tes/public/assets/img/react_galeria/
+
+for png in src/pages/*.png; do
+    if [ -f "$png" ]; then
+        nombre=$(basename "$png")
+        echo "Moviendo $nombre a public/assets/img/react_galeria/"
+        cp "$png" "/home/planetazuzu/guia-tes/public/assets/img/react_galeria/"
+        # Mantener copia en src/pages temporalmente
+        mv "$png" "/home/planetazuzu/guia-tes/src/pages/backup_$nombre"
+    fi
+done
+
+# Crear archivo de mapeo para actualizar
+cat > /home/planetazuzu/guia-tes/scripts/mapeo_react.csv << MAPEO
+nombre_original,nuevo_path
+tabla_rangos_fio2_oxigenoterapia.png,/assets/img/react_galeria/tabla_rangos_fio2_oxigenoterapia.png
+tabla_rangos_fio2_oxigenoterapia1.png,/assets/img/react_galeria/tabla_rangos_fio2_oxigenoterapia1.png
+tecnica_sujecion_manual_1.png,/assets/img/react_galeria/tecnica_sujecion_manual_1.png
+tecnica_sujecion_manual_cervical.png,/assets/img/react_galeria/tecnica_sujecion_manual_cervival.png
+uso_correcto_ambu.png,/assets/img/react_galeria/uso_correcto_ambu.png
+uso_correcto_pulsioximetro.png,/assets/img/react_galeria/uso_correcto_pulsioximetro.png
+uso_correcto_tensiometro.png,/assets/img/react_galeria/uso_correcto_tensiometro.png
+ventilacion_medios_fortuna.png,/assets/img/react_galeria/ventilacion_medios_fortuna.png
+verificaciones_post_colocacion_collarin.png,/assets/img/react_galeria/verificaciones_post_colocacion_collarin.png
+MAPEO
+
+echo ""
+echo "2. Mapeo creado en scripts/mapeo_react.csv"
+echo "3. Archivos movidos a public/assets/img/react_galeria/"
+echo "4. Copias de seguridad en src/pages/backup_*.png"
+
+echo ""
+echo "=== INSTRUCCIONES PARA ACTUALIZAR GaleriaImagenes.tsx ==="
+cat << 'INSTR'
+Para actualizar manualmente GaleriaImagenes.tsx:
+
+1. Reemplazar importaciones:
+   Cambiar: import img from './imagen.png'
+   Por: const img = '/assets/img/react_galeria/imagen.png'
+
+2. O usar rutas directas en src:
+   <img src="/assets/img/react_galeria/imagen.png" />
+
+3. Eliminar las líneas de import que ya no se usen.
+
+4. Ejecutar la app para verificar que las imágenes se cargan correctamente.
+INSTR

scripts/auditoria_assets.sh

@@ -0,0 +1,21 @@
+#!/bin/bash
+echo "=== AUDITORÍA DE ASSETS ==="
+echo "Fecha: $(date)"
+echo ""
+
+# Archivos SVG
+echo "--- SVG ENCONTRADOS ---"
+find . -name "*.svg" | grep -i -E "(situaciones|START|tabla.*fio2|tecnica.*manual|TES|verificaciones.*colocacion|vite)" | sort
+
+echo ""
+echo "--- PNG ENCONTRADOS ---"
+find . -name "*.png" | grep -i -E "(tabla.*pediatricas|tabla.*glasgow|tabla.*fio2.*oxigenoterapia|tabla.*constantes.*vitales|tecnica.*manual.*cervical|tecnica.*manual_1|tema.*descripcion|uso.*correcto.*ambu|uso.*correcto.*pulsioximetro|uso.*correcto.*tensiometro|velocidad|ventilacion.*medios.*fortuna|verificaciones.*collarin|vias.*administracion)" | sort
+
+echo ""
+echo "--- ARCHIVOS DUPLICADOS ---"
+echo "SVG duplicados:"
+find . -name "*.svg" -exec basename {} \; | sort | uniq -d
+
+echo ""
+echo "PNG duplicados:"
+find . -name "*.png" -exec basename {} \; | sort | uniq -d

scripts/mapeo_react.csv

@@ -0,0 +1,10 @@
+nombre_original,nuevo_path
+tabla_rangos_fio2_oxigenoterapia.png,/assets/img/react_galeria/tabla_rangos_fio2_oxigenoterapia.png
+tabla_rangos_fio2_oxigenoterapia1.png,/assets/img/react_galeria/tabla_rangos_fio2_oxigenoterapia1.png
+tecnica_sujecion_manual_1.png,/assets/img/react_galeria/tecnica_sujecion_manual_1.png
+tecnica_sujecion_manual_cervical.png,/assets/img/react_galeria/tecnica_sujecion_manual_cervival.png
+uso_correcto_ambu.png,/assets/img/react_galeria/uso_correcto_ambu.png
+uso_correcto_pulsioximetro.png,/assets/img/react_galeria/uso_correcto_pulsioximetro.png
+uso_correcto_tensiometro.png,/assets/img/react_galeria/uso_correcto_tensiometro.png
+ventilacion_medios_fortuna.png,/assets/img/react_galeria/ventilacion_medios_fortuna.png
+verificaciones_post_colocacion_collarin.png,/assets/img/react_galeria/verificaciones_post_colocacion_collarin.png

scripts/verificacion_final.sh

@@ -0,0 +1,41 @@
+#!/bin/bash
+echo "=== VERIFICACIÓN FINAL DE REORGANIZACIÓN ==="
+echo "Fecha: $(date)"
+echo ""
+
+echo "1. ✅ SVG en nueva estructura:"
+find /home/planetazuzu/guia-tes/public/assets/svg -name "*.svg" 2>/dev/null | sort | while read file; do
+    echo "   📄 $(basename "$file") → $(dirname "$file" | sed 's|.*public/assets/||')"
+done
+
+echo ""
+echo "2. ✅ PNG en nueva estructura:"
+find /home/planetazuzu/guia-tes/public/assets/img -name "*.png" 2>/dev/null | sort | while read file; do
+    echo "   🖼️  $(basename "$file") → $(dirname "$file" | sed 's|.*public/assets/||')"
+done
+
+echo ""
+echo "3. ⚠️  Archivos en ubicaciones antiguas (deberían estar vacíos):"
+echo "   Raíz:"
+ls -la /home/planetazuzu/guia-tes/*.svg /home/planetazuzu/guia-tes/*.png 2>/dev/null | grep -v "scripts" || echo "   (vacío ✓)"
+
+echo ""
+echo "   docs/:"
+ls -la /home/planetazuzu/guia-tes/docs/*.svg /home/planetazuzu/guia-tes/docs/*.png 2>/dev/null || echo "   (vacío ✓)"
+
+echo ""
+echo "   src/pages/:"
+ls -la /home/planetazuzu/guia-tes/src/pages/*.png 2>/dev/null | grep -v "backup_" || echo "   (solo backups ✓)"
+
+echo ""
+echo "4. 📊 Resumen por tipo:"
+echo "   SVG: $(find /home/planetazuzu/guia-tes/public/assets/svg -name "*.svg" 2>/dev/null | wc -l) archivos"
+echo "   PNG: $(find /home/planetazuzu/guia-tes/public/assets/img -name "*.png" 2>/dev/null | wc -l) archivos"
+echo "   Backups: $(find /home/planetazuzu/guia-tes/public/assets/backup_* -name "*.*" 2>/dev/null | wc -l) archivos"
+
+echo ""
+echo "=== RECOMENDACIONES FINALES ==="
+echo "1. Ejecutar la aplicación para verificar que todas las imágenes cargan"
+echo "2. Revisar GaleriaImagenes.tsx y actualizar importaciones si es necesario"
+echo "3. Actualizar cualquier referencia en archivos de contenido Markdown"
+echo "4. Eliminar backups antiguos después de confirmar que todo funciona"

src/data/guia-refuerzo-rcp-adulto-svb.json

@@ -46,7 +46,7 @@
         {
           "tipo": "infografia",
           "contenido": {
-            "ruta": "/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.svg",
+            "ruta": "/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.png",
             "tipo": "algoritmo",
             "descripcion": "Algoritmo visual del protocolo RCP con comentarios explicativos en cada paso"
           }