codigo0/public/assets/README_UBICACION_IMAGENES.md

# 📁 GUÍA DE UBICACIÓN DE IMÁGENES

Este documento indica dónde colocar cada imagen según su tipo y bloque temático.

## 📂 ESTRUCTURA DE CARPETAS

```
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
```

---

## 📋 UBICACIÓN POR TIPO DE IMAGEN

### BLOQUE 0: FUNDAMENTOS
**Carpeta:** `public/assets/infografias/bloque-0-fundamentos/`

- ✅ `diagrama_seleccion_dispositivo_oxigeno.svg` (o .png)
- ✅ `tabla_rangos_fio2.svg` (o .png)
- ✅ `guia_colocacion_dispositivos_oxigeno.svg` (o .png)

---

### BLOQUE 2: MATERIAL E INMOVILIZACIÓN
**Carpeta:** `public/assets/infografias/bloque-2-inmovilizacion/`

#### 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`

#### Inmovilización Manual:
- ✅ `posicion_tes_inmovilizacion_manual.svg`
- ✅ `tecnica_sujecion_manual.svg`
- ✅ `situaciones_requieren_inmovilizacion.svg`
- ✅ `secuencia_transicion_inmovilizacion.svg`
- ✅ `coordinacion_equipo_inmovilizacion.svg`

#### 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)

#### 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)

#### Camilla Cuchara:
- ✅ `componentes_camilla_cuchara.svg`

---

### 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