diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 00000000..5033595d
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,33 @@
+name: Deploy Código 0
+
+on:
+  push:
+    branches: [ main, master ]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+          cache-dependency-path: './frontend/package-lock.json'
+
+      - name: Deploy to VPS via Docker SSH
+        uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.SSH_HOST }}
+          username: ${{ secrets.SSH_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          passphrase: ${{ secrets.SSH_PASSPHRASE }} # Opcional si la clave tiene contraseña
+          script: |
+            cd /home/${{ secrets.SSH_USER }}/Proyectos/Proyectos\ en\ Desarrollo/codigo0-nuevo
+            git pull origin main
+            docker compose build
+            docker compose up -d
+            docker system prune -f # Limpieza opcional de imágenes huérfanas
diff --git a/.gitignore b/.gitignore
new file mode 100755
index 00000000..a227e0e2
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,69 @@
+# Dependencies
+node_modules
+admin-panel/node_modules/
+backend/node_modules/
+
+# Environment variables
+.env
+.env.local
+.env.*.local
+backend/.env
+
+# Build outputs
+dist
+build
+.admin-panel/dist
+backend/dist
+
+# Runtime data
+*.log
+logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# Coverage directory
+coverage
+.nyc_output
+
+# Editor directories and files
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.idea
+*.swp
+*.swo
+*~
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Contexto de IA
+.ai/
+*.ai.md
+.ai-assistant.md
+
+# Documentación interna
+docs/internal/
+
+# Archivos MD internos específicos
+docs/BACKLOG_MICRO_TICKETS.md
+docs/QUE_FALTA.md
+docs/CONTENIDO_FALTANTE.md
+SPEC.md
+README_TODO.md
+auditoria-assets-completa.md
+MEDIOS_REALES_NECESARIOS_FILTRADO.md
+
+# Temporary files
+tmp
+temp
diff --git a/.planning/INVENTARIO_COMPLETO.md b/.planning/INVENTARIO_COMPLETO.md
new file mode 100644
index 00000000..c013e654
--- /dev/null
+++ b/.planning/INVENTARIO_COMPLETO.md
@@ -0,0 +1,175 @@
+# INVENTARIO COMPLETO - Proyecto Original vs Nuevo
+
+## Resumen
+
+**Total Bloques:** 18 directorios
+**Total Archivos MD:** ~100+
+
+---
+
+## 1. PROTOCOLOS TRANSTELEFÓNICOS (BLOQUE 5)
+
+| # | Archivo MD | YAML | Estado Nuevo |
+|---|------------|------|--------------|
+| 1 | BLOQUE_05_1_PCR_TRANSTELEFONICA.md | ❌ | Falta |
+| 2 | BLOQUE_05_2_OVACE_TRANSTELEFONICA.md | ❌ | Falta |
+| 3 | BLOQUE_05_3_SCA_TRANSTELEFONICO.md | ❌ | Falta |
+| 4 | BLOQUE_05_4_ICTUS_TRANSTELEFONICO.md | ❌ | Falta |
+| 5 | BLOQUE_05_5_ANAFILAXIA_TRANSTELEFONICA.md | ❌ | Falta |
+| 6 | BLOQUE_05_6_CRISIS_ASMATICA_TRANSTELEFONICA.md | ❌ | Falta |
+| 7 | BLOQUE_05_7_HIPOGLUCEMIA_TRANSTELEFONICA.md | ❌ | Falta |
+| 8 | BLOQUE_05_8_COMUNICACION_COORDINADOR.md | ❌ | Falta |
+| 9 | BLOQUE_05_9_PROTOCOLOS_EMERGENCIAS_ESPECIFICAS.md | ❌ | Falta |
+
+**→ Total Transtelefónicos: 9 protocolos**
+
+---
+
+## 2. SOPORTE VITAL Y RCP (BLOQUE 4)
+
+| # | Archivo MD | Página Nueva | Estado |
+|---|------------|--------------|--------|
+| 1 | BLOQUE_04_1_RCP_ADULTOS.md | RCP.tsx | ⚠️ Mockeado |
+| 2 | BLOQUE_04_2_RCP_PEDIATRIA.md | RCP.tsx | ❌ Falta |
+| 3 | BLOQUE_04_3_RCP_LACTANTES.md | RCP.tsx | ❌ Falta |
+| 4 | BLOQUE_04_4_USO_DESA.md | - | ❌ Falta |
+| 5 | BLOQUE_04_5_RCP_DOS_INTERVINIENTES.md | - | ❌ Falta |
+| 6 | BLOQUE_04_6_OVACE_ADULTOS.md | - | ❌ Falta |
+| 7 | BLOQUE_04_7_OVACE_PEDIATRIA.md | - | ❌ Falta |
+| 8 | BLOQUE_04_8_OVACE_LACTANTES.md | - | ❌ Falta |
+| 9 | BLOQUE_04_9_POSICION_LATERAL_SEGURIDAD.md | - | ❌ Falta |
+| 10 | BLOQUE_04_0_RECONOCIMIENTO_PCR.md | - | ❌ Falta |
+| 11 | BLOQUE_04_10_ACCESO_VASCULAR_BASICO.md | - | ❌ Falta |
+
+**→ Total Soporte Vital: 11 guías/protocolos**
+
+---
+
+## 3. PROCEDIMIENTOS BÁSICOS (BLOQUE 1)
+
+| # | Archivo MD | Página Nueva | Estado |
+|---|------------|--------------|--------|
+| 1 | BLOQUE_01_1_CONSTANTES_VITALES.md | Escena.tsx | ❌ Falta |
+| 2 | BLOQUE_01_2_ABCDE_OPERATIVO.md | Escena.tsx | ❌ Falta |
+| 3 | BLOQUE_01_3_GLASGOW_OPERATIVO.md | Herramientas.tsx | ✅ Calculadora |
+| 4 | BLOQUE_01_4_TRIAGE_START.md | - | ❌ Falta |
+
+**→ Total Procedimientos: 4**
+
+---
+
+## 4. MATERIAL E INMOVILIZACIÓN (BLOQUE 2)
+
+| # | Archivo MD | Página Nueva | Estado |
+|---|------------|--------------|--------|
+| 1 | BLOQUE_02_0_ANATOMIA_OPERATIVA.md | - | ❌ Falta |
+| 2 | BLOQUE_02_2_INMOVILIZACION_MANUAL.md | Material.tsx | ❌ Falta |
+| 3 | BLOQUE_02_3_COLLARIN_CERVICAL.md | ViaAerea.tsx | ❌ Falta |
+| 4 | BLOQUE_02_4_CAMILLA_CUCHARA.md | Material.tsx | ❌ Falta |
+| 5 | BLOQUE_02_5_TABLERO_ESPINAL.md | Material.tsx | ❌ Falta |
+| 6 | BLOQUE_02_6_COLCHON_VACIO.md | Material.tsx | ❌ Falta |
+| 7 | BLOQUE_02_7_EXTRICACION_MOVIMIENTOS_BLOQUE.md | - | ❌ Falta |
+| 8 | BLOQUE_02_8_TRANSFERENCIAS_MOVILIZACION.md | - | ❌ Falta |
+| 9 | BLOQUE_02_9_ERRORES_CRITICOS.md | - | ❌ Falta |
+| 10 | BLOQUE_02_10_FERULAS.md | - | ❌ Falta |
+| 11 | BLOQUE_02_11_CINTURON_PELVICO.md | - | ❌ Falta |
+| 12 | BLOQUE_02_12_FERULA_TRACCION.md | - | ❌ Falta |
+| 13 | BLOQUE_02_13_CAMILLAS_SILLAS_EVACUACION.md | - | ❌ Falta |
+| 14 | BLOQUE_02_14_INVENTARIO_MATERIAL.md | - | ❌ Falta |
+
+**→ Total Material: 14**
+
+---
+
+## 5. MATERIAL SANITARIO Y OXIGENOTERAPIA (BLOQUE 3)
+
+| # | Archivo MD | Estado |
+|---|------------|--------|
+| 1-4 | Oxigenoterapia | ❌ Falta |
+| 5-9 | Dispositivos, Aspiración, BVM | ❌ Falta |
+| 10-13 | Monitorización, Glucómetro, Termometría | ❌ Falta |
+| 14-18 | Bioseguridad, Gestión, Documentación | ❌ Falta |
+| 19-24 | Maletines, Inventarios | ❌ Falta |
+
+**→ Total Material Sanitario: ~24**
+
+---
+
+## 6. FARMACOLOGÍA (BLOQUE 6)
+
+| # | Archivo MD | Página Nueva | Estado |
+|---|------------|--------------|--------|
+| 1 | BLOQUE_06_0_PRINCIPIOS_ADMINISTRACION_FARMACOS.md | - | ❌ Falta |
+| 2 | BLOQUE_06_1_VADEMECUM_OPERATIVO.md | Farmacos.tsx | ✅ Existe |
+| 3 | BLOQUE_06_2_OXIGENO_ADMINISTRACION_Y_SEGURIDAD.md | - | ❌ Falta |
+| 4 | BLOQUE_06_3_ADRENALINA_USO_ANAFILAXIA_Y_RCP.md | - | ❌ Falta |
+| 5 | BLOQUE_06_4_ASPIRINA_USO_SCA.md | - | ❌ Falta |
+| 6 | BLOQUE_06_5_GLUCAGON_USO_HIPOGLUCEMIA.md | - | ❌ Falta |
+| 7 | BLOQUE_06_6_SALBUTAMOL_USO_CRISIS_ASMATICA.md | - | ❌ Falta |
+| 8 | BLOQUE_06_7_ABREVIATURAS_TERMINOLOGIA_FARMACOLOGICA.md | - | ❌ Falta |
+
+**→ Total Farmacología: 8**
+
+---
+
+## 7. OTRAS GUÍAS
+
+| Bloque | Área | Archivos |
+|--------|------|----------|
+| BLOQUE 0 | Fundamentos | 1 |
+| BLOQUE 7 | Conducción y Seguridad Vial | 5 |
+| BLOQUE 8 | Gestión Operativa | 4 |
+| BLOQUE 9 | Medicina Emergencias | 1 |
+| BLOQUE 10 | Situaciones Especiales | 1 |
+| BLOQUE 11 | Protocolos Trauma | 1 |
+| BLOQUE 12 | Marco Legal | 1 |
+| BLOQUE 13 | Comunicación | 1 |
+| BLOQUE 14 | Seguridad Personal | 1 |
+| BLOQUE 15 | Alteraciones Psiquiátricas | 6 |
+
+---
+
+## RESUMEN TOTAL
+
+| Categoría | Total Archivos | En Proyecto Nuevo |
+|-----------|----------------|-------------------|
+| Transtelefónicos | 9 | 1 (solo rcp-adulto) |
+| Soporte Vital/RCP | 11 | 1 (mockeado) |
+| Procedimientos Básicos | 4 | 1 parcial |
+| Material/Inmovilización | 14 | 1 parcial |
+| Material Sanitario | ~24 | 1 parcial |
+| Farmacología | 8 | 1 |
+| Otros Bloques | ~22 | 0 |
+
+**TOTAL: ~100+ protocolos/guías → En nuevo: ~15 páginas**
+
+---
+
+## RECURSOS VISUALES - IMÁGENES/INFOGRAFÍAS
+
+**Ubicación en original:** `/public/assets/infografias/`
+
+### Por Bloque:
+| Bloque | Carpetas | Contenido |
+|--------|----------|-----------|
+| bloque-0-fundamentos | ✅ | Fundamentos |
+| bloque-2-inmovilizacion | ✅ | Collarines, tablas, férulas |
+| bloque-3-material-sanitario | ✅ | Material sanitario |
+| bloque-4-rcp | ✅ | Algoritmo RCP (svg + png) |
+| bloque-7-conduccion | ✅ | Conducción |
+| bloque-12-marco-legal | ✅ | Legal |
+
+**Total carpetas con infografías: 6**
+
+### Imágenes específicas bloque-4-rcp:
+- algoritmo_rcp_comentado.png
+- algoritmo_rcp_comentado.svg
+- introduccion_rcp_adulto_svb.png
+
+---
+
+## RECURSOS VISUALES - VIDEOS
+
+**Buscar en archivos MD:** patrones `<video>`, `youtube`, `embed`
+
+*(Pendiente de análisis)*
\ No newline at end of file
diff --git a/.planning/PHASE-PLAN.md b/.planning/PHASE-PLAN.md
new file mode 100644
index 00000000..8b77d087
--- /dev/null
+++ b/.planning/PHASE-PLAN.md
@@ -0,0 +1,128 @@
+# Código0 Nuevo - Plan de Fases para Guías y Protocolos
+
+## Estado Actual (15/03/2026)
+
+### ✅ Completado
+- Sistema Visual Protocol Renderer (YAML + componentes React)
+- 69 archivos YAML de protocolos creados
+- Hook `useProtocol.ts` funcionando
+- VisualProtocolRenderer integrado en página Protocolo
+- Infografías copiadas (6 carpetas)
+
+---
+
+## 📋 INVENTARIO COMPLETO
+
+### 1. PROTOCOLOS TRANSTELEFÓNICOS (BLOQUE 5) - 13 total
+
+| # | Archivo | YAML | Estado |
+|---|---------|------|--------|
+| 1 | PCR Adulto | ✅ | Completado |
+| 2 | PCR Pediatría | ✅ | Completado |
+| 3 | PCR Lactantes | ✅ | Completado |
+| 4 | OVACE Adulto | ✅ | Completado |
+| 5 | OVACE Lactantes | ✅ | Completado |
+| 6 | DESA Teléfono | ✅ | Completado |
+| 7 | SCA | ✅ | Completado |
+| 8 | Ictus | ✅ | Completado |
+| 9 | Anafilaxia | ✅ | Completado |
+| 10 | Crisis Asmática | ✅ | Completado |
+| 11 | Hipoglucemia | ✅ | Completado |
+| 12 | Comunicación Coordinador | ✅ | Completado |
+| 13 | RCP Clínica (no telefónico) | ✅ | Ya existía |
+
+### 2. SOPORTE VITAL Y RCP (BLOQUE 4) - 11 total
+
+| # | Archivo | Estado |
+|---|---------|--------|
+| 1 | RCP Adultos | ✅ Completado |
+| 2 | RCP Pediatría | ✅ Completado |
+| 3 | RCP Lactantes | ✅ Completado |
+| 4 | Uso DESA | ✅ Completado |
+| 5 | RCP 2 Intervinientes | ✅ Completado |
+| 6 | OVACE Adultos | ✅ Completado |
+| 7 | OVACE Pediatría | ✅ Completado |
+| 8 | OVACE Lactantes | ✅ Completado |
+| 9 | Posición Lateral Seguridad | ✅ Completado |
+| 10 | Reconocimiento PCR | ✅ Completado |
+| 11 | Acceso Vascular Básico | ✅ Completado |
+
+### 3. PROCEDIMIENTOS BÁSICOS (BLOQUE 1) - 4 total
+- Constantes Vitales - ✅ Completado
+- ABCDE Operativo - ✅ Completado
+- Glasgow - ✅ En calculadoras
+- Triage START - ✅ Completado
+
+### 4. MATERIAL E INMOVILIZACIÓN (BLOQUE 2) - 14 total
+-Todos faltantes
+
+### 5. MATERIAL SANITARIO (BLOQUE 3) - ~24 total
+- Todos faltantes
+
+### 6. FARMACOLOGÍA (BLOQUE 6) - 8 total
+- Vademécum operativo - ✅ Existe
+
+### 7. OTROS BLOQUES - ~22 total
+- Todos faltantes
+
+---
+
+## RECURSOS VISUALES
+
+### Imágenes/Infografías
+**Origen:** `/Proyectos Originales/codigo0/public/assets/infografias/`
+
+| Carpeta | Contenido |
+|---------|-----------|
+| bloque-0-fundamentos | Fundamentos |
+| bloque-2-inmovilizacion | Collarines, tablas, férulas |
+| bloque-3-material-sanitario | Material sanitario |
+| bloque-4-rcp | Algoritmo RCP (svg + png) |
+| bloque-7-conduccion | Conducción |
+| bloque-12-marco-legal | Legal |
+
+**Acción:** Copiar a `/frontend/public/assets/infografias/`
+
+### Videos
+*Pendiente análisis*
+
+---
+
+## PLAN DE FASES PROPUESTO
+
+### Phase 1: Transtelefónicos (13 protocolos YAML)
+**Objetivo:** Crear los protocolos transtelefónicos en YAML
+**Estado:** ✅ COMPLETADO (15/03/2026)
+
+### Phase 2: Soporte Vital RCP (11 guías clínicas)
+**Objetivo:** Convertir todas las guías de soporte vital a YAML
+**Estado:** ✅ COMPLETADO (15/03/2026)
+
+### Phase 3: Procedimientos Básicos (4 guías)
+**Objetivo:** ABCDE, Constantes, Glasgow, Triage
+**Estado:** ✅ COMPLETADO (15/03/2026)
+
+### Phase 4: Farmacología (8 fármacos)
+**Objetivo:** Vademécum completo en YAML
+**Estado:** ✅ COMPLETADO (6 fármacos)
+
+### Phase 5: Material e Inmovilización (14 guías)
+**Estado:** ✅ COMPLETADO (12 guías)
+
+### Phase 6: Material Sanitario (~24 guías)
+**Objetivo:**Oxigenoterapia, dispositivos, monitorización
+
+### Phase 7: Otros Bloques (~22 guías)
+**Objetivo:** Conducción, gestión, legal, psiquiatría
+
+### Phase 8: Recursos Visuales - Imágenes
+**Objetivo:** Copiar infografías del original
+**Estado:** ✅ COMPLETADO (15/03/2026)
+
+### Phase 9: Recursos Visuales - Videos (Optional)
+**Objetivo:**Evaluar e implementar videos
+
+---
+
+*Plan creado: 2026-03-15*
+*Proyecto: Código0 Nuevo*
\ No newline at end of file
diff --git a/.planning/ROADMAP.md b/.planning/ROADMAP.md
new file mode 100644
index 00000000..357532d0
--- /dev/null
+++ b/.planning/ROADMAP.md
@@ -0,0 +1,160 @@
+# Código 0 - Roadmap GSD
+
+## Milestone v1.0: Minimum Viable Product
+
+### Phase 01: Infraestructura Core
+**Goal:** Sistema de rendering de protocolos y base del frontend
+
+| # | Plan | Status |
+|---|------|--------|
+| 01-01 | Setup proyecto React+Vite con routing | ✅ |
+| 01-02 | Crear VisualProtocolRenderer | ✅ |
+| 01-03 | Implementar useProtocol hook | ✅ |
+
+**Goal:** Backend API básica
+
+| # | Plan | Status |
+|---|------|--------|
+| 01-04 | Setup Express server | ✅ |
+| 01-05 | Crear API de protocolos transtelefónicos | ⚠️ partial |
+
+---
+
+### Phase 02: Contenido Clínico - Transtelefónicos
+**Goal:** 13 protocolos transtelefónicos en YAML
+
+| # | Plan | Status |
+|---|------|--------|
+| 02-01 | PCR Adulto/Pediatria/Lactantes | ✅ |
+| 02-02 | OVACE Adulto/Pediatria/Lactantes | ✅ |
+| 02-03 | SCA, Ictus, Anafilaxia, Crisis Asmática | ✅ |
+| 02-04 | Hipoglucemia, DESA, Comunicación Coordinador | ✅ |
+
+---
+
+### Phase 03: Soporte Vital y RCP
+**Goal:** 11 guías de soporte vital en YAML
+
+| # | Plan | Status |
+|---|------|--------|
+| 03-01 | RCP Adultos/Pediatria/Lactantes | ✅ |
+| 03-02 | OVACE y uso DESA | ✅ |
+| 03-03 | RCP 2 intervinientes, Posición Lateral | ✅ |
+| 03-04 | Reconocimiento PCR, Acceso Vascular | ✅ |
+
+---
+
+### Phase 04: Procedimientos Básicos
+**Goal:** ABCDE, Constantes, Glasgow, Triage
+
+| # | Plan | Status |
+|---|------|--------|
+| 04-01 | Constantes Vitales y ABCDE Operativo | ✅ |
+| 04-02 | Glasgow (integrado en calculadoras) | ✅ |
+| 04-03 | Triage START | ✅ |
+
+---
+
+### Phase 05: Farmacología
+**Goal:** Vademécum operativo en YAML
+
+| # | Plan | Status |
+|---|------|--------|
+| 05-01 | Adrenalina, Aspirina, Salbutamol | ✅ |
+| 05-02 | Oxígeno, Glucagon, Principios administración | ✅ |
+| 05-03 | Integración en Farmacos.tsx | ✅ |
+
+---
+
+### Phase 06: Material e Inmovilización
+**Goal:** 14 guías de inmovilización
+
+| # | Plan | Status |
+|---|------|--------|
+| 06-01 | Collarines, Tabla Espinal | ✅ |
+| 06-02 | Férulas, Inmovilización completa | ✅ |
+
+---
+
+### Phase 07: Material Sanitario
+**Goal:** ~24 guías de material sanitario
+
+| # | Plan | Status |
+|---|------|--------|
+| 07-01 | Oxigenoterapia | ✅ |
+| 07-02 | Termometría, Bioseguridad | ✅ |
+| 07-03 | Otros dispositivos | 🔄 in progress |
+
+---
+
+### Phase 08: Páginas Esenciales
+**Goal:** Páginas que faltan del frontend
+
+| # | Plan | Status |
+|---|------|--------|
+| 08-01 | Favoritos.tsx + useFavorites | 🔄 pending |
+| 08-02 | Historial.tsx + useHistory | 🔄 pending |
+| 08-03 | Urgencias.tsx | 🔄 pending |
+| 08-04 | Parto.tsx + protocolo YAML | 🔄 pending |
+| 08-05 | AvisoLegal + DescargoResponsabilidad | 🔄 pending |
+
+---
+
+### Phase 09: Features Offline y Búsqueda
+**Goal:** Funcionalidad offline y búsqueda
+
+| # | Plan | Status |
+|---|------|--------|
+| 09-01 | useSearch - búsqueda full-text | 🔄 pending |
+| 09-02 | useOfflineMode - PWA + caché | 🔄 pending |
+| 09-03 | Service Worker | 🔄 pending |
+
+---
+
+### Phase 10: Componentes UI Avanzados
+**Goal:** Componentes mejorados
+
+| # | Plan | Status |
+|---|------|--------|
+| 10-01 | MarkdownViewer | 🔄 pending |
+| 10-02 | DecisionTreeViewer | 🔄 pending |
+| 10-03 | InfografiaViewer | 🔄 pending |
+
+---
+
+## Milestone v2.0: Contenido Completo
+
+### Phase 11: Bloques 7-15 del Manual
+**Goal:** 75+ capítulos restantes
+
+| # | Plan | Status |
+|---|------|--------|
+| 11-01 | Bloque 7: Conducción y Seguridad Vial | 🔄 pending |
+| 11-02 | Bloque 8: Gestión Operativa | 🔄 pending |
+| 11-03 | Bloque 9: Medicina de Emergencias | 🔄 pending |
+| 11-04 | Bloque 10-15: Restantes | 🔄 pending |
+
+---
+
+### Phase 12: Guías de Refuerzo JSON
+**Goal:** 10 guías de refuerzo
+
+| # | Plan | Status |
+|---|------|--------|
+| 12-01 | Migrar 10 guías JSON desde original | 🔄 pending |
+
+---
+
+### Phase 13: Integración Backend Completa
+**Goal:** Conectar frontend completamente al backend
+
+| # | Plan | Status |
+|---|------|--------|
+| 13-01 | Completar 3 protocolos transtelefónicos faltantes | 🔄 pending |
+| 13-02 | API de favoritos e historial | 🔄 pending |
+| 13-03 | API de búsqueda | 🔄 pending |
+
+---
+
+*Generado desde PHASE-PLAN.md y codigo0-roadmap-maestro.md*
+*Proyecto: Código 0 - codigo0-nuevo*
diff --git a/.planning/STATE.md b/.planning/STATE.md
new file mode 100644
index 00000000..3c8e6066
--- /dev/null
+++ b/.planning/STATE.md
@@ -0,0 +1,42 @@
+# Estado - Código 0
+
+## Project State
+**status:** in_progress
+**last_updated:** 2026-03-17
+
+## Resumen Ejecutivo
+
+El nuevo codigo0-nuevo tiene la **infraestructura técnica lista** pero le falta contenido clínico y páginas esenciales.
+
+## Métricas
+
+| Métrica | Total | Completado | % |
+|---------|-------|------------|---|
+| YAMLs de protocolos | ~90 | 69 | 77% |
+| Páginas frontend | 26 | 22 | 85% |
+| Fases GSD | 13 | 6 | 46% |
+
+## Decisiones
+
+| Decisión | rationale |
+|----------|-----------|
+| Formato YAML para protocolos | Renderer ya implementado, fácil de mantener |
+| Frontend-only con PWA | Sin app nativa, offline-capable |
+| No Firebase | VPS con PostgreSQL disponible |
+| Backend Express separado | Arquitectura modular |
+
+## Blockers
+
+| Bloqueador | severidad |
+|------------|-----------|
+| Falta conectar frontend a backend | high |
+| No hay persistencia de favoritos/historial | high |
+| PWA no implementado | medium |
+
+## Próxima Fase
+
+**Phase 08: Páginas Esenciales** - Las páginas que faltan (Favoritos, Historial, Urgencias, Parto)
+
+---
+
+*Generado automáticamente*
diff --git a/.planning/codebase/ARCHITECTURE.md b/.planning/codebase/ARCHITECTURE.md
new file mode 100644
index 00000000..2cd21f26
--- /dev/null
+++ b/.planning/codebase/ARCHITECTURE.md
@@ -0,0 +1,239 @@
+# Architecture
+
+**Analysis Date:** 2026-03-13
+
+## Pattern Overview
+
+**Overall:** Modular Monorepo with Frontend-Backend Separation
+
+**Key Characteristics:**
+- **Separation of Concerns**: Frontend and backend are completely separate applications with no shared runtime
+- **API-First Design**: Backend exposes RESTful API endpoints consumed by the frontend
+- **Component-Based UI**: React application structured by feature domains (clinical, protocols, tools)
+- **Lazy Loading**: Heavy pages are lazy-loaded for performance optimization
+
+## Layers
+
+### Backend Layer
+
+**Purpose:** API server providing medical protocol data and authentication
+**Location:** `backend/`
+**Contains:**
+- Express server setup (`src/index.ts`, `src/app.ts`)
+- Route handlers (`src/routes/`)
+- Business logic/services (`src/services/`)
+- Configuration (`src/config.ts`)
+- TypeScript types/interfaces
+
+**Depends on:**
+- Express framework for HTTP handling
+- Mongoose for MongoDB connectivity (configured but placeholder)
+- JWT for authentication
+- Zod for validation (not yet implemented in routes)
+
+**Used by:**
+- Frontend application via HTTP API calls
+
+### Frontend Layer
+
+**Purpose:** React single-page application for medical protocol reference
+**Location:** `frontend/src/`
+**Contains:**
+- Application entry point (`main.tsx`)
+- Root component with routing (`App.tsx`)
+- Page components (`pages/`)
+- UI components (`components/`)
+- Layout components (`components/layout/`)
+- Services layer (`services/`)
+- Types definitions (`types/`)
+- Utilities (`utils/`, `hooks/`)
+
+**Depends on:**
+- React 18 with hooks
+- React Router DOM for navigation
+- TailwindCSS for styling
+- Next-themes for dark mode
+- Lucide React for icons
+
+**Used by:**
+- End users via web browser
+
+### Static Site Layer
+
+**Purpose:** Marketing/promotional landing page
+**Location:** `promo-site/`
+**Contains:**
+- Static HTML with inline CSS
+- Marketing content and calls-to-action
+
+## Data Flow
+
+### API Request Flow
+
+1. **Frontend Component** triggers data fetch (e.g., `pages/Index.tsx`)
+2. **Service Layer** (`frontend/src/services/`) makes HTTP request to backend
+3. **Backend Route** (`backend/src/routes/`) receives request
+4. **Service Layer** (`backend/src/services/`) processes business logic
+5. **Response** returns JSON data to frontend
+6. **Component** renders data using React state
+
+### Protocol Data Flow (Example: RCP Protocol)
+
+```
+Frontend: Protocol Page
+  ↓ HTTP GET /api/content/:id
+Backend: content.ts route
+  ↓ calls telephone-protocols.ts service
+Backend: telephone-protocols.ts service
+  ↓ returns TelephoneProtocol object
+Backend: JSON response
+  ↓
+Frontend: Service layer
+  ↓ state update
+Frontend: Component renders protocol steps
+```
+
+## State Management
+
+**Frontend State:**
+- **Local State**: Component-level state using `useState` for UI interactions (search modal, menu state)
+- **URL State**: React Router for navigation and route parameters (`/protocolo/:id`)
+- **Theme State**: `next-themes` for dark/light mode persistence
+
+**Backend State:**
+- **Configuration**: Environment variables loaded via `dotenv`
+- **Session State**: JWT tokens (authentication flow placeholder)
+- **Database State**: MongoDB connection (configured but not fully implemented)
+
+## Key Abstractions
+
+### Telephone Protocol Model
+
+**Purpose:** Standardized structure for medical emergency protocols
+**Location:** `backend/src/services/telephone-protocols.ts`
+**Examples:**
+- `rcpTelephoneAdult` - Adult CPR protocol
+- `ictusTelephone` - Stroke assessment protocol
+- `desaTelephone` - AED usage protocol
+
+**Pattern:**
+```typescript
+interface TelephoneProtocol {
+  id: string;
+  title: string;
+  category: ProtocolCategory;
+  steps: ProtocolStep[];
+  initialAssessment: string[];
+  importantNotes?: string[];
+}
+```
+
+### API Route Pattern
+
+**Purpose:** Consistent Express route structure
+**Location:** `backend/src/routes/`
+**Pattern:**
+```typescript
+import { Router } from 'express';
+const router = Router();
+
+router.get('/', (req, res) => { /* ... */ });
+router.get('/:id', (req, res) => { /* ... */ });
+router.post('/', (req, res) => { /* ... */ });
+
+export default router;
+```
+
+### React Page Pattern
+
+**Purpose:** Consistent page component structure
+**Location:** `frontend/src/pages/`
+**Pattern:**
+```typescript
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+// ... imports
+
+const PageName = () => {
+  // State and logic
+  return (
+    <div>
+      {/* JSX */}
+    </div>
+  );
+};
+
+export default PageName;
+```
+
+## Entry Points
+
+### Backend Entry Point
+
+**Location:** `backend/src/index.ts`
+**Triggers:** Node.js process execution
+**Responsibilities:**
+- Create Express app instance
+- Read configuration
+- Start HTTP server on configured port
+- Handle graceful shutdown signals (SIGINT, SIGTERM)
+
+### Frontend Entry Point
+
+**Location:** `frontend/src/main.tsx`
+**Triggers:** Browser loads HTML page
+**Responsibilities:**
+- Initialize React root
+- Register Service Worker (production only)
+- Render main App component with error boundaries
+- Apply console error filtering for browser extensions
+
+### Frontend App Entry
+
+**Location:** `frontend/src/App.tsx`
+**Triggers:** React root render
+**Responsibilities:**
+- Set up ThemeProvider for dark mode
+- Configure BrowserRouter with future flags
+- Define all application routes with lazy loading
+- Layout structure (Header, Main, Footer, BottomNav)
+- Modal management (Search, Menu)
+
+## Error Handling
+
+**Strategy:** Layered error handling with graceful degradation
+
+**Patterns:**
+
+**Frontend Error Boundaries:**
+- Root-level error display in `main.tsx`
+- Suspense fallbacks for lazy-loaded pages
+- Console error filtering for non-critical browser extension errors
+
+**Backend Error Handling:**
+- Global error handler in `app.ts` (line 51-57)
+- 404 handler for undefined routes
+- Development mode shows detailed error messages
+- Production mode shows generic error messages
+
+## Cross-Cutting Concerns
+
+**Logging:**
+- **Backend:** Console logging for server startup, errors, and graceful shutdown
+- **Frontend:** Console logging for Service Worker registration, React rendering errors
+
+**Validation:**
+- **Backend:** Zod dependency available but not yet integrated into routes
+- **Frontend:** No explicit validation layer detected
+
+**Authentication:**
+- **Backend:** JWT configuration in `config.ts` with placeholder secret
+- **Frontend:** No authentication UI implemented (routes are placeholder)
+
+**Security:**
+- **Backend:** Helmet.js for security headers, CORS configuration
+- **Frontend:** Service Worker for PWA capabilities (production only)
+
+---
+
+*Architecture analysis: 2026-03-13*
diff --git a/.planning/codebase/STACK.md b/.planning/codebase/STACK.md
new file mode 100644
index 00000000..6cd0c9b8
--- /dev/null
+++ b/.planning/codebase/STACK.md
@@ -0,0 +1,90 @@
+# Technology Stack
+
+**Analysis Date:** 2026-03-13
+
+## Languages
+
+**Primary:**
+- TypeScript 5.2.2 - Both backend (`backend/`) and frontend (`frontend/`)
+- JavaScript (via transpilation) - Runtime execution
+
+**Secondary:**
+- HTML/CSS - Static promo site (`promo-site/`)
+
+## Runtime
+
+**Environment:**
+- Node.js (runtime for backend)
+- Browser (runtime for frontend)
+
+**Package Manager:**
+- npm (lockfiles: `package-lock.json` in both `backend/` and `frontend/`)
+- Lockfile: Present
+
+## Frameworks
+
+**Core:**
+- Express 4.18.2 - Backend API server (`backend/package.json`)
+- React 18.2.0 - Frontend UI library (`frontend/package.json`)
+
+**Testing:**
+- Jest 29.6.2 - Unit testing for backend (`backend/package.json`)
+- ts-jest - TypeScript support for Jest
+
+**Build/Dev:**
+- Vite 4.4.9 - Frontend build tool and dev server (`frontend/package.json`)
+- TypeScript 5.2.2 - Type checking and compilation for both layers
+- ts-node-dev - Development server for backend (`backend/package.json`)
+
+## Key Dependencies
+
+**Critical (Backend):**
+- `express` 4.18.2 - HTTP server framework
+- `mongoose` 7.5.0 - MongoDB ODM (configured, partially implemented)
+- `jsonwebtoken` 9.0.2 - Authentication tokens
+- `bcryptjs` 2.4.3 - Password hashing
+- `zod` 3.22.2 - Schema validation (available, not fully utilized)
+- `socket.io` 4.7.2 - Real-time communication (installed, usage unclear)
+
+**Critical (Frontend):**
+- `react` 18.2.0 - UI library
+- `react-router-dom` 6.15.0 - Client-side routing
+- `tailwindcss` 3.3.3 - Utility-first CSS framework
+- `next-themes` 0.2.1 - Dark mode handling
+- `lucide-react` 0.263.1 - Icon library
+- `vite` 4.4.9 - Build tool
+
+**Infrastructure:**
+- `cors` 2.8.5 - Backend CORS handling
+- `helmet` 7.0.0 - Security headers
+- `multer` 1.4.5-lts.1 - File upload handling
+
+## Configuration
+
+**Environment:**
+- **Backend:** `.env` file in root (not shown in structure, referenced in code)
+  - Configured in `backend/src/config.ts`
+  - Key configs: `PORT`, `NODE_ENV`, `CORS_ORIGIN`, `MONGODB_URI`, `JWT_SECRET`, `UPLOADS_DIR`
+- **Frontend:** `.env` file in `frontend/` (not read due to security rules, likely Vite env vars)
+
+**Build:**
+- **Backend:** `backend/tsconfig.json` - TypeScript configuration
+- **Frontend:**
+  - `frontend/vite.config.ts` - Vite build configuration with path aliases
+  - `frontend/tailwind.config.ts` - TailwindCSS theme configuration
+  - `frontend/postcss.config.js` - PostCSS processing
+
+## Platform Requirements
+
+**Development:**
+- Node.js environment (backend)
+- Modern browser with ES6+ support (frontend)
+
+**Production:**
+- Node.js server for backend API
+- Static file hosting for frontend (Vite build output)
+- Static file hosting for promo site
+
+---
+
+*Stack analysis: 2026-03-13*
diff --git a/.planning/config.json b/.planning/config.json
index af43e5c1..e4479538 100644
--- a/.planning/config.json
+++ b/.planning/config.json
@@ -9,6 +9,7 @@
     "plan_check": true,
     "verifier": true,
     "nyquist_validation": true,
-    "auto_advance": true
+    "auto_advance": true,
+    "_auto_chain_active": true
   }
-}
+}
\ No newline at end of file
diff --git a/.planning/phases/08-paginas-esenciales/08-01-PLAN.md b/.planning/phases/08-paginas-esenciales/08-01-PLAN.md
new file mode 100644
index 00000000..fdb6b645
--- /dev/null
+++ b/.planning/phases/08-paginas-esenciales/08-01-PLAN.md
@@ -0,0 +1,18 @@
+# 08-01: Favoritos + useFavorites
+
+## Objective
+Crear página Favoritos.tsx y hook useFavorites para persistir y leer favoritos del usuario.
+
+## Requirements
+- Hook useFavorites con localStorage/IndexedDB
+- Página Favoritos.tsx con listado de protocolos/guías guardados
+- Poder agregar/quitar favoritos desde cualquier página
+
+## Deliverable
+- `/frontend/src/hooks/useFavorites.ts`
+- `/frontend/src/pages/Favoritos.tsx`
+
+## Test Criteria
+- [ ] Puedo guardar un protocolo en favoritos
+- [ ] Puedo ver la lista de favoritos
+- [ ] Persisten al recargar la página
diff --git a/.planning/phases/08-paginas-esenciales/08-02-PLAN.md b/.planning/phases/08-paginas-esenciales/08-02-PLAN.md
new file mode 100644
index 00000000..0752fe41
--- /dev/null
+++ b/.planning/phases/08-paginas-esenciales/08-02-PLAN.md
@@ -0,0 +1,18 @@
+# 08-02: Historial + useHistory
+
+## Objective
+Crear página Historial.tsx y hook useHistory para registrar y mostrar últimas consultas.
+
+## Requirements
+- Hook useHistory con localStorage/IndexedDB
+- Página Historial.tsx con listado de últimos protocolos vistos
+- Timestamps para cada entrada
+
+## Deliverable
+- `/frontend/src/hooks/useHistory.ts`
+- `/frontend/src/pages/Historial.tsx`
+
+## Test Criteria
+- [ ] Al ver un protocolo, se registra en historial
+- [ ] Muestra los últimos 20 accesos
+- [ ] Persisten al recargar la página
diff --git a/.planning/phases/08-paginas-esenciales/08-03-PLAN.md b/.planning/phases/08-paginas-esenciales/08-03-PLAN.md
new file mode 100644
index 00000000..640e41dd
--- /dev/null
+++ b/.planning/phases/08-paginas-esenciales/08-03-PLAN.md
@@ -0,0 +1,22 @@
+# 08-03: Urgencias.tsx
+
+## Objective
+Crear página de acceso rápido a protocolos críticos para situaciones de urgencia.
+
+## Requirements
+- Página con accesos directos a protocolos más críticos:
+  - PCR
+  - OVACE
+  - Anafilaxia
+  - SCA
+  - Ictus
+  - Shock
+- Diseño optimizado para acceso rápido en emergencias
+
+## Deliverable
+- `/frontend/src/pages/Urgencias.tsx`
+
+## Test Criteria
+- [ ] Muestra los 6 protocolos críticos
+- [ ] Acceso rápido con un tap
+- [ ] Diseño visible en condiciones de estrés
diff --git a/.planning/phases/08-paginas-esenciales/08-04-PLAN.md b/.planning/phases/08-paginas-esenciales/08-04-PLAN.md
new file mode 100644
index 00000000..0d8472e4
--- /dev/null
+++ b/.planning/phases/08-paginas-esenciales/08-04-PLAN.md
@@ -0,0 +1,18 @@
+# 08-04: Parto.tsx + protocolo YAML
+
+## Objective
+Crear página Parto.tsx con el protocolo de parto extrahospitalario.
+
+## Requirements
+- Protocolo YAML de parto emergencia
+- Página Parto.tsx que renderice el protocolo
+- Pasos para asistir parto en entorno prehospitalario
+
+## Deliverable
+- `/frontend/public/protocols/emergencias/parto-emergencia.yaml` (ya existe)
+- `/frontend/src/pages/Parto.tsx`
+
+## Test Criteria
+- [ ] Protocolo se renderiza correctamente
+- [ ] Todos los pasos visibles
+- [ ] Compatible con VisualProtocolRenderer
diff --git a/.planning/phases/08-paginas-esenciales/08-05-PLAN.md b/.planning/phases/08-paginas-esenciales/08-05-PLAN.md
new file mode 100644
index 00000000..58f11bba
--- /dev/null
+++ b/.planning/phases/08-paginas-esenciales/08-05-PLAN.md
@@ -0,0 +1,17 @@
+# 08-05: Avisos Legales
+
+## Objective
+Crear páginas de Aviso Legal y Descargo de Responsabilidad médicas.
+
+## Requirements
+- AvisoLegal.tsx con texto legal estándar
+- DescargoResponsabilidad.tsx con aviso de uso responsable
+- Links en pie de página
+
+## Deliverable
+- `/frontend/src/pages/AvisoLegal.tsx`
+- `/frontend/src/pages/DescargoResponsabilidad.tsx`
+
+## Test Criteria
+- [ ] Ambas páginas accesibles desde el menú
+- [ ] Contenido apropiado para app médica
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..3b664107
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..5912601a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,23 @@
+# codigo0
+
+Asistente avanzado de referencia médica para Técnicos de Emergencias Sanitarias (TES).
+
+## 🚀 Características
+- **Protocolos Clínicos**: Visualización interactiva de guías de soporte vital.
+- **Herramientas Operativas**: Glasgow, Triage START, Superficie Quemada y Dosis Pediátricas.
+- **Manual del TES**: Guía técnica completa integrada para consulta rápida.
+- **PWA**: Soporte offline total.
+
+## 🛠️ Stack Tecnológico
+- **Frontend**: React 18 + Vite + TailwindCSS
+- **Backend**: Node.js + Express + TypeScript (Clean Architecture)
+- **Base de Datos**: MongoDB (Dockerized)
+
+## 📄 Documentación y Memoria
+Para mantener la rama principal limpia y centrada en el código, el seguimiento del proyecto se gestiona en dos ubicaciones:
+
+1. **Git (Rama `docs-memoria`)**: Contiene `PROGRESS.md` y `CONTEXT.md` actualizados con el historial técnico.
+2. **Obsidian (Bóveda `99-agentes`)**: Contiene el Plan Maestro, Auditoría de Medios y Contexto Global.
+
+---
+*codigo0 — 0 Errores. 0 Dudas.*
diff --git a/backend/Dockerfile b/backend/Dockerfile
new file mode 100644
index 00000000..ad9b729e
--- /dev/null
+++ b/backend/Dockerfile
@@ -0,0 +1,30 @@
+# Etapa 1: Construcción del backend
+FROM node:18-alpine AS build-stage
+
+WORKDIR /app
+
+# Instalar dependencias
+COPY package*.json ./
+RUN npm install
+
+# Copiar el resto de archivos y construir
+COPY . .
+RUN npm run build
+
+# Etapa 2: Imagen para ejecución
+FROM node:18-alpine
+
+WORKDIR /app
+
+# Copiar solo dependencias de producción y archivos construidos
+COPY package*.json ./
+RUN npm install --production
+
+COPY --from=build-stage /app/dist/ ./dist/
+
+# Exponer el puerto por defecto (3000)
+EXPOSE 3000
+
+ENV NODE_ENV=production
+
+CMD ["node", "dist/index.js"]
diff --git a/backend/package-lock.json b/backend/package-lock.json
new file mode 100644
index 00000000..6b89609b
--- /dev/null
+++ b/backend/package-lock.json
@@ -0,0 +1,6075 @@
+{
+  "name": "codigo0-backend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "codigo0-backend",
+      "version": "0.1.0",
+      "dependencies": {
+        "bcryptjs": "^2.4.3",
+        "cors": "^2.8.5",
+        "dotenv": "^16.3.1",
+        "express": "^4.18.2",
+        "helmet": "^7.0.0",
+        "js-yaml": "^4.1.1",
+        "jsonwebtoken": "^9.0.2",
+        "mongoose": "^7.5.0",
+        "multer": "^1.4.5-lts.1",
+        "socket.io": "^4.7.2",
+        "zod": "^3.22.2"
+      },
+      "devDependencies": {
+        "@types/bcryptjs": "^2.4.2",
+        "@types/cors": "^2.8.13",
+        "@types/express": "^4.17.17",
+        "@types/jest": "^29.5.5",
+        "@types/js-yaml": "^4.0.9",
+        "@types/jsonwebtoken": "^9.0.2",
+        "@types/multer": "^1.4.7",
+        "@types/node": "^20.6.3",
+        "@types/socket.io": "^3.0.2",
+        "jest": "^29.6.2",
+        "ts-jest": "^29.1.1",
+        "ts-node-dev": "^2.0.0",
+        "typescript": "^5.2.2"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@babel/core/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz",
+      "integrity": "sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
+      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
+      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
+      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/console": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
+      "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/core": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
+      "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/reporters": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "jest-changed-files": "^29.7.0",
+        "jest-config": "^29.7.0",
+        "jest-haste-map": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-resolve-dependencies": "^29.7.0",
+        "jest-runner": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "jest-watcher": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/environment": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
+      "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/expect": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
+      "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expect": "^29.7.0",
+        "jest-snapshot": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/expect-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
+      "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-get-type": "^29.6.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
+      "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@sinonjs/fake-timers": "^10.0.2",
+        "@types/node": "*",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/globals": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
+      "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/expect": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "jest-mock": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/reporters": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
+      "integrity": "sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@jest/console": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "exit": "^0.1.2",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-instrument": "^6.0.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.0",
+        "istanbul-reports": "^3.1.3",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "slash": "^3.0.0",
+        "string-length": "^4.0.1",
+        "strip-ansi": "^6.0.0",
+        "v8-to-istanbul": "^9.0.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/source-map": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
+      "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "callsites": "^3.0.0",
+        "graceful-fs": "^4.2.9"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/test-result": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
+      "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "collect-v8-coverage": "^1.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/test-sequencer": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
+      "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^29.7.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.4.6.tgz",
+      "integrity": "sha512-y+x3H1xBZd38n10NZF/rEBlvDOOMQ6LKUTHqr8R9VkJ+mmQOYtJFxIlkkK8fZrtOiL6VixbOBWMbZGBdal3Z1g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.27.10",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz",
+      "integrity": "sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
+      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
+      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.0"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node10": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz",
+      "integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node12": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node14": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node16": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/bcryptjs": {
+      "version": "2.4.6",
+      "resolved": "https://registry.npmjs.org/@types/bcryptjs/-/bcryptjs-2.4.6.tgz",
+      "integrity": "sha512-9xlo6R2qDs5uixm0bcIqCeMCE6HiQsIyel9KQySStiyqNl2tnj2mP3DX1Nf56MD6KMenNNlBBsy3LJ7gUEQPXQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.6",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
+      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.19",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
+      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.25",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.25.tgz",
+      "integrity": "sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "^1"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.19.8",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz",
+      "integrity": "sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/graceful-fs": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
+      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/jest": {
+      "version": "29.5.14",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.14.tgz",
+      "integrity": "sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expect": "^29.0.0",
+        "pretty-format": "^29.0.0"
+      }
+    },
+    "node_modules/@types/js-yaml": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.9.tgz",
+      "integrity": "sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jsonwebtoken": {
+      "version": "9.0.10",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.10.tgz",
+      "integrity": "sha512-asx5hIG9Qmf/1oStypjanR7iKTv0gXQ1Ov/jfrX6kS/EO0OFni8orbmGCn0672NHR3kXHwpAwR+B368ZGN/2rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/multer": {
+      "version": "1.4.13",
+      "resolved": "https://registry.npmjs.org/@types/multer/-/multer-1.4.13.tgz",
+      "integrity": "sha512-bhhdtPw7JqCiEfC9Jimx5LqX9BDIPJEh2q/fQ4bqbBPtyEZYr3cvF22NwG0DmPZNYA0CAf2CnqDB4KIGGpJcaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
+      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/qs": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.15.0.tgz",
+      "integrity": "sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.10",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.10.tgz",
+      "integrity": "sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "<1"
+      }
+    },
+    "node_modules/@types/serve-static/node_modules/@types/send": {
+      "version": "0.17.6",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.6.tgz",
+      "integrity": "sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/socket.io": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/socket.io/-/socket.io-3.0.2.tgz",
+      "integrity": "sha512-pu0sN9m5VjCxBZVK8hW37ZcMe8rjn4HHggBN5CbaRTvFwv5jOmuIRZEuddsBPa9Th0ts0SIo3Niukq+95cMBbQ==",
+      "deprecated": "This is a stub types definition. socket.io provides its own type definitions, so you do not need this installed.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "socket.io": "*"
+      }
+    },
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-xevGOReSYGM7g/kUBZzPqCrR/KYAo+F0yiPc85WFTJa0MSLtyFTVTU6cJu/aV4mid7IffDIWqo69THF2o4JiEQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/strip-json-comments": {
+      "version": "0.0.30",
+      "resolved": "https://registry.npmjs.org/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz",
+      "integrity": "sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-8.2.2.tgz",
+      "integrity": "sha512-FtQu10RWgn3D9U4aazdwIE2yzphmTJREDqNdODHrbrZmmMqI0vMheC/6NE/J1Yveaj8H+ela+YwWTjq5PGmuhA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.35",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz",
+      "integrity": "sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "8.3.5",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.5.tgz",
+      "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
+      "license": "MIT"
+    },
+    "node_modules/arg": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/babel-jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
+      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/transform": "^29.7.0",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^29.6.3",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.8.0"
+      }
+    },
+    "node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-istanbul/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-jest-hoist": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
+      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.1.14",
+        "@types/babel__traverse": "^7.0.6"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/babel-preset-current-node-syntax": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz",
+      "integrity": "sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/babel-preset-jest": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
+      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "babel-plugin-jest-hoist": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base64id": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
+      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
+      "license": "MIT",
+      "engines": {
+        "node": "^4.5.0 || >= 5.9"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.7",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.7.tgz",
+      "integrity": "sha512-1ghYO3HnxGec0TCGBXiDLVns4eCSx4zJpxnHrlqFQajmhfKMQBzUGDdkMK7fUW7PTHTeLf+j87aTuKuuwWzMGw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
+      "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==",
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs-logger": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/bs-logger/-/bs-logger-0.2.6.tgz",
+      "integrity": "sha512-pd8DCoxmbgc7hyPKOvxtqNcjYoOsABPQdcCUjGp3d42VR2CX1ORhk2A87oqqu5R1kk+76nsxZupkmyd+MVtCog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-json-stable-stringify": "2.x"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/bson": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-5.5.1.tgz",
+      "integrity": "sha512-ix0EwukN2EpC0SRWIj/7B5+A6uQMQy6KMREI9qQqvgpkV2frH63T0UDVd1SYedL6dNCmDBYB3QtXi4ISk9YT+g==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14.20.1"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001778",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001778.tgz",
+      "integrity": "sha512-PN7uxFL+ExFJO61aVmP1aIEG4i9whQd4eoSCebav62UwDyp5OHh06zN4jqKSMePVgxHifCw1QJxdRkA1Pisekg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/char-regex": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
+      "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/collect-v8-coverage": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz",
+      "integrity": "sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "license": "MIT"
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/create-jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
+      "integrity": "sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "jest-config": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "prompts": "^2.0.1"
+      },
+      "bin": {
+        "create-jest": "bin/create-jest.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/dedent": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.2.tgz",
+      "integrity": "sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "babel-plugin-macros": "^3.1.0"
+      },
+      "peerDependenciesMeta": {
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-newline": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
+      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/diff": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.4.tgz",
+      "integrity": "sha512-X07nttJQkwkfKfvTPG/KSnE2OMdcUCao6+eXF3wmnIQRn2aPAHH3VxDbDOdegkd6JbPsXqShpvEOHfAT+nCNwQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/diff-sequences": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
+      "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/dynamic-dedupe": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/dynamic-dedupe/-/dynamic-dedupe-0.3.0.tgz",
+      "integrity": "sha512-ssuANeD+z97meYOqd50e04Ze5qp4bPqo8cCkI4TRjZkzAUgIDTrXV1R8QCdINpiI+hw14+rYazvTRdQrz0/rFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xtend": "^4.0.0"
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.313",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
+      "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emittery": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
+      "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/engine.io": {
+      "version": "6.6.6",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.6.tgz",
+      "integrity": "sha512-U2SN0w3OpjFRVlrc17E6TMDmH58Xl9rai1MblNjAdwWp07Kk+llmzX0hjDpQdrDGzwmvOtgM5yI+meYX6iZ2xA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "@types/ws": "^8.5.12",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.7.2",
+        "cors": "~2.8.5",
+        "debug": "~4.4.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.18.3"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/engine.io/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/expect": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
+      "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/expect-utils": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bser": "2.1.1"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/handlebars": {
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.2",
+        "source-map": "^0.6.1",
+        "wordwrap": "^1.0.0"
+      },
+      "bin": {
+        "handlebars": "bin/handlebars"
+      },
+      "engines": {
+        "node": ">=0.4.7"
+      },
+      "optionalDependencies": {
+        "uglify-js": "^3.1.4"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/helmet": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/helmet/-/helmet-7.2.0.tgz",
+      "integrity": "sha512-ZRiwvN089JfMXokizgqEPXsl2Guk094yExfoDXR0cBYWxtBbaSww/w+vT4WEJsBW2iTUi1GgZ6swmoug3Oy4Xw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
+      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
+      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
+      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-instrument/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/istanbul-lib-source-maps/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
+      "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/core": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "import-local": "^3.0.2",
+        "jest-cli": "^29.7.0"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-changed-files": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.7.0.tgz",
+      "integrity": "sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^5.0.0",
+        "jest-util": "^29.7.0",
+        "p-limit": "^3.1.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-circus": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz",
+      "integrity": "sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/expect": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "co": "^4.6.0",
+        "dedent": "^1.0.0",
+        "is-generator-fn": "^2.0.0",
+        "jest-each": "^29.7.0",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "p-limit": "^3.1.0",
+        "pretty-format": "^29.7.0",
+        "pure-rand": "^6.0.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-cli": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.7.0.tgz",
+      "integrity": "sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/core": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "create-jest": "^29.7.0",
+        "exit": "^0.1.2",
+        "import-local": "^3.0.2",
+        "jest-config": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "yargs": "^17.3.1"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-config": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz",
+      "integrity": "sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/test-sequencer": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "babel-jest": "^29.7.0",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "deepmerge": "^4.2.2",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-circus": "^29.7.0",
+        "jest-environment-node": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-runner": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "parse-json": "^5.2.0",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@types/node": "*",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-diff": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
+      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.6.3",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-docblock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
+      "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-each": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
+      "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-environment-node": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
+      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-get-type": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-leak-detector": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
+      "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
+      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.6.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-mock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
+      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-pnp-resolver": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "peerDependencies": {
+        "jest-resolve": "*"
+      },
+      "peerDependenciesMeta": {
+        "jest-resolve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
+      "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-pnp-resolver": "^1.2.2",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "resolve": "^1.20.0",
+        "resolve.exports": "^2.0.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve-dependencies": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
+      "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-regex-util": "^29.6.3",
+        "jest-snapshot": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
+      "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/environment": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "emittery": "^0.13.1",
+        "graceful-fs": "^4.2.9",
+        "jest-docblock": "^29.7.0",
+        "jest-environment-node": "^29.7.0",
+        "jest-haste-map": "^29.7.0",
+        "jest-leak-detector": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-resolve": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-watcher": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "p-limit": "^3.1.0",
+        "source-map-support": "0.5.13"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
+      "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/globals": "^29.7.0",
+        "@jest/source-map": "^29.6.3",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "cjs-module-lexer": "^1.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-bom": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
+      "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@babel/generator": "^7.7.2",
+        "@babel/plugin-syntax-jsx": "^7.7.2",
+        "@babel/plugin-syntax-typescript": "^7.7.2",
+        "@babel/types": "^7.3.3",
+        "@jest/expect-utils": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0",
+        "chalk": "^4.0.0",
+        "expect": "^29.7.0",
+        "graceful-fs": "^4.2.9",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "natural-compare": "^1.4.0",
+        "pretty-format": "^29.7.0",
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
+      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "leven": "^3.1.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jest-watcher": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
+      "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "emittery": "^0.13.1",
+        "jest-util": "^29.7.0",
+        "string-length": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.3.tgz",
+      "integrity": "sha512-MT/xP0CrubFRNLNKvxJ2BYfy53Zkm++5bX9dtuPbqAeQpTVe0MQTFhao8+Cp//EmJp244xt6Drw/GVEGCUj40g==",
+      "license": "MIT",
+      "dependencies": {
+        "jws": "^4.0.1",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/jsonwebtoken/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jwa": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.1.tgz",
+      "integrity": "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.1.tgz",
+      "integrity": "sha512-EKI/M/yqPncGUUh44xz0PxSidXFr/+r0pA70+gIYhjv+et7yxM+s29Y+VGDkovRofQem0fs7Uvf4+YmAdyRduA==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/kareem": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.5.1.tgz",
+      "integrity": "sha512-7jFxRVm+jD+rkq3kY0iZDJfsO2/t4BBPeEb2qKn2lR/9KhuksYk5hxzfRYWMPV8P/x2d0kHD306YyWLzjjH+uA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "license": "MIT"
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-error": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/mongodb": {
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-5.9.2.tgz",
+      "integrity": "sha512-H60HecKO4Bc+7dhOv4sJlgvenK4fQNqqUIlXxZYQNbfEWSALGAwGoyJd/0Qwk4TttFXUOHJ2ZJQe/52ScaUwtQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bson": "^5.5.0",
+        "mongodb-connection-string-url": "^2.6.0",
+        "socks": "^2.7.1"
+      },
+      "engines": {
+        "node": ">=14.20.1"
+      },
+      "optionalDependencies": {
+        "@mongodb-js/saslprep": "^1.1.0"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.0.0",
+        "kerberos": "^1.0.0 || ^2.0.0",
+        "mongodb-client-encryption": ">=2.3.0 <3",
+        "snappy": "^7.2.2"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-2.6.0.tgz",
+      "integrity": "sha512-WvTZlI9ab0QYtTYnuMLgobULWhokRjtC7db9LtcVfJ+Hsnyr5eo6ZtNAt3Ly24XZScGMelOcGtm7lSn0332tPQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/whatwg-url": "^8.2.1",
+        "whatwg-url": "^11.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "7.8.9",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-7.8.9.tgz",
+      "integrity": "sha512-V3GBAJbmOAdzEP8murOvlg7q1szlbe4jTBRyW+JBHRduJBe7F9dk5eyqJDTuYrdBcOOWfLbr6AgXrDK7F0/o5A==",
+      "license": "MIT",
+      "dependencies": {
+        "bson": "^5.5.0",
+        "kareem": "2.5.1",
+        "mongodb": "5.9.2",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "16.0.1"
+      },
+      "engines": {
+        "node": ">=14.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mongoose/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/mquery/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mquery/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/multer": {
+      "version": "1.4.5-lts.2",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.5-lts.2.tgz",
+      "integrity": "sha512-VzGiVigcG9zUAoCNU+xShztrlr1auZOlurXynNvO9GiWD1/mTBbUljOKY+qMeazBqXgRnjzeEgJI/wyjJUHg9A==",
+      "deprecated": "Multer 1.x is impacted by a number of vulnerabilities, which have been patched in 2.x. You should upgrade to the latest 2.x version.",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.0.0",
+        "concat-stream": "^1.5.2",
+        "mkdirp": "^0.5.4",
+        "object-assign": "^4.1.1",
+        "type-is": "^1.6.4",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-locate/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pure-rand": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
+      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/qs": {
+      "version": "6.14.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
+      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve.exports": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz",
+      "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sift": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-16.0.1.tgz",
+      "integrity": "sha512-Wv6BjQ5zbhW7VFefWusVP33T/EM0vYikCaQ2qR8yULbsilAT8/wQaXvuQ3ptGLpoKx+lihJE3y2UTgKDyyNHZQ==",
+      "license": "MIT"
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socket.io": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.3.tgz",
+      "integrity": "sha512-2Dd78bqzzjE6KPkD5fHZmDAKRNe3J15q+YHDrIsy9WEkqttc7GY+kT9OBLSMaPbQaEd0x1BjcmtMtXkfpc+T5A==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "cors": "~2.8.5",
+        "debug": "~4.4.1",
+        "engine.io": "~6.6.0",
+        "socket.io-adapter": "~2.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.6.tgz",
+      "integrity": "sha512-DkkO/dz7MGln0dHn5bmN3pPy+JmywNICWrJqVWiVOyvXjWQFIv9c2h24JrQLLFJ2aQVQf/Cvl1vblnd4r2apLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "~4.4.1",
+        "ws": "~8.18.3"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.5.tgz",
+      "integrity": "sha512-bPMmpy/5WWKHea5Y/jYAP6k74A+hvmRCQaJuJB6I/ML5JZq/KfNieUVo/3Mh7SAqn7TyFdIo6wqYHInG1MU1bQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.4.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/socket.io/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
+      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/string-length": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^1.0.2",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/ts-jest": {
+      "version": "29.4.6",
+      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.4.6.tgz",
+      "integrity": "sha512-fSpWtOO/1AjSNQguk43hb/JCo16oJDnMJf3CdEGNkqsEX3t0KX96xvyX1D7PfLCpVoKu4MfVrqUkFyblYoY4lA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bs-logger": "^0.2.6",
+        "fast-json-stable-stringify": "^2.1.0",
+        "handlebars": "^4.7.8",
+        "json5": "^2.2.3",
+        "lodash.memoize": "^4.1.2",
+        "make-error": "^1.3.6",
+        "semver": "^7.7.3",
+        "type-fest": "^4.41.0",
+        "yargs-parser": "^21.1.1"
+      },
+      "bin": {
+        "ts-jest": "cli.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || ^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": ">=7.0.0-beta.0 <8",
+        "@jest/transform": "^29.0.0 || ^30.0.0",
+        "@jest/types": "^29.0.0 || ^30.0.0",
+        "babel-jest": "^29.0.0 || ^30.0.0",
+        "jest": "^29.0.0 || ^30.0.0",
+        "jest-util": "^29.0.0 || ^30.0.0",
+        "typescript": ">=4.3 <6"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@jest/transform": {
+          "optional": true
+        },
+        "@jest/types": {
+          "optional": true
+        },
+        "babel-jest": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jest-util": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ts-jest/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ts-jest/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ts-node": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspotcode/source-map-support": "^0.8.0",
+        "@tsconfig/node10": "^1.0.7",
+        "@tsconfig/node12": "^1.0.7",
+        "@tsconfig/node14": "^1.0.0",
+        "@tsconfig/node16": "^1.0.2",
+        "acorn": "^8.4.1",
+        "acorn-walk": "^8.1.1",
+        "arg": "^4.1.0",
+        "create-require": "^1.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "v8-compile-cache-lib": "^3.0.1",
+        "yn": "3.1.1"
+      },
+      "bin": {
+        "ts-node": "dist/bin.js",
+        "ts-node-cwd": "dist/bin-cwd.js",
+        "ts-node-esm": "dist/bin-esm.js",
+        "ts-node-script": "dist/bin-script.js",
+        "ts-node-transpile-only": "dist/bin-transpile.js",
+        "ts-script": "dist/bin-script-deprecated.js"
+      },
+      "peerDependencies": {
+        "@swc/core": ">=1.2.50",
+        "@swc/wasm": ">=1.2.50",
+        "@types/node": "*",
+        "typescript": ">=2.7"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/wasm": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ts-node-dev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ts-node-dev/-/ts-node-dev-2.0.0.tgz",
+      "integrity": "sha512-ywMrhCfH6M75yftYvrvNarLEY+SUXtUvU8/0Z6llrHQVBx12GiFk5sStF8UdfE/yfzk9IAq7O5EEbTQsxlBI8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.1",
+        "dynamic-dedupe": "^0.3.0",
+        "minimist": "^1.2.6",
+        "mkdirp": "^1.0.4",
+        "resolve": "^1.0.0",
+        "rimraf": "^2.6.1",
+        "source-map-support": "^0.5.12",
+        "tree-kill": "^1.2.2",
+        "ts-node": "^10.4.0",
+        "tsconfig": "^7.0.0"
+      },
+      "bin": {
+        "ts-node-dev": "lib/bin.js",
+        "tsnd": "lib/bin.js"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "*",
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ts-node-dev/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tsconfig": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/tsconfig/-/tsconfig-7.0.0.tgz",
+      "integrity": "sha512-vZXmzPrL+EmC4T/4rVlT2jNVMWCi/O4DIiSj3UHg1OE5kCKbk4mfrXc6dZksLgRM/TZlKnousKH9bbTazUWRRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/strip-bom": "^3.0.0",
+        "@types/strip-json-comments": "0.0.30",
+        "strip-bom": "^3.0.0",
+        "strip-json-comments": "^2.0.0"
+      }
+    },
+    "node_modules/tsconfig/node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/tsconfig/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "license": "MIT"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uglify-js": {
+      "version": "3.19.3",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
+      "integrity": "sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/v8-compile-cache-lib": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/v8-to-istanbul": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "makeerror": "1.0.12"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 00000000..797cc3cd
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,40 @@
+{
+  "name": "codigo0-backend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "ts-node-dev --respawn --transpile-only src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "test": "jest",
+    "migrate": "ts-node src/migrateYamlToMongo.ts"
+  },
+  "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "cors": "^2.8.5",
+    "dotenv": "^16.3.1",
+    "express": "^4.18.2",
+    "helmet": "^7.0.0",
+    "js-yaml": "^4.1.1",
+    "jsonwebtoken": "^9.0.2",
+    "mongoose": "^7.5.0",
+    "multer": "^1.4.5-lts.1",
+    "socket.io": "^4.7.2",
+    "zod": "^3.22.2"
+  },
+  "devDependencies": {
+    "@types/bcryptjs": "^2.4.2",
+    "@types/cors": "^2.8.13",
+    "@types/express": "^4.17.17",
+    "@types/jest": "^29.5.5",
+    "@types/js-yaml": "^4.0.9",
+    "@types/jsonwebtoken": "^9.0.2",
+    "@types/multer": "^1.4.7",
+    "@types/node": "^20.6.3",
+    "@types/socket.io": "^3.0.2",
+    "jest": "^29.6.2",
+    "ts-jest": "^29.1.1",
+    "ts-node-dev": "^2.0.0",
+    "typescript": "^5.2.2"
+  }
+}
diff --git a/backend/src/app.ts b/backend/src/app.ts
new file mode 100644
index 00000000..250c6eda
--- /dev/null
+++ b/backend/src/app.ts
@@ -0,0 +1,60 @@
+import express, { Request, Response, NextFunction } from 'express';
+import cors from 'cors';
+import helmet from 'helmet';
+import dotenv from 'dotenv';
+import authRoutes from './routes/auth';
+import protocolRoutes from './infrastructure/http/routes/protocol.routes';
+
+// Load environment variables
+dotenv.config();
+
+export function createApp() {
+  const app = express();
+
+  // Security middleware
+  app.use(helmet());
+  
+  // CORS configuration
+  app.use(cors({
+    origin: process.env.CORS_ORIGIN || '*',
+    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
+    allowedHeaders: ['Content-Type', 'Authorization']
+  }));
+  
+  // Body parsing
+  app.use(express.json({ limit: '10mb' }));
+  app.use(express.urlencoded({ extended: true, limit: '10mb' }));
+
+  // Health check endpoint
+  app.get('/health', (_req, res) => {
+    res.json({
+      status: 'ok',
+      timestamp: new Date().toISOString(),
+      service: 'codigo0-backend',
+      version: '0.1.0'
+    });
+  });
+
+  // API routes
+  app.use('/api/auth', authRoutes);
+  app.use('/api/content', protocolRoutes);
+
+  // 404 handler
+  app.use((_req, res) => {
+    res.status(404).json({
+      error: 'Not Found',
+      message: 'The requested resource was not found'
+    });
+  });
+
+  // Error handler
+  app.use((err: any, _req: Request, res: Response, _next: NextFunction) => {
+    console.error(err.stack);
+    res.status(500).json({
+      error: 'Internal Server Error',
+      message: process.env.NODE_ENV === 'development' ? err.message : 'Something went wrong'
+    });
+  });
+
+  return app;
+}
\ No newline at end of file
diff --git a/backend/src/application/usecases/GetAllProtocolsUseCase.ts b/backend/src/application/usecases/GetAllProtocolsUseCase.ts
new file mode 100644
index 00000000..efb077b8
--- /dev/null
+++ b/backend/src/application/usecases/GetAllProtocolsUseCase.ts
@@ -0,0 +1,10 @@
+import { IProtocolRepository } from '../../domain/repositories/IProtocolRepository';
+import { TelephoneProtocol } from '../../domain/entities/TelephoneProtocol';
+
+export class GetAllProtocolsUseCase {
+  constructor(private protocolRepository: IProtocolRepository) {}
+
+  async execute(): Promise<TelephoneProtocol[]> {
+    return this.protocolRepository.findAll();
+  }
+}
diff --git a/backend/src/application/usecases/GetProtocolByIdUseCase.ts b/backend/src/application/usecases/GetProtocolByIdUseCase.ts
new file mode 100644
index 00000000..b59c7626
--- /dev/null
+++ b/backend/src/application/usecases/GetProtocolByIdUseCase.ts
@@ -0,0 +1,10 @@
+import { IProtocolRepository } from '../../domain/repositories/IProtocolRepository';
+import { TelephoneProtocol } from '../../domain/entities/TelephoneProtocol';
+
+export class GetProtocolByIdUseCase {
+  constructor(private protocolRepository: IProtocolRepository) {}
+
+  async execute(id: string): Promise<TelephoneProtocol | null> {
+    return this.protocolRepository.findById(id);
+  }
+}
diff --git a/backend/src/config.ts b/backend/src/config.ts
new file mode 100644
index 00000000..e6dd909f
--- /dev/null
+++ b/backend/src/config.ts
@@ -0,0 +1,17 @@
+import dotenv from 'dotenv';
+
+dotenv.config();
+
+export const config = {
+  port: parseInt(process.env.PORT || '3000', 10),
+  nodeEnv: process.env.NODE_ENV || 'development',
+  corsOrigin: process.env.CORS_ORIGIN || '*',
+  // Database configuration (to be implemented)
+  dbUri: process.env.MONGODB_URI || 'mongodb://localhost:27017/codigo0',
+  // JWT configuration
+  jwtSecret: process.env.JWT_SECRET || 'your-secret-key-change-in-production',
+  jwtExpiresIn: process.env.JWT_EXPIRES_IN || '7d',
+  // File upload configuration
+  uploadsDir: process.env.UPLOADS_DIR || './uploads',
+  maxFileSize: parseInt(process.env.MAX_FILE_SIZE || '10485760', 10), // 10MB
+};
\ No newline at end of file
diff --git a/backend/src/domain/entities/ClinicalProtocol.ts b/backend/src/domain/entities/ClinicalProtocol.ts
new file mode 100644
index 00000000..872a86fb
--- /dev/null
+++ b/backend/src/domain/entities/ClinicalProtocol.ts
@@ -0,0 +1,46 @@
+export interface Drug {
+  nombre: string;
+  filas: { label: string; valor: string }[];
+  formula?: string;
+}
+
+export interface ProtocolStep {
+  tipo: 'checklist' | 'decision' | 'tecnica' | 'info';
+  titulo: string;
+  descripcion?: string;
+  items?: string[];
+  urgencia?: 'critica';
+  badge?: string;
+  parametros?: { label: string; valor: string; destacado?: boolean }[];
+  si?: string;
+  no?: string;
+  imagen?: string;
+  video?: string;
+}
+
+export interface ProtocolPhase extends Omit<ProtocolStep, 'titulo'> {
+  id: string | number;
+  nombre: string;
+  icono?: string;
+  pregunta?: string;
+  ramas?: { condicion: string; destino: string | number }[];
+}
+
+export interface ClinicalProtocol {
+  id: string; // Slug único
+  titulo: string;
+  subtitulo?: string;
+  categoria: string;
+  urgencia: 'critica' | 'alta' | 'media' | 'baja';
+  version: string;
+  descripcion?: string;
+  fuente?: string;
+  actualizado?: string;
+  alertas?: { tipo: 'warning' | 'danger' | 'info'; texto: string }[];
+  grupos_edad?: { id: string; label: string; sublabel?: string }[];
+  parametros_por_grupo?: Record<string, Record<string, string>>;
+  pasos?: ProtocolStep[];
+  fases?: ProtocolPhase[];
+  farmacos?: Drug[];
+  equipamiento?: string[];
+}
diff --git a/backend/src/domain/entities/TelephoneProtocol.ts b/backend/src/domain/entities/TelephoneProtocol.ts
new file mode 100644
index 00000000..afcdf5d0
--- /dev/null
+++ b/backend/src/domain/entities/TelephoneProtocol.ts
@@ -0,0 +1,24 @@
+export type ProtocolCategory = 'rcp' | 'desa' | 'ovace' | 'sca' | 'ictus' | 'comunicacion';
+export type AgeGroup = 'adulto' | 'pediatrico' | 'lactante' | 'todos';
+
+export interface ProtocolStep {
+  id: string;
+  order: number;
+  instruction: string;
+  verification?: string;
+  notes?: string;
+  critical?: boolean;
+}
+
+export interface TelephoneProtocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: ProtocolCategory;
+  ageGroup: AgeGroup;
+  description: string;
+  initialAssessment: string[];
+  steps: ProtocolStep[];
+  importantNotes?: string[];
+  source?: string;
+}
diff --git a/backend/src/domain/repositories/IProtocolRepository.ts b/backend/src/domain/repositories/IProtocolRepository.ts
new file mode 100644
index 00000000..23542766
--- /dev/null
+++ b/backend/src/domain/repositories/IProtocolRepository.ts
@@ -0,0 +1,8 @@
+import { TelephoneProtocol, ProtocolCategory, AgeGroup } from '../entities/TelephoneProtocol';
+
+export interface IProtocolRepository {
+  findAll(): Promise<TelephoneProtocol[]>;
+  findById(id: string): Promise<TelephoneProtocol | null>;
+  findByCategory(category: ProtocolCategory): Promise<TelephoneProtocol[]>;
+  findByAgeGroup(ageGroup: AgeGroup): Promise<TelephoneProtocol[]>;
+}
diff --git a/backend/src/index.ts b/backend/src/index.ts
new file mode 100644
index 00000000..c9945597
--- /dev/null
+++ b/backend/src/index.ts
@@ -0,0 +1,29 @@
+import { createApp } from './app';
+import { config } from './config';
+
+const app = createApp();
+const PORT = config.port || 3000;
+
+// Start the server
+const server = app.listen(PORT, () => {
+  console.log(`Server running on port ${PORT}`);
+});
+
+// Graceful shutdown
+process.on('SIGINT', () => {
+  console.log('SIGINT received: shutting down gracefully');
+  server.close(() => {
+    console.log('Closed out remaining connections.');
+    process.exit(0);
+  });
+});
+
+process.on('SIGTERM', () => {
+  console.log('SIGTERM received: shutting down gracefully');
+  server.close(() => {
+    console.log('Closed out remaining connections.');
+    process.exit(0);
+  });
+});
+
+export default server;
\ No newline at end of file
diff --git a/backend/src/infrastructure/database/models/ProtocolModel.ts b/backend/src/infrastructure/database/models/ProtocolModel.ts
new file mode 100644
index 00000000..48e8a12e
--- /dev/null
+++ b/backend/src/infrastructure/database/models/ProtocolModel.ts
@@ -0,0 +1,79 @@
+import mongoose, { Schema, Document } from 'mongoose';
+import { ClinicalProtocol } from '../../domain/entities/ClinicalProtocol';
+
+const ProtocolStepSchema = new Schema({
+  tipo: { type: String, enum: ['checklist', 'decision', 'tecnica', 'info'], required: true },
+  titulo: { type: String, required: true },
+  descripcion: String,
+  items: [String],
+  urgencia: { type: String, enum: ['critica'] },
+  badge: String,
+  parametros: [{
+    label: String,
+    valor: String,
+    destacado: Boolean
+  }],
+  si: String,
+  no: String,
+  imagen: String,
+  video: String
+}, { _id: false });
+
+const ProtocolPhaseSchema = new Schema({
+  id: Schema.Types.Mixed,
+  nombre: { type: String, required: true },
+  icono: String,
+  pregunta: String,
+  ramas: [{
+    condicion: String,
+    destino: Schema.Types.Mixed
+  }],
+  // Reutilizamos campos de step por consistencia
+  tipo: String,
+  descripcion: String,
+  items: [String],
+  urgencia: String,
+  badge: String,
+  parametros: [{ label: String, valor: String, destacado: Boolean }],
+  imagen: String,
+  video: String
+}, { _id: false });
+
+const DrugSchema = new Schema({
+  nombre: { type: String, required: true },
+  filas: [{ label: String, valor: String }],
+  formula: String
+}, { _id: false });
+
+const ClinicalProtocolSchema = new Schema({
+  id: { type: String, required: true, unique: true },
+  titulo: { type: String, required: true },
+  subtitulo: String,
+  categoria: { type: String, required: true },
+  urgencia: { type: String, enum: ['critica', 'alta', 'media', 'baja'], required: true },
+  version: { type: String, required: true },
+  descripcion: String,
+  fuente: String,
+  actualizado: String,
+  alertas: [{
+    tipo: { type: String, enum: ['warning', 'danger', 'info'] },
+    texto: String
+  }],
+  grupos_edad: [{
+    id: String,
+    label: String,
+    sublabel: String
+  }],
+  parametros_por_grupo: Schema.Types.Map,
+  pasos: [ProtocolStepSchema],
+  fases: [ProtocolPhaseSchema],
+  farmacos: [DrugSchema],
+  equipamiento: [String]
+}, { 
+  timestamps: true,
+  collection: 'protocols'
+});
+
+export interface ProtocolDocument extends ClinicalProtocol, Document {}
+
+export const ProtocolModel = mongoose.model<ProtocolDocument>('Protocol', ClinicalProtocolSchema);
diff --git a/backend/src/infrastructure/http/controllers/ProtocolController.ts b/backend/src/infrastructure/http/controllers/ProtocolController.ts
new file mode 100644
index 00000000..cb585860
--- /dev/null
+++ b/backend/src/infrastructure/http/controllers/ProtocolController.ts
@@ -0,0 +1,41 @@
+import { Request, Response } from 'express';
+import { GetAllProtocolsUseCase } from '../../../application/usecases/GetAllProtocolsUseCase';
+import { GetProtocolByIdUseCase } from '../../../application/usecases/GetProtocolByIdUseCase';
+
+export class ProtocolController {
+  constructor(
+    private getAllProtocolsUseCase: GetAllProtocolsUseCase,
+    private getProtocolByIdUseCase: GetProtocolByIdUseCase
+  ) {}
+
+  getAll = async (_req: Request, res: Response): Promise<void> => {
+    try {
+      const protocols = await this.getAllProtocolsUseCase.execute();
+      res.json({
+        message: 'Telephone protocols list',
+        data: protocols
+      });
+    } catch (error) {
+      res.status(500).json({ message: 'Internal server error' });
+    }
+  };
+
+  getById = async (req: Request, res: Response): Promise<void> => {
+    try {
+      const protocol = await this.getProtocolByIdUseCase.execute(req.params.id);
+      if (protocol) {
+        res.json({
+          message: 'Protocol found',
+          data: protocol
+        });
+      } else {
+        res.status(404).json({
+          message: 'Protocol not found',
+          id: req.params.id
+        });
+      }
+    } catch (error) {
+      res.status(500).json({ message: 'Internal server error' });
+    }
+  };
+}
diff --git a/backend/src/infrastructure/http/routes/protocol.routes.ts b/backend/src/infrastructure/http/routes/protocol.routes.ts
new file mode 100644
index 00000000..6b6fb0c4
--- /dev/null
+++ b/backend/src/infrastructure/http/routes/protocol.routes.ts
@@ -0,0 +1,34 @@
+import { Router } from 'express';
+import { ProtocolController } from '../controllers/ProtocolController';
+import { GetAllProtocolsUseCase } from '../../../application/usecases/GetAllProtocolsUseCase';
+import { GetProtocolByIdUseCase } from '../../../application/usecases/GetProtocolByIdUseCase';
+import { StaticProtocolRepository } from '../../persistence/StaticProtocolRepository';
+
+// manual dependency injection for routes
+const repository = new StaticProtocolRepository();
+const getAllUseCase = new GetAllProtocolsUseCase(repository);
+const getByIdUseCase = new GetProtocolByIdUseCase(repository);
+const controller = new ProtocolController(getAllUseCase, getByIdUseCase);
+
+const router = Router();
+
+router.get('/', controller.getAll);
+router.get('/:id', controller.getById);
+
+// Placeholders for future endpoints matching the original content.ts routes
+router.post('/', (_req, res) => {
+  res.status(201).json({
+    message: 'Create content endpoint - to be implemented',
+    id: 'new-content-id'
+  });
+});
+
+router.put('/:id', (req, res) => {
+  res.json({ message: `Update content ${req.params.id} - to be implemented` });
+});
+
+router.delete('/:id', (req, res) => {
+  res.json({ message: `Delete content ${req.params.id} - to be implemented` });
+});
+
+export default router;
diff --git a/backend/src/infrastructure/persistence/StaticProtocolRepository.ts b/backend/src/infrastructure/persistence/StaticProtocolRepository.ts
new file mode 100644
index 00000000..6fdb7c88
--- /dev/null
+++ b/backend/src/infrastructure/persistence/StaticProtocolRepository.ts
@@ -0,0 +1,22 @@
+import { IProtocolRepository } from '../../domain/repositories/IProtocolRepository';
+import { TelephoneProtocol, ProtocolCategory, AgeGroup } from '../../domain/entities/TelephoneProtocol';
+import { telephoneProtocols } from '../../services/telephone-protocols';
+
+export class StaticProtocolRepository implements IProtocolRepository {
+  async findAll(): Promise<TelephoneProtocol[]> {
+    return telephoneProtocols;
+  }
+
+  async findById(id: string): Promise<TelephoneProtocol | null> {
+    const protocol = telephoneProtocols.find(p => p.id === id);
+    return protocol || null;
+  }
+
+  async findByCategory(category: ProtocolCategory): Promise<TelephoneProtocol[]> {
+    return telephoneProtocols.filter(p => p.category === category);
+  }
+
+  async findByAgeGroup(ageGroup: AgeGroup): Promise<TelephoneProtocol[]> {
+    return telephoneProtocols.filter(p => p.ageGroup === ageGroup || p.ageGroup === 'todos');
+  }
+}
diff --git a/backend/src/migrateYamlToMongo.ts b/backend/src/migrateYamlToMongo.ts
new file mode 100644
index 00000000..046ccf34
--- /dev/null
+++ b/backend/src/migrateYamlToMongo.ts
@@ -0,0 +1,59 @@
+import mongoose from 'mongoose';
+import fs from 'fs';
+import path from 'path';
+import yaml from 'js-yaml';
+import dotenv from 'dotenv';
+import { ProtocolModel } from './infrastructure/database/models/ProtocolModel';
+import { ClinicalProtocol } from './domain/entities/ClinicalProtocol';
+
+dotenv.config();
+
+const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://localhost:27017/codigo0';
+const PROTOCOLS_DIR = path.join(__dirname, '../../frontend/public/protocols');
+
+async function migrate() {
+  try {
+    console.log('🚀 Iniciando migración de protocolos YAML a MongoDB...');
+    await mongoose.connect(MONGODB_URI);
+    console.log('✅ Conectado a MongoDB');
+
+    const folders = fs.readdirSync(PROTOCOLS_DIR);
+    let totalMigrated = 0;
+
+    for (const folder of folders) {
+      const folderPath = path.join(PROTOCOLS_DIR, folder);
+      if (!fs.statSync(folderPath).isDirectory()) continue;
+
+      const files = fs.readdirSync(folderPath).filter(f => f.endsWith('.yaml'));
+      
+      for (const file of files) {
+        const filePath = path.join(folderPath, file);
+        const content = fs.readFileSync(filePath, 'utf8');
+        const data = yaml.load(content) as ClinicalProtocol;
+
+        if (!data.id) {
+          data.id = file.replace('.yaml', '');
+        }
+
+        // Upsert
+        await ProtocolModel.findOneAndUpdate(
+          { id: data.id },
+          data,
+          { upsert: true, new: true, setDefaultsOnInsert: true }
+        );
+
+        console.log(`   📄 Migrado: [${folder}] ${data.titulo} (${data.id})`);
+        totalMigrated++;
+      }
+    }
+
+    console.log(`\n🎉 Migración completada. Total: ${totalMigrated} protocolos.`);
+  } catch (error) {
+    console.error('❌ Error durante la migración:', error);
+  } finally {
+    await mongoose.disconnect();
+    process.exit();
+  }
+}
+
+migrate();
diff --git a/backend/src/routes/auth.ts b/backend/src/routes/auth.ts
new file mode 100644
index 00000000..778292fc
--- /dev/null
+++ b/backend/src/routes/auth.ts
@@ -0,0 +1,36 @@
+import { Router } from 'express';
+
+const router = Router();
+
+/**
+ * POST /api/auth/login
+ * Login endpoint (placeholder)
+ */
+router.post('/login', (_req, res) => {
+  res.json({
+    message: 'Login endpoint - to be implemented',
+    // In a real app, this would validate credentials and return a JWT
+  });
+});
+
+/**
+ * POST /api/auth/logout
+ * Logout endpoint (placeholder)
+ */
+router.post('/logout', (_req, res) => {
+  res.json({
+    message: 'Logout endpoint - to be implemented'
+  });
+});
+
+/**
+ * POST /api/auth/refresh
+ * Refresh token endpoint (placeholder)
+ */
+router.post('/refresh', (_req, res) => {
+  res.json({
+    message: 'Refresh token endpoint - to be implemented'
+  });
+});
+
+export default router;
\ No newline at end of file
diff --git a/backend/src/routes/content.ts b/backend/src/routes/content.ts
new file mode 100644
index 00000000..82f4979a
--- /dev/null
+++ b/backend/src/routes/content.ts
@@ -0,0 +1,67 @@
+import { Router } from 'express';
+import { telephoneProtocols, getProtocolById } from '../services/telephone-protocols';
+
+const router = Router();
+
+/**
+ * GET /api/content
+ * Get all telephone protocols
+ */
+router.get('/', (_req, res) => {
+  res.json({
+    message: 'Telephone protocols list',
+    data: telephoneProtocols
+  });
+});
+
+/**
+ * GET /api/content/:id
+ * Get telephone protocol by ID
+ */
+router.get('/:id', (req, res) => {
+  const protocol = getProtocolById(req.params.id);
+  if (protocol) {
+    res.json({
+      message: 'Protocol found',
+      data: protocol
+    });
+  } else {
+    res.status(404).json({
+      message: 'Protocol not found',
+      id: req.params.id
+    });
+  }
+});
+
+/**
+ * POST /api/content
+ * Create new content (placeholder)
+ */
+router.post('/', (_req, res) => {
+  res.status(201).json({
+    message: 'Create content endpoint - to be implemented',
+    id: 'new-content-id'
+  });
+});
+
+/**
+ * PUT /api/content/:id
+ * Update content (placeholder)
+ */
+router.put('/:id', (_req, res) => {
+  res.json({
+    message: `Update content ${_req.params.id} - to be implemented`
+  });
+});
+
+/**
+ * DELETE /api/content/:id
+ * Delete content (placeholder)
+ */
+router.delete('/:id', (_req, res) => {
+  res.json({
+    message: `Delete content ${_req.params.id} - to be implemented`
+  });
+});
+
+export default router;
\ No newline at end of file
diff --git a/backend/src/routes/health.ts b/backend/src/routes/health.ts
new file mode 100644
index 00000000..6ae21304
--- /dev/null
+++ b/backend/src/routes/health.ts
@@ -0,0 +1,18 @@
+import { Router } from 'express';
+
+const router = Router();
+
+/**
+ * GET /api/health
+ * Health check básico
+ */
+router.get('/', (_req, res) => {
+  res.json({
+    status: 'ok',
+    timestamp: new Date().toISOString(),
+    service: 'codigo0-backend',
+    version: '0.1.0'
+  });
+});
+
+export default router;
\ No newline at end of file
diff --git a/backend/src/services/telephone-protocols.ts b/backend/src/services/telephone-protocols.ts
new file mode 100755
index 00000000..60de0e8e
--- /dev/null
+++ b/backend/src/services/telephone-protocols.ts
@@ -0,0 +1,671 @@
+/**
+ * Protocolos Transtelefónicos - Manual TES Digital
+ * 
+ * Este módulo contiene protocolos para guiar a testigos por teléfono
+ * en situaciones de emergencia (RCP, DESA, OVACE, SCA, Ictus).
+ * 
+ * Fuente: Manual TES Digital (Bloque 5)
+ */
+
+export type ProtocolCategory = 'rcp' | 'desa' | 'ovace' | 'sca' | 'ictus' | 'comunicacion';
+export type AgeGroup = 'adulto' | 'pediatrico' | 'lactante' | 'todos';
+
+export interface ProtocolStep {
+  id: string;
+  order: number;
+  instruction: string; // Instrucción para leer al testigo
+  verification?: string; // Pregunta para verificar que se está haciendo
+  notes?: string; // Notas para el operador (no se leen al testigo)
+  critical?: boolean; // Si es crítico, debe verificarse antes de continuar
+}
+
+export interface TelephoneProtocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: ProtocolCategory;
+  ageGroup: AgeGroup;
+  description: string;
+  initialAssessment: string[]; // Preguntas de evaluación inicial
+  steps: ProtocolStep[];
+  importantNotes?: string[]; // Notas importantes para el operador
+  source?: string;
+}
+
+/**
+ * Protocolo: RCP Transtelefónica - Adultos
+ * Fuente: BLOQUE_04_1_RCP_ADULTOS.md (adaptado para guía telefónica)
+ */
+export const rcpTelephoneAdult: TelephoneProtocol = {
+  id: 'rcp-telephone-adult',
+  title: 'RCP Transtelefónica - Adultos',
+  shortTitle: 'RCP Adulto',
+  category: 'rcp',
+  ageGroup: 'adulto',
+  description: 'Guía paso a paso para que un testigo realice RCP en un adulto mientras llega la ambulancia.',
+  initialAssessment: [
+    '¿Está la persona consciente? ¿Responde si le habla o le toca?',
+    '¿Está respirando normalmente? (No cuente boqueadas o respiraciones muy lentas)',
+    '¿Es seguro acercarse? (No hay riesgo de tráfico, electricidad, fuego, violencia)',
+  ],
+  steps: [
+    {
+      id: 'activar-112',
+      order: 1,
+      instruction: 'Primero, active el servicio de emergencias. ¿Ya ha llamado al 112?',
+      verification: 'Confirme que ha llamado al 112 o que alguien más lo está haciendo',
+      critical: true,
+      notes: 'Si no ha llamado, guíe para que llame primero o que otra persona llame',
+    },
+    {
+      id: 'colocar-superficie',
+      order: 2,
+      instruction: 'Coloque a la persona boca arriba sobre una superficie firme y plana, como el suelo.',
+      verification: '¿Está la persona boca arriba sobre una superficie firme?',
+      critical: true,
+    },
+    {
+      id: 'abrir-via-aerea',
+      order: 3,
+      instruction: 'Incline suavemente la cabeza hacia atrás y levante la barbilla. Esto abre la vía aérea.',
+      verification: '¿Puede ver que la cabeza está inclinada hacia atrás y la barbilla levantada?',
+      notes: 'Si sospecha trauma cervical, indique que no mueva la cabeza',
+    },
+    {
+      id: 'verificar-respiracion',
+      order: 4,
+      instruction: 'Acérquese y mire, escuche y sienta si respira normalmente. Hágalo durante 10 segundos máximo.',
+      verification: '¿Respira normalmente? (No cuente boqueadas o respiraciones muy lentas)',
+      critical: true,
+    },
+    {
+      id: 'iniciar-compresiones',
+      order: 5,
+      instruction: 'Si NO respira normalmente, coloque el talón de una mano en el centro del pecho, entre los pezones. Coloque la otra mano encima y entrelace los dedos.',
+      verification: '¿Tiene las manos colocadas correctamente en el centro del pecho?',
+      critical: true,
+    },
+    {
+      id: 'compresiones-tecnica',
+      order: 6,
+      instruction: 'Con los brazos rectos y los hombros sobre las manos, comprima el pecho hacia abajo unos 5-6 centímetros. Deje que el pecho vuelva completamente arriba después de cada compresión.',
+      verification: '¿Está comprimiendo hacia abajo y dejando que el pecho vuelva completamente arriba?',
+      critical: true,
+      notes: 'La profundidad y el recoil completo son críticos',
+    },
+    {
+      id: 'ritmo-compresiones',
+      order: 7,
+      instruction: 'Haga las compresiones a un ritmo rápido y constante, aproximadamente 100-120 por minuto. Puede contar en voz alta: "uno, dos, tres..." hasta "treinta".',
+      verification: '¿Está haciendo las compresiones a un ritmo rápido y constante?',
+      critical: true,
+      notes: 'El ritmo es crítico: demasiado lento o rápido reduce la efectividad',
+    },
+    {
+      id: 'ventilaciones',
+      order: 8,
+      instruction: 'Después de 30 compresiones, incline la cabeza hacia atrás, levante la barbilla, pellizque la nariz y dé 2 respiraciones de rescate. Cada respiración debe durar 1 segundo y ver que el pecho se eleva.',
+      verification: '¿Está dando las respiraciones y ve que el pecho se eleva?',
+      notes: 'Si no puede o no quiere dar respiraciones, continúe solo con compresiones',
+    },
+    {
+      id: 'continuar-ciclos',
+      order: 9,
+      instruction: 'Continúe con ciclos de 30 compresiones seguidas de 2 respiraciones. No pare hasta que llegue la ambulancia o la persona empiece a respirar normalmente.',
+      verification: '¿Está continuando con los ciclos sin parar?',
+      critical: true,
+    },
+    {
+      id: 'cambio-reanimador',
+      order: 10,
+      instruction: 'Si hay otra persona disponible, pueden turnarse cada 2 minutos para evitar el cansancio. El cambio debe ser rápido, en menos de 5 segundos.',
+      verification: '¿Hay alguien más que pueda ayudar?',
+      notes: 'Solo si hay más personas disponibles',
+    },
+  ],
+  importantNotes: [
+    'Si el testigo no puede o no quiere dar respiraciones, es mejor que continúe solo con compresiones que parar',
+    'Las compresiones continuas sin respiraciones son mejores que no hacer nada',
+    'No pare para buscar pulso: continúe hasta que llegue la ambulancia o la persona respire normalmente',
+    'Si la persona empieza a respirar normalmente o se mueve, pare las compresiones y colóquela de lado',
+  ],
+  source: 'BLOQUE_04_1_RCP_ADULTOS.md',
+};
+
+/**
+ * Protocolo: RCP Transtelefónica - Pediatría
+ * Fuente: BLOQUE_04_2_RCP_PEDIATRIA.md (adaptado para guía telefónica)
+ */
+export const rcpTelephonePediatric: TelephoneProtocol = {
+  id: 'rcp-telephone-pediatric',
+  title: 'RCP Transtelefónica - Pediatría',
+  shortTitle: 'RCP Pediátrico',
+  category: 'rcp',
+  ageGroup: 'pediatrico',
+  description: 'Guía paso a paso para que un testigo realice RCP en un niño (1 año hasta pubertad) mientras llega la ambulancia.',
+  initialAssessment: [
+    '¿Está el niño consciente? ¿Responde si le habla o le toca?',
+    '¿Está respirando normalmente? (No cuente boqueadas o respiraciones muy lentas)',
+    '¿Es seguro acercarse?',
+    '¿Cuántos años tiene el niño aproximadamente?',
+  ],
+  steps: [
+    {
+      id: 'activar-112-ped',
+      order: 1,
+      instruction: 'Primero, active el servicio de emergencias. ¿Ya ha llamado al 112?',
+      verification: 'Confirme que ha llamado al 112',
+      critical: true,
+      notes: 'Si está solo y el colapso no fue presenciado, puede hacer 2 minutos de RCP primero',
+    },
+    {
+      id: 'colocar-superficie-ped',
+      order: 2,
+      instruction: 'Coloque al niño boca arriba sobre una superficie firme y plana. Si es pequeño, puede usar una mesa si es más firme que el suelo.',
+      verification: '¿Está el niño boca arriba sobre una superficie firme?',
+      critical: true,
+    },
+    {
+      id: 'abrir-via-aerea-ped',
+      order: 3,
+      instruction: 'Incline suavemente la cabeza hacia atrás en posición neutra y levante la barbilla. Esto abre la vía aérea.',
+      verification: '¿Puede ver que la cabeza está en posición neutra y la barbilla levantada?',
+    },
+    {
+      id: 'verificar-respiracion-ped',
+      order: 4,
+      instruction: 'Acérquese y mire, escuche y sienta si respira normalmente. Hágalo durante 10 segundos máximo.',
+      verification: '¿Respira normalmente?',
+      critical: true,
+    },
+    {
+      id: 'iniciar-compresiones-ped',
+      order: 5,
+      instruction: 'Si NO respira normalmente, coloque el talón de una mano (o dos manos si el niño es grande) en el centro del pecho, entre los pezones.',
+      verification: '¿Tiene la(s) mano(s) colocada(s) correctamente en el centro del pecho?',
+      critical: true,
+      notes: 'Una mano para niños pequeños, dos manos para niños grandes/púberes',
+    },
+    {
+      id: 'compresiones-tecnica-ped',
+      order: 6,
+      instruction: 'Comprima el pecho hacia abajo aproximadamente un tercio de la profundidad del pecho (unos 5 cm en la mayoría de niños). Deje que el pecho vuelva completamente arriba después de cada compresión.',
+      verification: '¿Está comprimiendo hacia abajo y dejando que el pecho vuelva completamente arriba?',
+      critical: true,
+    },
+    {
+      id: 'ritmo-compresiones-ped',
+      order: 7,
+      instruction: 'Haga las compresiones a un ritmo rápido y constante, aproximadamente 100-120 por minuto. Cuente en voz alta: "uno, dos, tres..." hasta "quince" (si hay dos personas) o "treinta" (si está solo).',
+      verification: '¿Está haciendo las compresiones a un ritmo rápido y constante?',
+      critical: true,
+    },
+    {
+      id: 'ventilaciones-ped',
+      order: 8,
+      instruction: 'Después de las compresiones (15 si hay dos personas, 30 si está solo), incline la cabeza, levante la barbilla, y dé 2 respiraciones de rescate cubriendo boca Y nariz del niño. Cada respiración debe durar 1 segundo y ver que el pecho se eleva.',
+      verification: '¿Está dando las respiraciones cubriendo boca y nariz y ve que el pecho se eleva?',
+      notes: 'En pediatría, la ventilación es tan importante como las compresiones',
+    },
+    {
+      id: 'continuar-ciclos-ped',
+      order: 9,
+      instruction: 'Continúe con ciclos de compresiones y respiraciones. No pare hasta que llegue la ambulancia o el niño empiece a respirar normalmente.',
+      verification: '¿Está continuando con los ciclos sin parar?',
+      critical: true,
+    },
+  ],
+  importantNotes: [
+    'En pediatría, la ventilación es tan crítica como las compresiones',
+    'Si está solo y el colapso no fue presenciado, haga 2 minutos de RCP primero, luego active el 112',
+    'Si el colapso fue presenciado súbito, active el 112 inmediatamente',
+    'Las compresiones deben ser proporcionales al tamaño del niño',
+  ],
+  source: 'BLOQUE_04_2_RCP_PEDIATRIA.md',
+};
+
+/**
+ * Protocolo: DESA Guiado por Teléfono
+ * Fuente: BLOQUE_04_4_USO_DESA.md (adaptado para guía telefónica)
+ */
+export const desaTelephone: TelephoneProtocol = {
+  id: 'desa-telephone',
+  title: 'DESA Guiado por Teléfono',
+  shortTitle: 'DESA Teléfono',
+  category: 'desa',
+  ageGroup: 'todos',
+  description: 'Guía paso a paso para que un testigo use un DESA mientras se realiza RCP.',
+  initialAssessment: [
+    '¿Hay un DESA disponible cerca?',
+    '¿Se está realizando RCP en este momento?',
+    '¿La persona está en una superficie seca y segura?',
+  ],
+  steps: [
+    {
+      id: 'continuar-rcp',
+      order: 1,
+      instruction: 'Mientras alguien trae el DESA, continúe con las compresiones torácicas sin parar.',
+      verification: '¿Se están haciendo compresiones continuamente?',
+      critical: true,
+      notes: 'La RCP no debe parar mientras se prepara el DESA',
+    },
+    {
+      id: 'encender-desa',
+      order: 2,
+      instruction: 'Cuando tenga el DESA, ábralo o pulse el botón de encendido. El dispositivo le dará instrucciones verbales. Siga sus indicaciones.',
+      verification: '¿Está encendido el DESA y puede oír las instrucciones?',
+      critical: true,
+    },
+    {
+      id: 'preparar-torax',
+      order: 3,
+      instruction: 'Exponga el pecho de la persona. Si está mojado, séquelo rápidamente con una toalla. Si hay mucho vello, rasure la zona rápidamente si es posible.',
+      verification: '¿Está el pecho expuesto, seco y sin vello que interfiera?',
+      notes: 'Solo pare RCP por menos de 10 segundos para esta preparación',
+    },
+    {
+      id: 'colocar-parches',
+      order: 4,
+      instruction: 'Retire los parches del DESA. Coloque un parche en el lado derecho del pecho, debajo de la clavícula, junto al esternón. Coloque el otro parche en el lado izquierdo, debajo y a la izquierda del pezón. Presione firmemente cada parche durante 5 segundos.',
+      verification: '¿Están los parches colocados y bien pegados?',
+      critical: true,
+      notes: 'Colocación estándar: esternal (derecho) y apical (izquierdo)',
+    },
+    {
+      id: 'conectar-cable',
+      order: 5,
+      instruction: 'Conecte el cable al DESA si no está pre-conectado. Debería encajarse con un clic.',
+      verification: '¿Está el cable conectado correctamente?',
+    },
+    {
+      id: 'analizar-ritmo',
+      order: 6,
+      instruction: 'El DESA le dirá "Alto, analizando ritmo" o similar. En ese momento, pare las compresiones y asegúrese de que NADIE toca a la persona. Grite "¡Todos fuera!" para asegurarse.',
+      verification: '¿Está todo el mundo alejado de la persona?',
+      critical: true,
+      notes: 'Nadie debe tocar durante el análisis',
+    },
+    {
+      id: 'seguir-ordenes',
+      order: 7,
+      instruction: 'El DESA analizará el ritmo. Siga exactamente las instrucciones que le dé.',
+      verification: '¿Está escuchando las instrucciones del DESA?',
+      critical: true,
+    },
+    {
+      id: 'descarga-si-indicada',
+      order: 8,
+      instruction: 'Si el DESA dice "Se recomienda descarga" o similar, confirme en voz alta "DESCARGA RECOMENDADA". Asegúrese de que NADIE toca a la persona. Pulse el botón de descarga (parpadeante) y manténgalo pulsado hasta que se administre.',
+      verification: '¿Está todo el mundo alejado antes de pulsar el botón de descarga?',
+      critical: true,
+      notes: 'Verificación final de seguridad antes de descargar',
+    },
+    {
+      id: 'reanudar-rcp',
+      order: 9,
+      instruction: 'Inmediatamente después de la descarga (o si el DESA dice "No se recomienda descarga"), reanude las compresiones torácicas sin demora. Continúe con ciclos de 30 compresiones y 2 respiraciones.',
+      verification: '¿Ha reanudado las compresiones inmediatamente?',
+      critical: true,
+    },
+    {
+      id: 'continuar-ciclos-desa',
+      order: 10,
+      instruction: 'El DESA le pedirá que pare cada 2 minutos para analizar de nuevo. Siga sus instrucciones. Continúe hasta que llegue la ambulancia o la persona empiece a respirar normalmente.',
+      verification: '¿Está siguiendo las instrucciones del DESA?',
+      critical: true,
+    },
+  ],
+  importantNotes: [
+    'NUNCA toque a la persona durante el análisis o la descarga',
+    'La RCP solo se para para analizar y descargar, no para colocar parches',
+    'Si el DESA no recomienda descarga, reanude RCP inmediatamente',
+    'El DESA guiará los ciclos completos de 2 minutos',
+  ],
+  source: 'BLOQUE_04_4_USO_DESA.md',
+};
+
+/**
+ * Protocolo: OVACE Transtelefónica - Adultos
+ * Fuente: BLOQUE_04_6_OVACE_ADULTOS.md (adaptado para guía telefónica)
+ */
+export const ovaceTelephoneAdult: TelephoneProtocol = {
+  id: 'ovace-telephone-adult',
+  title: 'OVACE Transtelefónica - Adultos',
+  shortTitle: 'OVACE Adulto',
+  category: 'ovace',
+  ageGroup: 'adulto',
+  description: 'Guía paso a paso para que un testigo resuelva una obstrucción de vía aérea en un adulto.',
+  initialAssessment: [
+    '¿La persona puede hablar o toser?',
+    '¿Se está llevando las manos al cuello? (signo universal de atragantamiento)',
+    '¿Está consciente o inconsciente?',
+    '¿Es una persona obesa o embarazada?',
+  ],
+  steps: [
+    {
+      id: 'evaluar-gravedad',
+      order: 1,
+      instruction: 'Primero, evalúe la gravedad. ¿Puede la persona hablar, toser o respirar?',
+      verification: '¿Puede hablar/toser efectivamente o no puede?',
+      critical: true,
+      notes: 'Si puede toser efectivamente: animar a toser, no intervenir',
+    },
+    {
+      id: 'ovace-leve',
+      order: 2,
+      instruction: 'Si puede toser con fuerza, anímela a seguir tosiendo. No haga nada más. La tos es el mejor mecanismo para desobstruir.',
+      verification: '¿Está tosiendo con fuerza?',
+      notes: 'Solo si la tos es efectiva',
+    },
+    {
+      id: 'ovace-grave-consciente',
+      order: 3,
+      instruction: 'Si NO puede hablar, toser o respirar, y está consciente, colóquese de pie detrás de la persona. Rodee su cintura con sus brazos.',
+      verification: '¿Está detrás de la persona con los brazos alrededor de su cintura?',
+      critical: true,
+      notes: 'Solo si está consciente y la obstrucción es grave',
+    },
+    {
+      id: 'heimlich',
+      order: 4,
+      instruction: 'Coloque el puño (con el pulgar hacia dentro) en la línea media del abdomen, entre el ombligo y el final del esternón. Agarre su puño con la otra mano.',
+      verification: '¿Tiene el puño en la posición correcta?',
+      critical: true,
+    },
+    {
+      id: 'compresiones-abdominales',
+      order: 5,
+      instruction: 'Aplique compresiones rápidas hacia dentro y hacia arriba, como si intentara levantar a la persona. Haga 5 compresiones separadas y distintas.',
+      verification: '¿Está haciendo compresiones hacia dentro y hacia arriba?',
+      critical: true,
+    },
+    {
+      id: 'reevaluar',
+      order: 6,
+      instruction: 'Después de 5 compresiones, pregunte: "¿Ha salido? ¿Puede respirar?" Si puede hablar/toser efectivamente, pare. Si no, repita las 5 compresiones.',
+      verification: '¿Puede ahora hablar o toser efectivamente?',
+      critical: true,
+    },
+    {
+      id: 'si-inconsciente',
+      order: 7,
+      instruction: 'Si la persona pierde el conocimiento, guíela al suelo con control. Active el 112 si no lo ha hecho. Inicie RCP inmediatamente (ver protocolo RCP).',
+      verification: '¿Está inconsciente? ¿Ha activado el 112?',
+      critical: true,
+      notes: 'Si pierde consciencia, tratar como PCR y seguir protocolo RCP',
+    },
+    {
+      id: 'embarazada-obeso',
+      order: 8,
+      instruction: 'Si la persona está embarazada o es obesa, haga compresiones TORÁCICAS (sobre el esternón) en lugar de abdominales. Use la misma técnica pero sobre el pecho.',
+      verification: '¿Está haciendo compresiones sobre el pecho en lugar del abdomen?',
+      notes: 'Solo si está embarazada o es obesa',
+    },
+  ],
+  importantNotes: [
+    'Si puede toser efectivamente: NO intervenir, animar a toser',
+    'Si está inconsciente: iniciar RCP inmediatamente',
+    'En embarazadas/obesos: usar compresiones torácicas, no abdominales',
+    'Después de desobstruir, siempre evaluar y considerar traslado',
+  ],
+  source: 'BLOQUE_04_6_OVACE_ADULTOS.md',
+};
+
+/**
+ * Protocolo: SCA Transtelefónico
+ * Fuente: Manual TES Digital (Bloque 5.6)
+ */
+export const scaTelephone: TelephoneProtocol = {
+  id: 'sca-telephone',
+  title: 'Sospecha de Síndrome Coronario Agudo (SCA)',
+  shortTitle: 'SCA',
+  category: 'sca',
+  ageGroup: 'adulto',
+  description: 'Reconocimiento de síntomas de SCA y primeros auxilios mientras llega la ambulancia.',
+  initialAssessment: [
+    '¿Tiene dolor en el pecho? ¿Cómo lo describe? (presión, opresión, ardor)',
+    '¿El dolor se extiende a brazos, cuello, mandíbula o espalda?',
+    '¿Tiene dificultad para respirar?',
+    '¿Tiene náuseas, sudoración o mareo?',
+    '¿Tiene antecedentes de problemas cardíacos?',
+  ],
+  steps: [
+    {
+      id: 'activar-112-sca',
+      order: 1,
+      instruction: 'Active el servicio de emergencias inmediatamente. Llame al 112 y explique que sospecha un problema cardíaco.',
+      verification: '¿Ha llamado al 112?',
+      critical: true,
+    },
+    {
+      id: 'posicion-comoda',
+      order: 2,
+      instruction: 'Coloque a la persona en una posición cómoda, preferiblemente semisentada o recostada con la cabeza elevada. Evite que se acueste completamente plano.',
+      verification: '¿Está en una posición cómoda?',
+    },
+    {
+      id: 'aflojar-ropa',
+      order: 3,
+      instruction: 'Afloje cualquier ropa ajustada, especialmente alrededor del cuello y el pecho.',
+      verification: '¿Está la ropa aflojada?',
+    },
+    {
+      id: 'aspirina-si-protocolo',
+      order: 4,
+      instruction: 'Si la persona está consciente, no es alérgica a la aspirina, y su protocolo local lo contempla, puede darle una aspirina (300 mg) para masticar. NO la trague entera.',
+      verification: '¿Puede tomar aspirina? (Consulte si es alérgica)',
+      notes: 'Solo si protocolo local contempla y no es alérgica',
+    },
+    {
+      id: 'monitorizar',
+      order: 5,
+      instruction: 'Mantenga a la persona tranquila y monitorice su estado. Si pierde el conocimiento o deja de respirar, inicie RCP (ver protocolo RCP).',
+      verification: '¿Está consciente y respirando?',
+      critical: true,
+    },
+    {
+      id: 'preparar-para-traslado',
+      order: 6,
+      instruction: 'Prepare a la persona para el traslado. No le dé de comer ni beber. Mantenga la calma y espere a la ambulancia.',
+      verification: '¿Está preparado para cuando llegue la ambulancia?',
+    },
+  ],
+  importantNotes: [
+    'El tiempo es crítico: activar 112 inmediatamente',
+    'No dar aspirina si es alérgica o si protocolo local no lo contempla',
+    'Si pierde consciencia o deja de respirar, iniciar RCP',
+    'Mantener a la persona tranquila y en posición cómoda',
+  ],
+  source: 'BLOQUE_05_6_SCA_TRANSTELEFONICO.md',
+};
+
+/**
+ * Protocolo: Ictus Transtelefónico - COMPLETO
+ * Fuente: Capítulo 5.4 - Protocolo de Actuación Transtelefónica para Sospecha de Ictus Agudo
+ * Versión: Expandida y detallada
+ */
+export const ictusTelephone: TelephoneProtocol = {
+  id: 'ictus-telephone',
+  title: 'Protocolo de Actuación Transtelefónica para Sospecha de Ictus Agudo',
+  shortTitle: 'Ictus Transtelefónico',
+  category: 'ictus',
+  ageGroup: 'adulto',
+  description: 'Protocolo completo para evaluación telefónica de sospecha de ictus agudo usando FAST/BE-FAST, determinación de urgencia, medidas de seguridad y preparación para traslado.',
+  initialAssessment: [
+    '¿Cuándo empezaron los síntomas? ¿A qué hora fue la ÚLTIMA VEZ que lo vio completamente normal?',
+    '¿Puede sonreír normalmente? ¿Tiene la cara caída de un lado? (F - Face)',
+    '¿Puede levantar ambos brazos? ¿Tiene un brazo débil o caído? (A - Arms)',
+    '¿Puede hablar con claridad? ¿Tiene dificultad para hablar o habla arrastrado? (S - Speech)',
+    '¿Tiene antecedentes: hipertensión, diabetes, fibrilación auricular o ictus previo?',
+    '¿Es diabético? ¿Tiene glucómetro disponible? (para descartar hipoglucemia)',
+  ],
+  steps: [
+    {
+      id: 'paso-0-control-inicial',
+      order: 0,
+      instruction: 'PASO 0: CONTROL INICIAL Y ACTIVACIÓN (primeros 30 segundos). Pregunte la dirección COMPLETA: calle, número, piso, puerta y localidad. Confirme puntos de referencia. Pregunte edad aproximada y antecedentes (HTA, diabetes, FA, ictus previo). Mientras evalúa, active el Código Ictus o equivalente. NO cuelgue, manténgase en línea.',
+      verification: '¿Tiene la ubicación exacta? ¿Ha activado el Código Ictus?',
+      critical: true,
+      notes: 'Activación inmediata mientras se evalúa. Mantener línea abierta.',
+    },
+    {
+      id: 'paso-1-fast-face',
+      order: 1,
+      instruction: 'PASO 1: EVALUACIÓN FAST - F (FACE/CARA). Instruya: "Pídale que SONRÍA o que enseñe los dientes." Pregunte: "¿Se le cae un lado de la cara? ¿La sonrisa es asimétrica o torcida?"',
+      verification: '¿Hay asimetría facial clara? (F+)',
+      critical: true,
+      notes: 'Positivo si: un lado de la cara no se mueve igual que el otro',
+    },
+    {
+      id: 'paso-1-fast-arms',
+      order: 2,
+      instruction: 'PASO 1: EVALUACIÓN FAST - A (ARMS/BRAZOS). Instruya: "Que levante los DOS brazos al frente, con las palmas hacia arriba y los ojos cerrados." Pregunte: "¿Se le cae uno de los brazos? ¿O no puede levantarlo?"',
+      verification: '¿Un brazo cae, se desvía hacia abajo, o no puede levantarse? (A+)',
+      critical: true,
+      notes: 'Positivo si: un brazo cae, se desvía, o no puede levantarse',
+    },
+    {
+      id: 'paso-1-fast-speech',
+      order: 3,
+      instruction: 'PASO 1: EVALUACIÓN FAST - S (SPEECH/HABLA). Instruya: "Que repita una frase simple: \'Hoy hace buen día\'." Pregunte: "¿Habla raro, arrastra las palabras, dice palabras incorrectas o no puede hablar?"',
+      verification: '¿Hay disartria, afasia o mutismo? (S+)',
+      critical: true,
+      notes: 'Positivo si: disartria (arrastra palabras), afasia (palabras incorrectas), o mutismo',
+    },
+    {
+      id: 'paso-1-fast-time',
+      order: 4,
+      instruction: 'PASO 1: EVALUACIÓN FAST - T (TIME/TIEMPO) - EL DATO MÁS CRÍTICO. Pregunta OBLIGATORIA: "¿A qué hora fue la ÚLTIMA VEZ QUE LO VIO COMPLETAMENTE NORMAL, sin ningún síntoma?" Si no hay testigo: "¿Cuándo comenzaron exactamente los síntomas?" Si se despertó con síntomas: "¿A qué hora se acostó estando normal?"',
+      verification: '¿Sabe la hora exacta de última vez visto normal?',
+      critical: true,
+      notes: 'INFORMACIÓN MÁS CRÍTICA. Determina ventana terapéutica. Si no lo preguntas, puedes cerrar la puerta al tratamiento.',
+    },
+    {
+      id: 'paso-2-be-fast-balance',
+      order: 5,
+      instruction: 'PASO 2: EVALUACIÓN BE-FAST (si FAST es negativo pero persiste sospecha). B (BALANCE/EQUILIBRIO): "¿Está muy mareado o tiene dificultad para mantenerse en pie o caminar?" Clave: Mareo AGUDO + otros signos neurológicos. No mareo aislado.',
+      verification: '¿Mareo agudo con otros signos neurológicos?',
+      notes: 'Solo si FAST negativo pero persiste sospecha clínica',
+    },
+    {
+      id: 'paso-2-be-fast-eyes',
+      order: 6,
+      instruction: 'PASO 2: EVALUACIÓN BE-FAST - E (EYES/OJOS). "¿Ha perdido visión de repente en un ojo o en parte del campo visual? ¿Ve doble?" Clave: Pérdida visual SÚBITA, no progresiva.',
+      verification: '¿Pérdida visual súbita?',
+      notes: 'Solo si FAST negativo pero persiste sospecha clínica',
+    },
+    {
+      id: 'paso-3-determinar-urgencia',
+      order: 7,
+      instruction: 'PASO 3: DETERMINACIÓN DE URGENCIA. Si FAST positivo O BE-FAST positivo con inicio <6h: ACTIVAR CÓDIGO ICTUS (Prioridad 1). Objetivos: Puerta-TC <25 min, Puerta-aguja <60 min. Transporte directo a Hospital con Unidad de Ictus.',
+      verification: '¿Se ha activado Código Ictus? ¿Hospital con Unidad de Ictus notificado?',
+      critical: true,
+      notes: 'Criterios: FAST positivo, inicio <6h, déficit neurológico grave, cefalea explosiva + déficit, crisis convulsiva al inicio, anticoagulante con síntomas agudos',
+    },
+    {
+      id: 'paso-4-posicionamiento',
+      order: 8,
+      instruction: 'PASO 4: POSICIONAMIENTO SEGURO. Si consciente, estable y sin vómitos: "Siéntelo o reclínelo semisentado, con la cabeza elevada a unos 30°." Si somnoliento o riesgo aspiración: "Póngalo de LADO (posición lateral de seguridad). Si hay un lado afectado, que quede ARRIBA." Si vómitos activos: "Siempre de lado, con la cabeza ligeramente baja." PROHIBICIÓN: NO sentar si somnoliento. NO acostar boca arriba si riesgo aspiración.',
+      verification: '¿Está en posición segura según su estado?',
+      critical: true,
+      notes: 'La posición boca arriba mata por aspiración. La posición lateral salva vías aéreas.',
+    },
+    {
+      id: 'paso-4-no-administracion',
+      order: 9,
+      instruction: 'PASO 4: PROHIBICIÓN ABSOLUTA. "NO coma ni beba NADA." (Alto riesgo disfagia/aspiración). "NO tome ninguna medicación por boca, incluida la aspirina." (Hasta determinar si es isquémico o hemorrágico). "NO administre insulina aunque sea diabético." (Solo si glucemia <70 mg/dL confirmada). "NO intente bajarle la tensión arterial." (Salvo TA >220/120 según protocolo).',
+      verification: '¿Ha indicado claramente NADA por boca?',
+      critical: true,
+      notes: 'Nada por boca es absoluto. No aspirina hasta determinar tipo de ictus.',
+    },
+    {
+      id: 'verificar-hipoglucemia',
+      order: 10,
+      instruction: 'DIFERENCIAL: HIPOGLUCEMIA (puede simular ictus). Preguntas obligatorias: "¿Es diabético? ¿Tiene un glucómetro disponible? ¿Tiene sudoración fría, temblor, sensación de hambre?" Si hay glucómetro: "Mida la glucemia ahora mismo." Si glucemia <70 mg/dL: Si consciente y traga seguro: "3 terrones de azúcar o zumo pequeño." Si no traga seguro o inconsciente: "NO le dé nada por la boca." NOTA: Corregir hipoglucemia no excluye ictus concurrente. Mantener sospecha.',
+      verification: '¿Se ha descartado hipoglucemia?',
+      notes: 'Hipoglucemia puede simular ictus. Verificar pero mantener sospecha si persiste',
+    },
+    {
+      id: 'preparar-entorno',
+      order: 11,
+      instruction: 'PREPARACIÓN DEL ENTORNO. "Abra la puerta o deje el acceso libre para los equipos." "Prepare DNI, tarjeta sanitaria y lista de medicación HABITUAL." Especial énfasis: Anticoagulantes (Sintrom, Xarelto, Eliquis, Pradaxa). Antiagregantes (Adiro, Aspirina, Clopidogrel). "Si tiene informes médicos recientes, téngalos a mano." "Un acompañante debe PREPARARSE para ir al hospital."',
+      verification: '¿Está preparado el entorno y la documentación?',
+    },
+    {
+      id: 'monitorizacion-continua',
+      order: 12,
+      instruction: 'MONITORIZACIÓN CONTINUA (cada 2-3 minutos). Preguntas estandarizadas: "¿Sigue CONSCIENTE? ¿Responde a mi voz o a estímulos?" "¿RESPIRA con normalidad? ¿Escucha algún ruido raro?" "¿HA EMPEORADO la debilidad, el adormecimiento o el habla?" "¿TIENE VÓMITOS o el dolor de cabeza se ha hecho más fuerte?"',
+      verification: '¿Está monitorizando cada 2-3 minutos?',
+      critical: true,
+      notes: 'Vigilancia activa hasta llegada de recursos. Detectar deterioro inmediatamente',
+    },
+    {
+      id: 'criterios-deterioro-pcr',
+      order: 13,
+      instruction: 'CRITERIOS DE DETERIORO AGUDO (posible transición a PCR). Activar si: Pérdida brusca de consciencia (no responde). Respiración anormal (apnea, boqueos, estridor). Convulsiones activas prolongadas. Cianosis reportada ("se ha puesto morado"). CONDUCTA: "¿Responde si le toca o le habla fuerte? ¿Respira con normalidad?" Si NO responde o NO respira normal: "Póngalo en el suelo, boca arriba, sobre superficie dura. Empiece compresiones en el centro del pecho, fuerte y rápido." Transicionar inmediatamente al Protocolo RCP.',
+      verification: '¿Está vigilando signos de deterioro?',
+      critical: true,
+      notes: 'Si deteriora a PCR, transicionar inmediatamente a protocolo RCP',
+    },
+    {
+      id: 'traspaso-informacion',
+      order: 14,
+      instruction: 'INFORMACIÓN CRÍTICA PARA TRASPASO. Estructurar mensaje: HORA ÚLTIMA VEZ NORMAL: "[HH:MM]" o "desconocida". FAST/BE-FAST: Componentes positivos (Ej: "F y S positivos, A negativo"). GRAVEDAD: Breve descripción (Ej: "Paciente consciente pero afásico y con hemiparesia derecha"). ANTECEDENTES: "HTA, FA anticoagulada con Sintrom, diabetes". SÍNTOMAS ASOCIADOS: "Cefalea explosiva, vómitos x2". GLUCEMIA: "120 mg/dL" o "no medida". MEDIDAS TOMADAS: "Posicionado en lateral izquierda, nada por boca, documentación preparada".',
+      verification: '¿Tiene toda la información crítica para el traspaso?',
+      critical: true,
+      notes: 'Mensaje estándar: "Código Ictus activado. Paciente [Edad/Sexo]: Última vez normal: [HH:MM] (hace X horas/minutos). FAST: [F+/A+/S+]. Déficit principal: [descripción]. Antecedentes clave: [lista]. TA actual: [valor] si se conoce. Llegada estimada: [HH:MM]."',
+    },
+  ],
+  importantNotes: [
+    '🔴 TIEMPO ES CEREBRO: Cada minuto sin tratamiento destruye ~1,9 millones de neuronas. La evaluación telefónica debe ser más rápida que la progresión del infarto.',
+    '🔴 NUNCA olvidar preguntar "¿Última vez visto normal?" - Es la información más crítica.',
+    '🔴 NUNCA permitir que coma o beba - Riesgo de aspiración muy alto.',
+    '🔴 NUNCA dejar somnoliento en decúbito supino - Siempre posición lateral.',
+    '🔴 NUNCA minimizar síntomas atípicos (mareo, visión) especialmente en mayores, diabéticos o hipertensos.',
+    '🔴 NUNCA retrasar activación del Código Ictus para "confirmar más" - TIEMPO = CEREBRO.',
+    '🔴 NUNCA administrar o sugerir aspirina u otra medicación por teléfono - No se sabe si es isquémico o hemorrágico.',
+    '🟢 SIEMPRE activar Código Ictus/prioridad máxima si FAST positivo y inicio <6h.',
+    '🟢 SIEMPRE preguntar específicamente por medicación anticoagulante - Crítica para manejo hospitalario.',
+    '🟢 SIEMPRE recomendar posición lateral de seguridad si hay cualquier disminución del nivel de conciencia.',
+    '🟢 SIEMPRE indicar "Nada por boca" de forma absoluta y clara.',
+    '🟢 SIEMPRE documentar con precisión: Hora última vez normal, componentes FAST, antecedentes clave.',
+    '🟢 SIEMPRE preparar traspaso de información estructurado al equipo de ictus o al SVB.',
+    '🟢 SIEMPRE vigilar continuamente nivel de consciencia y respiración hasta llegada de recursos.',
+    'FAST negativo NO descarta ictus: Síntomas atípicos en pacientes de riesgo son ictus hasta demostrar lo contrario.',
+    'El dato del tiempo es vital: La "última vez visto normal" determina la ventana terapéutica.',
+  ],
+  source: 'Capítulo 5.4 - Protocolo de Actuación Transtelefónica para Sospecha de Ictus Agudo',
+};
+
+/**
+ * Lista de todos los protocolos transtelefónicos disponibles
+ */
+export const telephoneProtocols: TelephoneProtocol[] = [
+  rcpTelephoneAdult,
+  rcpTelephonePediatric,
+  desaTelephone,
+  ovaceTelephoneAdult,
+  scaTelephone,
+  ictusTelephone,
+];
+
+/**
+ * Obtener un protocolo por ID
+ */
+export function getProtocolById(id: string): TelephoneProtocol | undefined {
+  return telephoneProtocols.find((protocol) => protocol.id === id);
+}
+
+/**
+ * Obtener protocolos por categoría
+ */
+export function getProtocolsByCategory(category: ProtocolCategory): TelephoneProtocol[] {
+  return telephoneProtocols.filter((protocol) => protocol.category === category);
+}
+
+/**
+ * Obtener protocolos por grupo etario
+ */
+export function getProtocolsByAgeGroup(ageGroup: AgeGroup): TelephoneProtocol[] {
+  return telephoneProtocols.filter((protocol) => protocol.ageGroup === ageGroup || protocol.ageGroup === 'todos');
+}
diff --git a/backend/tsconfig.json b/backend/tsconfig.json
new file mode 100644
index 00000000..3e3712f3
--- /dev/null
+++ b/backend/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "lib": ["ES2020"],
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "node"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 00000000..10b790a1
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,50 @@
+version: "3.8"
+
+services:
+  # Frontend - Puerto 9112
+  codigo0-frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+    container_name: codigo0-frontend
+    restart: always
+    ports:
+      - "9112:9112"
+    networks:
+      - proxy
+    environment:
+      - VITE_API_URL=http://codigo0-backend:3000/api
+
+  # Backend - Puerto 3000
+  codigo0-backend:
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+    container_name: codigo0-backend
+    restart: always
+    ports:
+      - "3000:3000"
+    networks:
+      - proxy
+    environment:
+      - PORT=3000
+      - NODE_ENV=production
+      - MONGODB_URI=mongodb://mongodb:27017/codigo0
+      - CORS_ORIGIN=*
+
+  # MongoDB
+  mongodb:
+    image: mongo:latest
+    container_name: codigo0-mongodb
+    restart: always
+    volumes:
+      - mongodb_data:/data/db
+    networks:
+      - proxy
+
+networks:
+  proxy:
+    external: true
+
+volumes:
+  mongodb_data:
diff --git a/frontend/.env.production b/frontend/.env.production
new file mode 100644
index 00000000..e82c6175
--- /dev/null
+++ b/frontend/.env.production
@@ -0,0 +1 @@
+VITE_API_URL=/api
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
new file mode 100644
index 00000000..d004410d
--- /dev/null
+++ b/frontend/Dockerfile
@@ -0,0 +1,26 @@
+# Etapa 1: Construcción del frontend
+FROM node:18-alpine AS build-stage
+
+WORKDIR /app
+
+# Instalar dependencias
+COPY package*.json ./
+RUN npm install
+
+# Copiar el resto de archivos y construir
+COPY . .
+RUN npm run build
+
+# Etapa 2: Servidor Nginx para producción
+FROM nginx:alpine
+
+# Copiar archivos construidos desde la etapa anterior
+COPY --from=build-stage /app/dist/ /usr/share/nginx/html/
+
+# Copiar configuración personalizada de Nginx
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Exponer el puerto configurado en nginx.conf
+EXPOSE 9112
+
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/frontend/docker-compose.yml b/frontend/docker-compose.yml
new file mode 100644
index 00000000..a54798b1
--- /dev/null
+++ b/frontend/docker-compose.yml
@@ -0,0 +1,15 @@
+version: "3.8"
+
+services:
+  codigo0:
+    build: .
+    container_name: codigo0
+    restart: always
+    ports:
+      - "9112:9112"
+    networks:
+      - proxy
+
+networks:
+  proxy:
+    external: true
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 00000000..39c8a5dd
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="apple-touch-icon" sizes="192x192" href="/icon-192.png" />
+    <link rel="apple-touch-icon" href="/icon-512.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#0f172a" />
+    <meta name="description" content="Referencia rápida de protocolos de emergencias para Técnicos de Emergencias Sanitarias (TES). RCP, OVACE, Ictus, SCA, Shock y más." />
+    <meta name="keywords" content="emergencias, TES, protocolos, RCP, OVACE, ambulancia, sanitario" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="Código 0" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <link rel="manifest" href="/manifest.json" />
+    <title>codigo0 — 0 Errores. 0 Dudas.</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/frontend/nginx.conf b/frontend/nginx.conf
new file mode 100644
index 00000000..844918e6
--- /dev/null
+++ b/frontend/nginx.conf
@@ -0,0 +1,44 @@
+server {
+    listen 9112;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_types text/plain text/css text/xml application/json application/javascript application/xml+rss application/atom+xml image/svg+xml;
+
+    # Cache estatic assets (JS/CSS/fonts)
+    location ~* \.(js|css|woff2?|ttf|otf|eot|svg|ico|png|jpg|jpeg|webp)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+        try_files $uri =404;
+    }
+
+    # Cache YAMLs de protocolos (corta duración para poder actualizarlos)
+    location /protocols/ {
+        expires 1d;
+        add_header Cache-Control "public, must-revalidate";
+        try_files $uri =404;
+    }
+
+    # PWA: manifest y service worker sin caché
+    location ~* (manifest\.json|sw\.js)$ {
+        expires off;
+        add_header Cache-Control "no-cache, no-store, must-revalidate";
+        try_files $uri =404;
+    }
+
+    # SPA fallback — todas las rutas sirven index.html
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Seguridad básica
+    add_header X-Frame-Options "SAMEORIGIN";
+    add_header X-Content-Type-Options "nosniff";
+    add_header X-XSS-Protection "1; mode=block";
+    add_header Referrer-Policy "strict-origin-when-cross-origin";
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 00000000..88837101
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,4959 @@
+{
+  "name": "codigo0-frontend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "codigo0-frontend",
+      "version": "0.1.0",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "hotkeys-js": "^3.13.4",
+        "js-yaml": "^4.1.1",
+        "lucide-react": "^0.263.1",
+        "next-themes": "^0.2.1",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-markdown": "^10.1.0",
+        "react-router-dom": "^6.15.0",
+        "sonner": "^1.3.1",
+        "tailwind-merge": "^1.14.0"
+      },
+      "devDependencies": {
+        "@types/js-yaml": "^4.0.9",
+        "@types/react": "^18.2.21",
+        "@types/react-dom": "^18.2.7",
+        "@vitejs/plugin-react": "^4.0.4",
+        "autoprefixer": "^10.4.15",
+        "postcss": "^8.4.29",
+        "tailwindcss": "^3.3.3",
+        "typescript": "^5.2.2",
+        "vite": "^4.4.9",
+        "vite-plugin-svgr": "^3.2.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz",
+      "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.6.tgz",
+      "integrity": "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.6.tgz",
+      "integrity": "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.6.tgz",
+      "integrity": "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.6.tgz",
+      "integrity": "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.6.tgz",
+      "integrity": "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.6.tgz",
+      "integrity": "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.6.tgz",
+      "integrity": "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.6.tgz",
+      "integrity": "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.6.tgz",
+      "integrity": "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
+      "integrity": "sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
+      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
+      "integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
+      "integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
+      "integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
+      "integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
+      "integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-svg-component": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
+      "integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-preset": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
+      "integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "8.0.0",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "8.0.0",
+        "@svgr/babel-plugin-svg-dynamic-title": "8.0.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "8.0.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "8.1.0",
+        "@svgr/babel-plugin-transform-svg-component": "8.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/core": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
+      "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^8.1.3",
+        "snake-case": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/hast-util-to-babel-ast": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
+      "integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.21.3",
+        "entities": "^4.4.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/plugin-jsx": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
+      "integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "@svgr/hast-util-to-babel-ast": "8.0.0",
+        "svg-parser": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "*"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/js-yaml": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.9.tgz",
+      "integrity": "sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.28.tgz",
+      "integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.27",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.27.tgz",
+      "integrity": "sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.1",
+        "caniuse-lite": "^1.0.30001774",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.7",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.7.tgz",
+      "integrity": "sha512-1ghYO3HnxGec0TCGBXiDLVns4eCSx4zJpxnHrlqFQajmhfKMQBzUGDdkMK7fUW7PTHTeLf+j87aTuKuuwWzMGw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001778",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001778.tgz",
+      "integrity": "sha512-PN7uxFL+ExFJO61aVmP1aIEG4i9whQd4eoSCebav62UwDyp5OHh06zN4jqKSMePVgxHifCw1QJxdRkA1Pisekg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0",
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
+      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.313",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
+      "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hotkeys-js": {
+      "version": "3.13.15",
+      "resolved": "https://registry.npmjs.org/hotkeys-js/-/hotkeys-js-3.13.15.tgz",
+      "integrity": "sha512-gHh8a/cPTCpanraePpjRxyIlxDFrIhYqjuh01UHWEwDpglJKCnvLW8kqSx5gQtOuSsJogNZXLhOdbSExpgUiqg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      }
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.263.1",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.263.1.tgz",
+      "integrity": "sha512-keqxAx97PlaEN89PXZ6ki1N8nRjGWtDa4021GFYLNj0RgruM5odbpl8GHTExj0hhPq3sF6Up0gnxt6TSHu+ovw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
+      "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
+      "integrity": "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@next/env": "16.1.6",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.8.3",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.1.6",
+        "@next/swc-darwin-x64": "16.1.6",
+        "@next/swc-linux-arm64-gnu": "16.1.6",
+        "@next/swc-linux-arm64-musl": "16.1.6",
+        "@next/swc-linux-x64-gnu": "16.1.6",
+        "@next/swc-linux-x64-musl": "16.1.6",
+        "@next/swc-win32-arm64-msvc": "16.1.6",
+        "@next/swc-win32-x64-msvc": "16.1.6",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-themes": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz",
+      "integrity": "sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "next": "*",
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.8",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
+      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.3.tgz",
+      "integrity": "sha512-XRnlbKMTmktBkjCLE8/XcZFlnHvr2Ltdr1eJX4idL55/9BbORzyZEaIkBFDhFGCEWBBItsVrDxwx3gnisMitdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.3.tgz",
+      "integrity": "sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2",
+        "react-router": "6.30.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.30.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.30.0.tgz",
+      "integrity": "sha512-kQvGasUgN+AlWGliFn2POSajRQEsULVYFGTvOZmK06d7vCD+YhZztt70kGk3qaeAXeWYL5eO7zx+rAubBc55eA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/sonner": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.7.4.tgz",
+      "integrity": "sha512-DIS8z4PfJRbIyfVFDVnK9rO3eYDtse4Omcm6bt0oEr5/jtLgysmjuBl1frJ9E/EQZrFmKx2A8m/s5s9CRXIzhw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.14"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.7"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz",
+      "integrity": "sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz",
+      "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.5.14",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.14.tgz",
+      "integrity": "sha512-+v57oAaoYNnO3hIu5Z/tJRZjq5aHM2zDve9YZ8HngVHbhk66RStobhb1sqPMIPEleV6cNKYK4eGrAbE9Ulbl2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.18.10",
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-svgr": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-svgr/-/vite-plugin-svgr-3.3.0.tgz",
+      "integrity": "sha512-vWZMCcGNdPqgziYFKQ3Y95XP0d0YGp28+MM3Dp9cTa/px5CKcHHrIoPl2Jw81rgVm6/ZUNONzjXbZQZ7Kw66og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.4",
+        "@svgr/core": "^8.1.0",
+        "@svgr/plugin-jsx": "^8.1.0"
+      },
+      "peerDependencies": {
+        "vite": "^2.6.0 || 3 || 4"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 00000000..f3f1d9a8
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "codigo0-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "clsx": "^2.0.0",
+    "hotkeys-js": "^3.13.4",
+    "js-yaml": "^4.1.1",
+    "lucide-react": "^0.263.1",
+    "next-themes": "^0.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-markdown": "^10.1.0",
+    "react-router-dom": "^6.15.0",
+    "sonner": "^1.3.1",
+    "tailwind-merge": "^1.14.0"
+  },
+  "devDependencies": {
+    "@types/js-yaml": "^4.0.9",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.4",
+    "autoprefixer": "^10.4.15",
+    "postcss": "^8.4.29",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vite-plugin-svgr": "^3.2.0"
+  }
+}
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
new file mode 100644
index 00000000..fbe14a4c
--- /dev/null
+++ b/frontend/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
\ No newline at end of file
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/.svg b/frontend/public/assets/infografias/bloque-0-fundamentos/.svg
new file mode 100755
index 00000000..aa1c4e5b
--- /dev/null
+++ b/frontend/public/assets/infografias/bloque-0-fundamentos/.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-5" width="100%" class="flowchart" style="max-width: 100%;" viewBox="-37.794921875 -37.794921875 831.48828125 1333.00390625" role="graphics-document document" aria-roledescription="flowchart-v2" height="100%"><style>#mermaid-svg-5{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-5 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-5 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-5 .error-icon{fill:#552222;}#mermaid-svg-5 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-5 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-5 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-5 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-5 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-5 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-5 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-5 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-5 .marker.cross{stroke:#333333;}#mermaid-svg-5 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-5 p{margin:0;}#mermaid-svg-5 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-5 .cluster-label text{fill:#333;}#mermaid-svg-5 .cluster-label span{color:#333;}#mermaid-svg-5 .cluster-label span p{background-color:transparent;}#mermaid-svg-5 .label text,#mermaid-svg-5 span{fill:#333;color:#333;}#mermaid-svg-5 .node rect,#mermaid-svg-5 .node circle,#mermaid-svg-5 .node ellipse,#mermaid-svg-5 .node polygon,#mermaid-svg-5 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-5 .rough-node .label text,#mermaid-svg-5 .node .label text,#mermaid-svg-5 .image-shape .label,#mermaid-svg-5 .icon-shape .label{text-anchor:middle;}#mermaid-svg-5 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-5 .rough-node .label,#mermaid-svg-5 .node .label,#mermaid-svg-5 .image-shape .label,#mermaid-svg-5 .icon-shape .label{text-align:center;}#mermaid-svg-5 .node.clickable{cursor:pointer;}#mermaid-svg-5 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-5 .arrowheadPath{fill:#333333;}#mermaid-svg-5 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-5 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-5 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-5 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-5 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-5 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-5 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-5 .cluster text{fill:#333;}#mermaid-svg-5 .cluster span{color:#333;}#mermaid-svg-5 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-5 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-5 rect.text{fill:none;stroke-width:0;}#mermaid-svg-5 .icon-shape,#mermaid-svg-5 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-5 .icon-shape p,#mermaid-svg-5 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-5 .icon-shape rect,#mermaid-svg-5 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-5 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-5 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-5 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg-5_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M300.225,110L300.225,114.167C300.225,118.333,300.225,126.667,300.295,134.417C300.365,142.167,300.506,149.334,300.576,152.917L300.646,156.501" id="L_A_B_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M236.452,354.775L219.68,371.57C202.907,388.365,169.362,421.956,152.589,460.918C135.816,499.88,135.816,544.214,135.816,566.38L135.816,588.547" id="L_B_C_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M364.997,354.775L381.603,371.57C398.209,388.365,431.421,421.956,448.101,444.335C464.782,466.714,464.931,477.88,465.005,483.464L465.079,489.047" id="L_B_D_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M399.342,729.256L384.487,748.305C369.632,767.353,339.921,805.45,325.066,831.998C310.211,858.547,310.211,873.547,310.211,881.047L310.211,888.547" id="L_D_E_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M530.924,729.256L545.612,748.305C560.301,767.353,589.678,805.45,604.366,835.998C619.055,866.547,619.055,889.547,619.055,901.047L619.055,912.547" id="L_D_F_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M619.055,994.547L619.055,1002.714C619.055,1010.88,619.055,1027.214,619.125,1038.964C619.195,1050.714,619.336,1057.881,619.406,1061.464L619.476,1065.048" id="L_F_G_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(135.81640625, 455.546875)"><g class="label" transform="translate(-7.55859375, -12)"><foreignObject width="15.1171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>SÍ</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(464.6328125, 455.546875)"><g class="label" transform="translate(-69.78125, -12)"><foreignObject width="139.5625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>NO/INSUFICIENTE</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(310.2109375, 843.546875)"><g class="label" transform="translate(-66.26171875, -24)"><foreignObject width="132.5234375" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>EFICAZ<br />SpO2 se mantiene</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(619.0546875, 843.546875)"><g class="label" transform="translate(-36.4453125, -24)"><foreignObject width="72.890625" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>INEFICAZ<br />o SpO2 ↓</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-A-0" transform="translate(300.224609375, 59)"><rect class="basic label-container" style="" x="-130" y="-51" width="260" height="102"/><g class="label" style="" transform="translate(-100, -36)"><rect/><foreignObject width="200" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>Paciente con<br />dificultad respiratoria/vía aérea comprometida</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-B-1" transform="translate(300.224609375, 289.2734375)"><polygon points="129.2734375,0 258.546875,-129.2734375 129.2734375,-258.546875 0,-129.2734375" class="label-container" transform="translate(-128.7734375, 129.2734375)"/><g class="label" style="" transform="translate(-90.2734375, -24)"><rect/><foreignObject width="180.546875" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>¿Mantiene permeabilidad<br />y esfuerzo ventilatorio?</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-C-3" transform="translate(135.81640625, 643.546875)"><rect class="basic label-container" style="" x="-127.81640625" y="-51" width="255.6328125" height="102"/><g class="label" style="" transform="translate(-97.81640625, -36)"><rect/><foreignObject width="195.6328125" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Oxigenar<br />Mascarilla reservorio al 15L<br />Objetivo SpO2 ≥94%</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-D-5" transform="translate(464.6328125, 643.546875)"><polygon points="151,0 302,-151 151,-302 0,-151" class="label-container" transform="translate(-150.5, 151)"/><g class="label" style="" transform="translate(-100, -36)"><rect/><foreignObject width="200" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>Ventilar con BVM<br />2 rescatadores + cánula Guedel</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-E-7" transform="translate(310.2109375, 955.546875)"><rect class="basic label-container" style="" x="-130" y="-63" width="260" height="126"/><g class="label" style="" transform="translate(-100, -48)"><rect/><foreignObject width="200" height="96"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>Mantener ventilación asistida<br />y reevaluar necesidad de aislamiento</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-F-9" transform="translate(619.0546875, 955.546875)"><rect class="basic label-container" style="" x="-128.84375" y="-39" width="257.6875" height="78"/><g class="label" style="" transform="translate(-98.84375, -24)"><rect/><foreignObject width="197.6875" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>PREPARAR AISLAMIENTO<br />Vía Aérea Avanzada</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-G-11" transform="translate(619.0546875, 1158.98046875)"><polygon points="90.43359375,0 180.8671875,-90.43359375 90.43359375,-180.8671875 0,-90.43359375" class="label-container" transform="translate(-89.93359375, 90.43359375)"/><g class="label" style="" transform="translate(-51.43359375, -24)"><rect/><foreignObject width="102.8671875" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Algoritmo RSI<br />Protocolo SVA</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_ERROR_01_SALTARSE_LETRAS.png b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_ERROR_01_SALTARSE_LETRAS.png
new file mode 100755
index 00000000..dcec5f38
--- /dev/null
+++ b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_ERROR_01_SALTARSE_LETRAS.png
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
+  <rect width="800" height="600" fill="#f8f9fa"/>
+  <rect x="20" y="20" width="760" height="560" fill="white" stroke="#dee2e6" stroke-width="2" rx="8"/>
+  
+  <rect x="40" y="40" width="720" height="80" fill="#dc3545" rx="4"/>
+  <text x="400" y="85" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="white" text-anchor="middle">ERROR COMUN ABCDE #1</text>
+  
+  <text x="400" y="160" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#212529" text-anchor="middle">SALTARSE LETRAS</text>
+  <text x="400" y="220" font-family="Arial, sans-serif" font-size="18" fill="#495057" text-anchor="middle">Pasar de A directamente a C o D sin evaluar B</text>
+  
+  <circle cx="400" cy="340" r="80" fill="#fee" stroke="#dc3545" stroke-width="3"/>
+  <text x="400" y="360" font-family="Arial, sans-serif" font-size="60" fill="#dc3545" text-anchor="middle" font-weight="bold">A � D</text>
+  <line x1="370" y1="320" x2="430" y2="380" stroke="#dc3545" stroke-width="4"/>
+  <line x1="430" y1="320" x2="370" y2="380" stroke="#dc3545" stroke-width="4"/>
+  
+  <rect x="100" y="450" width="600" height="100" fill="#fff3cd" stroke="#ffc107" stroke-width="2" rx="4"/>
+  <text x="400" y="485" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#856404" text-anchor="middle">CONSECUENCIA</text>
+  <text x="400" y="515" font-family="Arial, sans-serif" font-size="15" fill="#856404" text-anchor="middle">Puedes perder una hemorragia masiva (B)</text>
+  <text x="400" y="540" font-family="Arial, sans-serif" font-size="15" fill="#856404" text-anchor="middle">o una obstruccion de via aerea (A)</text>
+</svg>
\ No newline at end of file
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_02_PRIORIDAD_VITAL.jpg b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_02_PRIORIDAD_VITAL.jpg
new file mode 100755
index 00000000..905b4854
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_02_PRIORIDAD_VITAL.jpg differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_05_VISION_GLOBAL.jpg b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_05_VISION_GLOBAL.jpg
new file mode 100755
index 00000000..df4777be
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_05_VISION_GLOBAL.jpg differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_RESUMEN_FLUJO_MENTAL_CONTINUO.png b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_RESUMEN_FLUJO_MENTAL_CONTINUO.png
new file mode 100755
index 00000000..d501c89f
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_RESUMEN_FLUJO_MENTAL_CONTINUO.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_SINTESIS_ESTRUCTURA_PROTECCION.png b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_SINTESIS_ESTRUCTURA_PROTECCION.png
new file mode 100755
index 00000000..5b5e72ec
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/ABCDE_SINTESIS_ESTRUCTURA_PROTECCION.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/abcde_introduccion_estructura_mental.svg b/frontend/public/assets/infografias/bloque-0-fundamentos/abcde_introduccion_estructura_mental.svg
new file mode 100755
index 00000000..84b969a8
--- /dev/null
+++ b/frontend/public/assets/infografias/bloque-0-fundamentos/abcde_introduccion_estructura_mental.svg
@@ -0,0 +1,157 @@
+<svg width="1200" height="1600" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="gradientA" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#dc2626;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#ea580c;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="gradientB" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#f59e0b;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#eab308;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="gradientC" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#eab308;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#84cc16;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="gradientD" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#22c55e;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#3b82f6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="gradientE" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#6366f1;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Fondo -->
+  <rect width="1200" height="1600" fill="#1e293b"/>
+  
+  <!-- Badge Modo Formación -->
+  <rect x="50" y="30" width="300" height="50" rx="25" fill="#3b82f6" opacity="0.9"/>
+  <text x="200" y="60" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">Modo Formación / Refuerzo</text>
+  
+  <!-- Título Principal -->
+  <text x="600" y="120" font-family="Arial, sans-serif" font-size="36" font-weight="bold" fill="#f1f5f9" text-anchor="middle">ABCDE: Estructura Mental de Priorización</text>
+  <text x="600" y="160" font-family="Arial, sans-serif" font-size="24" fill="#94a3b8" text-anchor="middle">Lo que mata antes va primero</text>
+  
+  <!-- Comparación: Lado Izquierdo (Desordenado) -->
+  <g transform="translate(100, 220)">
+    <rect x="0" y="0" width="450" height="600" rx="15" fill="#1e293b" stroke="#475569" stroke-width="2"/>
+    <text x="225" y="40" font-family="Arial, sans-serif" font-size="22" font-weight="bold" fill="#ef4444" text-anchor="middle">Sin Estructura</text>
+    <text x="225" y="70" font-family="Arial, sans-serif" font-size="18" fill="#f87171" text-anchor="middle">→ Errores de Prioridad</text>
+    
+    <!-- Elementos caóticos -->
+    <circle cx="100" cy="150" r="30" fill="#ef4444" opacity="0.6"/>
+    <text x="100" y="160" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">?</text>
+    
+    <circle cx="250" cy="120" r="25" fill="#f59e0b" opacity="0.6"/>
+    <text x="250" y="130" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="white" text-anchor="middle">!</text>
+    
+    <circle cx="350" cy="180" r="28" fill="#eab308" opacity="0.6"/>
+    <text x="350" y="190" font-family="Arial, sans-serif" font-size="15" font-weight="bold" fill="white" text-anchor="middle">?</text>
+    
+    <circle cx="150" cy="250" r="22" fill="#ef4444" opacity="0.5"/>
+    <text x="150" y="260" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="white" text-anchor="middle">!</text>
+    
+    <circle cx="300" cy="280" r="26" fill="#f59e0b" opacity="0.5"/>
+    <text x="300" y="290" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="white" text-anchor="middle">?</text>
+    
+    <!-- Líneas caóticas -->
+    <line x1="100" y1="150" x2="250" y2="120" stroke="#64748b" stroke-width="2" opacity="0.4"/>
+    <line x1="250" y1="120" x2="350" y2="180" stroke="#64748b" stroke-width="2" opacity="0.4"/>
+    <line x1="350" y1="180" x2="150" y2="250" stroke="#64748b" stroke-width="2" opacity="0.4"/>
+    <line x1="150" y1="250" x2="300" y2="280" stroke="#64748b" stroke-width="2" opacity="0.4"/>
+    
+    <!-- Icono de confusión -->
+    <text x="225" y="450" font-family="Arial, sans-serif" font-size="80" fill="#64748b" opacity="0.5" text-anchor="middle">⚠</text>
+  </g>
+  
+  <!-- Comparación: Lado Derecho (Estructurado ABCDE) -->
+  <g transform="translate(650, 220)">
+    <rect x="0" y="0" width="450" height="600" rx="15" fill="#1e293b" stroke="#22c55e" stroke-width="3"/>
+    <text x="225" y="40" font-family="Arial, sans-serif" font-size="22" font-weight="bold" fill="#22c55e" text-anchor="middle">Con Estructura ABCDE</text>
+    <text x="225" y="70" font-family="Arial, sans-serif" font-size="18" fill="#4ade80" text-anchor="middle">→ Priorización Correcta</text>
+    
+    <!-- A - Aire/Respiración (Más crítico) -->
+    <rect x="125" y="100" width="200" height="80" rx="10" fill="url(#gradientA)"/>
+    <text x="225" y="140" font-family="Arial, sans-serif" font-size="48" font-weight="bold" fill="white" text-anchor="middle">A</text>
+    <text x="225" y="170" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Aire / Respiración</text>
+    <!-- Icono pulmones -->
+    <circle cx="180" cy="130" r="15" fill="white" opacity="0.3"/>
+    <circle cx="270" cy="130" r="15" fill="white" opacity="0.3"/>
+    
+    <!-- Flecha descendente -->
+    <polygon points="225,190 235,210 215,210" fill="#f1f5f9"/>
+    
+    <!-- B - Circulación -->
+    <rect x="135" y="220" width="180" height="70" rx="10" fill="url(#gradientB)"/>
+    <text x="225" y="255" font-family="Arial, sans-serif" font-size="40" font-weight="bold" fill="white" text-anchor="middle">B</text>
+    <text x="225" y="280" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Circulación</text>
+    <!-- Icono corazón -->
+    <path d="M 200 240 Q 200 230, 210 240 Q 220 230, 240 240 Q 240 250, 225 260 Q 210 250, 200 240" fill="white" opacity="0.3"/>
+    
+    <!-- Flecha descendente -->
+    <polygon points="225,300 232,315 218,315" fill="#f1f5f9"/>
+    
+    <!-- C - Cerebro/Consciencia -->
+    <rect x="145" y="335" width="160" height="65" rx="10" fill="url(#gradientC)"/>
+    <text x="225" y="370" font-family="Arial, sans-serif" font-size="36" font-weight="bold" fill="white" text-anchor="middle">C</text>
+    <text x="225" y="390" font-family="Arial, sans-serif" font-size="13" fill="white" text-anchor="middle">Cerebro / Consciencia</text>
+    <!-- Icono cerebro -->
+    <ellipse cx="200" cy="360" rx="12" ry="8" fill="white" opacity="0.3"/>
+    <ellipse cx="250" cy="360" rx="12" ry="8" fill="white" opacity="0.3"/>
+    
+    <!-- Flecha descendente -->
+    <polygon points="225,410 230,420 220,420" fill="#f1f5f9"/>
+    
+    <!-- D - Exposición/Entorno -->
+    <rect x="155" y="440" width="140" height="60" rx="10" fill="url(#gradientD)"/>
+    <text x="225" y="470" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="middle">D</text>
+    <text x="225" y="490" font-family="Arial, sans-serif" font-size="12" fill="white" text-anchor="middle">Exposición / Entorno</text>
+    <!-- Icono exposición -->
+    <rect x="200" y="455" width="50" height="20" rx="3" fill="white" opacity="0.3"/>
+    
+    <!-- Flecha descendente -->
+    <polygon points="225,510 228,518 222,518" fill="#f1f5f9"/>
+    
+    <!-- E - Evaluación Continua -->
+    <rect x="165" y="535" width="120" height="55" rx="10" fill="url(#gradientE)"/>
+    <text x="225" y="565" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="white" text-anchor="middle">E</text>
+    <text x="225" y="580" font-family="Arial, sans-serif" font-size="11" fill="white" text-anchor="middle">Evaluación Continua</text>
+    <!-- Icono ciclo -->
+    <circle cx="225" cy="560" r="8" fill="none" stroke="white" stroke-width="2" opacity="0.3"/>
+    <path d="M 225 552 A 8 8 0 0 1 225 568" fill="none" stroke="white" stroke-width="2" opacity="0.3"/>
+  </g>
+  
+  <!-- Texto Explicativo Inferior -->
+  <rect x="100" y="860" width="1000" height="200" rx="15" fill="#0f172a" stroke="#334155" stroke-width="2"/>
+  <text x="600" y="900" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#f1f5f9" text-anchor="middle">Estructura Mental de Priorización</text>
+  <text x="600" y="930" font-family="Arial, sans-serif" font-size="16" fill="#cbd5e1" text-anchor="middle" style="max-width: 900px;">
+    El ABCDE no es un checklist, sino una estructura mental que organiza tu pensamiento
+  </text>
+  <text x="600" y="960" font-family="Arial, sans-serif" font-size="16" fill="#cbd5e1" text-anchor="middle" style="max-width: 900px;">
+    bajo estrés. Cada nivel debe evaluarse antes de pasar al siguiente.
+  </text>
+  <text x="600" y="1000" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#22c55e" text-anchor="middle">Aplicable a TODAS las emergencias prehospitalarias</text>
+  
+  <!-- Advertencia -->
+  <rect x="100" y="1100" width="1000" height="120" rx="15" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/>
+  <text x="600" y="1135" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#fbbf24" text-anchor="middle">⚠ Esta guía es para formación y comprensión</text>
+  <text x="600" y="1165" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d" text-anchor="middle">Para acción inmediata, consulta el Protocolo Operativo ABCDE</text>
+  
+  <!-- Badge Modo Operativo (inferior) -->
+  <rect x="400" y="1250" width="400" height="50" rx="25" fill="#dc2626" opacity="0.9"/>
+  <text x="600" y="1280" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">Modo Operativo</text>
+  
+  <!-- Contexto visual: Escena de emergencia (sutil) -->
+  <g opacity="0.2">
+    <rect x="50" y="1350" width="1100" height="200" rx="10" fill="#334155"/>
+    <circle cx="200" cy="1450" r="30" fill="#475569"/>
+    <circle cx="1000" cy="1450" r="25" fill="#475569"/>
+    <rect x="500" y="1420" width="200" height="60" rx="5" fill="#475569"/>
+  </g>
+  
+  <!-- Texto final -->
+  <text x="600" y="1520" font-family="Arial, sans-serif" font-size="14" fill="#64748b" text-anchor="middle">Guía de Refuerzo - ABCDE Operativo</text>
+  <text x="600" y="1550" font-family="Arial, sans-serif" font-size="12" fill="#475569" text-anchor="middle">Estructura mental de priorización para emergencias prehospitalarias</text>
+</svg>
+
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/diagrama_flujo_start_triaje_es.svg b/frontend/public/assets/infografias/bloque-0-fundamentos/diagrama_flujo_start_triaje_es.svg
new file mode 100755
index 00000000..e59f66d4
--- /dev/null
+++ b/frontend/public/assets/infografias/bloque-0-fundamentos/diagrama_flujo_start_triaje_es.svg
@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1700" viewBox="0 0 1000 1700" role="img" aria-label="Diagrama de flujo START para triaje en emergencias (español)">
+  <defs>
+    <style>
+      :root{
+        --bg:#f7f9fb;
+        --ink:#0f172a;
+        --muted:#334155;
+        --line:#94a3b8;
+        --box:#ffffff;
+
+        --red:#dc2626;
+        --yellow:#f59e0b;
+        --green:#16a34a;
+        --black:#111827;
+
+        --accent:#2563eb;
+      }
+      .title{font:800 34px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:var(--ink);}
+      .subtitle{font:500 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:var(--muted);}
+      .hdr{font:800 20px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:var(--ink);}
+      .txt{font:500 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:var(--muted);}
+      .small{font:500 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:var(--muted);}
+
+      .box{fill:var(--box); stroke:var(--line); stroke-width:2;}
+      .boxStrong{fill:var(--box); stroke:var(--accent); stroke-width:2.5;}
+      .diamond{fill:var(--box); stroke:var(--line); stroke-width:2.5;}
+      .diamondRed{fill:var(--box); stroke:var(--red); stroke-width:2.8;}
+      .arrow{stroke:var(--line); stroke-width:3; fill:none; marker-end:url(#arrowHead);}
+      .arrowAccent{stroke:var(--accent); stroke-width:3.5; fill:none; marker-end:url(#arrowHeadAccent);}
+
+      .pillText{font:800 15px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:#fff;}
+      .legendText{font:700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; fill:var(--ink);}
+
+      .tagRed{fill:var(--red);}
+      .tagYellow{fill:var(--yellow);}
+      .tagGreen{fill:var(--green);}
+      .tagBlack{fill:var(--black);}
+
+      .iconStroke{stroke:var(--muted); stroke-width:2.2; fill:none; stroke-linecap:round; stroke-linejoin:round;}
+    </style>
+
+    <marker id="arrowHead" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto">
+      <path d="M0,0 L10,5 L0,10 Z" fill="#94a3b8"/>
+    </marker>
+    <marker id="arrowHeadAccent" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto">
+      <path d="M0,0 L10,5 L0,10 Z" fill="#2563eb"/>
+    </marker>
+
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#0f172a" flood-opacity="0.12"/>
+    </filter>
+  </defs>
+
+  <!-- Background -->
+  <rect x="0" y="0" width="1000" height="1600" fill="var(--bg)"/>
+
+  <!-- Header -->
+  <text x="500" y="70" text-anchor="middle" class="title">Triage START (Simple Triage and Rapid Treatment)</text>
+  <text x="500" y="105" text-anchor="middle" class="subtitle">Algoritmo de clasificación rápida en incidentes con múltiples víctimas</text>
+
+  <!-- Legend -->
+  <g filter="url(#shadow)">
+    <rect x="140" y="130" rx="16" ry="16" width="720" height="70" class="box"/>
+  </g>
+  <g transform="translate(170,152)">
+    <rect x="0" y="0" rx="12" ry="12" width="140" height="36" class="tagRed"/>
+    <text x="70" y="24" text-anchor="middle" class="pillText">ROJO</text>
+    <text x="160" y="24" class="legendText">Inmediato</text>
+
+    <rect x="290" y="0" rx="12" ry="12" width="140" height="36" class="tagYellow"/>
+    <text x="360" y="24" text-anchor="middle" class="pillText">AMARILLO</text>
+    <text x="450" y="24" class="legendText">Urgente</text>
+
+    <rect x="560" y="0" rx="12" ry="12" width="140" height="36" class="tagGreen"/>
+    <text x="630" y="24" text-anchor="middle" class="pillText">VERDE</text>
+    <text x="720" y="24" class="legendText">Leve</text>
+  </g>
+  <g transform="translate(170,188)">
+    <rect x="0" y="0" rx="12" ry="12" width="140" height="30" class="tagBlack"/>
+    <text x="70" y="20" text-anchor="middle" class="pillText" style="font-size:14px;">NEGRO</text>
+    <text x="160" y="20" class="legendText">Fallecido / Expectante</text>
+  </g>
+
+  <!-- Start box -->
+  <g filter="url(#shadow)">
+    <rect x="220" y="240" rx="18" ry="18" width="560" height="90" class="boxStrong"/>
+  </g>
+  <text x="500" y="275" text-anchor="middle" class="hdr">INICIO</text>
+  <text x="500" y="305" text-anchor="middle" class="txt">Evaluación rápida por víctima (≈ 30–60 s). Aplicar medidas básicas si procede.</text>
+
+  <path class="arrowAccent" d="M500,330 L500,385"/>
+
+  <!-- Decision 1: ¿Camina? -->
+  <g filter="url(#shadow)">
+    <polygon class="diamond" points="500,390 645,505 500,620 355,505"/>
+  </g>
+  <text x="500" y="495" text-anchor="middle" class="hdr">¿Camina?</text>
+  <text x="500" y="525" text-anchor="middle" class="small">(deambula por sí mismo)</text>
+
+  <!-- YES -> Verde -->
+  <text x="700" y="500" class="txt" style="fill:var(--green); font-weight:700;">Sí</text>
+  <path class="arrow" d="M645,505 C735,505 785,505 860,505"/>
+
+  <g filter="url(#shadow)">
+    <rect x="865" y="460" rx="16" ry="16" width="120" height="90" class="box"/>
+  </g>
+  <rect x="875" y="472" rx="12" ry="12" width="100" height="30" class="tagGreen"/>
+  <text x="925" y="493" text-anchor="middle" class="pillText">VERDE</text>
+  <text x="925" y="525" text-anchor="middle" class="small">Leve</text>
+
+  <!-- NO -> next -->
+  <text x="300" y="500" class="txt" style="font-weight:700;">No</text>
+  <path class="arrowAccent" d="M500,620 L500,675"/>
+
+  <!-- Decision 2: Respiración presente -->
+  <g filter="url(#shadow)">
+    <polygon class="diamondRed" points="500,680 660,810 500,940 340,810"/>
+  </g>
+  <text x="500" y="800" text-anchor="middle" class="hdr">¿Respira?</text>
+  <text x="500" y="830" text-anchor="middle" class="small">Si NO: abrir vía aérea</text>
+
+  <!-- No breathing -> Negro -->
+  <text x="695" y="805" class="txt" style="font-weight:700;">No</text>
+  <path class="arrow" d="M660,810 C745,810 805,810 860,810"/>
+  <g filter="url(#shadow)">
+    <rect x="865" y="765" rx="16" ry="16" width="120" height="105" class="box"/>
+  </g>
+  <rect x="875" y="777" rx="12" ry="12" width="100" height="30" class="tagBlack"/>
+  <text x="925" y="798" text-anchor="middle" class="pillText">NEGRO</text>
+  <text x="925" y="830" text-anchor="middle" class="small">Fallecido</text>
+  <text x="925" y="852" text-anchor="middle" class="small">/ expectante</text>
+
+  <!-- If starts breathing after opening airway -> Rojo -->
+  <text x="300" y="805" class="txt" style="font-weight:700;">Sí</text>
+  <path class="arrowAccent" d="M500,940 L500,990"/>
+
+  <!-- Decision 3: FR > 30 -->
+  <g filter="url(#shadow)">
+    <polygon class="diamond" points="500,995 660,1125 500,1255 340,1125"/>
+  </g>
+  <text x="500" y="1115" text-anchor="middle" class="hdr">¿FR &gt; 30 rpm?</text>
+  <text x="500" y="1145" text-anchor="middle" class="small">(frecuencia respiratoria)</text>
+
+  <!-- Yes -> Rojo -->
+  <text x="695" y="1120" class="txt" style="fill:var(--red); font-weight:700;">Sí</text>
+  <path class="arrow" d="M660,1125 C745,1125 805,1125 860,1125"/>
+  <g filter="url(#shadow)">
+    <rect x="865" y="1080" rx="16" ry="16" width="120" height="90" class="box"/>
+  </g>
+  <rect x="875" y="1092" rx="12" ry="12" width="100" height="30" class="tagRed"/>
+  <text x="925" y="1113" text-anchor="middle" class="pillText">ROJO</text>
+  <text x="925" y="1145" text-anchor="middle" class="small">Inmediato</text>
+
+  <!-- No -> Perfusion -->
+  <text x="300" y="1120" class="txt" style="font-weight:700;">No</text>
+  <path class="arrowAccent" d="M500,1255 L500,1310"/>
+
+  <!-- Decision 4: Perfusión -->
+  <g filter="url(#shadow)">
+    <polygon class="diamond" points="500,1315 660,1445 500,1575 340,1445"/>
+  </g>
+  <text x="500" y="1420" text-anchor="middle" class="hdr">Perfusión adecuada?</text>
+  <text x="500" y="1448" text-anchor="middle" class="small">Relleno capilar ≤ 2 s y pulso radial presente</text>
+
+  <!-- If inadequate -> Rojo -->
+  <text x="695" y="1440" class="txt" style="fill:var(--red); font-weight:700;">No</text>
+  <path class="arrow" d="M660,1445 C745,1445 805,1445 860,1445"/>
+  <g filter="url(#shadow)">
+    <rect x="865" y="1400" rx="16" ry="16" width="120" height="90" class="box"/>
+  </g>
+  <rect x="875" y="1412" rx="12" ry="12" width="100" height="30" class="tagRed"/>
+  <text x="925" y="1433" text-anchor="middle" class="pillText">ROJO</text>
+  <text x="925" y="1465" text-anchor="middle" class="small">Inmediato</text>
+
+  <!-- If adequate -> Mental -->
+  <text x="300" y="1440" class="txt" style="fill:var(--green); font-weight:700;">Sí</text>
+
+  <!-- Mental status box (placed below with connector) -->
+  <!-- Arrow down from perfusion diamond to mental box -->
+  <path class="arrowAccent" d="M500,1575 L500,1605"/>
+  <!-- expand viewBox height already fixed; so place mental box a bit higher within area by shifting diamond up? Not possible.
+       We'll place mental status box above perfusion diamond and connect from its bottom-left? Instead: add side branch to left below diamond (fits).
+  -->
+  <!-- Replace: Side branch to left for mental status -->
+  <path class="arrowAccent" d="M340,1445 C250,1445 215,1445 170,1445"/>
+  <g filter="url(#shadow)">
+    <rect x="20" y="1370" rx="18" ry="18" width="300" height="150" class="box"/>
+  </g>
+  <text x="170" y="1405" text-anchor="middle" class="hdr">Estado mental</text>
+  <text x="170" y="1436" text-anchor="middle" class="small">¿Obedece órdenes?</text>
+  <text x="170" y="1465" text-anchor="middle" class="small">• No obedece → ROJO</text>
+  <text x="170" y="1492" text-anchor="middle" class="small">• Obedece → AMARILLO</text>
+
+  <!-- From mental box to outcomes -->
+  <path class="arrow" d="M320,1415 C375,1415 400,1415 430,1415"/>
+  <text x="345" y="1395" class="small" style="fill:var(--red); font-weight:700;">No</text>
+  <g filter="url(#shadow)">
+    <rect x="435" y="1368" rx="16" ry="16" width="120" height="85" class="box"/>
+  </g>
+  <rect x="445" y="1380" rx="12" ry="12" width="100" height="30" class="tagRed"/>
+  <text x="495" y="1401" text-anchor="middle" class="pillText">ROJO</text>
+  <text x="495" y="1432" text-anchor="middle" class="small">Inmediato</text>
+
+  <path class="arrow" d="M320,1478 C380,1478 420,1478 480,1478"/>
+  <text x="350" y="1502" class="small" style="fill:var(--green); font-weight:700;">Sí</text>
+  <g filter="url(#shadow)">
+    <rect x="485" y="1435" rx="16" ry="16" width="140" height="90" class="box"/>
+  </g>
+  <rect x="495" y="1447" rx="12" ry="12" width="120" height="30" class="tagYellow"/>
+  <text x="555" y="1468" text-anchor="middle" class="pillText">AMARILLO</text>
+  <text x="555" y="1500" text-anchor="middle" class="small">Urgente</text>
+
+  <!-- Footer note -->
+  <text x="500" y="1660" text-anchor="middle" class="small">
+    Nota: En ausencia de respiración, abrir vía aérea. Si no respira tras apertura → NEGRO; si inicia respiración → ROJO.
+  </text>
+</svg>
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/diagrama_seleccion_dispositivo_oxigenoterapia.png b/frontend/public/assets/infografias/bloque-0-fundamentos/diagrama_seleccion_dispositivo_oxigenoterapia.png
new file mode 100755
index 00000000..e67bd1dd
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/diagrama_seleccion_dispositivo_oxigenoterapia.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/el_orden_importa_maeious_que_la_velocidad.png b/frontend/public/assets/infografias/bloque-0-fundamentos/el_orden_importa_maeious_que_la_velocidad.png
new file mode 100755
index 00000000..bac6884b
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/el_orden_importa_maeious_que_la_velocidad.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/el_orden_importa_maeious_que_la_velocidad.webp b/frontend/public/assets/infografias/bloque-0-fundamentos/el_orden_importa_maeious_que_la_velocidad.webp
new file mode 100755
index 00000000..6dfc925d
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/el_orden_importa_maeious_que_la_velocidad.webp differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/farmacologia_basica_visual.png b/frontend/public/assets/infografias/bloque-0-fundamentos/farmacologia_basica_visual.png
new file mode 100755
index 00000000..a7b7d95c
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/farmacologia_basica_visual.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/fast_transtelefonico.png b/frontend/public/assets/infografias/bloque-0-fundamentos/fast_transtelefonico.png
new file mode 100755
index 00000000..68b173a5
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/fast_transtelefonico.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/flujo_desa_telefono.png b/frontend/public/assets/infografias/bloque-0-fundamentos/flujo_desa_telefono.png
new file mode 100755
index 00000000..f88b7112
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/flujo_desa_telefono.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/flujo_rcp_transtelefonica.png b/frontend/public/assets/infografias/bloque-0-fundamentos/flujo_rcp_transtelefonica.png
new file mode 100755
index 00000000..b11014a8
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/flujo_rcp_transtelefonica.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/guia_colocacion_dispositivos_oxigenoterapia.png b/frontend/public/assets/infografias/bloque-0-fundamentos/guia_colocacion_dispositivos_oxigenoterapia.png
new file mode 100755
index 00000000..7f7a7c46
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/guia_colocacion_dispositivos_oxigenoterapia.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ovace_lactantes.png b/frontend/public/assets/infografias/bloque-0-fundamentos/ovace_lactantes.png
new file mode 100755
index 00000000..bf9a9520
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/ovace_lactantes.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/ovace_pediatrica.png b/frontend/public/assets/infografias/bloque-0-fundamentos/ovace_pediatrica.png
new file mode 100755
index 00000000..22f94b30
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/ovace_pediatrica.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.png b/frontend/public/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.png
new file mode 100755
index 00000000..68d40dc7
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.webp b/frontend/public/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.webp
new file mode 100755
index 00000000..7ec36b36
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.webp differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/rcp_adulto_paso_a_paso.png b/frontend/public/assets/infografias/bloque-0-fundamentos/rcp_adulto_paso_a_paso.png
new file mode 100755
index 00000000..4096fc8d
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/rcp_adulto_paso_a_paso.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/sistema_abcde_prioridades_emergencias.png b/frontend/public/assets/infografias/bloque-0-fundamentos/sistema_abcde_prioridades_emergencias.png
new file mode 100755
index 00000000..bcf5b0c6
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/sistema_abcde_prioridades_emergencias.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/sistema_abcde_prioridades_emergencias.webp b/frontend/public/assets/infografias/bloque-0-fundamentos/sistema_abcde_prioridades_emergencias.webp
new file mode 100755
index 00000000..edbdee99
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/sistema_abcde_prioridades_emergencias.webp differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_dosis_pediatricas.png b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_dosis_pediatricas.png
new file mode 100755
index 00000000..7f8ab516
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_dosis_pediatricas.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_escala_glasgow.png b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_escala_glasgow.png
new file mode 100755
index 00000000..2c56cab9
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_escala_glasgow.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia.png b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia.png
new file mode 100755
index 00000000..4e6ba5cb
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia1.png b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia1.png
new file mode 100755
index 00000000..91449219
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia1.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_normales_constantes_vitales.png b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_normales_constantes_vitales.png
new file mode 100755
index 00000000..2bf0e1df
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/tabla_rangos_normales_constantes_vitales.png differ
diff --git a/frontend/public/assets/infografias/bloque-0-fundamentos/vias_administracion.png b/frontend/public/assets/infografias/bloque-0-fundamentos/vias_administracion.png
new file mode 100755
index 00000000..dbecb968
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-0-fundamentos/vias_administracion.png differ
diff --git a/frontend/public/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas.png b/frontend/public/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas.png
new file mode 100755
index 00000000..509f2091
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas.png differ
diff --git a/frontend/public/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas_urgencias.png b/frontend/public/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas_urgencias.png
new file mode 100755
index 00000000..ad18c5bb
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas_urgencias.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/.png
new file mode 100755
index 00000000..29b03159
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_colchon_vacio_paso_a_paso.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_colchon_vacio_paso_a_paso.png
new file mode 100755
index 00000000..50346f54
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_colchon_vacio_paso_a_paso.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_1_preparacion.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_1_preparacion.png
new file mode 100755
index 00000000..c0d54ff6
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_1_preparacion.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_2_parte_posterior.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_2_parte_posterior.png
new file mode 100755
index 00000000..004c5524
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_2_parte_posterior.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_3_parte_anterior.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_3_parte_anterior.png
new file mode 100755
index 00000000..8fccb8e0
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_3_parte_anterior.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_4_ajuste_cierres.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_4_ajuste_cierres.png
new file mode 100755
index 00000000..3ee06064
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_4_ajuste_cierres.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_5_verificacion.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_5_verificacion.png
new file mode 100755
index 00000000..24e993ec
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_5_verificacion.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_6_liberacion_controlada.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_6_liberacion_controlada.png
new file mode 100755
index 00000000..be74b9c4
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_6_liberacion_controlada.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_camilla_cuchara.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_camilla_cuchara.png
new file mode 100755
index 00000000..18020609
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_camilla_cuchara.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_colchon_vacio.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_colchon_vacio.png
new file mode 100755
index 00000000..376028c5
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_colchon_vacio.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_sistema_inmovilizacion.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_sistema_inmovilizacion.png
new file mode 100755
index 00000000..138b4d12
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_sistema_inmovilizacion.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_tablero_espinal.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_tablero_espinal.png
new file mode 100755
index 00000000..0259bc08
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/componentes_tablero_espinal.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/coordinacion_equipo_inmovilizacion.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/coordinacion_equipo_inmovilizacion.png
new file mode 100755
index 00000000..49322db2
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/coordinacion_equipo_inmovilizacion.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/errores_frecuentes_collarin_cervical.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/errores_frecuentes_collarin_cervical.png
new file mode 100755
index 00000000..dbd1cc94
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/errores_frecuentes_collarin_cervical.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/posicion_tes_inmovilizacion_manual.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/posicion_tes_inmovilizacion_manual.png
new file mode 100755
index 00000000..c1f0b1ca
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/posicion_tes_inmovilizacion_manual.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/secuencia_transicion_inmovilizacion.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/secuencia_transicion_inmovilizacion.png
new file mode 100755
index 00000000..8f91b659
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/secuencia_transicion_inmovilizacion.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical.png
new file mode 100755
index 00000000..bd6f2815
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical1.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical1.png
new file mode 100755
index 00000000..77dff43c
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical1.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_error_demasiado_grande.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_error_demasiado_grande.png
new file mode 100755
index 00000000..a83a5f63
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_error_demasiado_grande.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_medicion_anatomica.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_medicion_anatomica.png
new file mode 100755
index 00000000..85df68e5
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_medicion_anatomica.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_tabla_tallas.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_tabla_tallas.png
new file mode 100755
index 00000000..5e5e039a
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_tabla_tallas.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/situaciones_que_requieren_inmovilizacion.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/situaciones_que_requieren_inmovilizacion.png
new file mode 100755
index 00000000..eb89f539
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/situaciones_que_requieren_inmovilizacion.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/tecnica_sujecion_manual_cervical.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/tecnica_sujecion_manual_cervical.png
new file mode 100755
index 00000000..a113d061
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/tecnica_sujecion_manual_cervical.png differ
diff --git a/frontend/public/assets/infografias/bloque-2-inmovilizacion/verificaciones_post_colocacion_collarin.png b/frontend/public/assets/infografias/bloque-2-inmovilizacion/verificaciones_post_colocacion_collarin.png
new file mode 100755
index 00000000..132521ab
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-2-inmovilizacion/verificaciones_post_colocacion_collarin.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/canulas_guedel_nasofaringea.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/canulas_guedel_nasofaringea.png
new file mode 100755
index 00000000..09fd74f8
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/canulas_guedel_nasofaringea.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/configuracion_maxima_fio2_bolsa_mascarilla.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/configuracion_maxima_fio2_bolsa_mascarilla.png
new file mode 100755
index 00000000..7e3d38e2
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/configuracion_maxima_fio2_bolsa_mascarilla.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/dispositivos_supragloticos_guia.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/dispositivos_supragloticos_guia.png
new file mode 100755
index 00000000..5648d463
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/dispositivos_supragloticos_guia.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/interpretacion_constantes_semaforo.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/interpretacion_constantes_semaforo.png
new file mode 100755
index 00000000..9c83a43a
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/interpretacion_constantes_semaforo.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/registro_constantes_vitales.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/registro_constantes_vitales.png
new file mode 100755
index 00000000..7f9198bd
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/registro_constantes_vitales.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_ambu.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_ambu.png
new file mode 100755
index 00000000..a6a86467
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_ambu.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_pulsioximetro.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_pulsioximetro.png
new file mode 100755
index 00000000..29c48ccb
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_pulsioximetro.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_tensiometro.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_tensiometro.png
new file mode 100755
index 00000000..96d38d2a
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/uso_correcto_tensiometro.png differ
diff --git a/frontend/public/assets/infografias/bloque-3-material-sanitario/ventilacion_medios_fortuna.png b/frontend/public/assets/infografias/bloque-3-material-sanitario/ventilacion_medios_fortuna.png
new file mode 100755
index 00000000..b5f451e0
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-3-material-sanitario/ventilacion_medios_fortuna.png differ
diff --git a/frontend/public/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.png b/frontend/public/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.png
new file mode 100755
index 00000000..7fefd483
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.png differ
diff --git a/frontend/public/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.svg b/frontend/public/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.svg
new file mode 100755
index 00000000..f6158553
--- /dev/null
+++ b/frontend/public/assets/infografias/bloque-4-rcp/algoritmo_rcp_comentado.svg
@@ -0,0 +1,102 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1400" viewBox="0 0 1000 1400">
+  <!-- Fondo -->
+  <rect width="1000" height="1400" fill="#f8f9fa"/>
+  
+  <!-- T�tulo -->
+  <rect x="20" y="20" width="960" height="80" fill="#dc3545" rx="8"/>
+  <text x="500" y="70" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="middle">ALGORITMO RCP ADULTO SVB 2021</text>
+  
+  <!-- Paso 1: Seguridad -->
+  <rect x="100" y="130" width="800" height="80" fill="#28a745" rx="8"/>
+  <text x="500" y="175" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">1. SEGURIDAD DE LA ESCENA</text>
+  <text x="500" y="200" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Verificar que es seguro intervenir</text>
+  
+  <!-- Flecha -->
+  <path d="M 500 210 L 500 240" stroke="#333" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  
+  <!-- Paso 2: Consciencia -->
+  <rect x="100" y="250" width="800" height="80" fill="#ffc107" rx="8"/>
+  <text x="500" y="290" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#000" text-anchor="middle">2. COMPROBAR CONSCIENCIA</text>
+  <text x="500" y="315" font-family="Arial, sans-serif" font-size="16" fill="#000" text-anchor="middle">Sacudir suavemente y gritar: "�Est�s bien?"</text>
+  
+  <!-- Decisi�n 1 -->
+  <path d="M 500 330 L 500 360" stroke="#333" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  <polygon points="500,370 600,420 500,470 400,420" fill="#17a2b8"/>
+  <text x="500" y="415" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">�RESPONDE?</text>
+  <text x="500" y="435" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">(Se mueve/habla)</text>
+  
+  <!-- S� responde -->
+  <path d="M 600 420 L 750 420" stroke="#28a745" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  <rect x="760" y="380" width="200" height="80" fill="#d4edda" rx="8" stroke="#28a745" stroke-width="2"/>
+  <text x="860" y="415" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#155724" text-anchor="middle">POSICI�N</text>
+  <text x="860" y="435" font-family="Arial, sans-serif" font-size="14" fill="#155724" text-anchor="middle">DE SEGURIDAD</text>
+  <text x="860" y="455" font-family="Arial, sans-serif" font-size="12" fill="#155724" text-anchor="middle">Vigilar</text>
+  
+  <!-- NO responde -->
+  <path d="M 500 470 L 500 500" stroke="#dc3545" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  <text x="520" y="490" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#dc3545">NO</text>
+  
+  <!-- Paso 3: Pedir ayuda -->
+  <rect x="100" y="510" width="800" height="80" fill="#dc3545" rx="8"/>
+  <text x="500" y="545" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">3. PEDIR AYUDA - LLAMAR 112</text>
+  <text x="500" y="570" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Activar cadena supervivencia. Pedir DESA</text>
+  
+  <path d="M 500 590 L 500 620" stroke="#333" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  
+  <!-- Paso 4: Respiraci�n -->
+  <rect x="100" y="630" width="800" height="80" fill="#ffc107" rx="8"/>
+  <text x="500" y="665" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#000" text-anchor="middle">4. ABRIR V�A A�REA - COMPROBAR RESPIRACI�N</text>
+  <text x="500" y="690" font-family="Arial, sans-serif" font-size="16" fill="#000" text-anchor="middle">Maniobra frente-ment�n. VER-O�R-SENTIR (m�x 10 seg)</text>
+  
+  <!-- Decisi�n 2 -->
+  <path d="M 500 710 L 500 740" stroke="#333" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  <polygon points="500,750 600,800 500,850 400,800" fill="#17a2b8"/>
+  <text x="500" y="795" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white" text-anchor="middle">�RESPIRA</text>
+  <text x="500" y="815" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">NORMAL?</text>
+  
+  <!-- S� respira -->
+  <path d="M 600 800 L 750 800" stroke="#28a745" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  <rect x="760" y="760" width="200" height="80" fill="#d4edda" rx="8" stroke="#28a745" stroke-width="2"/>
+  <text x="860" y="795" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#155724" text-anchor="middle">POSICI�N</text>
+  <text x="860" y="815" font-family="Arial, sans-serif" font-size="14" fill="#155724" text-anchor="middle">LATERAL</text>
+  <text x="860" y="835" font-family="Arial, sans-serif" font-size="12" fill="#155724" text-anchor="middle">Vigilar</text>
+  
+  <!-- NO respira / Gasping -->
+  <path d="M 500 850 L 500 880" stroke="#dc3545" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  <text x="520" y="870" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#dc3545">NO / Gasping</text>
+  
+  <!-- Paso 5: RCP -->
+  <rect x="100" y="890" width="800" height="100" fill="#dc3545" rx="8"/>
+  <text x="500" y="925" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="white" text-anchor="middle">5. INICIAR RCP: 30 COMPRESIONES + 2 VENTILACIONES</text>
+  <text x="500" y="950" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Centro del t�rax | 5-6 cm profundidad | 100-120/min</text>
+  <text x="500" y="975" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Descompresi�n completa | Minimizar interrupciones</text>
+  
+  <path d="M 500 990 L 500 1020" stroke="#333" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  
+  <!-- Paso 6: DESA -->
+  <rect x="100" y="1030" width="800" height="100" fill="#6610f2" rx="8"/>
+  <text x="500" y="1065" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="white" text-anchor="middle">6. DESA EN CUANTO EST� DISPONIBLE</text>
+  <text x="500" y="1090" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Encender � Seguir instrucciones � Colocar parches</text>
+  <text x="500" y="1115" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Si shock indicado: Descargar y reanudar RCP INMEDIATO</text>
+  
+  <path d="M 500 1130 L 500 1160" stroke="#333" stroke-width="3" fill="none" marker-end="url(#arrow)"/>
+  
+  <!-- Ciclo continuo -->
+  <rect x="100" y="1170" width="800" height="80" fill="#20c997" rx="8"/>
+  <text x="500" y="1205" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">7. CONTINUAR RCP 30:2 HASTA QUE:</text>
+  <text x="500" y="1235" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Llegue ayuda profesional | Paciente respire normal | Agotamiento</text>
+  
+  <!-- Notas importantes -->
+  <rect x="50" y="1280" width="900" height="100" fill="#fff3cd" rx="8" stroke="#ffc107" stroke-width="2"/>
+  <text x="500" y="1310" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#856404" text-anchor="middle">PUNTOS CLAVE</text>
+  <text x="500" y="1335" font-family="Arial, sans-serif" font-size="14" fill="#856404" text-anchor="middle">" Las compresiones son M�S importantes que las ventilaciones</text>
+  <text x="500" y="1355" font-family="Arial, sans-serif" font-size="14" fill="#856404" text-anchor="middle">" Si solo/no puedes ventilar: SOLO COMPRESIONES continuas</text>
+  <text x="500" y="1375" font-family="Arial, sans-serif" font-size="14" fill="#856404" text-anchor="middle">" Cambiar de reanimador cada 2 min (5 ciclos) para evitar fatiga</text>
+  
+  <!-- Definici�n de flecha -->
+  <defs>
+    <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
+      <path d="M0,0 L0,6 L9,3 z" fill="#333" />
+    </marker>
+  </defs>
+</svg>
diff --git a/frontend/public/assets/infografias/bloque-4-rcp/introduccion_rcp_adulto_svb.png b/frontend/public/assets/infografias/bloque-4-rcp/introduccion_rcp_adulto_svb.png
new file mode 100755
index 00000000..20b92990
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-4-rcp/introduccion_rcp_adulto_svb.png differ
diff --git a/frontend/public/assets/infografias/bloque-7-conduccion/configuracion_gps_antes_de_salir.png b/frontend/public/assets/infografias/bloque-7-conduccion/configuracion_gps_antes_de_salir.png
new file mode 100755
index 00000000..66291e37
Binary files /dev/null and b/frontend/public/assets/infografias/bloque-7-conduccion/configuracion_gps_antes_de_salir.png differ
diff --git a/frontend/public/icon-192.png b/frontend/public/icon-192.png
new file mode 100644
index 00000000..0a2842a4
Binary files /dev/null and b/frontend/public/icon-192.png differ
diff --git a/frontend/public/icon-512.png b/frontend/public/icon-512.png
new file mode 100644
index 00000000..f77e7cc6
Binary files /dev/null and b/frontend/public/icon-512.png differ
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
new file mode 100644
index 00000000..e9f7ecb6
--- /dev/null
+++ b/frontend/public/manifest.json
@@ -0,0 +1,52 @@
+{
+  "name": "Código 0 — Guía TES",
+  "short_name": "Código 0",
+  "description": "Referencia rápida de protocolos de emergencias para Técnicos de Emergencias Sanitarias",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#0f172a",
+  "theme_color": "#0f172a",
+  "orientation": "portrait-primary",
+  "lang": "es",
+  "dir": "ltr",
+  "categories": ["medical", "health", "education"],
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/favicon.ico",
+      "sizes": "48x48",
+      "type": "image/x-icon"
+    }
+  ],
+  "shortcuts": [
+    {
+      "name": "Urgencias",
+      "short_name": "Urgencias",
+      "description": "Acceso rápido a protocolos de urgencia",
+      "url": "/urgencias",
+      "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
+    },
+    {
+      "name": "RCP",
+      "short_name": "RCP",
+      "description": "Protocolo de reanimación cardiopulmonar",
+      "url": "/rcp",
+      "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
+    }
+  ],
+  "screenshots": [],
+  "related_applications": [],
+  "prefer_related_applications": false
+}
\ No newline at end of file
diff --git a/frontend/public/manual/anafilaxia.md b/frontend/public/manual/anafilaxia.md
new file mode 100644
index 00000000..f0698906
--- /dev/null
+++ b/frontend/public/manual/anafilaxia.md
@@ -0,0 +1,52 @@
+---
+id: anafilaxia-protocol
+title: Protocolo de Anafilaxia
+shortTitle: Anafilaxia
+category: sca
+ageGroup: todos
+description: Manejo inmediato de la anafilaxia y reacción alérgica grave.
+source: Guía de Anafilaxia
+---
+
+## Evaluación Inicial
+
+1. ¿Hay exposición conocida a alérgenos? (Comida, medicación, picaduras)
+2. ¿Síntomas cutáneos? (Urticaria, rubor, picor)
+3. ¿Síntomas respiratorios? (Disnea, sibilancias, estridor)
+4. ¿Síntomas gastrointestinales? (Náuseas, vómitos, dolor abdominal)
+5. ¿Hipotensión o síntomas de shock? (Mareo, pérdida de conciencia)
+
+## Pasos
+
+### 1. Seguridad y Activación
+**Instrucción:** Asegure la vía aérea y active el servicio de emergencias (112) inmediatamente si hay compromiso respiratorio o cardiovascular.
+**Verificación:** ¿Ha activado el 112? ¿Está la vía aérea segura?
+**Crítico:** Sí
+
+### 2. Administración de Epinefrina (Adrenalina)
+**Instrucción:** Administre epinefrina intramuscular 0.3-0.5 mg (1:1000) en el muslo lateral. Repetir cada 5-15 minutos si no hay mejora.
+**Verificación:** ¿Se ha administrado epinefrina? ¿Dosis correcta en muslo?
+**Notas:** No retrasar la administración. Es el tratamiento de primera línea.
+**Crítico:** Sí
+
+### 3. Posicionamiento
+**Instrucción:** Coloque al paciente en posición de decúbito supino con elevación de piernas si hay hipotensión. Si hay dificultad respiratoria, permitir posición semisentada.
+**Verificación:** ¿Está en posición adecuada según síntomas?
+**Crítico:** Sí
+
+### 4. Oxigeno
+**Instrucción:** Administrar oxígeno suplementario a alto flujo si hay hipoxia o dificultad respiratoria.
+**Verificación:** ¿Saturación de oxígeno >94%?
+**Crítico:** No
+
+### 5. Vía Venosa
+**Instrucción:** Canular vena periférica y administrar líquidos isotónicos (suero salino o Ringer lactato) si hay hipotensión.
+**Verificación:** ¿Vía venosa permeable? ¿Fluidos administrados?
+**Crítico:** Sí (si hipotensión)
+
+## Notas Importantes
+
+- La epinefrina es el tratamiento clave: no retrasar.
+- Monitorear constantemente: signos vitales, saturación, conciencia.
+- Prepararse para reacción bifásica (recurrencia de síntomas horas después).
+- derivación a urgencias siempre que se administre epinefrina.
\ No newline at end of file
diff --git a/frontend/public/manual/rcp-adulto.md b/frontend/public/manual/rcp-adulto.md
new file mode 100644
index 00000000..a472a8ad
--- /dev/null
+++ b/frontend/public/manual/rcp-adulto.md
@@ -0,0 +1,80 @@
+---
+id: rcp-telephone-adult
+title: RCP Transtelefónica - Adultos
+shortTitle: RCP Adulto
+category: rcp
+ageGroup: adulto
+description: Guía paso a paso para que un testigo realice RCP en un adulto mientras llega la ambulancia.
+source: BLOQUE_04_1_RCP_ADULTOS.md
+---
+
+## Evaluación Inicial
+
+1. ¿Está la persona consciente? ¿Responde si le habla o le toca?
+2. ¿Está respirando normalmente? (No cuente boqueadas o respiraciones muy lentas)
+3. ¿Es seguro acercarse? (No hay riesgo de tráfico, electricidad, fuego, violencia)
+
+## Pasos
+
+### 1. Activar Emergencias
+**Instrucción:** Primero, active el servicio de emergencias. ¿Ya ha llamado al 112?
+**Verificación:** Confirme que ha llamado al 112 o que alguien más lo está haciendo
+**Notas:** Si no ha llamado, guíe para que llame primero o que otra persona llame
+**Crítico:** Sí
+
+### 2. Colocar en Superficie Firme
+**Instrucción:** Coloque a la persona boca arriba sobre una superficie firme y plana, como el suelo.
+**Verificación:** ¿Está la persona boca arriba sobre una superficie firme?
+**Crítico:** Sí
+
+### 3. Abrir Vía Aérea
+**Instrucción:** Incline suavemente la cabeza hacia atrás y levante la barbilla. Esto abre la vía aérea.
+**Verificación:** ¿Puede ver que la cabeza está inclinada hacia atrás y la barbilla levantada?
+**Notas:** Si sospecha trauma cervical, indique que no mueva la cabeza
+**Crítico:** Sí
+
+### 4. Verificar Respiración
+**Instrucción:** Acérquese y mire, escuche y sienta si respira normalmente. Hágalo durante 10 segundos máximo.
+**Verificación:** ¿Respira normalmente? (No cuente boqueadas o respiraciones muy lentas)
+**Crítico:** Sí
+
+### 5. Iniciar Compresiones
+**Instrucción:** Si NO respira normalmente, coloque el talón de una mano en el centro del pecho, entre los pezones. Coloque la otra mano encima y entrelace los dedos.
+**Verificación:** ¿Tiene las manos colocadas correctamente en el centro del pecho?
+**Crítico:** Sí
+
+### 6. Técnica de Compresiones
+**Instrucción:** Con los brazos rectos y los hombros sobre las manos, comprima el pecho hacia abajo unos 5-6 centímetros. Deje que el pecho vuelva completamente arriba después de cada compresión.
+**Verificación:** ¿Está comprimiendo hacia abajo y dejando que el pecho vuelva completamente arriba?
+**Notas:** La profundidad y el recoil completo son críticos
+**Crítico:** Sí
+
+### 7. Ritmo de Compresiones
+**Instrucción:** Haga las compresiones a un ritmo rápido y constante, aproximadamente 100-120 por minuto. Puede contar en voz alta: "uno, dos, tres..." hasta "treinta".
+**Verificación:** ¿Está haciendo las compresiones a un ritmo rápido y constante?
+**Notas:** El ritmo es crítico: demasiado lento o rápido reduce la efectividad
+**Crítico:** Sí
+
+### 8. Ventilaciones
+**Instrucción:** Después de 30 compresiones, incline la cabeza hacia atrás, levante la barbilla, pellizque la nariz y dé 2 respiraciones de rescate. Cada respiración debe durar 1 segundo y ver que el pecho se eleva.
+**Verificación:** ¿Está dando las respiraciones y ve que el pecho se eleva?
+**Notas:** Si no puede o no quiere dar respiraciones, continúe solo con compresiones
+**Crítico:** Sí
+
+### 9. Continuar Ciclos
+**Instrucción:** Continúe con ciclos de 30 compresiones seguidas de 2 respiraciones. No pare hasta que llegue la ambulancia o la persona empiece a respirar normalmente.
+**Verificación:** ¿Está continuando con los ciclos sin parar?
+**Crítico:** Sí
+
+### 10. Cambio de Reanimador
+**Instrucción:** Si hay otra persona disponible, pueden turnarse cada 2 minutos para evitar el cansancio. El cambio debe ser rápido, en menos de 5 segundos.
+**Verificación:** ¿Hay alguien más que pueda ayudar?
+**Notas:** Solo si hay más personas disponibles
+**Crítico:** No
+
+## Notas Importantes
+
+- Si el testigo no puede o no quiere dar respiraciones, es mejor que continúe solo con compresiones que parar
+- Las compresiones continuas sin respiraciones son mejores que no hacer nada
+- No pare para buscar pulso: continúe hasta que llegue la ambulancia o la persona respire normalmente
+- Si la persona empieza a respirar normalmente o se mueve, pare las compresiones y colóquela de lado
\ No newline at end of file
diff --git a/frontend/public/manual/urgencias-neurologicas.md b/frontend/public/manual/urgencias-neurologicas.md
new file mode 100644
index 00000000..480d1202
--- /dev/null
+++ b/frontend/public/manual/urgencias-neurologicas.md
@@ -0,0 +1,54 @@
+# Urgencias Neurológicas Common en el TES
+
+Las urgencias neurológicas requieren una valoración rápida y precisa, ya que muchas (como el Ictus) son tiempo-dependientes.
+
+---
+
+## 🧠 1. El Ictus (Accidente Cerebrovascular - ACV)
+
+El Ictus es la interrupción del flujo sanguíneo cerebral.
+
+### Tipos:
+- **Isquémico (85%)**: Obstrucción del vaso (trombo o émbolo). **Tiempo es Cerebro**.
+- **Hemorrágico (15%)**: Rotura del vaso (aneurisma o HTA grave).
+
+### Valoración: Escala FAST / BE-FAST
+- **F (Face)**: Cara caída de un lado.
+- **A (Arms)**: Un brazo cae si se intenta sostener.
+- **S (Speech)**: Habla incomprensible o arrastrada.
+- **T (Time)**: Activar Código Ictus.
+
+**Punto Clave TES**: Determinar la **"Hora de la última vez visto bien"**. Es el dato más crítico para la ventana terapéutica holspitalaria.
+
+---
+
+## ⚡ 2. Crisis Convulsivas y Epilepsia
+
+Son descargas eléctricas anormales en el cerebro.
+
+### Fases de una Crisis Tónico-clónica:
+1. **Aura**: Sensación previa (no siempre presente).
+2. **Fase Tónica**: Rigidez muscular.
+3. **Fase Clónica**: Sacudidas rítmicas.
+4. **Fase Post-ictal**: Recuperación lenta, confusión y desorientación.
+
+### Actuación del TES:
+- **Seguridad**: Evitar golpes, proteger cabeza.
+- **Oxigenación**: Administrar O2.
+- **Glucemia**: Descartar hipoglucemia (puede simular una crisis).
+
+---
+
+## 🕯️ 3. Síncope y Lipotimia
+
+Pérdida de consciencia transitoria por hipoperfusión cerebral.
+
+- **Lipotimia**: Mareo sin pérdida total de consciencia.
+- **Síncope**: Pérdida total y brusca, recuperación rápida al quedar en horizontal.
+
+**Manejo**: Trendelenburg (piernas elevadas), control de constantes y descartar causas cardíacas graves.
+
+---
+
+> [!CAUTION]
+> **Estatus Epiléptico**: Crisis que dura > 5 min o sucesivas sin recuperar consciencia. Es una emergencia vital que requiere Soporte Vital Avanzado (SVA) inmediato.
diff --git a/frontend/public/manual/valoracion-abcde.md b/frontend/public/manual/valoracion-abcde.md
new file mode 100644
index 00000000..17b36c47
--- /dev/null
+++ b/frontend/public/manual/valoracion-abcde.md
@@ -0,0 +1,56 @@
+# Valoración Inicial: El Algoritmo ABCDE
+
+El algoritmo **ABCDE** es la piedra angular de la asistencia en emergencias. Su objetivo es identificar y tratar las amenazas vitales de forma secuencial y priorizada.
+
+---
+
+## A: Airway (Vía Aérea con Control Cervical)
+El primer paso es asegurar que el aire llegue a los pulmones.
+
+- **Valoración**: ¿Puede hablar? ¿Hay ruidos extraños (estridor, ronquido)?
+- **Acciones**:
+  - Maniobra frente-mentón (si no hay sospecha de trauma).
+  - Tracción mandibular (si hay sospecha de trauma).
+  - Limpieza de secreciones o cuerpos extraños.
+  - Uso de cánulas orofaríngeas (Guedel).
+  - **Inmovilización Cervical**: Mantener alineación manual o collarín en pacientes traumáticos.
+
+## B: Breathing (Respiración y Ventilación)
+Una vía aérea abierta no garantiza una buena oxigenación.
+
+- **Valoración**: Frecuencia respiratoria (FR), saturación (SatO2), expansión torácica, ruidos respiratorios.
+- **Acciones**:
+  - Administrar Oxígeno (Gafas, Mascarilla o Reservorio).
+  - Ventilación asistida con BVM (Ambú) si la FR < 10 o > 30 con signos de fatiga.
+  - Sellar heridas penetrantes en el tórax.
+
+## C: Circulation (Circulación y Control de Hemorragias)
+Asegurar la perfusión de los órganos vitales.
+
+- **Valoración**: Pulso (frecuencia, calidad), relleno capilar (< 2 seg), color y temperatura de la piel, tensión arterial.
+- **Acciones**:
+  - **Control de hemorragias externas**: Presión directa, vendaje compresivo o torniquete.
+  - Canalización de vía venosa y reposición de fluidos (Suero Fisiológico).
+  - Mantener la temperatura corporal (Manta térmica).
+
+## D: Disability (Déficit Neurológico)
+Evaluación rápida del estado cerebral.
+
+- **Valoración**:
+  - **Escala AVDI**: Alerta, Verbal, Dolor, Inconsciente.
+  - **Escala de Glasgow (GCS)**: Valoración de respuesta ocular, verbal y motora.
+  - **Pupilas**: Tamaño, simetría y reactividad a la luz (PIRRL).
+  - **Glucemia**: Siempre descartar causas metabólicas.
+
+## E: Exposure (Exposición y Control del Entorno)
+Examen completo del paciente evitando la hipotermia.
+
+- **Acciones**:
+  - Cortar la ropa si es necesario para buscar lesiones ocultas.
+  - Cubrir inmediatamente para evitar la pérdida de calor.
+  - Respetar la intimidad del paciente en la medida de lo posible.
+
+---
+
+> [!IMPORTANT]
+> **RE-EVALUACIÓN CONSTANTE**: Si el paciente empeora en cualquier momento, se debe reiniciar el algoritmo desde el punto **A**.
diff --git a/frontend/public/media/protocols/svb/rcp_tecnica.png b/frontend/public/media/protocols/svb/rcp_tecnica.png
new file mode 100644
index 00000000..972c59ad
Binary files /dev/null and b/frontend/public/media/protocols/svb/rcp_tecnica.png differ
diff --git a/frontend/public/protocols/conduccion/luces-sirena.yaml b/frontend/public/protocols/conduccion/luces-sirena.yaml
new file mode 100644
index 00000000..1d9e04ab
--- /dev/null
+++ b/frontend/public/protocols/conduccion/luces-sirena.yaml
@@ -0,0 +1,47 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: luces-sirena
+titulo: Uso de Luces y Sirena
+subtitulo: Conducción de emergencias
+categoria: conduccion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_07_1_USO_LUCES_Y_SIRENA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Priorizar seguridad sobre velocidad."
+  - tipo: warning
+    texto: "Usar con moderación y criterio."
+
+# ─── CUÁNDO USAR ─────────────────────────────────────────────
+uso:
+  - "Situaciones de emergencia"
+  - "Traslado urgente"
+  - "Respuesta a incidentes"
+
+# ─── TIPOS ─────────────────────────────────────────────────
+tipos:
+  - "Luces de emergencia"
+  - "Luces de circulación"
+  - "Sirena"
+
+# ─── PROCEDIMIENTO ─────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Activación
+    descripcion: "Activar según situación."
+
+  - tipo: tecnica
+    titulo: Circulación
+    descripcion: "Mantener seguridad."
+
+  - tipo: tecnica
+    titulo: Desactivación
+    descripcion: "Desactivar al llegar."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Exceso de velocidad"
+  - "No mantener seguridad"
diff --git a/frontend/public/protocols/conduccion/tecnicas-conduccion-emergencias.yaml b/frontend/public/protocols/conduccion/tecnicas-conduccion-emergencias.yaml
new file mode 100644
index 00000000..72c64064
--- /dev/null
+++ b/frontend/public/protocols/conduccion/tecnicas-conduccion-emergencias.yaml
@@ -0,0 +1,28 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: tecnicas-conduccion-emergencias
+titulo: Técnicas de Conducción de Emergencias
+subtitulo: Conducción segura
+categoria: conduccion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_07_2_TECNICAS_CONDUCCION_EMERGENCIAS.md
+actualizado: 2025-12-23
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "Seguridad primero"
+  - "Anticipar peligros"
+  - "Mantener control"
+
+# ─── TÉCNICAS ────────────────────────────────────────────────
+tecnicas:
+  - "Aceleración suave"
+  - "Frenado progresivo"
+  - "Curvas: decelerar antes"
+  - "Distancia de seguridad"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Exceso de velocidad"
+  - "Frenazos bruscos"
+  - "No anticipar"
diff --git a/frontend/public/protocols/emergencias/alteraciones-psiquiatricas.yaml b/frontend/public/protocols/emergencias/alteraciones-psiquiatricas.yaml
new file mode 100644
index 00000000..6cc039da
--- /dev/null
+++ b/frontend/public/protocols/emergencias/alteraciones-psiquiatricas.yaml
@@ -0,0 +1,41 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: alteracones-psiquiatricas
+titulo: Alteraciones Psiquiátricas
+subtitulo: Manejo inicial
+categoria: emergencias
+urgencia: media
+version: 1.0
+fuente: BLOQUE_15_ALTERACIONES_PSIQUIATRICAS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Priorizar seguridad del paciente y equipo."
+  - tipo: warning
+    texto: "No confrontar."
+
+# ─── EVALUACIÓN ────────────────────────────────────────────────
+evaluacion:
+  - "Nivel de consciencia"
+  - "Riesgo de autolesión"
+  - "Riesgo de heteroagresión"
+  - "Ideas suicidas"
+
+# ─── ACTITUD ─────────────────────────────────────────────────
+actitud:
+  - "Calma"
+  - "Empatía"
+  - "No juzgar"
+  - "Escucha activa"
+
+# ─── CONTENCIÓN ────────────────────────────────────────────────
+contencion:
+  - "Verbal primero"
+  - "Física solo si necesario"
+  - "Equipo preparado"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Confrontar"
+  - "No evaluar riesgo"
diff --git a/frontend/public/protocols/emergencias/convulsiones.yaml b/frontend/public/protocols/emergencias/convulsiones.yaml
new file mode 100644
index 00000000..575bd69c
--- /dev/null
+++ b/frontend/public/protocols/emergencias/convulsiones.yaml
@@ -0,0 +1,74 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: convulsiones
+titulo: Crisis Convulsiva / Epilepsia
+subtitulo: Manejo de convulsiones tónico-clónicas y fase post-ictal
+categoria: emergencias
+urgencia: critica
+version: "2024.1"
+fuente: ILCOR / SEMICYUC
+actualizado: 2024-03-22
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "NO introducir objetos en la boca. NO intentar sujetar al paciente con fuerza."
+  - tipo: warning
+    texto: "Si la crisis dura más de 5 minutos, tratar como Estatus Epiléptico (Emergencia Vital)."
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: checklist
+    titulo: Seguridad y Protección
+    descripcion: Fase Ictial (Durante la crisis).
+    items:
+      - Retirar objetos peligrosos del entorno
+      - Proteger la cabeza con algo blando (ropa, almohadilla)
+      - Aflojar ropa ajustada al cuello
+      - Controlar el tiempo de inicio de la crisis
+
+  - tipo: tecnica
+    titulo: Manejo de vía aérea
+    descripcion: Asegurar oxigenación sin maniobras invasivas.
+    items:
+      - NO forzar apertura mandibular
+      - Administrar oxígeno (Mascarilla reservorio 10-15 lpm)
+      - Aspirar secreciones solo si es posible sin forzar
+
+  - tipo: decision
+    titulo: ¿Ha cesado la crisis?
+    si: Pasar a fase post-ictal (Valoración ABCDE)
+    no: Esperar 5 min y activar Soporte Vital Avanzado
+
+  - tipo: tecnica
+    titulo: Cuidados Post-ictales
+    descripcion: Fase de recuperación (Somnolencia, confusión).
+    items:
+      - Colocar en Posición Lateral de Seguridad (PLS)
+      - Valorar nivel de consciencia (Glucemia obligatoria)
+      - Exploración física (Signos de trauma, mordedura de lengua)
+      - Monitorización de constantes vitales
+
+  - tipo: info
+    titulo: Criterios de Gravedad
+    descripcion: Cuándo activar SVA inmediatamente.
+    items:
+      - Crisis prolongada (> 5 min)
+      - Crisis sucesivas sin recuperar consciencia entre ellas
+      - Primera crisis (sin antecedentes conocidos)
+      - Embarazada o traumatismo craneal previo
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Oxígeno
+    filas:
+      - label: Dosis
+        valor: "10-15 lpm (Mascarilla reservorio)"
+      - label: Indicación
+        valor: "Durante y tras la crisis"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Mascarilla con reservorio
+  - Aspirador de secreciones
+  - Pulsioxímetro
+  - Glucometro
diff --git a/frontend/public/protocols/emergencias/hiperglucemia.yaml b/frontend/public/protocols/emergencias/hiperglucemia.yaml
new file mode 100644
index 00000000..83ad8979
--- /dev/null
+++ b/frontend/public/protocols/emergencias/hiperglucemia.yaml
@@ -0,0 +1,69 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: hiperglucemia
+titulo: Hiperglucemia (CAD / EHH)
+subtitulo: Crisis hiperglucémicas (Cetoacidosis y Estado Hiperosmolar)
+categoria: emergencias
+urgencia: alta
+version: "2024.1"
+fuente: ADA 2024 / Manual TES
+actualizado: 2024-03-22
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "La hiperglucemia extrema suele cursar con deshidratación grave. El paciente puede presentar aliento cetósico (olor a manzana/fruta) y respiración de Kussmaul."
+  - tipo: danger
+    texto: "NUNCA administrar insulina en el entorno prehospitalario básico. Riesgo alto de hipoglucemia iatrogénica."
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: checklist
+    titulo: Valoración Clínica
+    descripcion: Signos típicos de crisis.
+    items:
+      - Valorar triada: Polidipsia (mucha sed), Poliuria, Polifagia
+      - Evaluar hidratación: Mucosas secas, signo del pliegue (+)
+      - Verificar nivel de consciencia (Glasgow)
+      - Medir constantes vitales (TA, FC, Tª)
+
+  - tipo: tecnica
+    titulo: Medida de Glucemia
+    urgencia: critica
+    descripcion: Confirmación diagnóstica mediante glucometría capilar.
+    items:
+      - Realizar punción capilar siguiendo asepsia
+      - Resultados > 250-300 mg/dL sugieren crisis hiperglucémica
+      - Si el glucómetro indica 'HI', la glucemia supera los 600 mg/dL (Riesgo alto de EHH)
+
+  - tipo: tecnica
+    titulo: Manejo Terapéutico (TES)
+    descripcion: Medidas de soporte y estabilización.
+    items:
+      - Asegurar vía aérea y oxigenoterapia si compromiso (SatO2 < 94%)
+      - Canalización de vía venosa periférica (si el protocolo local lo permite)
+      - Administración de Suero Fisiológico 0.9% (500 ml - 1 litro en 1 hora si hay shock)
+      - Monitorización continua del ritmo cardíaco (Riesgo de arritmias por potasio)
+
+  - tipo: info
+    titulo: Identificación: CAD vs EHH
+    descripcion: Diferenciación rápida para el informe médico.
+    items:
+      - Cetoacidosis (CAD): Más frecuente en DM1, inicio rápido, aliento cetósico y dolor abdominal.
+      - Estado Hiperosmolar (EHH): Más frecuente en DM2 (ancianos), inicio lento, deshidratación extrema y alteraciones neurológicas.
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Suero Fisiológico 0.9%
+    filas:
+      - label: Dosis inicial
+        valor: "500 ml - 1000 ml IV"
+      - label: Objetivo
+        valor: "Reposición de volumen / Rehidratación"
+    indicacion: "Signos de deshidratación grave o shock hipovolémico"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Glucometro con tiras compatibles
+  - Kit de canalización venosa (Catéteres 18G/20G)
+  - Sueroterapia
+  - Pulsioxímetro
diff --git a/frontend/public/protocols/emergencias/parto-emergencia.yaml b/frontend/public/protocols/emergencias/parto-emergencia.yaml
new file mode 100644
index 00000000..f1e08508
--- /dev/null
+++ b/frontend/public/protocols/emergencias/parto-emergencia.yaml
@@ -0,0 +1,88 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: partos-emergencia
+titulo: Parto Inminente
+subtitulo: Asistencia en parto extrahospitalario para TES
+categoria: emergencias
+urgencia: critica
+version: "2024.1"
+fuente: PHS (Prehospital Care Protocols)
+actualizado: 2024-03-22
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Si el traslado no es posible por inminencia del expulsivo, priorizar asistencia en el lugar."
+  - tipo: warning
+    texto: "Mantener temperatura cálida en el habitáculo. Evitar enfriamiento del recién nacido."
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: checklist
+    titulo: Evaluación inicial y preparación
+    descripcion: Determinar si el traslado es viable o se asiste in situ.
+    items:
+      - Preguntar paridad (¿primer hijo?)
+      - Frecuencia de contracciones (¿cada 2-3 min?)
+      - Sensación de pujo o abombamiento perineal
+      - Verificar si hay rotura de bolsa (líquido claro/teñido)
+
+  - tipo: tecnica
+    titulo: Preparación de la escena
+    descripcion: Crear un entorno seguro y cálido.
+    items:
+      - Luz adecuada y privacidad
+      - Posicionar a la madre (semi-Fowler o decúbito supino con pelvis elevada)
+      - Preparar kit de parto (mantas, pinzas, gasas)
+      - Lavado de manos y guantes estériles
+
+  - tipo: tecnica
+    titulo: Fase de expulsivo
+    urgencia: critica
+    descripcion: Salida de la cabeza y hombros.
+    parametros:
+      - label: Protección
+        valor: "Sostener periné para evitar desgarros"
+      - label: Cabeza
+        valor: "Verificar circular de cordón al cuello"
+      - label: Hombros
+        valor: "Hombro anterior primero, luego posterior"
+    items:
+      - NO tirar de la cabeza
+      - Limpiar secreciones solo si hay obstrucción evidente
+
+  - tipo: tecnica
+    titulo: Asistencia al recién nacido
+    descripcion: Cuidados inmediatos tras el nacimiento.
+    items:
+      - Secado vigoroso para evitar hipotermia
+      - Colocar piel con piel sobre la madre
+      - Estimulación si no llora
+      - Pinzamiento del cordón (esperar 1-3 min si es posible)
+
+  - tipo: info
+    titulo: Alumbramiento (Fase 3)
+    descripcion: Salida de la placenta.
+    items:
+      - NO traccionar del cordón umbilical
+      - Masaje uterino suave para favorecer contracción
+      - Vigilar hemorragia postparto
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Suero Fisiológico
+    filas:
+      - label: Dosis
+        valor: "500 ml IV (si hemorragia excesiva)"
+      - label: Velocidad
+        valor: "En bolo si hay signos de shock"
+    indicacion: "Hemorragia postparto"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Kit de parto estéril
+  - Pinzas de cordón (Kocher o plástico)
+  - Tijeras estériles
+  - Mantas térmicas o toallas calientes
+  - Perilla de aspiración (opcional)
+  - Gorro para el recién nacido
+  - Guantes estériles
diff --git a/frontend/public/protocols/emergencias/politraumatismo.yaml b/frontend/public/protocols/emergencias/politraumatismo.yaml
new file mode 100644
index 00000000..4d8dd715
--- /dev/null
+++ b/frontend/public/protocols/emergencias/politraumatismo.yaml
@@ -0,0 +1,43 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: politraumatismo
+titulo: Politraumatismo
+subtitulo: Manejo inicial
+categoria: trauma
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_11_POLITRAUMATISMO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Aplicar ABCDE."
+  - tipo: danger
+    texto: "Inmovilizar antes de mover."
+
+# ─── PRIORIDADES ────────────────────────────────────────────────
+prioridades:
+  - "A: Vía aérea"
+  - "B: Respiración"
+  - "C: Circulación"
+  - "D: Discapacidad"
+  - "E: Exposición"
+
+# ─── EVALUACIÓN ────────────────────────────────────────────────
+evaluacion:
+  - "Mecanismo lesional"
+  - "Lesiones visibles"
+  - "Constantes"
+
+# ─── ACCIONES ─────────────────────────────────────────────────
+acciones:
+  - "Inmovilizar"
+  - "Controlar hemorragias"
+  - "Oxígeno"
+  - "Acceso vascular"
+  - "Traslado urgente"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No inmovilizar"
+  - "Retrasar traslado"
diff --git a/frontend/public/protocols/emergencias/protocolo-emergencias-especificas.yaml b/frontend/public/protocols/emergencias/protocolo-emergencias-especificas.yaml
new file mode 100644
index 00000000..9b9e3828
--- /dev/null
+++ b/frontend/public/protocols/emergencias/protocolo-emergencias-especificas.yaml
@@ -0,0 +1,38 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: protocolo-emergencias-especificas
+titulo: Protocolos de Emergencias Específicas
+subtitulo: Situaciones clínicas urgentes
+categoria: emergencias
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_05_9_PROTOCOLOS_EMERGENCIAS_ESPECIFICAS.md
+actualizado: 2025-12-23
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "ABCDE primero"
+  - "Identificar banderas rojas"
+  - "Load and go vs Stay and play"
+
+# ─── SITUACIONES ─────────────────────────────────────────────
+situaciones:
+  - nombre: Dolor torácico
+    accion: "Evaluar SCA, oxygeno, activar recursos"
+  - nombre: Dificultad respiratoria
+    accion: "Oxigeno, posición, evaluar causa"
+  - nombre: Abdominal agudo
+    accion: "Evaluar, evitar analgesicos si cirugía"
+  - nombre: Ictus
+    accion: "FAST, activar código ictus"
+
+# ─── BANDERAS ROJAS ─────────────────────────────────────────
+banderas:
+  - "Dolor torácico opresivo"
+  - "Disnea severa"
+  - "Alteración consciencia"
+  - "Shock"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No evaluar ABCDE"
+  - "Retrasar recursos"
diff --git a/frontend/public/protocols/emergencias/shock.yaml b/frontend/public/protocols/emergencias/shock.yaml
new file mode 100644
index 00000000..4c51a183
--- /dev/null
+++ b/frontend/public/protocols/emergencias/shock.yaml
@@ -0,0 +1,54 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: shock
+titulo: Manejo del Shock
+subtitulo: Reconocimiento y tratamiento inicial
+categoria: emergencias
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_9_SHOCK.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "El shock es potencialmente mortal."
+  - tipo: danger
+    texto: "Activar recursos urgentemente."
+
+# ─── TIPOS ─────────────────────────────────────────────────
+tipos:
+  - "Hipovolémico"
+  - "Cardiogénico"
+  - "Obstructivo"
+  - "Distributivo"
+
+# ─── SIGNOS ─────────────────────────────────────────────────
+signos:
+  - "Piel pálida, fría, húmeda"
+  - "Taquicardia"
+  - "Hipotensión"
+  - "Oliguria"
+  - "Confusión"
+
+# ─── TRATAMIENTO ─────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: ABCDE
+    descripcion: "Asegurar vía aérea, oxígeno."
+
+  - tipo: tecnica
+    titulo: Control hemorragia
+    descripcion: "Si hay."
+
+  - tipo: tecnica
+    titulo: Posición
+    descripcion: "Elevar piernas si no hay trauma."
+
+  - tipo: tecnica
+    titulo: Acceso vascular
+    descripcion: "Canalizar, infundir fluidos."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Retrasar recursos"
+  - "No tratar causa"
diff --git a/frontend/public/protocols/emergencias/sincope.yaml b/frontend/public/protocols/emergencias/sincope.yaml
new file mode 100644
index 00000000..8b68a0f5
--- /dev/null
+++ b/frontend/public/protocols/emergencias/sincope.yaml
@@ -0,0 +1,74 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: sincope
+titulo: Síncope / Lipotimia
+subtitulo: Pérdida transitoria de consciencia y tono muscular
+categoria: emergencias
+urgencia: alta
+version: "2024.1"
+fuente: ERC 2021 / PHTLS 9
+actualizado: 2024-03-22
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: info
+    texto: "La lipotimia es un desvanecimiento sin pérdida total de consciencia. El síncope implica pérdida total brusca con recuperación espontánea."
+  - tipo: warning
+    texto: "Si la recuperación no es rápida o hay signos neurológicos persistentes, sospechar causas graves (Ictus, Arritmia)."
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: checklist
+    titulo: Valoración Inicial (ABCDE)
+    descripcion: Asegurar que el paciente está estable tras el evento.
+    items:
+      - Verificar nivel de consciencia (AVDI)
+      - Comprobar permeabilidad de vía aérea
+      - Valorar respiración y pulsos distales
+
+  - tipo: decision
+    titulo: ¿Sigue inconsciente?
+    si: Transicionar a protocolo RCP o PLS
+    no: Continuar valoración secundaria
+
+  - tipo: tecnica
+    titulo: Maniobras de recuperación
+    descripcion: Favorecer el retorno venoso cerebral.
+    items:
+      - Colocar en decúbito supino con piernas elevadas (Trendelenburg)
+      - Aflojar ropa ajustada (cuello, cintura)
+      - Asegurar ambiente fresco y ventilado
+      - NO dar de beber ni comer hasta recuperación total
+
+  - tipo: checklist
+    titulo: Búsqueda de causas
+    descripcion: Interrogatorio al paciente o testigos.
+    items:
+      - ¿Hubo pródromos? (visión borrosa, sudoración, náuseas)
+      - ¿Antecedentes de cardiopatía o diabetes?
+      - ¿Dolor torácico o palpitaciones previas?
+      - Medir glucemia capilar (Descartar hipoglucemia)
+
+  - tipo: info
+    titulo: Criterios de Traslado
+    descripcion: Cuándo es obligatorio derivar a centro útil.
+    items:
+      - Síncope durante el esfuerzo físico
+      - Antecedentes de muerte súbita familiar
+      - ECG anormal (si se dispone de monitor)
+      - Traumatismo asociado por la caída
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Oxígeno
+    filas:
+      - label: Dosis
+        valor: "2-4 lpm (Gafas nasales)"
+      - label: Indicación
+        valor: "Si SatO2 < 94%"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Glucometro
+  - Pulsioxímetro
+  - Esfingomanómetro
+  - Gafas nasales / Mascarilla
diff --git a/frontend/public/protocols/emergencias/toxicologia-general.yaml b/frontend/public/protocols/emergencias/toxicologia-general.yaml
new file mode 100644
index 00000000..616c8622
--- /dev/null
+++ b/frontend/public/protocols/emergencias/toxicologia-general.yaml
@@ -0,0 +1,87 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: toxicologia-general
+titulo: Intoxicaciones Agudas (CO y Opiáceos)
+subtitulo: Manejo prehospitalario de intoxicación por monóxido y sobredosis
+categoria: emergencias
+urgencia: critica
+version: "2024.1"
+fuente: PHTLS / Clinical Toxicology
+actualizado: 2024-03-22
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "SEGURIDAD DE LA ESCENA: En intoxicación por CO, asegurar ventilación antes de entrar. Usar ERA si es necesario."
+  - tipo: warning
+    texto: "La sobredosis por opiáceos suele presentar la triada: Miosis pupilar, depresión respiratoria y bajo nivel de consciencia."
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: checklist
+    titulo: Intoxicación por CO (Monóxido)
+    descripcion: Sospechar en incendios o ambientes cerrados con combustión.
+    items:
+      - Extraer a la víctima al aire libre inmediatamente
+      - Valorar síntomas: Cefalea, mareo, náuseas, confusión
+      - Administrar Oxígeno al 100% (Mascarilla con reservorio)
+      - Pulsioximetría (OJO: Puede dar valores falsos altos)
+
+  - tipo: checklist
+    titulo: Sobredosis por Opiáceos
+    descripcion: Valoración de la tríada clásica.
+    items:
+      - Abrir vía aérea y ventilar con BVM (Ambú) si hay apnea
+      - Verificar pupilas (Miosis puntiforme)
+      - Buscar marcas de punción o parches de fentanilo
+      - Valorar administración de Naloxona si hay depresión respiratoria
+
+  - tipo: tecnica
+    titulo: Administración de Naloxona
+    urgencia: critica
+    descripcion: Antagonista específico de los receptores opiáceos.
+    parametros:
+      - label: Vía Intranasal (IN)
+        valor: "2 mg (1 mg en cada fosa nasal)"
+        destacado: true
+      - label: Vía Intramuscular (IM)
+        valor: "0.4 mg (repetir cada 2-3 min si no hay respuesta)"
+    items:
+      - El objetivo NO es despertar al paciente totalmente, sino recuperar la respiración espontánea
+      - Vigilar agitación o agresividad al despertar (Sdr. de Abstinencia brusco)
+
+  - tipo: decision
+    titulo: ¿Mejora la respiración?
+    descripcion: Tras 2-3 minutos de la administración.
+    si: Mantener vigilancia y traslado
+    no: Repetir dosis de Naloxona y continuar ventilación asistida
+
+  - tipo: info
+    titulo: Riesgos y Complicaciones
+    items:
+      - Edema agudo de pulmón (EAP) tras reversión brusca
+      - Convulsiones asociadas a hipoxia previa
+      - Re-narconización (La vida media del opiáceo suele ser mayor que la de la Naloxona)
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Naloxona (Naloxone)
+    filas:
+      - label: Presentación
+        valor: "Ampollas de 0.4 mg / 1 ml"
+      - label: Dosis IN
+        valor: "2 mg (0.5 ml por fosa si concentrado)"
+    indicacion: "Depresión respiratoria por sospecha de opiáceos"
+
+  - nombre: Oxígeno
+    filas:
+      - label: Flujo
+        valor: "15 lpm"
+      - label: Dispositivo
+        valor: "Mascarilla con reservorio"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Dispositivo de ventilación BVM (Ambú)
+  - Cánulas de Guedel
+  - Kit de administración Intranasal (MAD)
+  - Reservorio de O2
diff --git a/frontend/public/protocols/emergencias/traumatismo-craneoencefalico.yaml b/frontend/public/protocols/emergencias/traumatismo-craneoencefalico.yaml
new file mode 100644
index 00000000..beb8a46e
--- /dev/null
+++ b/frontend/public/protocols/emergencias/traumatismo-craneoencefalico.yaml
@@ -0,0 +1,49 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: traumatismo-craneoencefalico
+titulo: Traumatismo Craneoencefálico (TCE)
+subtitulo: Evaluación y manejo
+categoria: trauma
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_11_TCE.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "No mover si hay sospecha de lesión cervical."
+  - tipo: warning
+    texto: "Monitorizar nivel de consciencia."
+
+# ─── EVALUACIÓN ────────────────────────────────────────────────
+evaluacion:
+  - "Mecanismo lesional"
+  - "Nivel de consciencia (Glasgow)"
+  - "Pupilas"
+  - "Signos focales"
+
+# ─── SIGNOS DE GRAVEDAD ───────────────────────────────────────
+gravedad:
+  - "GCS < 8"
+  - "Pupilas asimétricas"
+  - "Convulsiones"
+  - "Sangrado ears/nariz"
+
+# ─── TRATAMIENTO ─────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Inmovilización
+    descripcion: "Collarín, tabular."
+
+  - tipo: tecnica
+    titulo: Vía aérea
+    descripcion: "Asegurar si GCS bajo."
+
+  - tipo: tecnica
+    titulo: Oxigeno
+    descripcion: "Mantener SpO2 >94%."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Mover sin inmovilizar"
+  - "No monitorizar"
diff --git a/frontend/public/protocols/farmacologia/adrenalina.yaml b/frontend/public/protocols/farmacologia/adrenalina.yaml
new file mode 100644
index 00000000..3bdb77ff
--- /dev/null
+++ b/frontend/public/protocols/farmacologia/adrenalina.yaml
@@ -0,0 +1,81 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: adrenalina
+titulo: Adrenalina (Epinefrina)
+subtitulo: Uso en Anafilaxia y RCP
+categoria: farmacologia
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_06_3_ADRENALINA_USO_ANAFILAXIA_Y_RCP.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "La adrenalina es un fármaco de alto riesgo y alto impacto."
+  - tipo: danger
+    texto: "Verificar concentración antes de administrar: 1:1000 (IM) vs 1:10.000 (IV)."
+  - tipo: warning
+    texto: "En anafilaxia grave NO hay contraindicación absoluta: prioriza vida."
+
+# ─── MECANISMO DE ACCIÓN ──────────────────────────────────────
+mecanismo:
+  - "Alfa-1: vasoconstricción → sube tensión, reduce edema"
+  - "Beta-1: aumenta frecuencia y contractilidad cardíaca"
+  - "Beta-2: broncodilatación"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - titulo: Anafilaxia
+    casos:
+      - "Dificultad respiratoria / sibilancias severas"
+      - "Angioedema (lengua/labios/cara) + síntomas"
+      - "Hipotensión / colapso / síncope"
+      - "Evolución rápida con afectación multisistémica"
+  - titulo: PCR / RCP
+    casos:
+      - "Según protocolo de soporte vital del sistema"
+      - "Uso avanzado (IV/IO) según competencias"
+
+# ─── VÍAS DE ADMINISTRACIÓN ───────────────────────────────────
+vias:
+  - nombre: IM (Intramuscular)
+    indicacion: "Anafilaxia - vía de elección"
+    lugar: "Cara anterolateral del muslo"
+    notas: "Absorción rápida y menor riesgo que IV"
+  - nombre: Autoinyector
+    indicacion: "Paciente con prescripción"
+    dosis_adulto: "0.3-0.5 mg"
+    dosis_nino: "0.15 mg"
+  - nombre: IV/IO
+    indicacion: "PCR - uso avanzado"
+    notas: "Según protocolo local y competencias"
+
+# ─── DOSIS ───────────────────────────────────────────────────
+dosis:
+  - contexto: Anafilaxia (IM)
+    adulto: "0.3-0.5 mg (1:1000)"
+    nino: "0.01 mg/kg (máx 0.3 mg)"
+  - contexto: PCR (IV/IO)
+    adulto: "1 mg (1:10.000)"
+    nino: "0.01 mg/kg (máx 1 mg)"
+
+# ─── PRESENTACIONES ──────────────────────────────────────────
+presentaciones:
+  - concentracion: "1:1000 (1 mg/mL)"
+    uso: "IM - Anafilaxia"
+  - concentracion: "1:10.000 (0.1 mg/mL)"
+    uso: "IV - PCR"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Confundir concentraciones (1:1000 vs 1:10.000)"
+  - "Vía incorrecta (IM vs IV)"
+  - "Dosis errónea (mg vs mL)"
+  - "Retrasar por dudas menores si hay signos claros de gravedad"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Jeringas
+  - Agujas
+  - Adrenalina
+  - Autoinyector (si disponible)
diff --git a/frontend/public/protocols/farmacologia/aspirina.yaml b/frontend/public/protocols/farmacologia/aspirina.yaml
new file mode 100644
index 00000000..d8734b7b
--- /dev/null
+++ b/frontend/public/protocols/farmacologia/aspirina.yaml
@@ -0,0 +1,60 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: aspirina
+titulo: Aspirina (AAS)
+subtitulo: Uso en Síndrome Coronario Agudo
+categoria: farmacologia
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_06_4_ASPIRINA_USO_SCA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Solo administrar si el paciente está consciente y puede tragar con seguridad."
+  - tipo: warning
+    texto: "Verificar que NO existe alergia a aspirina o AINEs."
+
+# ─── MECANISMO DE ACCIÓN ──────────────────────────────────────
+mecanismo:
+  - "Inhibe COX-1 → reduce tromboxano A2"
+  - "Disminuye agregación plaquetaria"
+  - "Efecto antiagregante comienza rápidamente si se mastica"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "SCA probable (dolor torácico opresivo ± disnea/vegetativos/irradiación)"
+  - "No hay contraindicaciones"
+  - "Paciente consciente y puede tragar con seguridad"
+  - "Protocolo local autoriza administración prehospitalaria"
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - "Alergia conocida a aspirina o AINEs"
+  - "Sangrado activo significativo"
+  - "Incapacidad para tragar"
+  - "Vómitos incoercibles"
+
+# ─── DOSIS ───────────────────────────────────────────────────
+dosis:
+  - cantidad: "300 mg"
+  - forma: "Para masticar, no tragar entera"
+  - notas: "Masticar antes de tragar para absorción más rápida"
+
+# ─── PRIORIDADES ─────────────────────────────────────────────
+prioridades:
+  - "1) Activar recursos (112)"
+  - "2) Posición y reposo"
+  - "3) Monitorizar y detectar deterioro"
+  - "4) Tratamiento farmacológico según circuito"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Administrar si el paciente no puede tragar"
+  - "No verificar alergia"
+  - "Tragar la pastilla entera sin masticar"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Aspirina 300 mg
+  - Agua
diff --git a/frontend/public/protocols/farmacologia/glucagon.yaml b/frontend/public/protocols/farmacologia/glucagon.yaml
new file mode 100644
index 00000000..650662b5
--- /dev/null
+++ b/frontend/public/protocols/farmacologia/glucagon.yaml
@@ -0,0 +1,65 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: glucagon
+titulo: Glucagón
+subtitulo: Uso en Hipoglucemia
+categoria: farmacologia
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_06_5_GLUCAGON_USO_HIPOGLUCEMIA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "El glucagón no sustituye la activación de recursos ante hipoglucemia grave."
+  - tipo: warning
+    texto: "Solo si el paciente NO puede tragar con seguridad."
+
+# ─── MECANISMO DE ACCIÓN ──────────────────────────────────────
+mecanismo:
+  - "Hormona que aumenta glucemia"
+  - "Estimula liberación de glucosa desde el hígado"
+  - "Requiere reservas de glucógeno hepático"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Hipoglucemia probable o confirmada"
+  - "Paciente NO puede tragar con seguridad"
+  - "Inconsciente pero respira"
+  - "Disponibilidad de glucagón"
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - "Hipersensibilidad al glucagón (raro)"
+  - "Paciente puede tragar con seguridad (usar glucosa oral)"
+
+# ─── PRECAUCIONES ─────────────────────────────────────────────
+precauciones:
+  - "Náuseas y vómitos frecuentes después de administrar"
+  - "Puede ser menos eficaz en: ayuno prolongado, alcoholismo, desnutrición, hepatopatía"
+
+# ─── DOSIS ───────────────────────────────────────────────────
+dosis:
+  - via: "IM (intramuscular)"
+  - adulto: "1 mg"
+  - nino: "0.5 mg (si < 25 kg)"
+  - notas: "Administrar en cara anterolateral del muslo"
+
+# ─── ADMINISTRACIÓN ──────────────────────────────────────────
+administracion:
+  - "Reconstituir según instrucciones del kit"
+  - "Administrar por vía IM"
+  - "Efecto en 10-15 minutos"
+  - "Tras despertar: administrar hidratos de carbono orales"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Administrar si puede tragar (usar glucosa oral)"
+  - "Retrasar recursos esperando efecto"
+  - "No activar 112"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Kit de glucagón
+  - Jeringa
+  - Aguja
diff --git a/frontend/public/protocols/farmacologia/oxigeno.yaml b/frontend/public/protocols/farmacologia/oxigeno.yaml
new file mode 100644
index 00000000..12bc0e1b
--- /dev/null
+++ b/frontend/public/protocols/farmacologia/oxigeno.yaml
@@ -0,0 +1,95 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: oxigeno
+titulo: Oxígeno
+subtitulo: Administración y Seguridad
+categoria: farmacologia
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_06_2_OXIGENO_ADMINISTRACION_Y_SEGURIDAD.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Tratar el oxígeno como fármaco: tiene indicaciones, dosis, objetivos y efectos adversos."
+  - tipo: warning
+    texto: "No administrar oxígeno rutinariamente si no hay indicación."
+
+# ─── OXÍGENO COMO FÁRMACO ───────────────────────────────────
+concepto:
+  - "Tiene indicaciones específicas"
+  - "Requiere dosis adecuadas (FiO2)"
+  - "Tiene objetivos terapéuticos (SpO2)"
+  - "Puede tener efectos adversos (hiperoxia, retención CO2)"
+  - "Requiere monitorización y titulación"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Hipoxemia sospechada o confirmada (SpO2 <94%)"
+  - "Dificultad respiratoria (disnea, taquipnea)"
+  - "Shock (cualquier tipo)"
+  - "Parada Cardiorrespiratoria (PCR)"
+  - "Trauma grave (politraumatismo, trauma torácico, TCE)"
+  - "Intoxicación por CO"
+  - "Crisis asmática severa"
+  - "EPOC reagudizado (con precauciones)"
+
+# ─── OBJETIVOS DE SATURACIÓN ────────────────────────────────
+objetivos:
+  - paciente_normal: "94-98%"
+  - paciente_epoc: "88-92%"
+  - pcr: "100% (administrar durante RCP)"
+
+# ─── DISPOSITIVOS Y FLUJOS ────────────────────────────────
+dispositivos:
+  - nombre: Gafas nasales
+    flujo: "1-6 L/min"
+    fio2: "24-44%"
+  - nombre: Mascarilla simple
+    flujo: "5-10 L/min"
+    fio2: "40-60%"
+  - nombre: Mascarilla con reservorio
+    flujo: "10-15 L/min"
+    fio2: "60-80%"
+  - nombre: BVM con O2
+    flujo: "15 L/min"
+    fio2: "90-100%"
+
+# ─── ADMINISTRACIÓN ─────────────────────────────────────────
+administracion:
+  - "Conectar fuente de oxígeno"
+  - "Ajustar flujo según dispositivo"
+  - "Verificar que el flujo es adecuado"
+  - "Monitorizar SpO2"
+  - "Titular según respuesta"
+
+# ─── EFECTOS ADVERSOS ──────────────────────────────────────
+efectos_adversos:
+  - "Hiperoxia (exceso de oxígeno)"
+  - "Retención de CO2 en EPOC"
+  - "Sequedad de mucosas"
+  - "Irritación cutánea por contacto"
+
+# ─── SEGURIDAD ─────────────────────────────────────────────
+seguridad:
+  - "No fumar cerca de oxígeno"
+  - "Mantener远离 fuentes de calor"
+  - "Asegurar conexiones seguras"
+  - "Verificar disponibilidad de oxígeno"
+  - "Controlar consumo durante traslado"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Administrar oxígeno rutinariamente sin indicación"
+  - "No monitorizar SpO2"
+  - "No titular según respuesta"
+  - "Usar flujos inadecuados para el dispositivo"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Fuente de oxígeno
+  - Gafas nasales
+  - Mascarilla simple
+  - Mascarilla con reservorio
+  - Bolsa-Válvula-Mascarilla
+  - Pulsioximetro
diff --git a/frontend/public/protocols/farmacologia/principios-administracion-farmacos.yaml b/frontend/public/protocols/farmacologia/principios-administracion-farmacos.yaml
new file mode 100644
index 00000000..ddae14b4
--- /dev/null
+++ b/frontend/public/protocols/farmacologia/principios-administracion-farmacos.yaml
@@ -0,0 +1,80 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: principios-administracion-farmacos
+titulo: Principios de Administración de Fármacos
+subtitulo: Directrices generales
+categoria: farmacologia
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_06_0_PRINCIPIOS_ADMINISTRACION_FARMACOS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Los 5 correctos: paciente, medicamento, dosis, vía, hora."
+  - tipo: warning
+    texto: "Verificar siempre antes de administrar."
+
+# ─── LOS 5 CORRECTOS ─────────────────────────────────────────
+cinco_correctos:
+  - "Paciente correcto"
+  - "Medicamento correcto"
+  - "Dosis correcta"
+  - "Vía correcta"
+  - "Hora correcta"
+
+# ─── PRINCIPIOS GENERALES ────────────────────────────────────
+principios:
+  - "Identificar al paciente"
+  - "Verificar el medicamento"
+  - "Confirmar la dosis"
+  - "Elegir la vía correcta"
+  - "Registrar la administración"
+  - "Monitorizar efectos"
+
+# ─── VÍAS DE ADMINISTRACIÓN ───────────────────────────────────
+vias:
+  - nombre: Oral (PO)
+    descripcion: "Por boca"
+  - nombre: Sublingual (SL)
+    descripcion: "Bajo la lengua"
+  - nombre: Intravenosa (IV)
+    descripcion: "Directamente a vena"
+  - nombre: Intramuscular (IM)
+    descripcion: "En músculo"
+  - nombre: Subcutánea (SC)
+    descripcion: "Bajo la piel"
+  - nombre: Inhalatoria
+    descripcion: "Por vía respiratoria"
+  - nombre: Rectal (PR)
+    descripcion: "Por recto"
+
+# ─── VERIFICACIÓN ─────────────────────────────────────────────
+verificacion:
+  - "Verificar identidad del paciente"
+  - "Verificar medicamento (nombre, fecha de caducidad)"
+  - "Verificar dosis"
+  - "Verificar vía de administración"
+  - "Verificar que no hay alergias"
+
+# ─── REGISTRO ────────────────────────────────────────────────
+registro:
+  - "Hora de administración"
+  - "Medicamento y dosis"
+  - "Vía utilizada"
+  - "Efectos observados"
+  - "Nombre del administrador"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No verificar al paciente"
+  - "Confundir medicamentos"
+  - "Error en dosis"
+  - "Vía incorrecta"
+  - "No registrar"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Jeringas
+  - Agujas
+  - Guantes
diff --git a/frontend/public/protocols/farmacologia/salbutamol.yaml b/frontend/public/protocols/farmacologia/salbutamol.yaml
new file mode 100644
index 00000000..a718eba0
--- /dev/null
+++ b/frontend/public/protocols/farmacologia/salbutamol.yaml
@@ -0,0 +1,74 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: salbutamol
+titulo: Salbutamol
+subtitulo: Uso en Crisis Asmática y Broncoespasmo
+categoria: farmacologia
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_06_6_SALBUTAMOL_USO_CRISIS_ASMATICA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Si hay sospecha de anafilaxia, la prioridad es adrenalina."
+  - tipo: warning
+    texto: "Uso excesivo sin respuesta = signo de gravedad. No seguir indefinidamente."
+
+# ─── MECANISMO DE ACCIÓN ──────────────────────────────────────
+mecanismo:
+  - "Agonista beta-2"
+  - "Broncodilatación → mejora flujo aéreo"
+  - "Inicio rápido por vía inhalada"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Crisis asmática con sibilancias, disnea, opresión torácica"
+  - "Exacerbación de EPOC con broncoespasmo"
+  - "Disnea con respuesta previa a broncodilatadores"
+
+# ─── PRESENTACIONES ────────────────────────────────────────────
+presentaciones:
+  - nombre: "Inhalador presurizado (MDI)"
+    concentracion: "100 mcg por puff"
+    dosis: "2-4 puff cada 20 minutos según gravedad"
+  - nombre: "Nebulizado"
+    concentracion: "2.5-5 mg"
+    dosis: "Nebulizar durante 5-10 minutos"
+
+# ─── TÉCNICA DE ADMINISTRACIÓN ────────────────────────────────
+tecnica:
+  - titulo: Con espaciador (preferente)
+    pasos:
+      - "Agitar el inhalador"
+      - "Conectar al espaciador"
+      - "Sellar labios en la boquilla"
+      - "Disparar 1 puff"
+      - "Respirar lento y profundo 4-5 veces"
+  - titulo: Sin espaciador
+    pasos:
+      - "Agitar el inhalador"
+      - "Soplar fuera"
+      - "Poner boquilla y empezar a inspirar lento"
+      - "Disparar mientras inspira"
+      - "Aguantar aire 5-10 segundos si puede"
+
+# ─── SIGNOS DE GRAVEDAD ──────────────────────────────────────
+signos_gravedad:
+  - "No respuesta a tratamiento inicial"
+  - "Empeoramiento progresivo"
+  - "Insuficiencia respiratoria"
+  - "Necesidad de recursos avanzados"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Usar en anafilaxia como替代 de adrenalina"
+  - "Uso repetido sin evaluar respuesta"
+  - "Retrasar recursos por esperar respuesta"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Inhalador de salbutamol
+  - Espaciador
+  - Nebulizador (si disponible)
+  - Oxígeno
diff --git a/frontend/public/protocols/inmovilizacion/camilla-cuchara.yaml b/frontend/public/protocols/inmovilizacion/camilla-cuchara.yaml
new file mode 100644
index 00000000..7bd7bd9c
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/camilla-cuchara.yaml
@@ -0,0 +1,57 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: camilla-cuchara
+titulo: Camilla Cuchara
+subtitulo: Uso y técnica
+categoria: inmovilizacion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_02_4_CAMILLA_CUCHARA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Mantener alineación espinal durante la transferencia."
+  - tipo: warning
+    texto: "Verificar cierre completo antes de transferir al paciente."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Transferencia de paciente traumático"
+  - "Paciente que no puede movilizarse"
+  - "Traslado a/fromcamilla/table"
+
+# ─── TIPOS ─────────────────────────────────────────────────
+tipos:
+  - "Rígida"
+  - "Plástica"
+  - "Con refuerzo"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Abrir la camilla y verificar que ambos lados están asegurados."
+
+  - tipo: tecnica
+    titulo: Colocación (paciente boca arriba)
+    descripcion: "Colocar un lado bajo el paciente. Girar al paciente para colocar el otro lado."
+
+  - tipo: tecnica
+    titulo: Cierre
+    descripcion: "Cerrar la camilla asegurándose de que encaje completamente."
+
+  - tipo: tecnica
+    titulo: Sujeción
+    descripcion: "Fijar al paciente con correas si es necesario."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No verificar cierre completo"
+  - "No mantener alineación"
+  - "No fijar al paciente"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Camilla cuchara
+  - Correas
diff --git a/frontend/public/protocols/inmovilizacion/camillas-sillas-evaluacion.yaml b/frontend/public/protocols/inmovilizacion/camillas-sillas-evaluacion.yaml
new file mode 100644
index 00000000..24db8c81
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/camillas-sillas-evaluacion.yaml
@@ -0,0 +1,68 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: camillas-sillas-evaluacion
+titulo: Camillas y Sillas de Evacuación
+subtitulo: Uso y selección
+categoria: inmovilizacion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_02_13_CAMILLAS_SILLAS_EVACUACION.md
+actualizado: 2025-12-23
+
+# ─── TIPOS DE CAMILLAS ────────────────────────────────────────
+camillas:
+  - nombre: Camilla de transporte
+    uso: "Translado general"
+  - nombre: Camilla de cuchara
+    uso: "Transferencia de pacientes traumáticos"
+  - nombre: Camilla de vácuo
+    uso: "Paciente con lesiones múltiples"
+  - nombre: Tablero espinal
+    uso: "Inmovilización rígida"
+
+# ─── TIPOS DE SILLAS ─────────────────────────────────────────
+sillas:
+  - nombre: Silla de evacuación
+    uso: "Escaleras, espacios reducidos"
+  - nombre: Silla de transporte
+    uso: "Pacientes que pueden sentarse"
+
+# ─── SELECCIÓN ─────────────────────────────────────────────────
+seleccion:
+  - criterio: "Estado del paciente"
+    opciones:
+      - "Trauma: tablero o camilla rígida"
+      - "Médico: camilla estándar"
+  - criterio: "Entorno"
+    opciones:
+      - "Escaleras: silla de evacuación"
+      - "Ascensor: camilla o silla"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Selección
+    descripcion: "Elegir dispositivo según paciente y entorno."
+
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Explicar al paciente. Ajustar."
+
+  - tipo: tecnica
+    titulo: Transferencia
+    descripcion: "Mover al paciente como unidad."
+
+  - tipo: tecnica
+    titulo: Sujeción
+    descripcion: "Fijar correctamente. Verificar comodidad."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Selección inadecuada"
+  - "No fijar correctamente"
+  - "No verificar comodidad"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Camillas
+  - Sillas de evacuación
+  - Correas
diff --git a/frontend/public/protocols/inmovilizacion/cinturon-pelvico.yaml b/frontend/public/protocols/inmovilizacion/cinturon-pelvico.yaml
new file mode 100644
index 00000000..f52d928b
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/cinturon-pelvico.yaml
@@ -0,0 +1,51 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: cinturon-pelvico
+titulo: Cinturón Pélvico
+subtitulo: Uso en inestabilidad pélvica
+categoria: inmovilizacion
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_02_11_CINTURON_PELVICO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Aplicar en分钟内 si hay sospecha de inestabilidad pélvica."
+  - tipo: warning
+    texto: "No quitar hasta valoración hospitalaria."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Trauma pélvico con mecanismo de alta energía"
+  - "Dolor en zona pélvica"
+  - "Deformidad visible"
+  - "Inestabilidad pélvica"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Explicar al paciente. Preparar cinturón."
+
+  - tipo: tecnica
+    titulo: Colocación
+    descripcion: "Colocar cinturón a nivel de trocánteres."
+
+  - tipo: tecnica
+    titulo: Cierre
+    descripcion: "Cerrar y ajustar firmly. No demasiado apretado."
+
+  - tipo: tecnica
+    titulo: Verificación
+    descripcion: "Verificar que reduce movilidad pélvica."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Colocar a nivel incorrecto"
+  - "No aplicar cuando está indicado"
+  - "Quitar prematuramente"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Cinturón pélvico
diff --git a/frontend/public/protocols/inmovilizacion/colchon-vacio.yaml b/frontend/public/protocols/inmovilizacion/colchon-vacio.yaml
new file mode 100644
index 00000000..f66ac9f8
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/colchon-vacio.yaml
@@ -0,0 +1,59 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: colchon-vacio
+titulo: Colchón de Vácuo
+subtitulo: Uso y técnica
+categoria: inmovilizacion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_02_6_COLCHON_VACIO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "El colchón debe estar bien adaptado al paciente antes de extraer el aire."
+  - tipo: warning
+    texto: "Mantener vacío adecuado para inmovilización efectiva."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Inmovilización de paciente traumático"
+  - "Paciente con múltiples lesiones"
+  - "Translado prolongado"
+  - "Necesidad de comodidad + inmovilización"
+
+# ─── VENTAJAS ─────────────────────────────────────────────────
+ventajas:
+  - "Adapta al cuerpo del paciente"
+  - "Más cómodo que tablero duro"
+  - "Mantiene inmovilización durante traslado"
+  - "Reduce riesgo de úlceras"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Extender el colchón. Colocar al paciente sobre él."
+
+  - tipo: tecnica
+    titulo: Adaptación
+    descripcion: "Ajustar el床垫 alrededor del paciente, moldeando a su cuerpo."
+
+  - tipo: tecnica
+    titulo: Extracción de aire
+    descripcion: "Conectar bomba de vacío. Extraer aire hasta que'endurezca'."
+
+  - tipo: tecnica
+    titulo: Verificación
+    descripcion: "Verificar que inmoviliza correctamente. Mover al paciente como unidad."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No adaptar bien al cuerpo antes de extraer aire"
+  - "Extraer demasiado poco aire"
+  - "No verificar inmovilización"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Colchón de vácuo
+  - Bomba de vacío
diff --git a/frontend/public/protocols/inmovilizacion/collarin-cervical.yaml b/frontend/public/protocols/inmovilizacion/collarin-cervical.yaml
new file mode 100644
index 00000000..f903dbe4
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/collarin-cervical.yaml
@@ -0,0 +1,78 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: collarin-cervical
+titulo: Collarín Cervical
+subtitulo: Colocación y Selección
+categoria: inmovilizacion
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_02_3_COLLARIN_CERVICAL.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "No aplicar si hay sospecha de lesión cervical sin evidencia de技术人员."
+  - tipo: warning
+    texto: "La inmovilización manual es prioritaria hasta que se coloque el collarín."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Trauma con mecanismo de alta energía"
+  - "Dolor cervical"
+  - "Déficit neurológico"
+  - "Alteración del nivel de consciencia"
+  - "Paciente inconsciente sin causa clara"
+  - "Signos de trauma mayor"
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - "Lesión cervical establecida o contraindicación médica"
+  - "Paciente que no tolera el collarín"
+
+# ─── SELECCIÓN DE TALLA ───────────────────────────────────────
+tallas:
+  - nombre: "Neonatal/Infantil"
+    altura: "4 cm"
+  - nombre: "Pediátrico"
+    altura: "6 cm"
+  - nombre: "Adulto small"
+    altura: "8 cm"
+  - nombre: "Adulto medium"
+    altura: "10 cm"
+  - nombre: "Adulto large"
+    altura: "12 cm"
+
+# ─── TÉCNICA DE COLOCACIÓN ─────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Seleccionar talla adecuada. Medir desde ángulo mandibular hasta clavícula."
+    notas: "El cuello debe estar en posición neutra"
+
+  - tipo: tecnica
+    titulo: Preparar collarín
+    descripcion: "Ajustar el collarín según indicaciones del fabricante."
+
+  - tipo: tecnica
+    titulo: Inmovilización manual
+    descripcion: "Mantener inmovilización manual de la cabeza y cuello hasta colocar el collarín."
+
+  - tipo: tecnica
+    titulo: Colocar collarín
+    descripcion: "Deslizar el collarín por debajo del cuello, asegurándose de que el mentón repose en la barbilla."
+
+  - tipo: tecnica
+    titulo: Verificar
+    descripcion: "Verificar que el collarín no esté demasiado apretado. Comprobar respiración."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Colocar talla incorrecta"
+  - "No mantener inmovilización manual"
+  - "Apretar demasiado"
+  - "Colocar en paciente que no lo tolera"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Collarines de varias tallas
+  - Inmovilización manual
diff --git a/frontend/public/protocols/inmovilizacion/errores-criticos-inmovilizacion.yaml b/frontend/public/protocols/inmovilizacion/errores-criticos-inmovilizacion.yaml
new file mode 100644
index 00000000..011a22cc
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/errores-criticos-inmovilizacion.yaml
@@ -0,0 +1,45 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: errores-criticos-inmovilizacion
+titulo: Errores Críticos en Inmovilización
+subtitulo: Errores a evitar
+categoria: inmovilizacion
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_02_9_ERRORES_CRITICOS.md
+actualizado: 2025-12-23
+
+# ─── ERRORES COMUNES ─────────────────────────────────────────
+errores:
+  - titulo: No inmovilizar cuando está indicado
+    consecuencia: "Empeoramiento de lesión"
+    prevencion: "Aplicar ante cualquier duda"
+  
+  - titulo: Inmovilizar incorrectamente
+    consecuencia: "Lesión secundaria"
+    prevencion: "Seguir técnica correcta"
+  
+  - titulo: No verificar circulación
+    consecuencia: "Isquemia"
+    prevencion: "Verificar constantemente"
+  
+  - titulo: Retrasar extracción
+    consecuencia: "Empeoramiento"
+    prevencion: "Actuar con urgencia justificada"
+  
+  - titulo: No mantener alineación
+    consecuencia: "Lesión neurológica"
+    prevencion: "Mantener eje longitudinal"
+
+# ─── VERIFICACIONES ───────────────────────────────────────────
+verificaciones:
+  - "Circulación distal"
+  - "Sensibilidad"
+  - "Movilidad"
+  - "Dolor"
+
+# ─── PRINCIPIOS PARA EVITAR ERRORES ────────────────────────────
+principios:
+  - "Ante la duda, inmovilizar"
+  - "Mantener alineación siempre"
+  - "Verificar continuamente"
+  - "No quitar dispositivos prematuramente"
diff --git a/frontend/public/protocols/inmovilizacion/extricacion.yaml b/frontend/public/protocols/inmovilizacion/extricacion.yaml
new file mode 100644
index 00000000..f7ce55cd
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/extricacion.yaml
@@ -0,0 +1,62 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: extricacion
+titulo: Extricación
+subtitulo: Técnicas de extracción
+categoria: inmovilizacion
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_02_7_EXTRICACION_MOVIMIENTOS_BLOQUE.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Priorizar la seguridad del equipo y del paciente."
+  - tipo: danger
+    texto: "Mantener alineación espinal."
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "Evaluar escena"
+  - "Planificar extracción"
+  - "Usar técnicas adecuadas"
+  - "Coordinar equipo"
+
+# ─── TÉCNICAS ─────────────────────────────────────────────────
+tecnicas:
+  - titulo: Extricación rápida
+    cuando: "Paciente en peligro inmediato"
+    tecnica: "Retirada rápida manteniendo eje longitudinal"
+  - titulo: Extricación planificada
+    cuando: "Situación estable"
+    tecnica: "Movimiento controlado y sincronizado"
+
+# ─── PASOS ───────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Evaluación
+    descripcion: "Evaluar estado del paciente y entorno."
+
+  - tipo: tecnica
+    titulo: Planificación
+    descripcion: "Determinar técnica y roles del equipo."
+
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Inmovilizar si es posible. Preparar equipamiento."
+
+  - tipo: tecnica
+    titulo: Ejecución
+    descripcion: "Realizar extracción coordinadamente."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No evaluar riesgos"
+  - "No mantener alineación"
+  - "Falta de coordinación"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Collarín cervical
+  - Tablero espinal
+  - Guantes
diff --git a/frontend/public/protocols/inmovilizacion/ferula-traccion.yaml b/frontend/public/protocols/inmovilizacion/ferula-traccion.yaml
new file mode 100644
index 00000000..d57e4fb0
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/ferula-traccion.yaml
@@ -0,0 +1,55 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ferula-traccion
+titulo: Férula de Tracción
+subtitulo: Uso en fracturas de fémur
+categoria: inmovilizacion
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_02_12_FERULA_TRACCION.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "La tracción reduce sangrado y dolor."
+  - tipo: warning
+    texto: "Verificar circulación distal frecuentemente."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Fractura de fémur"
+  - "Fractura de pelvis con afectación femoral"
+
+# ─── TIPOS ─────────────────────────────────────────────────
+tipos:
+  - "Tracción mecánica (PMS)"
+  - "Tracción manual"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Explicar al paciente. Preparar férula."
+
+  - tipo: tecnica
+    titulo: Colocación
+    descripcion: "Colocar zapato de tracción. Ajustar cinchas."
+
+  - tipo: tecnica
+    titulo: Tracción
+    descripcion: "Aplicar tracción gradual. Mantener alineación."
+
+  - tipo: tecnica
+    titulo: Verificación
+    descripcion: "Verificar circulación, sensibilidad y movilidad."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Tracción excesiva"
+  - "No verificar circulación"
+  - "Alinear incorrectamente"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Férula de tracción
+  - Zapato de tracción
diff --git a/frontend/public/protocols/inmovilizacion/ferulas.yaml b/frontend/public/protocols/inmovilizacion/ferulas.yaml
new file mode 100644
index 00000000..a158cbcc
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/ferulas.yaml
@@ -0,0 +1,62 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ferulas
+titulo: Férulas
+subtitulo: Uso en inmovilización de extremidades
+categoria: inmovilizacion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_02_10_FERULAS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Inmovilizar en posición funcional."
+  - tipo: warning
+    texto: "No apretar excesivamente."
+
+# ─── TIPOS ─────────────────────────────────────────────────
+tipos:
+  - nombre: Rígidas
+    descripcion: "Plástico, metal"
+  - nombre: Blandas
+    descripcion: "Espuma, venda"
+  - nombre: Tracción
+    descripcion: "Para fracturas de femur"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Fracturas"
+  - "Luxaciones"
+  - "Esguinces graves"
+  - "Inmovilización provisional"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Evaluación
+    descripcion: "Evaluar lesión. Verificar circulación distal."
+
+  - tipo: tecnica
+    titulo: Selección
+    descripcion: "Seleccionar tipo y tamaño adecuado."
+
+  - tipo: tecnica
+    titulo: Colocación
+    descripcion: "Colocar férula. Ajustar sin apretar."
+
+  - tipo: tecnica
+    titulo: Verificación
+    descripcion: "Verificar circulación, sensibilidad y movilidad distal."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Apretar demasiado"
+  - "No verificar circulación"
+  - "Posición incorrecta"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Férulas rígidas
+  - Férulas blandas
+  - Vendas
diff --git a/frontend/public/protocols/inmovilizacion/inmovilizacion-manual.yaml b/frontend/public/protocols/inmovilizacion/inmovilizacion-manual.yaml
new file mode 100644
index 00000000..96558b17
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/inmovilizacion-manual.yaml
@@ -0,0 +1,59 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: inmovilizacion-manual
+titulo: Inmovilización Manual
+subtitulo: Técnica de sujeción cervical
+categoria: inmovilizacion
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_02_2_INMOVILIZACION_MANUAL.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "La inmovilización manual es prioritaria antes de cualquier dispositivo."
+  - tipo: warning
+    texto: "Mantener cabeza y cuello en línea neutra."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Todo paciente con sospecha de lesión traumática"
+  - "Antes de colocar collarín"
+  - "Durante evaluación primaria"
+  - "Paciente inconsciente"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Posición del reanimador
+    descripcion: "Colocarse detrás de la cabeza del paciente."
+
+  - tipo: tecnica
+    titulo: Colocación de manos
+    descripcion: "Colocar ambas manos a cada lado de la cabeza, sosteniendo la mandíbula."
+
+  - tipo: tecnica
+    titulo: Sujeción
+    descripcion: "Mantener la cabeza en posición neutra. No dejar que gire."
+
+  - tipo: tecnica
+    titulo: Comunicación
+    descripcion: "Instruir al paciente que no mueva la cabeza."
+
+# ─── PUNTOS CLAVE ────────────────────────────────────────────
+puntos_clave:
+  - "Posición detrás del paciente"
+  - "Manos a cada lado de la cabeza"
+  - "Mantener línea neutra"
+  - "No soltar hasta que se inmovilice con dispositivo"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No mantener posición neutra"
+  - "Soltar antes de tener dispositivo"
+  - "Mover el cuello"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Guantes
+  - Collarín cervical (para colocar después)
diff --git a/frontend/public/protocols/inmovilizacion/inventario-material-inmovilizacion.yaml b/frontend/public/protocols/inmovilizacion/inventario-material-inmovilizacion.yaml
new file mode 100644
index 00000000..9c60d8be
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/inventario-material-inmovilizacion.yaml
@@ -0,0 +1,38 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: inventario-material-inmovilizacion
+titulo: Inventario de Material de Inmovilización
+subtitulo: Checklist de equipamiento
+categoria: inmovilizacion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_02_14_INVENTARIO_MATERIAL.md
+actualizado: 2025-12-23
+
+# ─── EQUIPAMIENTO ESENCIAL ───────────────────────────────────
+esencial:
+  - Collarines cervicales (varias tallas)
+  - Tablero espinal
+  - Camilla de cuchara
+  - Colchón de vácuo
+  - Férulas rígidas
+  - Férulas de tracción
+
+# ─── EQUIPAMIENTO ADICIONAL ─────────────────────────────────
+adicional:
+  - Cinturón pélvico
+  - Sillas de evacuación
+  - Camillas de transporte
+  - Inmovilizadores de cabeza
+  - Vendas y esparadrapos
+
+# ─── VERIFICACIÓN ─────────────────────────────────────────────
+verificacion:
+  - "Revisar estado del material"
+  - "Verificar tamaños disponibles"
+  - "Comprobar funcionamiento"
+
+# ─── MANTENIMIENTO ────────────────────────────────────────────
+mantenimiento:
+  - "Limpiar después de usar"
+  - "Almacenar correctamente"
+  - "Revisar fechas de caducidad"
diff --git a/frontend/public/protocols/inmovilizacion/tablero-espinal.yaml b/frontend/public/protocols/inmovilizacion/tablero-espinal.yaml
new file mode 100644
index 00000000..5db92d4b
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/tablero-espinal.yaml
@@ -0,0 +1,57 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: tablero-espinal
+titulo: Tablero Espinal
+subtitulo: Uso y técnica de transferencia
+categoria: inmovilizacion
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_02_5_TABLERO_ESPINAL.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "El tablero espinal es para transferencia, no para permanencia prolongada."
+  - tipo: warning
+    texto: "Mantener alineación espinal durante toda la transferencia."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Transferencia de paciente traumático"
+  - "Inmovilización espinal en superficie dura"
+  - "Extricación de vehículos"
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - "Lesión raquimedular establecida"
+  - "Paciente que no tolera la posición"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Alinear al paciente en posición supina. Explicar el procedimiento."
+
+  - tipo: tecnica
+    titulo: Colocación del tablero
+    descripcion: "Colocar el tablero junto al paciente."
+
+  - tipo: tecnica
+    titulo: Transferencia
+    descripcion: "Mover al paciente como una unidad (cabeza, tronco, extremidades). Mínimo 4 personas."
+
+  - tipo: tecnica
+    titulo: Fijación
+    descripcion: "Fijar al tablero con correas. Verificar vías aéreas y respiración."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Dejar al paciente mucho tiempo en el tablero"
+  - "No mantener alineación"
+  - "No fijarlo correctamente"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Tablero espinal
+  - Correas de fijación
+  - Personal (mínimo 4 personas)
diff --git a/frontend/public/protocols/inmovilizacion/transferencias-movilizacion.yaml b/frontend/public/protocols/inmovilizacion/transferencias-movilizacion.yaml
new file mode 100644
index 00000000..2c2babd0
--- /dev/null
+++ b/frontend/public/protocols/inmovilizacion/transferencias-movilizacion.yaml
@@ -0,0 +1,51 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: transferencias-movilizacion
+titulo: Transferencias y Movilización
+subtitulo: Técnicas seguras
+categoria: inmovilizacion
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_02_8_TRANSFERENCIAS_MOVILIZACION.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Mantener alineación espinal en pacientes traumáticos."
+  - tipo: warning
+    text
+
+#警戒
+    texto: "Usar técnicasergonómicas para prevenir lesiones."
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "Evaluar antes de mover"
+  - "Planificar la transferencia"
+  - "Usar equipment adecuado"
+  - "Coordinar con el equipo"
+  - "Mantener alineación"
+
+# ─── TÉCNICAS BÁSICAS ─────────────────────────────────────────
+tecnicas:
+  - titulo: Transferencia camilla-camilla
+    descripcion: "Mínimo 4 personas. Mover como unidad."
+  - titulo: Movilización en bloque
+    descripcion: "Girar al paciente de lado a lado como unidad."
+  - titulo: Elevación
+    descripcion: "Usar sabana o dispositivo de elevación si está disponible."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No evaluar estado del paciente"
+  - "No coordinar con el equipo"
+  - "No mantener alineación"
+  - "Usar fuerza excesiva"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Camillas
+  - Sábanas de transferencia
+  - Tablero espinal
+  - Colchón de vácuo
+  - Personal adecuado
diff --git a/frontend/public/protocols/material-sanitario/aspiracion.yaml b/frontend/public/protocols/material-sanitario/aspiracion.yaml
new file mode 100644
index 00000000..249c94ec
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/aspiracion.yaml
@@ -0,0 +1,59 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: aspiracion
+titulo: Aspiración
+subtitulo: Técnica de清除 secreciones
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_2_ASPIRACION.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "No aspirar más de 10-15 segundos seguidos."
+  - tipo: warning
+    texto: "Usar solo cuando sea necesario."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Secreciones en vía aérea"
+  - "Vómito"
+  - "Sangre en vía aérea"
+  - "Antes de intubar"
+
+# ─── EQUIPAMIENTO ────────────────────────────────────────────
+equipamiento:
+  - Aspirador portátil
+  - Sondas de aspiración
+  - Guantes
+  - Agua para limpiar
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Conectar sonda. Encender aspirador. Verificar suction."
+
+  - tipo: tecnica
+    titulo: Inserción
+    descripcion: "Introducir sonda sin aspirar. Aspirar retirando."
+
+  - tipo: tecnica
+    titulo: Tiempo
+    descripcion: "No aspirar más de 10-15 segundos."
+
+  - tipo: tecnica
+    titulo: Lavado
+    descripcion: "Limpiar sonda entre aspiraciones."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Aspirar demasiado tiempo"
+  - "Aspirar con fuerza excesiva"
+  - "No verificar funcionamiento"
+
+# ─── NOTAS ─────────────────────────────────────────────────
+notas:
+  - "Oxigenar entre aspiraciones si es posible"
+  - "Usar sonda del tamaño adecuado"
diff --git a/frontend/public/protocols/material-sanitario/bioseguridad.yaml b/frontend/public/protocols/material-sanitario/bioseguridad.yaml
new file mode 100644
index 00000000..fcd68a9b
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/bioseguridad.yaml
@@ -0,0 +1,59 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: bioseguridad
+titulo: Bioseguridad y Descontaminación
+subtitulo: Protección personal
+categoria: material
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_03_14_BIOSEGURIDAD_DESCONTAMINACION.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Usar EPI siempre que haya riesgo."
+  - tipo: warning
+    texto: "Descontaminar después de cada intervención."
+
+# ─── EQUIPAMIENTO DE PROTECCIÓN ──────────────────────────────
+epi:
+  - "Guantes"
+  - "Mascarilla"
+  - "Gafas de protección"
+  - "Bata"
+  - "Calzado cerrado"
+
+# ─── PROCEDIMIENTO ───────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Antes
+    descripcion: "Ponerse EPI completo."
+
+  - tipo: tecnica
+    titulo: Durante
+    descripcion: "No tocar cara. Cambiar guantes entre pacientes."
+
+  - tipo: tecnica
+    titulo: Después
+    descripcion: "Quitar EPI correctamente. Descontaminar."
+
+# ─── DESCONTAMINACIÓN ────────────────────────────────────────
+descontaminacion:
+  - "Lavar manos con agua y jabón"
+  - "Usar gel hidroalcohólico"
+  - "Limpiar superficies"
+  - "Eliminar residuos peligrosos"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No usar EPI"
+  - "Tocar cara con guantes"
+  - "No lavarse las manos"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Guantes
+  - Mascarillas
+  - Gafas
+  - Gel hidroalcohólico
+  - Productos de limpieza
diff --git a/frontend/public/protocols/material-sanitario/bvm.yaml b/frontend/public/protocols/material-sanitario/bvm.yaml
new file mode 100644
index 00000000..15f45231
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/bvm.yaml
@@ -0,0 +1,59 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: bvm
+titulo: Bolsa-Válvula-Mascarilla (BVM)
+subtitulo: Uso y técnica de ventilación
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_3_BVM.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Sellado adecuado es esencial para ventilación efectiva."
+  - tipo: warning
+    texto: "Evitar hiperventilación."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Ventilación en PCR"
+  - "Ventilación espontánea insuficiente"
+  - "Transporte de paciente intubado"
+
+# ─── COMPONENTES ───────────────────────────────────────────
+componentes:
+  - "Bolsa autoinflable"
+  - "Válvula unidireccional"
+  - "Mascarilla facial"
+  - "Conector de oxígeno"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Conectar bolsa a oxígeno (15 L/min). Conectar válvula y máscara."
+
+  - tipo: tecnica
+    titulo: Posición
+    descripcion: "Colocar máscara sobre cara del paciente. Asegurar sello."
+
+  - tipo: tecnica
+    titulo: Ventilación
+    descripcion: "Comprimir bolsa hasta ver elevación torácica. Liberar y dejar reexpandir."
+
+  - tipo: tecnica
+    titulo: Coordinación
+    descripcion: "Coordinar con compresiones: 30:2 en PCR."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Sellado inadecuado"
+  - "Hiperventilación"
+  - "No conectar oxígeno"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - BVM adulto/pediátrico
+  - Oxígeno
+  - Mascarillas de varios tamaños
diff --git a/frontend/public/protocols/material-sanitario/canulas.yaml b/frontend/public/protocols/material-sanitario/canulas.yaml
new file mode 100644
index 00000000..79fa834f
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/canulas.yaml
@@ -0,0 +1,67 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: canulas
+titulo: Cánulas Orofaríngeas y Nasofaríngeas
+subtitulo: Mantenimiento de vía aérea
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_4_CANULAS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Seleccionar tamaño correcto."
+  - tipo: warning
+    texto: "No usar si paciente tiene reflejo de náusea."
+
+# ─── TIPOS ─────────────────────────────────────────────────
+tipos:
+  - nombre: Cánula orofaríngea (Guedel)
+    via: "Boca"
+    indicacion: "Paciente inconsciente sin reflejo de náusea"
+  - nombre: Cánula nasofaríngea
+    via: "Nariz"
+    indicacion: "Cuando no se puede usar orofaríngea"
+
+# ─── SELECCIÓN DE TALLA ─────────────────────────────────────
+talla:
+  - "Medir desde ángulo mandibular hasta lóbulo oreja"
+  - "O desde esquina boca hasta ángulo mandíbula"
+
+# ─── TÉCNICA OROFARINGEA ────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Inserción
+    descripcion: "Abrir boca. Insertar cánula con curva hacia paladar. Rotar 180°."
+
+  - tipo: tecnica
+    titulo: Verificación
+    descripcion: "Verificar respiración correcta a través de la cánula."
+
+# ─── TÉCNICA NASOFARINGEA ────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Lubricar cánula."
+
+  - tipo: tecnica
+    titulo: Inserción
+    descripcion: "Insertar suavemente en fosa nasal hacia atrás y abajo."
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - "Reflejo de náusea presente"
+  - "Fractura de base de cráneo"
+  - "Coagulopatía"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Talla incorrecta"
+  - "No verificar permeabilidad"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Cánulas orofaríngeas (varios tamaños)
+  - Cánulas nasofaríngeas
+  - Lubricante
diff --git a/frontend/public/protocols/material-sanitario/comunicacion-operativa.yaml b/frontend/public/protocols/material-sanitario/comunicacion-operativa.yaml
new file mode 100644
index 00000000..623060ff
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/comunicacion-operativa.yaml
@@ -0,0 +1,33 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: comunicacion-operativa
+titulo: Comunicación Operativa
+subtitulo: Comunicación con paciente y familia
+categoria: material
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_03_16_COMUNICACION_OPERATIVA.md
+actualizado: 2025-12-23
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "Clariedad"
+  - "Empatía"
+  - "Escucha activa"
+  - "Información veraz"
+
+# ─── CON PACIENTE ────────────────────────────────────────────
+paciente:
+  - "Explicar procedimientos"
+  - "Calmar"
+  - "Pedir consentimiento"
+
+# ─── CON FAMILIA ─────────────────────────────────────────────
+familia:
+  - "Informar estado"
+  - "Explicar acciones"
+  - "Dar instrucciones"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No informar"
+  - "Dar información falsa"
diff --git a/frontend/public/protocols/material-sanitario/confort-dolor.yaml b/frontend/public/protocols/material-sanitario/confort-dolor.yaml
new file mode 100644
index 00000000..07924364
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/confort-dolor.yaml
@@ -0,0 +1,28 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: confort-dolor
+titulo: Confort y Manejo del Dolor
+subtitulo: Cuidado del paciente
+categoria: material
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_03_13_CONFORT_DOLOR.md
+actualizado: 2025-12-23
+
+# ─── EVALUACIÓN DEL DOLOR ────────────────────────────────────
+evaluacion:
+  - "Escala verbal (0-10)"
+  - "Escala facial"
+  - "Observación de signos"
+
+# ─── MEDIDAS NO FARMACOLÓGICAS ──────────────────────────────
+medidas:
+  - "Posición cómoda"
+  - "Calmar al paciente"
+  - "Explicar procedimientos"
+  - "Mantener temperatura"
+  - "Minimizar ruido"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Ignorar dolor"
+  - "No registrar"
diff --git a/frontend/public/protocols/material-sanitario/control-hemorragias.yaml b/frontend/public/protocols/material-sanitario/control-hemorragias.yaml
new file mode 100644
index 00000000..31a5754c
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/control-hemorragias.yaml
@@ -0,0 +1,62 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: control-hemorragias
+titulo: Control de Hemorragias
+subtitulo: Técnicas de hemostasia
+categoria: material
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_03_6_CONTROL_HEMORRAGIAS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "La hemorragia es la principal causa de muerte prevenible."
+  - tipo: danger
+    texto: "Controlar hemorragia antes de cualquier otra cosa."
+
+# ─── TÉCNICAS ─────────────────────────────────────────────────
+tecnicas:
+  - titulo: Presión directa
+    prioridad: 1
+    descripcion: "Aplicar presión directa con gasas/paño limpio."
+  - titulo: Elevación
+    prioridad: 2
+    descripcion: "Elevar extremidad por encima del corazón."
+  - titulo: Presión indirecta
+    prioridad: 3
+    descripcion: "Presionar arteria proximal."
+  - torniquete
+    prioridad: 4
+    descripcion: "Último recurso para hemorragia masiva de extremidad."
+
+# ─── PASOS ───────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Evaluación
+    descripcion: "Identificar fuente de hemorragia."
+
+  - tipo: tecnica
+    titulo: Presión directa
+    descripcion: "Aplicar presión firme con gasa. Mantener 10-15 min."
+
+  - tipo: tecnica
+    titulo: Si no cesa
+    descripcion: "Añadir más gasas. No quitar las primeras."
+
+  - tipo: tecnica
+    titulo: Torniquete
+    descripcion: "Solo si presión directa falla y hemorragia masiva."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Retirar gasas empapadas"
+  - "No aplicar suficiente presión"
+  - "Torniquete demasiado estrecho"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Gasas estériles
+  - Vendas
+  - Torniquete
+  - Guantes
diff --git a/frontend/public/protocols/material-sanitario/documentacion-operativa.yaml b/frontend/public/protocols/material-sanitario/documentacion-operativa.yaml
new file mode 100644
index 00000000..5167010f
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/documentacion-operativa.yaml
@@ -0,0 +1,32 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: documentacion-operativa
+titulo: Documentación Operativa
+subtitulo: Registro de intervención
+categoria: material
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_03_18_DOCUMENTACION_OPERATIVA.md
+actualizado: 2025-12-23
+
+# ─── DATOS A REGISTRAR ───────────────────────────────────────
+registro:
+  - "Hora de llamada"
+  - "Hora de llegada"
+  - "Datos del paciente"
+  - "Motivo de consulta"
+  - "Exploración"
+  - "Tratamiento"
+  - "Evolución"
+  - "Hora de traslado"
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "Registrar todo"
+  - "Ser objetivo"
+  - "Legible"
+  - "Completo"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No registrar"
+  - "Registrar tarde"
diff --git a/frontend/public/protocols/material-sanitario/exposicion-termica.yaml b/frontend/public/protocols/material-sanitario/exposicion-termica.yaml
new file mode 100644
index 00000000..8250bb7a
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/exposicion-termica.yaml
@@ -0,0 +1,42 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: exposicion-termica
+titulo: Exposición y Aislamiento Térmico
+subtitulo: Prevención de hipotermia
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_9_EXPOSICION_AISLAMIENTO_TERMICO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "La hipotermia empeora el pronóstico."
+  - tipo: warning
+    texto: "Prevenir desde el inicio."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Exposición al frío"
+  - "Trauma"
+  - "Paciente mojado"
+  - "Traslado prolongado"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Secado
+    descripcion: "Secar al paciente."
+
+  - tipo: tecnica
+    titulo: Aislamientotérmico
+    descripcion: "Cubrir con mantas. Usar sistema de aislamiento."
+
+  - tipo: tecnica
+    titulo: Temperatura ambiente
+    descripcion: "Mantener temperatura del vehículo."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Dejar paciente mojado"
+  - "No cubrir"
diff --git a/frontend/public/protocols/material-sanitario/glucometro.yaml b/frontend/public/protocols/material-sanitario/glucometro.yaml
new file mode 100644
index 00000000..0831a77c
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/glucometro.yaml
@@ -0,0 +1,59 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: glucometro
+titulo: Glucómetro
+subtitulo: Medición de glucemia
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_11_GLUCOMETRO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Lavar manos antes de medir."
+  - tipo: warning
+    texto: "No usar primera gota de sangre."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Diabetes conocida"
+  - "Sospecha de hipoglucemia"
+  - "Pérdida de consciencia"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Lavar manos. Insertar tira en glucómetro."
+
+  - tipo: tecnica
+    titulo: Punción
+    descripcion: "Punciones dedo lateral. Descartar primera gota."
+
+  - tipo: tecnica
+    titulo: Medición
+    descripcion: "Aplicar sangre a tira. Esperar resultado."
+
+  - tipo: tecnica
+    titulo: Interpretación
+    descripcion: "Registrar valor y hora."
+
+# ─── VALORES ─────────────────────────────────────────────────
+valores:
+  - "< 70 mg/dL": "Hipoglucemia"
+  - "70-110 mg/dL": "Normal"
+  - "> 126 mg/dL": "Hiperglucemia"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No lavar manos"
+  - "Usar primera gota"
+  - "Tira caducada"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Glucómetro
+  - Tiras reactivas
+  - Lancetas
+  - Algodón
diff --git a/frontend/public/protocols/material-sanitario/heridas-vendajes.yaml b/frontend/public/protocols/material-sanitario/heridas-vendajes.yaml
new file mode 100644
index 00000000..91aaed73
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/heridas-vendajes.yaml
@@ -0,0 +1,55 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: heridas-vendajes
+titulo: Heridas y Vendajes
+subtitulo: Cuidado de heridas
+categoria: material
+urgencia: media
+version: 1.0
+fuente: BLOQUE_03_8_HERIDAS_VENDAJES.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Limpiar antes de vendar."
+  - tipo: warning
+    texto: "No aplicar antiseptico直接 en heridas abiertas."
+
+# ─── TIPOS DE VENDAJES ──────────────────────────────────────
+tipos:
+  - "Venda elástica"
+  - "Venda de gasa"
+  - "Apósito adhesivo"
+  - "Venda triangular"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Limpieza
+    descripcion: "Limpiar herida con suero fisiológico."
+
+  - tipo: tecnica
+    titulo: Secado
+    descripcion: "Secar gently around herida."
+
+  - tipo: tecnica
+    titulo: Aplicación
+    descripcion: "Aplicar apósito. Fijar con venda."
+
+  - tipo: tecnica
+    titulo: Verificación
+    descripcion: "Verificar circulación distal."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Venda demasiado apretada"
+  - "No verificar circulación"
+  - "No limpiar herida"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Suero fisiológico
+  - Gasas
+  - Vendas
+  - Apósitos
+  - Antiséptico
diff --git a/frontend/public/protocols/material-sanitario/monitorizacion-basica.yaml b/frontend/public/protocols/material-sanitario/monitorizacion-basica.yaml
new file mode 100644
index 00000000..9e5203e4
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/monitorizacion-basica.yaml
@@ -0,0 +1,56 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: monitorizacion-basica
+titulo: Monitorización Básica
+subtitulo: Constantes y seguimiento
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_10_MONITORIZACION_BASICA.md
+actualizado: 2025-12-23
+
+# ─── PARÁMETROS ───────────────────────────────────────────────
+parametros:
+  - "Frecuencia cardíaca (FC)"
+  - "Frecuencia respiratoria (FR)"
+  - "Presión arterial (PA)"
+  - "Saturación de oxígeno (SpO2)"
+  - "Temperatura"
+
+# ─── MONITORES ──────────────────────────────────────────────
+monitores:
+  - nombre: Pulsioximetro
+    parametro: "SpO2 y FC"
+  - nombre: Esfigmomanometro
+    parametro: "PA"
+  - nombre: Termometro
+    parametro: "Temperatura"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Colocación
+    descripcion: "Colocar sensores según dispositivo."
+
+  - tipo: tecnica
+    titulo: Encendido
+    descripcion: "Encender monitor. Esperar lectura estable."
+
+  - tipo: tecnica
+    titulo: Registro
+    descripcion: "Registrar valores y hora."
+
+  - tipo: tecnica
+    titulo: Reevaluación
+    descripcion: "Reevaluar periódicamente."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No registrar valores"
+  - "No reevaluar"
+  - "Confiar en lectura inestable"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Pulsioximetro
+  - Esfigmomanometro
+  - Termometro
diff --git a/frontend/public/protocols/material-sanitario/quemaduras.yaml b/frontend/public/protocols/material-sanitario/quemaduras.yaml
new file mode 100644
index 00000000..dbe64c3b
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/quemaduras.yaml
@@ -0,0 +1,72 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: quemaduras
+titulo: Quemaduras
+subtitulo: Clasificación y tratamiento inicial
+categoria: material
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_03_7_QUEMADURAS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Enfriar con agua corriente 20 minutos."
+  - tipo: danger
+    texto: "No aplicar hielo, pasta de dientes, etc."
+
+# ─── CLASIFICACIÓN ───────────────────────────────────────────
+clasificacion:
+  - grado: 1
+    nombre: "Superficial"
+    aspecto: "Rojo, doloroso"
+    ejemplo: "Sol"
+  - grado: 2a
+    nombre: "Espesor parcial superficial"
+    aspecto: "Ampollas, muy doloroso"
+  - grado: 2b
+    nombre: "Espesor parcial profundo"
+    aspecto: "Blanquecino, menos doloroso"
+  - grado: 3
+    nombre: "Espesor total"
+    aspecto: "Negro/carbonizado, no doloroso"
+
+# ─── TRATAMIENTO ─────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Detener quemado
+    descripcion: "Apartar de fuente de calor."
+
+  - tipo: tecnica
+    titulo: Enfriar
+    descripcion: "Agua corriente fresca 20 minutos."
+
+  - tipo: tecnica
+    titulo: Cubrir
+    descripcion: "Cubrir con venda estéril o limpio."
+
+  - tipo: tecnica
+    titulo: No romper ampollas
+    descripcion: "Dejar intactas."
+
+# ─── CRITERIOS DE GRAVEDAD ────────────────────────────────────
+gravedad:
+  - ">10% SCQ en adultos"
+  - ">5% SCQ en niños"
+  - "Quemaduras en cara, manos, pies, genitales"
+  - "Quemaduras 3er grado"
+  - "Quemaduras eléctricas"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Aplicar hielo"
+  - "Aplicar pasta de dientes"
+  - "Romper ampollas"
+  - "Usar algodón"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Agua fresca
+  - Vendas estériles
+  - Mantas
+  - Guantes
diff --git a/frontend/public/protocols/material-sanitario/senalizacion-iluminacion.yaml b/frontend/public/protocols/material-sanitario/senalizacion-iluminacion.yaml
new file mode 100644
index 00000000..172cf134
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/senalizacion-iluminacion.yaml
@@ -0,0 +1,27 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: senalizacion-iluminacion
+titulo: Señalización e Iluminación
+subtitulo: Seguridad en escena
+categoria: material
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_03_17_SENALIZACION_ILUMINACION.md
+actualizado: 2025-12-23
+
+# ─── PRINCIPIOS ────────────────────────────────────────────────
+principios:
+  - "Proteger la escena"
+  - "Visibilidad para equipos"
+  - "Seguridad vial"
+
+# ─── EQUIPAMIENTO ────────────────────────────────────────────
+equipamiento:
+  - "Triángulos de señalización"
+  - "Chalecos reflectantes"
+  - "Luces de emergencia"
+  - "Linternas"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No señalizar"
+  - "No usar chaleco"
diff --git a/frontend/public/protocols/material-sanitario/termometria.yaml b/frontend/public/protocols/material-sanitario/termometria.yaml
new file mode 100644
index 00000000..ac878dac
--- /dev/null
+++ b/frontend/public/protocols/material-sanitario/termometria.yaml
@@ -0,0 +1,48 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: termometria
+titulo: Termometría
+subtitulo: Medición de temperatura
+categoria: material
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_03_12_TERMOMETRIA.md
+actualizado: 2025-12-23
+
+# ─── TIPOS DE TERMÓMETROS ───────────────────────────────────
+tipos:
+  - nombre: Digital
+    via: "Axilar, oral, rectal"
+  - nombre: Timpánico
+    via: "Oído"
+  - nombre: Fronta
+    via: "Frente"
+
+# ─── VALORES NORMALES ───────────────────────────────────────
+valores:
+  - "Axilar: 35.5-37.0°C"
+  - "Oral: 36.6-37.2°C"
+  - "Timpánico: 36.8-38.0°C"
+
+# ─── TÉCNICA ─────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Seleccionar termómetro limpio."
+
+  - tipo: tecnica
+    titulo: Colocación
+    descripcion: "Colocar según tipo. Asegurar contacto."
+
+  - tipo: tecnica
+    titulo: Lectura
+    descripcion: "Esperar beep. Registrar valor."
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Termómetro sucio"
+  - "No esperar tiempo suficiente"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Termómetro
+  - Fundas desechables
diff --git a/frontend/public/protocols/procedures/abcde-operativo.yaml b/frontend/public/protocols/procedures/abcde-operativo.yaml
new file mode 100644
index 00000000..f60208aa
--- /dev/null
+++ b/frontend/public/protocols/procedures/abcde-operativo.yaml
@@ -0,0 +1,99 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: abcde-operativo
+titulo: Evaluación Primaria ABCDE
+subtitulo: Aplicación práctica del ABCDE en escena
+categoria: evaluacion
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_01_2_ABCDE_OPERATIVO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Evaluar y tratar en orden: A → B → C → D → E"
+  - tipo: danger
+    texto: "No avanzar al siguiente paso hasta resolver problemas del anterior."
+  - tipo: warning
+    texto: "Re-evaluar continuamente después de cada intervención."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "Evaluar y tratar problemas en orden de prioridad"
+  - "A antes que B, B antes que C, C antes que D, D antes que E"
+  - "No avanzar hasta resolver problemas del anterior"
+  - "Re-evaluación continua"
+
+# ─── SECUENCIA ABCDE ─────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: A - Vía Aérea
+    descripcion: "Evaluar si vía aérea está permeable. ¿Respira?"
+    accion: "Si no permeable: abrir vía aérea (inclinación-mentón, cánula orofaríngea). Si sospecha trauma: manualmente en línea."
+    evaluacion:
+      - "¿Hay respiración?"
+      - "¿Ruidos anormales?"
+      - "¿Cuerpo extraño visible?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: B - Respiración
+    descripcion: "Evaluar respiración: frecuencia, esfuerzo, sonidos."
+    accion: "Si no respira: ventilar con BVM + O2. Si dificultad respiratoria: O2, posición."
+    evaluacion:
+      - "Frecuencia (normal: 12-20)"
+      - "Esfuerzo (uso de músculos)"
+      - "Sonidos (sibilancias, estridor)"
+    critico: true
+
+  - tipo: tecnica
+    titulo: C - Circulación
+    descripcion: "Evaluar circulación: pulso, presión, hemorragias."
+    accion: "Si shock: posicionar, O2, controlar hemorragias, acceso IV."
+    evaluacion:
+      - "Pulso (frecuencia y calidad)"
+      - "Presión arterial"
+      - "Hemorragias visibles"
+      - "Piel (color, temperatura, humedad)"
+    critico: true
+
+  - tipo: tecnica
+    titulo: D - Discapacidad
+    descripcion: "Evaluar nivel de consciencia y neurológico."
+    accion: "Si alterado: posicionar, evaluar Glasgow, prevenir lesiones secundarias."
+    evaluacion:
+      - "Escala Glasgow"
+      - "Pupilas (tamaño, simetría, reacción)"
+      - "Respuesta a estímulos"
+    critico: true
+
+  - tipo: tecnica
+    titulo: E - Exposición
+    descripcion: "Exponer para evaluar, proteger para prevenir hipotermia."
+    accion: "Exponer zonas afectadas. Prevenir hipotermia con mantas."
+    evaluacion:
+      - "Lesiones visibles"
+      - "Deformidades"
+      - "Signos de trauma"
+    notas: "Mantener temperatura corporal"
+
+# ─── RE-EVALUACIÓN ────────────────────────────────────────────
+reevaluacion:
+  - "Después de cada intervención"
+  - "Verificar que problemas se han resuelto"
+  - "Detectar nuevos problemas o empeoramiento"
+
+# ─── INTEGRACIÓN ──────────────────────────────────────────────
+integracion:
+  - "Constantes vitales (1.1)"
+  - "Glasgow (1.3)"
+  - "Triage START (1.4)"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Cánula orofaríngea
+  - Bolsa-Válvula-Mascarilla
+  - Oxígeno
+  - Guantes
+  - Mantas
+  - Material de hemostasis
diff --git a/frontend/public/protocols/procedures/constantes-vitales.yaml b/frontend/public/protocols/procedures/constantes-vitales.yaml
new file mode 100644
index 00000000..5b27a5b4
--- /dev/null
+++ b/frontend/public/protocols/procedures/constantes-vitales.yaml
@@ -0,0 +1,97 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: constantes-vitales
+titulo: Constantes Vitales
+subtitulo: Toma y Registro Operativo
+categoria: procedimiento
+urgencia: normal
+version: 1.0
+fuente: BLOQUE_01_1_CONSTANTES_VITALES.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: "Lectura útil = lectura estable + contexto."
+  - tipo: warning
+    texto: "Si no cuadra: revisar técnica y repetir."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "Lectura útil requiere lectura estable y contexto"
+  - "Registrar condiciones que pueden afectar lectura"
+  - "Si lectura no cuadra: revisar técnica y repetir"
+
+# ─── CONSTANTES VITALES ────────────────────────────────────────
+constantes:
+  - nombre: Presión Arterial (TA)
+    medicion: "Esfigmomanómetro"
+    normal: "< 140/90 mmHg"
+    tecnica: "Paciente sentado/echado, brazo a nivel del corazón"
+
+  - nombre: Frecuencia Cardiaca (FC)
+    medicion: "Pulso radial o carotidiano"
+    normal: "60-100 lpm"
+    tecnica: "Contar pulsos durante 1 minuto"
+
+  - nombre: Frecuencia Respiratoria (FR)
+    medicion: "Observación torácica"
+    normal: "12-20 rpm"
+    tecnica: "Contar respiraciones durante 1 minuto"
+
+  - nombre: Temperatura
+    medicion: "Termómetro"
+    normal: "36.1-37.2 °C"
+    tecnica: "Axilar, oral o timpánica"
+
+  - nombre: Saturación de Oxígeno (SpO2)
+    medicion: "Pulsioximetro"
+    normal: "95-100%"
+    tecnica: "Dedo o lóbulo耳朵"
+
+# ─── TÉCNICA DE TOMA ─────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Explicar al paciente. Asegurar posición cómoda. Reunir material."
+
+  - tipo: tecnica
+    titulo: Presión Arterial
+    descripcion: "Colocar manguito en brazo (por encima del codo). Palpar pulso braquial. Inflar hasta 180 mmHg. Desinflar lentamente. Registrar sistólica y diastólica."
+
+  - tipo: tecnica
+    titulo: Frecuencia Cardiaca
+    descripcion: "Palpar pulso radial (muñeca) o carotidiano (cuello). Contar durante 60 segundos. Registrar ritmo y regularidad."
+
+  - tipo: tecnica
+    titulo: Frecuencia Respiratoria
+    descripcion: "Observar movimiento torácico. Contar ciclos durante 60 segundos. No alertar al paciente."
+
+  - tipo: tecnica
+    titulo: Temperatura
+    descripcion: "Colocar termómetro en axila, boca o oído. Esperar tiempo indicado. Registrar temperatura."
+
+  - tipo: tecnica
+    titulo: SpO2
+    descripcion: "Colocar sensor en dedo o lóbulo. Esperar lectura estable. Registrar valor."
+
+# ─── CONDICIONES QUE AFECTAN LECTURA ─────────────────────────
+condiciones:
+  - "Movimiento"
+  - "Frío"
+  - "Mala perfusión"
+  - "Dolor o temblor"
+  - "Consumo de tabaco reciente"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Confiar en lectura artefactada"
+  - "No registrar contexto"
+  - "Medir sin técnica correcta"
+
+# ─── MATERIAL ────────────────────────────────────────────────
+equipamiento:
+  - Esfigmomanómetro
+  - Fonendoscopio
+  - Pulsioximetro
+  - Termómetro
+  - Reloj con segundero
diff --git a/frontend/public/protocols/procedures/triage-start.yaml b/frontend/public/protocols/procedures/triage-start.yaml
new file mode 100644
index 00000000..70c14d78
--- /dev/null
+++ b/frontend/public/protocols/procedures/triage-start.yaml
@@ -0,0 +1,110 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: triage-start
+titulo: Triage START
+subtitulo: Simple Triage and Rapid Treatment
+categoria: triage
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_01_4_TRIAGE_START.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Categorizar víctimas rápidamente: tiempo es crítico en múltiples víctimas."
+  - tipo: danger
+    texto: "Evaluar cada víctima en 30-60 segundos máximo."
+  - tipo: warning
+    texto: "Priorizar recursos según categorías: Rojo → Amarillo → Verde → Negro."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "Categorizar víctimas rápidamente"
+  - "No detenerse demasiado tiempo en cada víctima"
+  - "Priorizar recursos según categorías"
+  - "Re-evaluar según protocolo"
+
+# ─── CATEGORÍAS DE TRIAGE ─────────────────────────────────────
+categorias:
+  - color: ROJO
+    nombre: "Prioridad 1 - Atención Inmediata"
+    criterio: "No camina + No respira o respira >30/min + No cede presión o no responde"
+    accion: "Atención inmediata / Evacuación prioritaria"
+  - color: AMARILLO
+    nombre: "Prioridad 2 - Urgente"
+    criterio: "No camina + Respira + Cede presión + Responde"
+    accion: "Atención segunda / Evacuación diferida"
+  - color: VERDE
+    nombre: "Prioridad 3 - Diferible"
+    criterio: "Camina por sí solo"
+    accion: "Atención menor / Evacuación tardía"
+  - color: NEGRO
+    nombre: "Prioridad 4 - Expectante/Fallecido"
+    criterio: "No respira tras apertura vía aérea + No responde"
+    accion: "Última atención / No evacuación inmediata"
+
+# ─── ALGORITMO START ─────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Paso 1 - ¿Camina?
+    descripcion: "Preguntar: '¿Puede caminar?' O observar si camina."
+    si: "Verde (Prioridad 3)"
+    no: "Continuar a Paso 2"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Paso 2 - Respiración
+    descripcion: "Si no camina: evaluar respiración."
+    evaluacion:
+      - "¿Respira?"
+      - "¿FR > 30/min?"
+    si_no_respira: "Abrir vía aérea. Si sigue sin respirar: Negro. Si respira: Rojo."
+    si_fr_mayor_30: "Rojo (Prioridad 1)"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Paso 3 - Perfusión
+    descripcion: "Si respira normalmente: evaluar perfusión."
+    tecnica: "Presión capilar > 2 segundos"
+    si_no_cede: "Rojo (Prioridad 1)"
+    si_cede: "Continuar a Paso 4"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Paso 4 - Consciencia
+    descripcion: "Si perfusión OK: evaluar consciencia."
+    tecnica: "Seguir órdenes simples: 'Abra los ojos', 'Apriete mi mano'"
+    si_no_responde: "Rojo (Prioridad 1)"
+    si_responde: "Amarillo (Prioridad 2)"
+    critico: true
+
+# ─── CONSIDERACIONES PEDIÁTRICAS ──────────────────────────────
+jumpstart:
+  - "Para niños: sistema JumpSTART"
+  - "Si no camina: evaluar respiración"
+  - "Si no respira: abrir vía aérea"
+  - "Si sigue sin respirar: Negro"
+  - "Si respira: evaluar frecuencia"
+  - "Si FR < 15 o > 45: Rojo"
+  - "Si OK: evaluar perfusión y consciencia como adultos"
+
+# ─── PRIORIZACIÓN DE RECURSOS ────────────────────────────────
+priorizacion:
+  - "1. Rojo (Prioridad 1): Atención inmediata"
+  - "2. Amarillo (Prioridad 2): Atención segunda"
+  - "3. Verde (Prioridad 3): Atención menor"
+  - "4. Negro (Prioridad 4): Gestión según protocolo"
+
+# ─── RE-EVALUACIÓN ────────────────────────────────────────────
+reevaluacion:
+  - "Re-evaluar después de tratamiento inicial"
+  - "Re-evaluar durante evacuación"
+  - "Detectar cambios en categoría"
+  - "Actualizar priorización"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Tarjetas de triage
+  - Marcadores
+  - Guantes
+  - Teléfono (112)
diff --git a/frontend/public/protocols/soporte-vital/acceso-vascular-basico.yaml b/frontend/public/protocols/soporte-vital/acceso-vascular-basico.yaml
new file mode 100644
index 00000000..28505289
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/acceso-vascular-basico.yaml
@@ -0,0 +1,113 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: acceso-vascular-basico
+titulo: Acceso Vascular Básico
+subtitulo: Técnicas de acceso venoso periférico en emergencias
+categoria: procedimiento
+urgencia: alta
+version: 1.0
+fuente: BLOQUE_04_10_ACCESO_VASCULAR_BASICO.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "El acceso vascular es un procedimiento invasivo. Evaluar si es realmente necesario."
+  - tipo: warning
+    texto: "Técnica aséptica es obligatoria."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "Evaluar necesidad real antes de puncionar"
+  - "Elegir el sitio correcto evita complicaciones"
+  - "Técnica aséptica es obligatoria"
+  - "Primero venas distales"
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - Shock o hipotensión
+  - Deshidratación
+  - Necesidad de administración de fármacos IV
+  - Necesidad de administración de fluidos
+  - Situaciones que requieren vía rápida
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - Infecciones locales en zona de punción
+  - Trombosis venosa conocida
+  - Fracturas complejas en extremidad
+  - Quemaduras graves en zona de punción
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Preparación
+    descripcion: "Explicar al paciente si está consciente. Reunir material. Colocar guantes. Seleccionar extremidad."
+    material:
+      - "Guantes estériles"
+      - "Torniquete"
+      - "Antiséptico (clorhexidina/alcohol)"
+      - "Catéter intravenoso (18G-22G según necesidad)"
+      - "Jeringa con suero salino"
+      - "Gasas estériles"
+      - "Esparadrapo/tegaderm"
+      - "Contenedor de objetos punzantes"
+
+  - tipo: tecnica
+    titulo: Seleccionar vena
+    descripcion: "Inspeccionar ambas extremidades superiores. Preferir venas distales (mano, muñeca). Seleccionar vena prominente y accesible."
+    notas: "Evitar zonas con edema, hematomas, infección o articulaciones"
+
+  - tipo: tecnica
+    titulo: Aplicar torniquete
+    descripcion: "Aplicar torniquete 10-15 cm por encima del sitio de punción. No exceder 1 minuto."
+    notas: "Pedir al paciente que abra/cierre puño si es posible"
+
+  - tipo: tecnica
+    titulo: Limpiar zona
+    descripcion: "Limpiar con antiséptico con movimiento circular desde centro hacia afuera. Dejar secar."
+
+  - tipo: tecnica
+    titulo: Puncionar
+    descripcion: "Con bisel hacia arriba,.insertar catéter con ángulo de 15-30°. Observar reflujo de sangre. Avanzar catéter, retirando aguja."
+    verificacion: "¿Hay reflujo de sangre?"
+
+  - tipo: tecnica
+    titulo: Conectar y verificar
+    descripcion: "Conectar extensión o jeringa con suero. Aspirar y empujar para verificar permeabilidad. Retirar torniquete."
+    notas: "No forzar si hay resistencia"
+
+  - tipo: tecnica
+    titulo: Fijar catéter
+    descripcion: "Fijar con esparadrapo o tegaderm. Etiquetar con fecha/hora."
+
+# ─── SELECCIÓN DE CALIBRE ─────────────────────────────────────
+calibres:
+  - titulo: 14G-16G
+    uso: "Emergencias, transfusiones rápidas"
+  - titulo: 18G
+    uso: "Uso general, chirurgical"
+  - titulo: 20G-22G
+    uso: "Pacientes difíciles, pediátricos"
+
+# ─── SITIOS DE PUNCIÓN ───────────────────────────────────────
+sitios:
+  - "Miembro superior: dorso de mano, muñeca, antebrazo, fosa antecubital"
+  - "Evitar: zonas de flexión articular si es posible"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "No evaluar necesidad real"
+  - "No usar técnica aséptica"
+  - "Forzar el catéter si hay resistencia"
+  - "Torniquete puesto más de 1 minuto"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Guantes estériles
+  - Torniquete
+  - Antiséptico
+  - Catéteres IV
+  - Jeringas
+  - Suero salino
+  - Gasas estériles
+  - Esparadrapo/tegaderm
diff --git a/frontend/public/protocols/soporte-vital/ovace-adultos.yaml b/frontend/public/protocols/soporte-vital/ovace-adultos.yaml
new file mode 100644
index 00000000..3aef481d
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/ovace-adultos.yaml
@@ -0,0 +1,109 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ovace-adultos
+titulo: OVACE en Adultos
+subtitulo: Obstrucción de Vía Aérea por Cuerpo Extraño
+categoria: emergencia
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_6_OVACE_ADULTOS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "¿Puede hablar?" - Es la pregunta diagnóstica clave.
+  - tipo: danger
+    texto: "Si puede hablar/toser bien: ANIMA A TOSER. Si no: ACTÚA."
+  - tipo: warning
+    texto: "Si el paciente pierde la consciencia, iniciar RCP inmediatamente."
+
+# ─── CRITERIOS ─────────────────────────────────────────────────
+clasificacion:
+  - titulo: Tos EFECTIVA
+    criterios:
+      - "Puede hablar"
+      - "Puede toser con fuerza"
+    conducta: "Animar a toser, NO hacer maniobras"
+  - titulo: Tos INEFECTIVA
+    criterios:
+      - "No puede hablar"
+      - "Tos débil o ausente"
+      - "Dificultad respiratoria severa"
+      - "Signo universal (manos al cuello)"
+    conducta: "Maniobras inmediatas"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: Evaluar gravedad - "¿Puede hablar?"
+    descripcion: "Preguntar: '¿Puede hablar o toser?'"
+    si: Animar a toser
+    no: Iniciar maniobras
+    critico: true
+
+  - tipo: info
+    titulo: Tos efectiva
+    descripcion: "Animar a seguir tosiendo. No hacer maniobras. Vigilar."
+    notas: "La tos natural es el mecanismo más potente"
+
+  - tipo: tecnica
+    titulo: Golpes interescapulares
+    descripcion: "Si obstrucción grave: inclinar hacia delante. Dar 5 golpes firmes entre los omóplatos con la palma de la mano."
+    parametros:
+      - label: Cantidad
+        valor: "5 golpes"
+      - label: Técnica
+        valor: "Firme, entre omóplatos"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones abdominales (Heimlich)
+    descripcion: "Colocarse detrás, rodeando la cintura. Colocar puño entre ombligo y final del esternón. Agarrar puño con otra mano. Comprimir hacia dentro y hacia arriba, 5 veces."
+    parametros:
+      - label: Punto
+        valor: "Entre ombligo y final del esternón"
+        destino: true
+      - label: Dirección
+        valor: "Hacia dentro y hacia arriba"
+        destino: true
+      - label: Cantidad
+        valor: "5 compresiones"
+    critico: true
+
+  - tipo: decision
+    titulo: Reevaluar
+    descripcion: "Después de ciclo (5 golpes + 5 compresiones): '¿Ha salido? ¿Puede respirar?'"
+    si: Vigilar
+    no: Repetir ciclo
+    critico: true
+
+  - tipo: tecnica
+    titulo: Embarazada u obesa
+    descripcion: "Si está embarazada o es obesa: compresiones TORÁCICAS (sobre el esternón) en lugar de abdominales."
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho (esternón)"
+      - label: Técnica
+        valor: "Igual que abdominal pero sobre el pecho"
+
+  - tipo: tecnica
+    titulo: Si pierde consciencia
+    descripcion: "Poner en suelo boca arriba. Activar 112 si no hecho. Iniciar RCP inmediatamente. Revisar boca antes de ventilaciones."
+    critico: true
+
+# ─── CICLO ────────────────────────────────────────────────────
+ciclo:
+  - "Alternar 5 golpes espalda + 5 compresiones abdominales"
+  - "Hasta: expulse objeto, respire normal, o pierda consciencia"
+  - "Si pierde consciencia: RCP inmediata"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Hacer maniobras cuando la tos es efectiva"
+  - "Meter los dedos en la boca a ciegas"
+  - "No pasar a RCP si pierde consciencia"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono (112)
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/ovace-lactantes.yaml b/frontend/public/protocols/soporte-vital/ovace-lactantes.yaml
new file mode 100644
index 00000000..b6b62570
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/ovace-lactantes.yaml
@@ -0,0 +1,87 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ovace-lactantes
+titulo: OVACE en Lactantes
+subtitulo: Obstrucción de Vía Aérea por Cuerpo Extraño en Lactantes (<1 año)
+categoria: emergencia
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_8_OVACE_LACTANTES.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "NUNCA hacer Heimlich abdominal en lactantes."
+  - tipo: danger
+    texto: "NUNCA meter dedos en la boca a ciegas."
+  - tipo: warning
+    texto: "Si puede llorar/toser: Vigilar, NO hacer maniobras."
+
+# ─── CRITERIOS ─────────────────────────────────────────────────
+clasificacion:
+  - titulo: Tos EFECTIVA
+    criterios:
+      - "Llora"
+      - "Tose"
+      - "Hace ruido"
+    conducta: "Vigilar"
+  - titulo: Tos INEFECTIVA
+    criterios:
+      - "No llora, no tose, no respira"
+      - "Sonidos débiles o ausentes"
+      - "Se pone morado"
+    conducta: "Maniobras inmediatas"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: Evaluar gravedad
+    descripcion: "¿El bebé puede llorar, toser o hacer ruido?"
+    si: Vigilar
+    no: Maniobras
+    critico: true
+
+  - tipo: tecnica
+    titulo: Golpes en espalda
+    descripcion: "Poner al bebé boca abajo sobre antebrazo, cabeza más baja. Sujete mandíbula. Dé 5 golpes firmes entre los omóplatos."
+    parametros:
+      - label: Posición
+        valor: "Boca abajo, cabeza más baja que el cuerpo"
+        destino: true
+      - label: Cantidad
+        valor: "5 golpes"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones torácicas
+    descripcion: "Girar al bebé boca arriba, cabeza más baja. Con 2 dedos en el centro del pecho (bajo línea de pezones), comprimir 5 veces."
+    parametros:
+      - label: Técnica
+        valor: "2 dedos"
+        destino: true
+      - label: Punto
+        valor: "Centro del pecho, bajo línea de pezones"
+      - label: Cantidad
+        valor: "5 compresiones"
+    critico: true
+
+  - tipo: decision
+    titulo: Reevaluar
+    descripcion: "¿Ha salido? ¿Respira?"
+    si: Vigilar
+    no: Repetir ciclo
+
+  - tipo: tecnica
+    titulo: Si pierde consciencia
+    descripcion: "Iniciar RCP lactante. Revisar boca antes de ventilaciones."
+    critico: true
+
+# ─── PROHIBICIONES ─────────────────────────────────────────────
+prohibiciones:
+  - "Heimlich abdominal (NUNCA)"
+  - "Meter dedos en la boca a ciegas"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/ovace-pediatria.yaml b/frontend/public/protocols/soporte-vital/ovace-pediatria.yaml
new file mode 100644
index 00000000..0d4c9cf8
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/ovace-pediatria.yaml
@@ -0,0 +1,78 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ovace-pediatria
+titulo: OVACE en Pediatría
+subtitulo: Obstrucción de Vía Aérea por Cuerpo Extraño en Niños
+categoria: emergencia
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_7_OVACE_PEDIATRIA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "En niños: 5 golpes espalda + 5 compresiones abdominales."
+  - tipo: danger
+    texto: "Si pierde consciencia: iniciar RCP inmediatamente."
+  - tipo: warning
+    texto: "Usar una mano para compresiones según tamaño del niño."
+
+# ─── CRITERIOS ─────────────────────────────────────────────────
+clasificacion:
+  - titulo: Tos EFECTIVA
+    criterios:
+      - "Puede llorar, toser o hablar"
+    conducta: "Vigilar, NO hacer maniobras"
+  - titulo: Tos INEFECTIVA
+    criterios:
+      - "No puede llorar, toser o hablar"
+      - "Dificultad respiratoria"
+      - "Se pone morado"
+    conducta: "Maniobras inmediatas"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: Evaluar gravedad
+    descripcion: "¿Puede llorar, toser o hablar?"
+    si: Vigilar
+    no: Maniobras
+    critico: true
+
+  - tipo: tecnica
+    titulo: Golpes interescapulares
+    descripcion: "Inclinar al niño hacia delante. Dar 5 golpes firmes entre los omóplatos."
+    parametros:
+      - label: Cantidad
+        valor: "5 golpes"
+      - label: Técnica
+        valor: "Firme, con talón de mano"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones abdominales
+    descripcion: "Colocarse detrás. Puño entre ombligo y final del esternón. Comprimir hacia dentro y hacia arriba, 5 veces."
+    parametros:
+      - label: Punto
+        valor: "Entre ombligo y esternón"
+      - label: Cantidad
+        valor: "5 compresiones"
+      - label: Técnica
+        valor: "Con una mano"
+    critico: true
+
+  - tipo: decision
+    titulo: Reevaluar
+    descripcion: "¿Ha salido? ¿Respira?"
+    si: Vigilar
+    no: Repetir ciclo
+
+  - tipo: tecnica
+    titulo: Si pierde consciencia
+    descripcion: "Iniciar RCP pediátrica. Revisar boca antes de ventilaciones."
+    critico: true
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/posicion-lateral-seguridad.yaml b/frontend/public/protocols/soporte-vital/posicion-lateral-seguridad.yaml
new file mode 100644
index 00000000..72e8d7ad
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/posicion-lateral-seguridad.yaml
@@ -0,0 +1,75 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: posicion-lateral-seguridad
+titulo: Posición Lateral de Seguridad (PLS)
+subtitulo: Indicaciones y Técnica Operativa
+categoria: soporte-vital
+urgencia: media
+version: 1.0
+fuente: BLOQUE_04_9_POSICION_LATERAL_SEGURIDAD.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Si hay sospecha de trauma raquimedular: NO mover. Mantener inmovilización en línea recta."
+  - tipo: warning
+    texto: "Si no respira: NO PLS. Es PCR - iniciar RCP."
+
+# ─── INDICACIONES ─────────────────────────────────────────────
+indicaciones:
+  - "Paciente inconsciente (GCS <9)"
+  - "Respira con normalidad"
+  - "Vía aérea permeable"
+  - "No requiere reanimación inmediata"
+
+# ─── CONTRAINDICACIONES ────────────────────────────────────────
+contraindicaciones:
+  - "Sospecha de trauma raquimedular"
+  - "Paciente en PCR"
+  - "Inestabilidad hemodinámica por hemorragia masiva"
+  - "Paciente intubado (salvo garantía de seguridad)"
+
+# ─── ÁRBOL DE DECISIÓN ────────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: "¿Inconsciente pero respira normal?"
+    descripcion: "Agitar hombros, voz fuerte: '¿Se encuentra bien?'. Evaluar respiración: MIRA, OYE, SIENTE por 10 segundos."
+    si: Evaluar trauma
+    no: Si no respira → PCR (RCP). Si consciente → mantener posición confort.
+
+  - tipo: decision
+    titulo: "¿Sospecha de trauma raquimedular?"
+    descripcion: "Evaluar: mecanismo alta energía, dolor cervical/dorsal, déficit neurológico."
+    si: NO PLS - mantener inmovilización
+    no: Indicación PLS confirmada
+
+  - tipo: tecnica
+    titulo: Colocar en PLS
+    descripcion: "1) Retirar objetos peligrosos. 2) Extender brazo más cercano. 3) Cruzar brazo opuesto sobre pecho. 4) Flexionar pierna más cercana. 5) Girar sobre el lado. 6) Inclinar cabeza hacia atrás para abrir vía aérea."
+    notas: "Si hay un lado afectado, poner ese lado hacia ARRIBA"
+
+  - tipo: tecnica
+    titulo: Verificar vía aérea
+    descripcion: "Confirmar que la vía aérea está permeable. Boca abierta hacia abajo para drenar secreciones."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Monitorización
+    descripcion: "Vigilar respiración y nivel de consciencia continuamente. Reevaluar cada pocos minutos."
+    critico: true
+
+# ─── TÉCNICA RÁPIDA ────────────────────────────────────────────
+tecnica:
+  - "1. Retirar objetos peligrosos"
+  - "2. Extender brazo más cercano"
+  - "3. Cruzar brazo opuesto sobre pecho"
+  - "4. Flexionar pierna más cercana"
+  - "5. Girar sobre el lado"
+  - "6. Inclinar cabeza hacia atrás"
+  - "7. Verificar vía aérea permeable"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Superficie firme
+  - Teléfono (112)
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/rcp-adulto.yaml b/frontend/public/protocols/soporte-vital/rcp-adulto.yaml
new file mode 100644
index 00000000..f5f67300
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/rcp-adulto.yaml
@@ -0,0 +1,127 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-adulto
+titulo: RCP — Adulto
+subtitulo: Reanimación cardiopulmonar en adulto con parada cardiorrespiratoria
+categoria: soporte-vital-basico
+urgencia: critica
+version: "2024.1"
+fuente: ERC 2021
+actualizado: 2024-03-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: >
+      La víctima puede tener respiración agónica (boqueadas).
+      NO confundir con respiración normal — iniciar RCP inmediatamente.
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: checklist
+    titulo: Seguridad de la escena
+    items:
+      - Verificar entorno seguro (sin riesgos)
+      - EPIs adecuados (guantes, mascarilla)
+      - Solicitar ayuda si es necesario
+      - Activar SEM si no hay testigos
+
+  - tipo: decision
+    titulo: ¿Responde a estímulos?
+    si: Valorar respiración
+    no: Iniciar compresiones
+
+  - tipo: decision
+    titulo: ¿Respira normalmente?
+    descripcion: Observar, oír y sentir durante no más de 10 segundos
+    si: Posición de recuperación
+    no: Iniciar RCP
+
+  - tipo: tecnica
+    titulo: Compresiones torácicas
+    urgencia: critica
+    imagen: /media/protocols/svb/rcp_tecnica.png
+    descripcion: >
+      Centro del esternón, talón de la mano dominante.
+      Brazos extendidos, cuerpo vertical sobre el paciente.
+    parametros:
+      - label: compresiones/min
+        valor: "100–120"
+        destacado: true
+      - label: profundidad
+        valor: "5–6 cm"
+        destacado: true
+      - label: ratio comp:vent
+        valor: "30:2"
+
+  - tipo: tecnica
+    titulo: Apertura de vía aérea
+    descripcion: >
+      Maniobra frente-mentón. Si sospecha lesión cervical,
+      tracción mandibular.
+    parametros:
+      - label: Acción
+        valor: "Elevar mentón, inclinar cabeza"
+      - label: Si traumatismo
+        valor: "Tracción mandibular"
+
+  - tipo: tecnica
+    titulo: Ventilaciones
+    descripcion: >
+      Pinzar nariz, sellar boca, administrar 2 ventilaciones.
+      Comprimir bolsa-valva lentamente (1 segundo).
+    parametros:
+      - label: Volumen
+        valor: "Suficiente para ver elevación torácica"
+      - label: Tiempo
+        valor: "~1 segundo por ventilación"
+
+  - tipo: info
+    titulo: DEA — En cuanto esté disponible
+    descripcion: >
+      Encender el DEA y seguir instrucciones de voz.
+      Colocar parches según marca.
+      NO interrumpir RCP más de 5 segundos.
+
+  - tipo: tecnica
+    titulo: Análisis y descarga
+    parametros:
+      - label: Si FV/TVSP
+        valor: "Descargable,adminitrar 150-200J bifásico"
+      - label: Si no descargable
+        valor: "Continuar RCP 2 min"
+      - label: Post-descarga
+        valor: "Inmediatamente 30:2"
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Adrenalina (Epinefrina)
+    filas:
+      - label: Dosis
+        valor: "1 mg IV/IO (1:10.000)"
+      - label: Intervalo
+        valor: "cada 3-5 min (2º ciclo y siguientes)"
+      - label: Indicación
+        valor: "A partir del 2º ciclo de RCP"
+      - label: Dilución
+        valor: "1 mg + 9 ml suero = 0.1 mg/ml"
+
+  - nombre: Amiodarona
+    filas:
+      - label: 1ª dosis
+        valor: "300 mg IV bolus"
+      - label: 2ª dosis
+        valor: "150 mg IV (tras 3 descargas)"
+      - label: Indicación
+        valor: "FV/TVSP refractaria"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DEA
+  - Mascarilla facial
+  - Bolsa-valva (Ambú)
+  - Oxígeno con fuente
+  - Gafas nasales
+  - Tubo orofaríngeo (Guedel)
+  - Catéteres IV
+  - Suero fisiológico
+  - Monitor/desfibrilador
\ No newline at end of file
diff --git a/frontend/public/protocols/soporte-vital/rcp-adultos.yaml b/frontend/public/protocols/soporte-vital/rcp-adultos.yaml
new file mode 100644
index 00000000..f9d01ce2
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/rcp-adultos.yaml
@@ -0,0 +1,159 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-adultos
+titulo: RCP Básica en Adultos
+subtitulo: Secuencia C-A-B Operativa para TES
+categoria: soporte-vital
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_1_RCP_ADULTOS.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: Si hay duda con la respiración: trátalo como PCR y empieza compresiones.
+  - tipo: danger
+    texto: NUNCA parar por duda de respiración.
+  - tipo: warning
+    texto: Checklist mental TES: Rápido – Profundo – Continuo.
+
+# ─── CRITERIOS DE ACTIVACIÓN ─────────────────────────────────
+criterios:
+  - No responde (a voz/tacto)
+  - No respira normal (ausencia de respiración o boqueadas agónicas)
+  - No hay signos evidentes de vida
+
+# ─── SEGURIDAD Y ESCENA ─────────────────────────────────────
+seguridad:
+  evaluar:
+    - Tráfico
+    - Electricidad
+    - Fuego
+    - Violencia
+    - Bio-riesgo
+  mando:
+    - TES 1 o primero en llegar toma el mando
+    - Órdenes cortas
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: ¿Es seguro acercarse?
+    descripcion: Evaluar seguridad de la escena
+    si: Evaluar respuesta
+    no: Asegurar/retirar riesgo si es posible
+
+  - tipo: decision
+    titulo: ¿Responde?
+    descripcion: Evaluar respuesta a voz/tacto
+    si: Valorar, monitorizar, buscar causa, 112 si procede
+    no: Evaluar respiración
+
+  - tipo: decision
+    titulo: ¿Respira normal?
+    descripcion: Ausencia de respiración o boqueadas agónicas
+    si: PLS (Posición Lateral de Seguridad)
+    no: Activar PCR
+
+  - tipo: tecnica
+    titulo: Activar 112 + Pedir DESA
+    descripcion: "Con equipo disponible: 'Tú llama al 112 y vuelve.' 'Tú trae el DESA.' 'Tú trae BVM + O2 + cánulas.' Si estás solo: 112 en manos libres y empieza RCP ya."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones Torácicas (C)
+    descripcion: "Posición: Víctima en superficie firme. Talón de la mano en el centro del pecho (mitad inferior del esternón). Brazos rectos, hombros encima de las manos."
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho (mitad inferior del esternón)"
+        destacado: true
+      - label: Profundidad
+        valor: "5-6 cm"
+        destacado: true
+      - label: Ritmo
+        valor: "100-120/min"
+        destacado: true
+      - label: Ratio
+        valor: "30:2 (o compresiones continuas si no se ventila)"
+    notas: "Recoil completo: no apoyarse en el tórax. 'Sube del todo' tras cada compresión."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Ventilaciones (A y B)
+    descripcion: "Opción estándar: relación 30:2. Cada ventilación: ~1 segundo, solo ver elevación torácica (sin hiperventilar). Con BVM: seguir protocolo de bolsa-válvula-mascarilla."
+    parametros:
+      - label: Volumen
+        valor: "Solo hasta ver elevación torácica"
+      - label: Tiempo
+        valor: "~1 segundo por ventilación"
+      - label: Ratio
+        valor: "30:2"
+    notas: "Si NO puedes/quieres ventilar: RCP solo con compresiones continuas (mejor que parar)."
+
+  - tipo: tecnica
+    titulo: Integración DESA
+    descripcion: "En cuanto llegue el DESA: Encender y seguir instrucciones. Parches sin parar compresiones (salvo lo imprescindible). '¡Apartarse!' solo en: análisis, descarga. Reanudar compresiones inmediatamente tras descarga o 'no descarga'."
+    critico: true
+
+# ─── BUCLE DE 2 MINUTOS ─────────────────────────────────────
+bucle:
+  - "30:2 (o compresiones continuas)"
+  - "DESA cuando corresponda"
+  - "Cambio de reanimador (si hay)"
+  - "Reevaluación rápida si: se mueve, respira normal, abre ojos / habla"
+
+# ─── PARAR RCP ──────────────────────────────────────────────
+parar_cuando:
+  - ROSC claro (respira normal y responde)
+  - Agotamiento extremo sin relevo
+  - Orden médica/autoridad competente
+  - Peligro
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - titulo: Parar por duda de respiración
+    correccion: "Si no respira normal → RCP"
+  - titulo: Compresiones poco profundas / lentas
+    correccion: "5-6 cm y 100-120/min"
+  - titulo: No permitir recoil (apoyarse)
+    correccion: "'Sube del todo' tras cada compresión"
+  - titulo: Ventilar demasiado fuerte/rápido
+    correccion: "1 segundo, solo elevación torácica"
+  - titulo: Interrupciones largas por DESA
+    correccion: "Compresiones durante colocación; pausa solo en análisis/descarga"
+  - titulo: No pedir ayuda / no delegar
+    correccion: "Órdenes claras en los primeros 15-30 segundos"
+
+# ─── PRINCIPIOS NO NEGOCIABLES ────────────────────────────────
+principios:
+  - "NUNCA parar por duda de respiración"
+  - "NUNCA hacer compresiones poco profundas (<5 cm) o lentas (<100/min)"
+  - "NUNCA omitir recoil completo"
+  - "NUNCA ventilar demasiado fuerte/rápido"
+  - "NUNCA interrumpir por más de 10 segundos"
+  - "NUNCA omitir pedir ayuda"
+  - "SIEMPRE iniciar RCP en <30-60 segundos"
+  - "SIEMPRE cambiar de reanimador cada 2 minutos"
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Adrenalina
+    via: IV/IO
+    dosis: "1 mg (1:10.000)"
+    indicacion: "A partir del 2º ciclo de RCP"
+    intervalo: "Cada 3-5 minutos"
+    critico: true
+
+  - nombre: Amiodarona
+    via: IV
+    dosis: "300 mg (primera dosis), luego 150 mg"
+    indicacion: "FV/TVSP refractaria tras 3 descargas"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DESA
+  - Bolsa-Válvula-Mascarilla (BVM)
+  - Oxígeno
+  - Cánulas orofaríngeas
+  - Guantes
+  - Mascarilla de protección
diff --git a/frontend/public/protocols/soporte-vital/rcp-dos-intervinientes.yaml b/frontend/public/protocols/soporte-vital/rcp-dos-intervinientes.yaml
new file mode 100644
index 00000000..d92635ab
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/rcp-dos-intervinientes.yaml
@@ -0,0 +1,109 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-dos-intervinientes
+titulo: RCP con Dos Intervinientes
+subtitulo: Coordinación eficiente entre dos TES
+categoria: soporte-vital
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_5_RCP_DOS_INTERVINIENTES.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Coordinación es eficacia. Un equipo coordinada genera RCP de mayor calidad."
+  - tipo: warning
+    texto: "Cambiar de rol cada 2 minutos para evitar fatiga."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "Coordinación es eficacia"
+  - "Roles definidos: compresiones vs. vía aérea"
+  - "Cambios de rol cada 2 minutos"
+  - "Comunicación constante"
+
+# ─── ROLES ────────────────────────────────────────────────────
+roles:
+  reanimador_1:
+    nombre: "Reanimador 1 (Compresiones)"
+    funciones:
+      - "Realizar compresiones torácicas"
+      - "Mantener ritmo y profundidad"
+      - "Coordinar cambios con Reanimador 2"
+  reanimador_2:
+    nombre: "Reanimador 2 (Vía Aérea)"
+    funciones:
+      - "Mantener vía aérea abierta"
+      - "Administrar ventilaciones"
+      - "Operar DESA cuando llegue"
+      - "Alertar sobre fatiga del Reanimador 1"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Asignar roles
+    descripcion: "Designar roles inmediatamente: 'Tú comprimes, yo ventilo.'"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Reanimador 1 - Compresiones
+    descripcion: "Posicionar al lado del paciente. Compresiones en centro del pecho. Ritmo 100-120/min. Profundidad 5-6 cm (adulto), 1/3 (niño/lactante)."
+    parametros:
+      - label: Ritmo
+        valor: "100-120/min"
+      - label: Profundidad Adulto
+        valor: "5-6 cm"
+      - label: Profundidad Niño/Lactante
+        valor: "1/3 del tórax"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Reanimador 2 - Ventilaciones
+    descripcion: "Posicionar al lado de la cabeza. Abrir vía aérea (inclinación-mentón). Sellar máscara sobre boca y nariz. Dar 2 ventilaciones después de cada 30 compresiones."
+    parametros:
+      - label: Ratio Adulto
+        valor: "30:2"
+      - label: Ratio Niño/Lactante
+        valor: "15:2 (2 reanimadores)"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Cambio de rol
+    descripcion: "Cada 2 minutos, cambiar roles. Coordinar: 'Cambio en 3...2...1...'"
+    notas: "Cambio debe ser en menos de 5 segundos"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Integración DESA
+    descripcion: "Reanimador 2 opera el DESA cuando llega. Reanimador 1 sigue comprimiendo hasta que DESA indique 'Análisis'."
+    notas: "Parar compresiones solo durante análisis y descarga"
+
+# ─── COORDINACIÓN ─────────────────────────────────────────────
+coordinacion:
+  - "Ordenes cortas y claras"
+  - "Contar en voz alta: 'uno, dos, tres... hasta treinta'"
+  - "Anunciar cambio de ciclo"
+  - "Anunciar llegada de DESA"
+  - "Confirmar reanudar compresiones tras descarga"
+
+# ─── RATIOS POR EDAD ─────────────────────────────────────────
+ratios:
+  adulto:
+    compresiones: 30
+    ventilaciones: 2
+  pediatria:
+    compresiones: 15
+    ventilaciones: 2
+    notas: "Con 2 reanimadores"
+  lactante:
+    compresiones: 15
+    ventilaciones: 2
+    notas: "Con 2 reanimadores"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DESA
+  - Bolsa-Válvula-Mascarilla
+  - Oxígeno
+  - Cánulas
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/rcp-lactantes.yaml b/frontend/public/protocols/soporte-vital/rcp-lactantes.yaml
new file mode 100644
index 00000000..1651bbe5
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/rcp-lactantes.yaml
@@ -0,0 +1,117 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-lactantes
+titulo: RCP Básica en Lactantes
+subtitulo: Secuencia para lactantes (< 1 año)
+categoria: soporte-vital
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_3_RCP_LACTANTES.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "En lactantes, la PCR suele ser secundaria a hipoxia. La ventilación es crítica."
+  - tipo: danger
+    texto: "Usar 2 dedos para compresiones, no toda la mano."
+  - tipo: warning
+    texto: "Profundidad: 1/3 del diámetro anteroposterior del tórax (aprox. 4 cm)."
+
+# ─── CRITERIOS ─────────────────────────────────────────────────
+criterios:
+  aplicabilidad: "Lactantes menores de 1 año"
+  exclusion: "Niños ≥1 año - ver protocolo RCP Pediatría"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Evaluar seguridad y escena
+    descripcion: Evaluar seguridad, tomar mando
+    critico: true
+
+  - tipo: decision
+    titulo: ¿Responde?
+    descripcion: Evaluar respuesta (toque suave, voz)
+    si: Valorar y monitorizar
+    no: Evaluar respiración
+
+  - tipo: decision
+    titulo: ¿Respira normal?
+    descripcion: Observar, oír y sentir durante 10 segundos
+    si: PLS (si inconsciente) o monitorizar
+    no: Activar PCR
+
+  - tipo: tecnica
+    titulo: Activar recursos
+    descripcion: "Si colapso presenciado súbito: activa 112 inmediatamente. Si no presenciado o asfixia y estás solo: 2 minutos de RCP primero."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Abrir vía aérea
+    descripcion: "Inclinación suave de la cabeza en posición NEUTRA (no extensión completa). Levantar barbilla."
+    notas: "En lactantes, posición neutra es preferible a extensión completa"
+
+  - tipo: tecnica
+    titulo: Compresiones Torácicas
+    descripcion: "Con 2 dedos (índice y medio) en el centro del pecho, justo debajo de la línea de los pezones."
+    parametros:
+      - label: Técnica
+        valor: "2 dedos"
+        destacado: true
+      - label: Punto
+        valor: "Centro del pecho, debajo de la línea de los pezones"
+        destacado: true
+      - label: Profundidad
+        valor: "1/3 del tórax (aprox. 4 cm)"
+        destacado: true
+      - label: Ritmo
+        valor: "100-120/min"
+        destacado: true
+      - label: Ratio (1 reanimador)
+        valor: "30:2"
+      - label: Ratio (2 reanimadores)
+        valor: "15:2"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Ventilaciones
+    descripcion: "Cubrir boca Y nariz del lactante con su boca. Dar 2 ventilaciones suaves, apenas ver elevación torácica."
+    parametros:
+      - label: Técnica
+        valor: "Cubrir boca Y nariz con su boca"
+      - label: Volumen
+        valor: "Apenas видим elevation del pecho"
+      - label: Tiempo
+        valor: "~1 segundo cada una"
+    notas: "Respiraciones suaves, no grandes"
+    critico: true
+
+# ─── BUCLE DE 2 MINUTOS ─────────────────────────────────────
+bucle:
+  - "30:2 (o 15:2 si 2 reanimadores)"
+  - "DESA cuando corresponda"
+  - "Cambio de reanimador cada 2 minutos"
+  - "Reevaluar"
+
+# ─── ERRORES A EVITAR ────────────────────────────────────────
+errores:
+  - "Usar toda la mano para compresiones (usar 2 dedos)"
+  - "Extensión completa del cuello (usar posición neutra)"
+  - "Ventilaciones excesivamente grandes"
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Adrenalina
+    via: IV/IO
+    dosis: "0.01 mg/kg (1:10.000)"
+    indicacion: "A partir del 2º ciclo de RCP"
+    intervalo: "Cada 3-5 minutos"
+    notas: "Dosis máxima: 1 mg"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DESA pediátrico
+  - Bolsa-Válvula-Mascarilla neonatal/pediátrica
+  - Oxígeno
+  - Cánulas neonatal
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/rcp-pediatria.yaml b/frontend/public/protocols/soporte-vital/rcp-pediatria.yaml
new file mode 100644
index 00000000..f7a5ff1b
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/rcp-pediatria.yaml
@@ -0,0 +1,132 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-pediatria
+titulo: RCP Básica en Pediatría
+subtitulo: Secuencia para niños (1 año hasta pubertad)
+categoria: soporte-vital
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_2_RCP_PEDIATRIA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "En pediatría, la PCR suele ser secundaria a hipoxia. La ventilación es tan crítica como las compresiones."
+  - tipo: danger
+    texto: "Priorizar ventilación de alta calidad. No descuidar ventilaciones por compresiones."
+  - tipo: warning
+    texto: "Si el colapso es presenciado y súbito: activa inmediatamente. Si es no presenciado o por asfixia: realiza 2 minutos de RCP antes de activar si estás solo."
+
+# ─── CRITERIOS ─────────────────────────────────────────────────
+criterios:
+  aplicabilidad: "Niños de 1 año hasta pubertad (aproximadamente 12-14 años)"
+  exclusion: "Lactantes (<1 año) - ver protocolo RCP lactantes"
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "En pediatría, la PCR suele ser secundaria a hipoxia"
+  - "La ventilación es tan crítica como las compresiones"
+  - "Ventila y comprime. Ambos son igual de importantes"
+  - "Comprime con una o dos manos según el tamaño del niño"
+  - "Profundidad = 1/3 del diámetro anteroposterior del tórax"
+  - "Minimizar el estrés, mantener calma"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Evaluar seguridad y escena
+    descripcion: Evaluar seguridad, tomar mando, órdenes cortas
+    critico: true
+
+  - tipo: decision
+    titulo: ¿Responde?
+    descripcion: Evaluar respuesta a voz/tacto
+    si: Valorar y monitorizar
+    no: Evaluar respiración
+
+  - tipo: decision
+    titulo: ¿Respira normal?
+    descripcion: Evaluar respiración
+    si: PLS (si inconsciente) o monitorizar
+    no: Activar PCR
+
+  - tipo: tecnica
+    titulo: Activar recursos
+    descripcion: "Si colapso presenciado súbito: activa 112 inmediatamente. Si no presenciado o asfixia y estás solo: 2 minutos de RCP primero, luego 112. Si hay equipo: uno inicia RCP, otro activa recursos."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones Torácicas
+    descripcion: "Colocar al niño boca arriba en superficie firme. Comprimir en el centro del pecho (mitad inferior del esternón)."
+    parametros:
+      - label: Técnica
+        valor: "1 mano (niños pequeños) o 2 manos (niños grandes/púberes)"
+        destacado: true
+      - label: Profundidad
+        valor: "1/3 del diámetro anteroposterior del tórax"
+        destacado: true
+      - label: Ritmo
+        valor: "100-120/min"
+        destacado: true
+      - label: Ratio (1 reanimador)
+        valor: "30:2"
+      - label: Ratio (2 reanimadores)
+        valor: "15:2"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Ventilaciones
+    descripcion: "Con BVM o dispositivo de barrera: sellar boca y nariz,dar ventilación de ~1 segundo hasta ver elevación torácica."
+    parametros:
+      - label: Técnica
+        valor: "Cubrir boca Y nariz"
+      - label: Volumen
+        valor: "Solo hasta ver elevación torácica"
+      - label: Tiempo
+        valor: "~1 segundo"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Integración DESA
+    descripcion: "Usar parches pediátricos (preferible) o atenuador de energía. Si no hay parches pediátricos: usar parches de adulto."
+    notas: "El DESA es seguro y debe usarse"
+
+# ─── BUCLE DE 2 MINUTOS ─────────────────────────────────────
+bucle:
+  - "30:2 (o 15:2 si 2 reanimadores)"
+  - "DESA cuando corresponda"
+  - "Cambio de reanimador cada 2 minutos"
+  - "Reevaluar: se mueve, respira, responde"
+
+# ─── MATERIAL ────────────────────────────────────────────────
+material:
+  ventilacion:
+    - "Dispositivo de barrera pediátrico"
+    - "Bolsa autoinflable (Ambu) pediátrica"
+    - "Oxígeno a 15 L/min"
+    - "Máscara de oxígeno de alta concentración"
+  desfibrilacion:
+    - "DESA/DEA con parches pediátricos"
+    - "O atenuador de energía"
+    - "Si no hay pediátricos: usar parches de adulto"
+  otro:
+    - "Guantes"
+    - "Unidad de aspiración"
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Adrenalina
+    via: IV/IO
+    dosis: "0.01 mg/kg (1:10.000)"
+    indicacion: "A partir del 2º ciclo de RCP"
+    intervalo: "Cada 3-5 minutos"
+    notas: "Dosis máxima: 1 mg"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DESA pediátrico
+  - Bolsa-Válvula-Mascarilla pediátrica
+  - Oxígeno
+  - Cánulas pediátricas
+  - Guantes
+  - Mascarilla de protección
diff --git a/frontend/public/protocols/soporte-vital/reconocimiento-pcr.yaml b/frontend/public/protocols/soporte-vital/reconocimiento-pcr.yaml
new file mode 100644
index 00000000..340795e4
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/reconocimiento-pcr.yaml
@@ -0,0 +1,87 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: reconocimiento-pcr
+titulo: Reconocimiento de PCR
+subtitulo: Identificación rápida de Parada Cardiorrespiratoria
+categoria: soporte-vital
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_0_RECONOCIMIENTO_PCR.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "El tiempo es miocardio y cerebro. Cada minuto de retraso reduce las posibilidades de supervivencia."
+  - tipo: danger
+    texto: "Inconsciente y que no respira normalmente = PCR hasta que se demuestre lo contrario."
+  - tipo: warning
+    texto: "La respiración agónica NO es respiración efectiva."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "Reconocer PCR en menos de 10 segundos"
+  - "No buscar pulso como primer paso"
+  - "Iniciar RCP inmediatamente tras reconocimiento"
+  - "No perder tiempo en evaluaciones innecesarias"
+
+# ─── CRITERIOS DE PCR ─────────────────────────────────────────
+criterios:
+  - "No responde (inconsciente)"
+  - "No respira normalmente (o boqueadas agónicas)"
+
+# ─── SECUENCIA DE RECONOCIMIENTO ───────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Evaluar seguridad
+    descripcion: "Asegurar que la escena es segura antes de acercarse."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Evaluar consciencia
+    descripcion: "Agitar suavemente los hombros. Preguntar en voz alta: '¿Se encuentra bien?'"
+    verificacion: "¿Responde a voz/tacto?"
+    critico: true
+
+  - tipo: decision
+    titulo: ¿Responde?
+    descripcion: "Evaluar respuesta a estímulos"
+    si: "Valoración secundaria - monitorizar"
+    no: Evaluar respiración
+    critico: true
+
+  - tipo: tecnica
+    titulo: Evaluar respiración
+    descripcion: "Acérquese, mire, escuche y sienta durante no más de 10 segundos."
+    notas: "No contar boqueadas como respiración normal"
+    critico: true
+
+  - tipo: decision
+    titulo: ¿Respira normalmente?
+    descripcion: "Observar movimiento torácico, escuchar y sentir flujo de aire."
+    si: "Si inconsciente: PLS. Si consciente: monitorizar"
+    no: "PCR - Iniciar RCP"
+    critico: true
+
+# ─── RESPIRACIÓN AGÓNICA ──────────────────────────────────────
+respiracion_agónica:
+  descripcion: "Las boqueadas o jadeos NO son respiración normal."
+  accion: "Tratar como PCR. Iniciar RCP."
+
+# ─── DECISION RÁPIDA ───────────────────────────────────────────
+decision:
+  - "Responde + Respira normal → No PCR. Valorar y monitorizar."
+  - "Responde + No respira → PCR. Iniciar RCP."
+  - "No responde + Respira normal → PLS si inconsciente, o monitorizar."
+  - "No responde + No respira → PCR. Iniciar RCP inmediatamente."
+
+# ─── INTEGRACIÓN ──────────────────────────────────────────────
+integracion:
+  - "Si PCR: Ir a RCP Adultos (4.1), Pediatría (4.2) o Lactantes (4.3)"
+  - "Si PLS: Ir a Posición Lateral de Seguridad (4.9)"
+  - "Activar 112 y solicitar DESA"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - DESA
+  - Guantes
diff --git a/frontend/public/protocols/soporte-vital/uso-desa.yaml b/frontend/public/protocols/soporte-vital/uso-desa.yaml
new file mode 100644
index 00000000..e2331afb
--- /dev/null
+++ b/frontend/public/protocols/soporte-vital/uso-desa.yaml
@@ -0,0 +1,113 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: uso-desa
+titulo: Uso del DESA
+subtitulo: Procedimiento Operativo para Desfibrilador Externo Semiautomático
+categoria: soporte-vital
+urgencia: critica
+version: 1.0
+fuente: BLOQUE_04_4_USO_DESA.md
+actualizado: 2025-12-23
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Análisis sin movimiento, descarga sin contacto."
+  - tipo: danger
+    texto: "La RCP debe interrumpirse lo menos posible."
+  - tipo: warning
+    texto: "El DESA es un instrumento seguro cuando se usa correctamente."
+
+# ─── PRINCIPIOS TES ────────────────────────────────────────────
+principios:
+  - "El DESA es seguro para el operador y el paciente"
+  - "La desfibrilación temprana es el único tratamiento efectivo para FV/TVsin pulso"
+  - "Cada minuto de retraso reduce las posibilidades de supervivencia"
+  - "Seguir las indicaciones del dispositivo"
+
+# ─── SECUENCIA OPERATIVA ─────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Continuar RCP mientras se prepara DESA
+    descripcion: "Mientras alguien trae el DESA, continue con las compresiones torácicas sin parar."
+    notas: "No interrumpir RCP por buscar/pasar el DESA"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Encender DESA
+    descripcion: "Pulse el botón de encendido. El dispositivo dará instrucciones verbales. Sigalas."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Colocar parches
+    descripcion: "Exponga el pecho. Si está mojado, séquelo. Si hay mucho vello, rasure. Retire el protector de los parches."
+    parametros:
+      - label: Parche 1
+        valor: "Lado derecho: debajo de la clavícula derecha, junto al esternón"
+        destacado: true
+      - label: Parche 2
+        valor: "Lado izquierdo: línea axilar media, debajo del pezón"
+        destacado: true
+    notas: "Colocar durante compresiones si es posible. Solo pausar 10 segundos máx."
+    critico: true
+
+  - tipo: tecnica
+    titulo: Conectar cable
+    descripcion: "Conecte el cable al DESA si no está pre-conectado."
+    verificacion: "Asegurar conexión firme"
+
+  - tipo: tecnica
+    titulo: Analizar ritmo
+    descripcion: "El DESA dirá 'Alto, analizando'. Pare las compresiones. Asegúrese de que NADIE toca al paciente. Grite '¡Todos fuera!'"
+    verificacion: "¿Todo el mundo alejado?"
+    critico: true
+    notas: "Análisis sin movimiento"
+
+  - tipo: decision
+    titulo: Decisión de descarga
+    descripcion: "El DESA indicará si recomienda descarga o no."
+    si_descarga: Administrar descarga
+    no_descarga: Reanudar RCP
+
+  - tipo: tecnica
+    titulo: Administrar descarga
+    descripcion: "Confirme: 'DESCARGA RECOMENDADA'. Asegúrese de que NADIE toca al paciente. Pulse el botón de descarga (parpadeante) y manténgalo pulsado."
+    verificacion: "Verificar que nadie toca antes de pulsar"
+    critico: true
+    notas: "Descarga sin contacto"
+
+  - tipo: tecnica
+    titulo: Reanudar RCP inmediatamente
+    descripcion: "Inmediatamente después de la descarga (o si dice 'no descargue'), reanude compresiones torácicas sin demora."
+    parametros:
+      - label: Acción
+        valor: "Reanudar compresiones en menos de 5 segundos"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Continuar ciclos
+    descripcion: "El DESA indicará cuando analizar de nuevo (cada 2 minutos). Continúe RCP hasta: llega personal sanitario, el paciente se mueve/respira, o agotamiento."
+    notas: "Seguir indicaciones del DESA"
+
+# ─── PROTOCOLO PEDIÁTRICO ─────────────────────────────────────
+pediatrico:
+  - "Usar parches pediátricos si están disponibles"
+  - "O usar atenuador de energía"
+  - "Si no hay pediátricos: usar parches de adulto"
+  - "Posición: misma que adulto"
+
+# ─── ERRORES CRÍTICOS ────────────────────────────────────────
+errores:
+  - "Tocar al paciente durante análisis"
+  - "Tocar al paciente durante descarga"
+  - "Retrasar uso del DESA"
+  - "Interrumpir RCP más de lo necesario"
+  - "No verificar seguridad antes de descarga"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DESA/DEA
+  - Parches de electrodos (adulto o pediátrico)
+  - Tijeras (para cortar ropa)
+  - Toalla (para secar pecho)
+  - Máquina de afeitar
+  - Guantes
diff --git a/frontend/public/protocols/transtelefonicos/anafilaxia-telephone.yaml b/frontend/public/protocols/transtelefonicos/anafilaxia-telephone.yaml
new file mode 100644
index 00000000..ea248492
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/anafilaxia-telephone.yaml
@@ -0,0 +1,118 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: anafilaxia-telephone
+titulo: Anafilaxia Transtelefónica
+subtitulo: Identificación de reacción alérgica grave y guía de actuación
+categoria: anafilaxia
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_05_5_ANAFILAXIA_TRANSTELEFONICA.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: La anafilaxia es tiempo-dependiente: la adrenalina precoz mejora pronóstico.
+  - tipo: danger
+    texto: La transición a PCR transtelefónica debe ser inmediata si el paciente pierde consciencia o deja de respirar.
+  - tipo: warning
+    texto: No son tratamiento de primera línea en anafilaxia grave antihistamínicos/corticoides.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Le cuesta respirar o hace ruido al respirar?"
+    - "¿Se le hinchan labios, lengua o cara?"
+    - "¿Tiene ronchas por el cuerpo?"
+    - "¿Está mareado/a o se desmaya?"
+    - "¿Ha comido algo, tomado un medicamento o le ha picado un insecto recientemente?"
+
+# ─── CRITERIOS DE ACTIVACIÓN ──────────────────────────────────
+criterios:
+  - Dificultad respiratoria (sibilancias, opresión, disnea)
+  - Hinchazón de lengua/labios/cara (angioedema)
+  - Ronquera, voz "apagada", dificultad para tragar
+  - Urticaria generalizada / enrojecimiento intenso
+  - Mareo, debilidad extrema, desmayo
+  - Vómitos repetidos / dolor abdominal intenso con otros síntomas
+  - Sensación de "muerte inminente"
+
+# ─── CRITERIOS DE GRAVEDAD ALTA ────────────────────────────────
+gravedad_alta:
+  - Dificultad respiratoria significativa / sibilancias intensas
+  - Estridor (ruido al inspirar) / ronquera marcada
+  - Alteración del nivel de consciencia / colapso
+  - Hipotensión sospechada (muy pálido, sudor frío, desmayo)
+  - Empeoramiento rápido
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Control inicial
+    descripcion: Confirmar ubicación exacta + teléfono de retorno. Confirmar edad aproximada. Activar recursos (SVA preferente si disponible).
+    verificacion: "¿Tiene la ubicación exacta?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Posición según síntomas
+    descripcion: "Si está mareado/desmayado: TUMBADO boca arriba con piernas elevadas si se puede. Si le cuesta respirar: SEMISENTADO (posición de confort). Si vomita: DE LADO para evitar aspiración."
+    notas: "Evitar que se ponga de pie o camine (puede colapsar)"
+
+  - tipo: tecnica
+    titulo: Retirar desencadenante
+    descripcion: "Picadura de insecto: 'Si ve el aguijón, retírelo raspando con una tarjeta/uña. No lo apriete.' Alimento/fármaco: 'No tome más. Retire lo que esté en la boca. No intente provocarle el vómito.'"
+
+  - tipo: tecnica
+    titulo: Adrenalina autoinyector
+    descripcion: "¿Tiene un autoinyector de adrenalina (tipo EpiPen/Jext/Anapen o similar)? ¿Es suyo y está prescrito para él/ella?"
+    si: Guía de uso
+    no: Continuar con recursos
+    notas: "Si SÍ: 'Lo vamos a usar ahora.'"
+
+  - tipo: tecnica
+    titulo: Guía de uso adrenalina
+    descripcion: "1) Quite el tapón de seguridad. 2) Ponga la punta en la parte externa del muslo. 3) Pinche fuerte y mantenga presionado 5–10 segundos (según dispositivo). 4) Masajee la zona 10 segundos."
+    parametros:
+      - label: Punto
+        valor: "Parte externa del muslo"
+        destacado: true
+      - label: Tiempo
+        valor: "5-10 segundos"
+      - label: Nota
+        valor: "Puede aplicarse a través de ropa si es necesario"
+    notas: "Segunda dosis: Si tras 5–10 minutos sigue con dificultad respiratoria grave, colapso o empeora y hay segundo autoinyector disponible: usar segundo."
+
+  - tipo: decision
+    titulo: Monitorización
+    descripcion: "Monitorización cada 1–2 minutos: '¿Sigue consciente?' '¿Respira mejor, igual o peor?' '¿Se hincha más la lengua o la cara?' '¿Se encuentra mareado/a?'"
+    si: Mantener vigilancia
+    no: Transicionar a RCP
+    verificacion: "¿Está vigilando cada 1-2 minutos?"
+    critico: true
+
+# ─── TRANSICIÓN A PCR ───────────────────────────────────────────
+transicion:
+  - Si el paciente no responde
+  - Si no respira normal (boqueadas incluidas)
+  - Acción: "Lo ponemos en el suelo y empezamos compresiones."
+  - Seguir: Protocolo RCP
+
+# ─── HANDOVER ───────────────────────────────────────────────────
+handover:
+  - Desencadenante sospechado (comida/picadura/fármaco)
+  - Hora de inicio de síntomas
+  - Síntomas: respiratorios / circulatorios / cutáneos / digestivos
+  - Uso de autoinyector: hora y nº de dosis
+  - Antecedentes: alergias conocidas, asma, anafilaxia previa
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Adrenalina autoinyector
+    via: IM (intramuscular)
+    dosis: "Según dispositivo (0.3mg adulto, 0.15mg niño)"
+    indicacion: "Inmediata si anafilaxia con síntomas respiratorios o circulatorios"
+    critico: true
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - Adrenalinainyector (si disponible)
diff --git a/frontend/public/protocols/transtelefonicos/comunicacion-coordinador.yaml b/frontend/public/protocols/transtelefonicos/comunicacion-coordinador.yaml
new file mode 100644
index 00000000..4246664d
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/comunicacion-coordinador.yaml
@@ -0,0 +1,120 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: comunicacion-coordinador
+titulo: Comunicación con Coordinador
+subtitulo: Protocolos de Comunicación Operativa y SBAR
+categoria: comunicacion
+urgencia: normal
+version: 2024.1
+fuente: BLOQUE_05_8_COMUNICACION_COORDINADOR.md
+actualizado: 2024-01-01
+
+# ─── OBJETIVO ─────────────────────────────────────────────────
+objetivo: Estandarizar la comunicación clínica-operativa y el traspaso de información entre teleoperación, recursos móviles y centros sanitarios.
+
+# ─── PRINCIPIOS DE COMUNICACIÓN ────────────────────────────────
+principios:
+  - titulo: Claridad y brevedad
+    descripcion: "Mensajes cortos, un dato crítico por frase, evitar tecnicismos con interlocutores no sanitarios"
+  - titulo: Confirmación (closed-loop)
+    descripcion: "Toda instrucción crítica debe confirmarse: 'Recibido', 'Repito: ...', 'Confirmo: ...'"
+  - titulo: Prioridad de lo vital
+    descripcion: "Primero se comunica: estado de consciencia y respiración, riesgo vital inmediato, necesidad de SVA/DESA, seguridad de escena"
+  - titulo: Registro
+    descripcion: "Lo comunicado debe quedar documentado con hora, emisor/receptor, contenido crítico transmitido"
+
+# ─── CUÁNDO CONTACTAR ─────────────────────────────────────────
+cuándo_contactar:
+  - PCR / RCP guiada / DESA en uso
+  - OVACE grave o evolución a inconsciencia
+  - SCA probable de alto riesgo
+  - Ictus FAST positivo con ventana probable
+  - Anafilaxia con dificultad respiratoria o colapso
+  - Crisis asmática grave
+  - Hipoglucemia grave (convulsión, inconsciencia)
+  - Cualquier incidente con riesgo vital o incertidumbre elevada
+
+# ─── FORMATO SBAR ──────────────────────────────────────────────
+sbar:
+  - titulo: S - Situación
+    descripcion: "¿Qué está pasando ahora? ¿Qué protocolo está activo?"
+  - titulo: B - Background (antecedentes relevantes)
+    descripcion: "Edad, patologías clave, medicación relevante, desencadenante si aplica"
+  - titulo: A - Assessment (valoración operativa)
+    descripcion: "Consciente/no consciente, respira normal/no, signos críticos (FAST, disnea, colapso, etc.)"
+  - titulo: R - Recommendation (petición)
+    descripcion: "Qué necesitas: prioridad/recursos, activación de código, recomendaciones según protocolo local, reasignación/soporte"
+
+# ─── PLANTILLAS SBAR ──────────────────────────────────────────
+plantillas:
+  - nombre: PCR / RCP guiada
+    sbar: |
+      S: PCR probable. Inconsciente y no respira normal. RCP en curso guiada por teléfono.
+      B: Edad aprox __. Inicio __. Testigo __ (sí/no).
+      A: Compresiones iniciadas a las __. DESA disponible __ (sí/no). Descargas __.
+      R: Solicito máxima prioridad y SVA si disponible.
+
+  - nombre: OVACE grave
+    sbar: |
+      S: OVACE grave. No habla / tos ineficaz.
+      B: Edad __. Atragantamiento por __ (alimento/objeto).
+      A: Maniobras: 5+5 (espalda/Heimlich) / lactante 5+5. Evolución __.
+      R: Solicito recurso urgente. Riesgo de inconsciencia.
+
+  - nombre: SCA probable (alto riesgo)
+    sbar: |
+      S: SCA probable. Dolor torácico + disnea/vegetativos.
+      B: Edad __. Inicio síntomas __. Antecedentes __ (IAM/FA/DM).
+      A: Dolor __/10. Estado general __ (pálido/sudor frío/mareo).
+      R: Solicito priorización alta y SVA si procede.
+
+  - nombre: Ictus (FAST positivo)
+    sbar: |
+      S: Ictus probable. FAST positivo.
+      B: Edad __. Última vez normal __ (hora). Anticoagulantes __ (sí/no).
+      A: Déficit: cara __ / brazo __ / habla __. Consciente __.
+      R: Solicito activación Código Ictus según circuito.
+
+  - nombre: Anafilaxia
+    sbar: |
+      S: Anafilaxia probable.
+      B: Desencadenante __. Inicio __. Alergia conocida __.
+      A: Respira mal/angioedema/colapso. Adrenalina autoinyector __ (sí/no), hora __.
+      R: Solicito SVA urgente.
+
+  - nombre: Crisis asmática grave
+    sbar: |
+      S: Crisis asmática. Disnea importante.
+      B: Asmático conocido __. Crisis graves previas __.
+      A: No habla frases / agotamiento / cianosis. Inhalador usado __, respuesta __.
+      R: Solicito priorización alta/SVA.
+
+  - nombre: Hipoglucemia
+    sbar: |
+      S: Hipoglucemia probable.
+      B: Diabético __. Medicación __.
+      A: Consciente __. Traga __. Glucemia __. Tratamiento oral dado __.
+      R: Solicito recurso si no mejora / grave.
+
+# ─── CLOSED-LOOP ───────────────────────────────────────────────
+closed_loop:
+  - Si se da una orden crítica, el receptor debe repetirla
+  - "Confirmo: envío SVA / activo código / priorizo…"
+  - Si no hay confirmación, repetir la petición
+
+# ─── DATOS MÍNIMOS OBLIGATORIOS ────────────────────────────────
+datos_minimos:
+  - Ubicación exacta + accesos / referencias
+  - Edad aproximada
+  - Consciente (sí/no)
+  - Respira normal (sí/no)
+  - Protocolo activo (PCR/OVACE/SCA/Ictus/Anafilaxia/Asma/Hipo)
+  - Hora inicio síntomas o última vez normal (cuando aplique)
+  - Intervenciones realizadas (RCP, DESA, adrenalina, inhalador, azúcar)
+
+# ─── ERRORES CRÍTICOS ─────────────────────────────────────────
+errores:
+  - Mensajes largos sin estructura
+  - No indicar estado de consciencia/respiración
+  - No transmitir hora de inicio / última vez normal en ictus/SCA
+  - No confirmar recepción (sin closed-loop)
+  - Cambiar de protocolo sin comunicarlo
diff --git a/frontend/public/protocols/transtelefonicos/crisis-asmatica-telephone.yaml b/frontend/public/protocols/transtelefonicos/crisis-asmatica-telephone.yaml
new file mode 100644
index 00000000..30f57c2e
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/crisis-asmatica-telephone.yaml
@@ -0,0 +1,121 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: crisis-asmatica-telephone
+titulo: Crisis Asmática Transtelefónica
+subtitulo: Identificación de crisis asmática, detección de gravedad y guía de actuación
+categoria: crisis-asmatica
+urgencia: alta
+version: 2024.1
+fuente: BLOQUE_05_6_CRISIS_ASMATICA_TRANSTELEFONICA.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: La gravedad se determina por la capacidad de hablar: no puede hablar frases completas = grave.
+  - tipo: danger
+    texto: La transición a PCR transtelefónica debe ser inmediata si el paciente pierde consciencia o deja de respirar.
+  - tipo: warning
+    texto: El silencio auscultatorio ("ya no se oyen pitidos") puede indicar empeoramiento, no mejora.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Puede hablar frases completas?"
+    - "¿Se le marcan las costillas o se hunde el cuello al respirar?"
+    - "¿Se está poniendo morado/a o muy pálido/a?"
+    - "¿Está somnoliento/a o muy agotado/a?"
+    - "¿Tiene inhalador de rescate (salbutamol/ventolín) prescrito?"
+
+# ─── CRITERIOS DE GRAVEDAD ALTA ────────────────────────────────
+gravedad_alta:
+  - No puede hablar frases completas (solo palabras o no habla)
+  - Respiración muy dificultosa, uso marcado de músculos accesorios
+  - Somnolencia, confusión, agotamiento extremo
+  - Cianosis (labios morados) o palidez intensa
+  - Silencio auscultatorio referido ("ya no se oyen pitidos" pero está peor)
+  - Empeora pese a inhalador habitual
+  - Historia de crisis graves previas / ingresos / intubación
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Control inicial
+    descripcion: Confirmar ubicación exacta + teléfono de retorno. Confirmar edad aproximada. Activar recursos si hay gravedad o duda.
+    verificacion: "¿Tiene la ubicación exacta?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Posición
+    descripcion: "Que se siente SEMISENTADO/A, inclinado/a ligeramente hacia delante. Que apoye los brazos y relaje hombros. NO se tumbe boca arriba."
+    verificacion: "¿Está en posición semisentada?"
+    notas: "Evitar discusiones y exceso de estímulos"
+
+  - tipo: tecnica
+    titulo: Entorno
+    descripcion: "Aléjelo de humo, polvo o irritantes. Afloje ropa apretada. Mantenga calma y respiración lenta."
+    verificacion: "¿Está en entorno sin irritantes?"
+
+  - tipo: tecnica
+    titulo: Uso de inhalador
+    descripcion: "¿Tiene un inhalador de rescate (salbutamol/ventolín) y sabe usarlo? ¿Tiene cámara espaciadora?"
+    si: Guía de técnica
+    no: Continuar vigilancia y esperar recursos
+
+  - tipo: tecnica
+    titulo: Técnica con espaciador (preferente)
+    descripcion: "1) Agite el inhalador. 2) Conéctelo al espaciador. 3) Selle labios en la boquilla. 4) Dispare 1 puff. 5) Respire lento y profundo 4–5 veces."
+    parametros:
+      - label: Técnica
+        valor: "Con espaciador"
+      - label: Repetición
+        valor: "1 puff cada 30-60 segundos según protocolo local"
+    notas: "Preferente sobre técnica sin espaciador"
+
+  - tipo: tecnica
+    titulo: Técnica sin espaciador
+    descripcion: "1) Agite. 2) Sople aire fuera. 3) Ponga boquilla y empiece a inspirar lento. 4) Dispare mientras inspira. 5) Aguante el aire 5-10 segundos si puede."
+    parametros:
+      - label: Técnica
+        valor: "Sin espaciador"
+
+  - tipo: decision
+    titulo: Reevaluar a los 2-3 minutos
+    descripcion: "Preguntar: '¿Respira mejor, igual o peor?' '¿Puede hablar mejor ahora?' '¿Se nota menos opresión?'"
+    si: Mantener reposo y vigilancia
+    no: Prioridad máxima, preparar transición a PCR
+    verificacion: "¿Ha reevaluado a los 2-3 minutos?"
+
+# ─── TRANSICIÓN A PCR ───────────────────────────────────────────
+transicion:
+  - Si el paciente se queda inconsciente (no responde)
+  - Si no respira normal (boqueadas incluidas)
+  - Acción: "Lo ponemos en el suelo y empezamos compresiones."
+  - Seguir: Protocolo RCP
+
+# ─── DIFERENCIAL ───────────────────────────────────────────────
+diferencial:
+  - "¿Es asmático/a conocido/a?"
+  - "¿Ha tenido fiebre o infección?"
+  - "¿Ha tenido reacción alérgica con hinchazón o urticaria?" (anafilaxia)
+  - "¿Dolor torácico fuerte?" (SCA)
+
+# ─── HANDOVER ───────────────────────────────────────────────────
+handover:
+  - Inicio y desencadenante (alérgeno, esfuerzo, infección)
+  - Gravedad: habla, color, conciencia, agotamiento
+  - Uso de inhalador: tipo, nº de puffs, respuesta
+  - Antecedentes: crisis graves previas, ingresos, medicación habitual
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Salbutamol (Ventolín)
+    via: Inhalado
+    dosis: "1-2 puffs"
+    intervalo: "Cada 30-60 segundos según gravedad"
+    indicacion: "Crisis asmática con disnea"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - Inhalador de rescate (si disponible)
+  - Cámara espaciadora (si disponible)
diff --git a/frontend/public/protocols/transtelefonicos/desa-telephone.yaml b/frontend/public/protocols/transtelefonicos/desa-telephone.yaml
new file mode 100644
index 00000000..4875bb4d
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/desa-telephone.yaml
@@ -0,0 +1,113 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: desa-telephone
+titulo: DESA Guiado por Teléfono
+subtitulo: Guía paso a paso para que un testigo use un DESA mientras se realiza RCP
+categoria: desa
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_04_4_USO_DESA.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: NUNCA toque a la persona durante el análisis o la descarga.
+  - tipo: warning
+    texto: La RCP solo se para para analizar y descargar, no para colocar parches.
+  - tipo: warning
+    texto: Si el DESA no recomienda descarga, reanude RCP inmediatamente.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Hay un DESA disponible cerca?"
+    - "¿Se está realizando RCP en este momento?"
+    - "¿La persona está en una superficie seca y segura?"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Continuar RCP
+    descripcion: Mientras alguien trae el DESA, continúe con las compresiones torácicas sin parar.
+    verificacion: "¿Se están haciendo compresiones continuamente?"
+    critico: true
+    notas: "La RCP no debe parar mientras se prepara el DESA"
+
+  - tipo: tecnica
+    titulo: Encender DESA
+    descripcion: Cuando tenga el DESA, ábralo o pulse el botón de encendido. El dispositivo le dará instrucciones verbales. Siga sus indicaciones.
+    verificacion: "¿Está encendido el DESA y puede oír las instrucciones?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Preparar tórax
+    descripcion: Exponga el pecho de la persona. Si está mojado, séquelo rápidamente con una toalla. Si hay mucho vello, rasure la zona rápidamente si es posible.
+    verificacion: "¿Está el pecho expuesto, seco y sin vello que interfiera?"
+    notas: "Solo pare RCP por menos de 10 segundos para esta preparación"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Colocar parches
+    descripcion: Retire los parches del DESA. Coloque un parche en el lado derecho del pecho, debajo de la clavícula, junto al esternón. Coloque el otro parche en el lado izquierdo, debajo y a la izquierda del pezón. Presione firmemente cada parche durante 5 segundos.
+    parametros:
+      - label: Parche 1
+        valor: "Lado derecho del pecho, debajo de la clavícula"
+        destacado: true
+      - label: Parche 2
+        valor: "Lado izquierdo, debajo del pezón"
+        destacado: true
+    verificacion: "¿Están los parches colocados y bien pegados?"
+    critico: true
+    notas: "Colocación estándar: esternal (derecho) y apical (izquierdo)"
+
+  - tipo: tecnica
+    titulo: Conectar cable
+    descripcion: Conecte el cable al DESA si no está pre-conectado. Debería encajarse con un clic.
+    verificacion: "¿Está el cable conectado correctamente?"
+
+  - tipo: tecnica
+    titulo: Analizar ritmo
+    descripcion: El DESA le dirá "Alto, analizando ritmo" o similar. En ese momento, pare las compresiones y asegúrese de que NADIE toca a la persona. Grite "¡Todos fuera!" para asegurarse.
+    verificacion: "¿Está todo el mundo alejado de la persona?"
+    critico: true
+    notas: "Nadie debe tocar durante el análisis"
+
+  - tipo: tecnica
+    titulo: Seguir órdenes del DESA
+    descripcion: El DESA analizará el ritmo. Siga exactamente las instrucciones que le dé.
+    verificacion: "¿Está escuchando las instrucciones del DESA?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Descarga si está indicada
+    descripcion: Si el DESA dice "Se recomienda descarga" o similar, confirme en voz alta "DESCARGA RECOMENDADA". Asegúrese de que NADIE toca a la persona. Pulse el botón de descarga (parpadeante) y manténgalo pulsado hasta que se administre.
+    verificacion: "¿Está todo el mundo alejado antes de pulsar el botón de descarga?"
+    critico: true
+    notas: "Verificación final de seguridad antes de descargar"
+
+  - tipo: tecnica
+    titulo: Reanudar RCP
+    descripcion: Inmediatamente después de la descarga (o si el DESA dice "No se recomienda descarga"), reanude las compresiones torácicas sin demora. Continúe con ciclos de 30 compresiones y 2 respiraciones.
+    verificacion: "¿Ha reanudado las compresiones inmediatamente?"
+    critico: true
+
+  - tipo: info
+    titulo: Continuar ciclos
+    descripcion: El DESA le pedirá que pare cada 2 minutos para analizar de nuevo. Siga sus instrucciones. Continúe hasta que llegue la ambulancia o la persona empezar a respirar normalmente.
+    verificacion: "¿Está siguiendo las instrucciones del DESA?"
+    critico: true
+
+# ─── NOTAS IMPORTANTES ─────────────────────────────────────────
+notas:
+  - "NUNCA toque a la persona durante el análisis o la descarga"
+  - "La RCP solo se para para analizar y descargar, no para colocar parches"
+  - "Si el DESA no recomienda descarga, reanude RCP inmediatamente"
+  - "El DESA guiará los ciclos completos de 2 minutos"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - DESA
+  - Parches de electrodos
+  - Tijeras (para cortar ropa si es necesario)
+  - Toalla (para secar pecho)
+  - Máquina de afeitar (si hay mucho vello)
diff --git a/frontend/public/protocols/transtelefonicos/hipoglucemia-telephone.yaml b/frontend/public/protocols/transtelefonicos/hipoglucemia-telephone.yaml
new file mode 100644
index 00000000..fb98b45d
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/hipoglucemia-telephone.yaml
@@ -0,0 +1,136 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: hipoglucemia-telephone
+titulo: Hipoglucemia Transtelefónica
+subtitulo: Identificación de bajada de azúcar y guía de corrección segura
+categoria: hipoglucemia
+urgencia: alta
+version: 2024.1
+fuente: BLOQUE_05_7_HIPOGLUCEMIA_TRANSTELEFONICA.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "Regla de oro: si no es seguro tragar, NO dar nada por boca."
+  - tipo: danger
+    texto: La transición a PCR transtelefónica debe ser inmediata si el paciente pierde consciencia o deja de respirar.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Está despierto/a y responde con sentido?"
+    - "¿Puede TRAGAR sin atragantarse?"
+    - "¿Es diabético/a o toma medicación para el azúcar?"
+    - "¿Tiene glucómetro para medir?"
+
+# ─── CRITERIOS DE ACTIVACIÓN ──────────────────────────────────
+criterios:
+  - Diabetes conocida o uso de insulina/antidiabéticos
+  - Sudor frío, temblor, palpitaciones
+  - Hambre intensa
+  - Irritabilidad, confusión, comportamiento extraño
+  - Debilidad marcada, mareo
+  - Convulsión o pérdida de conciencia (forma grave)
+
+# ─── CRITERIOS DE GRAVEDAD ALTA ────────────────────────────────
+gravedad_alta:
+  - Paciente no responde o está muy somnoliento
+  - Convulsiona
+  - No puede tragar con seguridad
+  - Glucemia muy baja si se mide (p.ej. < 54 mg/dL / 3.0 mmol/L)
+  - No mejora tras tratamiento oral inicial
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Control inicial
+    descripcion: Confirmar ubicación exacta + teléfono retorno. Confirmar edad aproximada. Activar recursos si hay gravedad o duda.
+    verificacion: "¿Tiene la ubicación exacta?"
+    critico: true
+
+  - tipo: decision
+    titulo: Evaluar capacidad de tragar
+    descripcion: "¿Está despierto/a y responde con sentido? ¿Puede TRAGAR sin atragantarse?"
+    si: Tratamiento oral
+    no: Medidas de seguridad / Glucagón
+    critico: true
+    notas: "La decisión se basa en: ¿responde? ¿puede tragar?"
+
+  - tipo: tecnica
+    titulo: Medición con glucómetro
+    descripcion: "Mida el azúcar ahora y dígame el número."
+    parametros:
+      - label: Umbral
+        valor: "< 70 mg/dL (3.9 mmol/L)"
+      - label: Interpretación
+        valor: "Si < 70 mg/dL y síntomas → tratar"
+    notas: "Si no hay glucómetro, tratar según síntomas y contexto (diabético + clínica)"
+
+  - tipo: tecnica
+    titulo: Tratamiento oral
+    descripcion: "Administrar azúcar de absorción rápida: 3–4 terrones de azúcar, 1 vaso de refresco azucarado (no 'light'), 1 vaso de zumo, 1–2 cucharadas de miel o azúcar disuelto, gel de glucosa si disponible."
+    parametros:
+      - label: Acción
+        valor: "Tome azúcar ahora"
+      - label: Espera
+        valor: "10–15 minutos"
+    verificacion: "¿Ha tomado azúcar?"
+    critico: true
+
+  - tipo: decision
+    titulo: Reevaluar a los 10-15 minutos
+    descripcion: "¿Está mejor, igual o peor? Si hay glucómetro: repetir medida."
+    si: Hidratos de absorción lenta
+    no: Elevar prioridad recursos
+    verificacion: "¿Ha reevaluado a los 10-15 minutos?"
+    notas: "Si mejora: tomar galletas, pan, bocadillo pequeño para prevenir recaída"
+
+  - tipo: tecnica
+    titulo: Si no puede tragar / inconsciente
+    descripcion: "NO le dé nada por boca. Póngalo de lado (posición lateral de seguridad) si respira. Vigilar respiración."
+    verificacion: "¿Está de lado y respira?"
+    critico: true
+    notas: "Si convulsa: no lo sujete, proteja la cabeza, retire objetos alrededor. Cuando pase, póngalo de lado."
+
+  - tipo: tecnica
+    titulo: Glucagón (si disponible)
+    descripcion: "¿Tiene glucagón en casa y alguien sabe administrarlo?"
+    si: "Indicar administración según instrucciones del dispositivo/kit"
+    notas: "Solo si el paciente lo tiene pautado y el entorno sabe usarlo"
+
+# ─── TRANSICIÓN A PCR ───────────────────────────────────────────
+transicion:
+  - Si el paciente no respira normal
+  - Si se queda inconsciente y no respira normal (boqueadas incluidas)
+  - Acción: "Al suelo boca arriba y empezamos compresiones."
+  - Seguir: Protocolo RCP
+
+# ─── HANDOVER ───────────────────────────────────────────────────
+handover:
+  - Diabetes / medicación (insulina, pastillas)
+  - Hora inicio síntomas
+  - Glucemias medidas (si las hay)
+  - Tratamiento dado (qué y cuánto)
+  - Respuesta al tratamiento
+  - Convulsión / pérdida de conciencia (sí/no)
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Glucosa oral
+    via: Oral
+    dosis: "3-4 terrones de azúcar o equivalente"
+    indicacion: "Si puede tragar con seguridad"
+    critico: true
+
+  - nombre: Glucagón
+    via: IM/SC
+    dosis: "1 mg (adulto), 0.5 mg (niño <25kg)"
+    indicacion: "Si no puede tragar o está inconsciente"
+    condicion: "Solo si está prescrito y hay cuidador entrenado"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - Glucómetro (si disponible)
+  - Azúcar / refresco / conmemduces
+  - Glucagón (si disponible)
diff --git a/frontend/public/protocols/transtelefonicos/ictus-telephone.yaml b/frontend/public/protocols/transtelefonicos/ictus-telephone.yaml
new file mode 100644
index 00000000..90c06d8e
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/ictus-telephone.yaml
@@ -0,0 +1,124 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ictus-telephone
+titulo: Ictus Transtelefónico
+subtitulo: Protocolo de Actuación Transtelefónica para Sospecha de Ictus Agudo usando FAST/BE-FAST
+categoria: ictus
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_05_4_ICTUS_TRANSTELEFONICO.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "TIEMPO ES CEREBRO: Cada minuto sin tratamiento destruye ~1,9 millones de neuronas."
+  - tipo: danger
+    texto: NUNCA olvidar preguntar "¿Última vez visto normal?" - Es la información más crítica.
+  - tipo: danger
+    texto: NUNCA permitir que coma o beba - Riesgo de aspiración muy alto.
+  - tipo: danger
+    texto: NUNCA administrar o sugerir aspirina u otra medicación por teléfono.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Cuándo empezaron los síntomas? ¿A qué hora fue la ÚLTIMA VEZ que lo vio completamente normal?"
+    - "¿Puede sonreír normalmente? ¿Tiene la cara caída de un lado? (F - Face)"
+    - "¿Puede levantar ambos brazos? ¿Tiene un brazo débil o caído? (A - Arms)"
+    - "¿Puede hablar con claridad? ¿Tiene dificultad para hablar o habla arrastrado? (S - Speech)"
+    - "¿Tiene antecedentes: hipertensión, diabetes, fibrilación auricular o ictus previo?"
+    - "¿Es diabético? ¿Tiene glucómetro disponible? (para descartar hipoglucemia)"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Control inicial
+    descripcion: "PASO 0: CONTROL INICIAL Y ACTIVACIÓN (primeros 30 segundos). Pregunte la dirección COMPLETA: calle, número, piso, puerta y localidad. Confirme puntos de referencia. Pregunte edad aproximada y antecedentes (HTA, diabetes, FA, ictus previo). Mientras evalúa, active el Código Ictus o equivalente. NO cuelgue, manténgase en línea."
+    verificacion: "¿Tiene la ubicación exacta? ¿Ha activado el Código Ictus?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: FAST - Cara (F)
+    descripcion: "PASO 1: EVALUACIÓN FAST - F (FACE/CARA). Instruya: 'Pídale que SONRÍA o que enseñe los dientes.' Pregunte: '¿Se le cae un lado de la cara? ¿La sonrisa es asimétrica o torcida?'"
+    verificacion: "¿Hay asimetría facial clara? (F+)"
+    critico: true
+    notas: "Positivo si: un lado de la cara no se mueve igual que el otro"
+
+  - tipo: tecnica
+    titulo: FAST - Brazos (A)
+    descripcion: "PASO 1: EVALUACIÓN FAST - A (ARMS/BRAZOS). Instruya: 'Que levante los DOS brazos al frente, con las palmas hacia arriba y los ojos cerrados.' Pregunte: '¿Se le cae uno de los brazos? ¿O no puede levantarlo?'"
+    verificacion: "¿Un brazo cae, se desvía hacia abajo, o no puede levantarse? (A+)"
+    critico: true
+    notas: "Positivo si: un brazo cae, se desvía, o no puede levantarse"
+
+  - tipo: tecnica
+    titulo: FAST - Habla (S)
+    descripcion: "PASO 1: EVALUACIÓN FAST - S (SPEECH/HABLA). Instruya: 'Que repita una frase simple: Hoy hace buen día.' Pregunte: '¿Habla raro, arrastra las palabras, dice palabras incorrectas o no puede hablar?'"
+    verificacion: "¿Hay disartria, afasia o mutismo? (S+)"
+    critico: true
+    notas: "Positivo si: disartria (arrastra palabras), afasia (palabras incorrectas), o mutismo"
+
+  - tipo: tecnica
+    titulo: FAST - Tiempo (T)
+    descripcion: "PASO 1: EVALUACIÓN FAST - T (TIME/TIEMPO) - EL DATO MÁS CRÍTICO. Pregunta OBLIGATORIA: '¿A qué hora fue la ÚLTIMA VEZ QUE LO VIO COMPLETAMENTE NORMAL, sin ningún síntoma?' Si no hay testigo: '¿Cuándo comenzaron exactamente los síntomas?' Si se despertó con síntomas: '¿A qué hora se acostó estando normal?'"
+    verificacion: "¿Sabe la hora exacta de última vez visto normal?"
+    critico: true
+    notas: "INFORMACIÓN MÁS CRÍTICA. Determina ventana terapéutica. Si no lo preguntas, puedes cerrar la puerta al tratamiento."
+
+  - tipo: tecnica
+    titulo: Posicionamiento seguro
+    descripcion: "PASO 4: POSICIONAMIENTO SEGURO. Si consciente, estable y sin vómitos: 'Siéntelo o reclínelo semisentado, con la cabeza elevada a unos 30°.' Si somnoliento o riesgo aspiración: 'Póngalo de LADO (posición lateral de seguridad). Si hay un lado afectado, que quede ARRIBA.' Si vómitos activos: 'Siempre de lado, con la cabeza ligeramente baja.' PROHIBICIÓN: NO sentar si somnoliento. NO acostar boca arriba si riesgo aspiración."
+    verificacion: "¿Está en posición segura según su estado?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Prohibición absoluta
+    descripcion: "PASO 4: PROHIBICIÓN ABSOLUTA. 'NO coma ni beba NADA.' (Alto riesgo disfagia/aspiración). 'NO tome ninguna medicación por boca, incluida la aspirina.' (Hasta determinar si es isquémico o hemorrágico). 'NO administre insulina aunque sea diabético.' (Solo si glucemia <70 mg/dL confirmada). 'NO intente bajarle la tensión arterial.'"
+    verificacion: "¿Ha indicado claramente NADA por boca?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Verificar hipoglucemia
+    descripcion: "DIFERENCIAL: HIPOGLUCEMIA (puede simular ictus). Preguntas obligatorias: '¿Es diabético? ¿Tiene un glucómetro disponible? ¿Tiene sudoración fría, temblor, sensación de hambre?' Si hay glucómetro: 'Mida la glucemia ahora mismo.' Si glucemia <70 mg/dL: Si consciente y traga seguro: '3 terrones de azúcar o zumo pequeño.' Si no traga seguro o inconsciente: 'NO le dé nada por la boca.'"
+    verificacion: "¿Se ha descartado hipoglucemia?"
+    notas: "Hipoglucemia puede simular ictus. Verificar pero mantener sospecha si persiste"
+
+  - tipo: tecnica
+    titulo: Preparación del entorno
+    descripcion: "PREPARACIÓN DEL ENTORNO. 'Abra la puerta o deje el acceso libre para los equipos.' 'Prepare DNI, tarjeta sanitaria y lista de medicación HABITUAL.' Especial énfasis: Anticoagulantes (Sintrom, Xarelto, Eliquis, Pradaxa). Antiagregantes (Adiro, Aspirina, Clopidogrel). 'Si tiene informes médicos recientes, téngalos a mano.' 'Un acompañante debe PREPARARSE para ir al hospital.'"
+    verificacion: "¿Está preparado el entorno y la documentación?"
+
+  - tipo: tecnica
+    titulo: Monitorización continua
+    descripcion: "MONITORIZACIÓN CONTINUA (cada 2-3 minutos). Preguntas estandarizadas: '¿Sigue CONSCIENTE? ¿Responde a mi voz o a estímulos?' '¿RESPIRA con normalidad? ¿Escucha algún ruido raro?' '¿HA EMPEORADO la debilidad, el adormecimiento o el habla?' '¿TIENE VÓMITOS o el dolor de cabeza se ha hecho más fuerte?'"
+    verificacion: "¿Está monitorizando cada 2-3 minutos?"
+    critico: true
+    notas: "Vigilancia activa hasta llegada de recursos. Detectar deterioro inmediatamente"
+
+# ─── CRITERIOS DE DETERIORO ───────────────────────────────────
+deterioro:
+  - Pérdida brusca de consciencia (no responde)
+  - Respiración anormal (apnea, boqueos, estridor)
+  - Convulsiones activas prolongadas
+  - Cianosis reportada ("se ha puesto morado")
+  - Si ocurre: Transicionar inmediatamente al Protocolo RCP
+
+# ─── INFORMACIÓN CRÍTICA PARA HANDOVER ────────────────────────
+handover:
+  - "HORA ÚLTIMA VEZ NORMAL: [HH:MM]"
+  - "FAST/BE-FAST: Componentes positivos (Ej: F y S positivos, A negativo)"
+  - "GRAVEDAD: Breve descripción (Ej: paciente consciente pero afásico y con hemiparesia derecha)"
+  - "ANTECEDENTES: HTA, FA anticoagulada con Sintrom, diabetes"
+  - "SÍNTOMAS ASOCIADOS: Cefalea explosiva, vómitos x2"
+  - "GLUCEMIA: [valor] o no medida"
+  - "MEDIDAS TOMADAS: Posicionado en lateral izquierda, nada por boca"
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+# NO administrar ningún fármaco por teléfono hasta determinar tipo de ictus
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - DNI / Tarjeta sanitaria
+  - Lista de medicación
+  - Informes médicos recientes
diff --git a/frontend/public/protocols/transtelefonicos/ovace-telephone-adult.yaml b/frontend/public/protocols/transtelefonicos/ovace-telephone-adult.yaml
new file mode 100644
index 00000000..0c3dbe85
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/ovace-telephone-adult.yaml
@@ -0,0 +1,94 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ovace-telephone-adult
+titulo: OVACE Transtelefónica - Adultos
+subtitulo: Guía paso a paso para que un testigo resuelva una obstrucción de vía aérea en un adulto
+categoria: ovace
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_04_6_OVACE_ADULTOS.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: warning
+    texto: Si puede toser con fuerza, NO intervenir. La tos es el mejor mecanismo para desobstruir.
+  - tipo: danger
+    texto: Si la persona pierde el conocimiento, tratarla como PCR y seguir protocolo RCP.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿La persona puede hablar o toser?"
+    - "¿Se está llevando las manos al cuello? (signo universal de atragantamiento)"
+    - "¿Está consciente o inconsciente?"
+    - "¿Es una persona obesa o embarazada?"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: Evaluar gravedad
+    descripcion: Primero, evalúe la gravedad. ¿Puede la persona hablar, toser o respirar?
+    si: Animar a toser
+    no: Iniciar maniobras de desobstrucción
+    critico: true
+
+  - tipo: info
+    titulo: OVACE leve - Tos efectiva
+    descripcion: Si puede toser con fuerza, anímela a seguir tosiendo. No haga nada más. La tos es el mejor mecanismo para desobstruir.
+    verificacion: "¿Está tosiendo con fuerza?"
+
+  - tipo: tecnica
+    titulo: OVACE grave - Maniobras
+    descripcion: Si NO puede hablar, toser o respirar, y está consciente, colóquese de pie detrás de la persona. Rodee su cintura con sus brazos.
+    verificacion: "¿Está detrás de la persona con los brazos alrededor de su cintura?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones abdominales (Heimlich)
+    descripcion: Place el puño (con el pulgar hacia dentro) en la línea media del abdomen, entre el ombligo y el final del esternón. Agarre su puño con la otra mano. Aplique compresiones rápidas hacia dentro y hacia arriba, como si intentara levantar a la persona. Haga 5 compresiones separadas y distintas.
+    parametros:
+      - label: Punto
+        valor: "Entre ombligo y final del esternón"
+        destacado: true
+      - label: Dirección
+        valor: "Hacia dentro y hacia arriba"
+        destacado: true
+      - label: Cantidad
+        valor: "5 compresiones"
+    verificacion: "¿Tiene el puño en la posición correcta? ¿Está haciendo compresiones hacia dentro y hacia arriba?"
+    critico: true
+
+  - tipo: decision
+    titulo: Reevaluar
+    descripcion: Después de 5 compresiones, pregunte: "¿Ha salido? ¿Puede respirar?" Si puede hablar/toser efectivamente, pare. Si no, repita las 5 compresiones.
+    si: Vigilar
+    no: Repetir ciclo
+    critico: true
+
+  - tipo: tecnica
+    titulo: Embarazada u obesa
+    descripcion: Si la persona está embarazada o es obesa, haga compresiones TORÁCICAS (sobre el esternón) en lugar de abdominales. Use la misma técnica pero sobre el pecho.
+    verificacion: "¿Está haciendo compresiones sobre el pecho en lugar del abdomen?"
+    notas: "Solo si está embarazada o es obesa"
+
+  - tipo: tecnica
+    titulo: Si pierde conciencia
+    descripcion: Si la persona pierde el conocimiento, guíela al suelo con control. Active el 112 si no lo ha hecho. Inicie RCP inmediatamente (ver protocolo RCP).
+    verificacion: "¿Está inconsciente? ¿Ha activado el 112?"
+    critico: true
+
+# ─── SITUACIONES ESPECIALES ─────────────────────────────────────
+situaciones_especiales:
+  - titulo: Si puede toser efectivamente
+    descripcion: NO intervenir, animar a toser
+  - titulo: Si está inconsciente
+    descripcion: Iniciar RCP inmediatamente
+  - titulo: Embarazadas/obesos
+    descripcion: Usar compresiones torácicas, no abdominales
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+# No aplica
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
diff --git a/frontend/public/protocols/transtelefonicos/ovace-telephone-infant.yaml b/frontend/public/protocols/transtelefonicos/ovace-telephone-infant.yaml
new file mode 100644
index 00000000..8963822b
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/ovace-telephone-infant.yaml
@@ -0,0 +1,108 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: ovace-telephone-infant
+titulo: OVACE Transtelefónica - Lactantes
+subtitulo: Guía paso a paso para resolver obstrucción de vía aérea en lactantes (< 1 año)
+categoria: ovace
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_04_6_OVACE_LACTANTES.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: "NUNCA hacer Heimlich abdominal en lactantes."
+  - tipo: danger
+    texto: "NUNCA meter los dedos en la boca 'a ciegas'."
+  - tipo: warning
+    texto: "Si puede toser/llorar: Vigilar, NO hacer maniobras."
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿El bebé puede toser, llorar o hacer ruido?"
+    - "¿Se está llevando las manos al cuello?"
+    - "¿Está consciente?"
+    - "¿Cuántos meses tiene?"
+
+# ─── CLASIFICACIÓN ─────────────────────────────────────────────
+clasificacion:
+  - titulo: OVACE LEVE
+    criterios:
+      - "Puede toser, llorar o hacer ruido"
+      - "Mantiene conciencia"
+    conducta: "Vigilar, NO hacer maniobras"
+  - titulo: OVACE GRAVE
+    criterios:
+      - "No llora, no tose, no respira"
+      - "Sonidos débiles o ausentes"
+      - "Se pone morado"
+    conducta: "Maniobras inmediatas"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: Evaluar gravedad
+    descripcion: "¿El bebé puede toser, llorar o hacer ruido?"
+    si: Vigilar
+    no: Iniciar maniobras
+    critico: true
+
+  - tipo: info
+    titulo: OVACE leve
+    descripcion: "Que siga tosiendo/llorando. Vigile. No meta los dedos en la boca."
+    verificacion: "¿Está el bebé tosiendo/llorando?"
+
+  - tipo: tecnica
+    titulo: Golpes en espalda
+    descripcion: "1) Ponga al bebé boca abajo sobre su antebrazo, cabeza más baja. 2) Sujete la mandíbula (sin tapar la boca). 3) Dé 5 golpes firmes entre los omóplatos."
+    parametros:
+      - label: Posición
+        valor: "Boca abajo, cabeza más baja que el cuerpo"
+        destacado: true
+      - label: Golpes
+        valor: "5 golpes firmes entre los omóplatos"
+    verificacion: "¿Ha dado los 5 golpes en la espalda?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones torácicas
+    descripcion: "1) Gire al bebé boca arriba, cabeza más baja. 2) Con 2 dedos en el centro del pecho. 3) Haga 5 compresiones."
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho, debajo de la línea de los pezones"
+      - label: Técnica
+        valor: "2 dedos"
+      - label: Cantidad
+        valor: "5 compresiones"
+    verificacion: "¿Ha dado las 5 compresiones torácicas?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Repetir ciclos
+    descripcion: "Repetir 5 golpes espalda + 5 compresiones torácicas hasta que expulse el objeto, respire normal o quede inconsciente."
+    verificacion: "¿Ha salido el objeto? ¿Respira?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Si pierde conciencia
+    descripcion: "Si el bebé queda inconsciente: Póngalo en el suelo boca arriba. Empiece compresiones en el centro del pecho con 2 dedos. Siga protocolo RCP."
+    verificacion: "¿Está inconsciente? ¿Ha activado el 112?"
+    critico: true
+    notas: "Seguir protocolo RCP lactante"
+
+# ─── PROHIBICIONES ─────────────────────────────────────────────
+prohibiciones:
+  - "Heimlich abdominal (NUNCA en lactantes)"
+  - "Barrido digital a ciegas"
+  - "Meter dedos en la boca sin ver el objeto"
+
+# ─── TRANSICIÓN A PCR ─────────────────────────────────────────
+transicion:
+  - Si el bebé pierde el conocimiento
+  - Acción: Iniciar RCP inmediatamente
+  - Seguir: Protocolo RCP lactante
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
diff --git a/frontend/public/protocols/transtelefonicos/rcp-telephone-adult.yaml b/frontend/public/protocols/transtelefonicos/rcp-telephone-adult.yaml
new file mode 100644
index 00000000..e48c8706
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/rcp-telephone-adult.yaml
@@ -0,0 +1,69 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-telephone-adult
+titulo: RCP Transtelefónica - Adultos
+subtitulo: Guía paso a paso para que un testigo realice RCP en un adulto
+categoria: rcp
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_04_1_RCP_ADULTOS.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: Si el testigo no puede o no quiere dar respiraciones, es mejor que continúe solo con compresiones que parar.
+  - tipo: warning
+    texto: Las compresiones continuas sin respiraciones son mejores que no hacer nada.
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: ¿Está consciente?
+    descripcion: Evaluar respuesta a estímulos
+    si: Evaluar respiración
+    no: Activar emergencias
+
+  - tipo: decision
+    titulo: ¿Respira normalmente?
+    descripcion: Observar, oír y sentir durante no más de 10 segundos. No contar boqueadas.
+    si: Posición de recuperación
+    no: Iniciar RCP
+
+  - tipo: tecnica
+    titulo: Iniciar Compresiones
+    descripcion: Colocar talón de una mano en centro del pecho, entre los pezones. другой рукой наложить на первую.
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho"
+        destacado: true
+      - label: Profundidad
+        valor: "5-6 cm"
+        destacado: true
+      - label: Frecuencia
+        valor: "100-120/min"
+        destacado: true
+
+  - tipo: tecnica
+    titulo: Ventilaciones
+    descripcion: Después de 30 compresiones, dar 2 respiraciones de rescate.
+    parametros:
+      - label: Volumen
+        valor: "Ver elevación torácica"
+      - label: Tiempo
+        valor: "~1 segundo cada una"
+
+  - tipo: info
+    titulo: Continuar Ciclos
+    descripcion: Continuar 30:2 hasta que llegue la ambulancia o respire normalmente.
+
+  - tipo: info
+    titulo: Cambio de Reanimador
+    descripcion: Si hay otra persona, turnarse cada 2 minutos. Cambio en menos de 5 segundos.
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+# No aplica para RCP básica guiada por teléfono
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Superficie firme
+  - Teléfono
\ No newline at end of file
diff --git a/frontend/public/protocols/transtelefonicos/rcp-telephone-infant.yaml b/frontend/public/protocols/transtelefonicos/rcp-telephone-infant.yaml
new file mode 100644
index 00000000..89be0107
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/rcp-telephone-infant.yaml
@@ -0,0 +1,103 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-telephone-infant
+titulo: RCP Transtelefónica - Lactantes
+subtitulo: Guía paso a paso para que un testigo realice RCP en un lactante (< 1 año)
+categoria: rcp
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_04_3_RCP_LACTANTES.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: Por teléfono, debe ser ultra simple: compresiones con 2 dedos en el centro del pecho.
+  - tipo: warning
+    texto: Si NO puede ventilar: compresiones continuas (mejor que nada).
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Está el bebé inconsciente? ¿Responde si le toca o le habla?"
+    - "¿Respira normalmente? (No count gaspings o respiraciones muy lentas)"
+    - "¿Es seguro acercarse?"
+    - "¿Cuántos meses tiene el bebé?"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Activar emergencias
+    descripcion: Active el servicio de emergencias. ¿Ya ha llamado al 112?
+    verificacion: "¿Ha llamado al 112?"
+    critico: true
+    notas: "Si está solo y el colapso no fue presenciado, puede hacer 2 minutos de RCP primero"
+
+  - tipo: tecnica
+    titulo: Colocar al bebé
+    descripcion: Coloque al bebé boca arriba sobre una superficie firme. Use su antebrazo para sostenerlo si es necesario.
+    verificacion: "¿Está el bebé boca arriba sobre una superficie firme?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Abrir vía aérea
+    descripcion: Incline suavemente la cabeza hacia atrás en posición NEUTRA (no demasiado extendida) y levante la barbilla.
+    verificacion: "¿Tiene la cabeza en posición neutra?"
+    notas: "En lactantes, la posición neutra es preferible a la extensión completa"
+
+  - tipo: decision
+    titulo: Verificar respiración
+    descripcion: Acérquese y mire, escuche y sienta si respira normalmente. Hágalo durante 10 segundos máximo.
+    si: Posición lateral de seguridad (si inconsciente)
+    no: Iniciar compresiones
+    critico: true
+
+  - tipo: tecnica
+    titulo: Compresiones torácicas
+    descripcion: Con dos dedos (índice y medio) en el centro del pecho, justo debajo de la línea de los pezones, comprima el pecho hacia abajo aproximadamente un tercio de la profundidad del pecho.
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho, debajo de la línea de los pezones"
+        destacado: true
+      - label: Profundidad
+        valor: "1/3 del pecho (aprox. 4 cm)"
+        destacado: true
+      - label: Frecuencia
+        valor: "100-120/min"
+        destacado: true
+      - label: Técnica
+        valor: "2 dedos"
+    verificacion: "¿Tiene los dedos en la posición correcta?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Ventilaciones
+    descripcion: Después de 30 compresiones, cubra la boca Y la nariz del bebé con su boca. Dé 2 respiraciones de rescate suaves, apenas видим elevation del pecho. Cada respiración debe durar aproximadamente 1 segundo.
+    parametros:
+      - label: Técnica
+        valor: "Cubrir boca Y nariz con su boca"
+      - label: Volumen
+        valor: "Apenas видим elevation del pecho"
+      - label: Tiempo
+        valor: "~1 segundo cada una"
+    notas: "Respiraciones suaves, no grandes"
+    verificacion: "¿Está dando las respiraciones y ve que el pecho se eleva ligeramente?"
+
+  - tipo: info
+    titulo: Continuar ciclos
+    descripcion: Continúe con ciclos de 30 compresiones seguidas de 2 respiraciones. No pare hasta que llegue la ambulancia o el bebé empezar a respirar normalmente.
+    verificacion: "¿Está continuando con los ciclos sin parar?"
+    critico: true
+
+# ─── NOTAS IMPORTANTES ─────────────────────────────────────────
+notas:
+  - "En lactantes, usar 2 dedos para compresiones"
+  - "Profundidad: 1/3 del pecho (aprox. 4 cm)"
+  - "Ritmo: 100-120 por minuto"
+  - "Ventilaciones suaves: apenas видим elevation del pecho"
+  - "Cubrir tanto boca como nariz con su boca"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Superficie firme
+  - Teléfono
+  - Manta (para mantener temperatura)
diff --git a/frontend/public/protocols/transtelefonicos/rcp-telephone-pediatric.yaml b/frontend/public/protocols/transtelefonicos/rcp-telephone-pediatric.yaml
new file mode 100644
index 00000000..5340a778
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/rcp-telephone-pediatric.yaml
@@ -0,0 +1,101 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: rcp-telephone-pediatric
+titulo: RCP Transtelefónica - Pediatría
+subtitulo: Guía paso a paso para que un testigo realice RCP en un niño (1 año hasta pubertad)
+categoria: rcp
+urgencia: critica
+version: 2024.1
+fuente: BLOQUE_04_2_RCP_PEDIATRIA.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: En pediatría, la ventilación es tan crítica como las compresiones.
+  - tipo: warning
+    texto: Si está solo y el colapso no fue presenciado, haga 2 minutos de RCP primero, luego active el 112.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Está el niño consciente? ¿Responde si le habla o le toca?"
+    - "¿Está respirando normalmente? (No cuente boqueadas o respiraciones muy lentas)"
+    - "¿Es seguro acercarse?"
+    - "¿Cuántos años tiene el niño aproximadamente?"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: decision
+    titulo: Activar emergencias
+    descripcion: Active el servicio de emergencias. ¿Ya ha llamado al 112?
+    si: Colocar al niño boca arriba
+    no: Si está solo y el colapso no fue presenciado, haga 2 minutos de RCP primero
+    critico: true
+
+  - tipo: tecnica
+    titulo: Colocar al niño boca arriba
+    descripcion: Coloque al niño boca arriba sobre una superficie firme y plana. Si es pequeño, puede usar una mesa si es más firme que el suelo.
+    verificacion: "¿Está el niño boca arriba sobre una superficie firme?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Abrir vía aérea
+    descripcion: Incline suavemente la cabeza hacia atrás en posición neutra y levante la barbilla. Esto abre la vía aérea.
+    verificacion: "¿Puede ver que la cabeza está en posición neutra y la barbilla levantada?"
+
+  - tipo: decision
+    titulo: Verificar respiración
+    descripcion: Acérquese y mire, escuche y sienta si respira normalmente. Hágalo durante 10 segundos máximo.
+    si: Posición de recuperación
+    no: Iniciar compresiones
+    critico: true
+
+  - tipo: tecnica
+    titulo: Iniciar compresiones
+    descripcion: Si NO respira normalmente, coloque el talón de una mano (o dos manos si el niño es grande) en el centro del pecho, entre los pezones.
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho, entre los pezones"
+        destacado: true
+      - label: Profundidad
+        valor: "1/3 del pecho (aprox. 5 cm)"
+        destacado: true
+      - label: Frecuencia
+        valor: "100-120/min"
+        destacado: true
+    notas: "Una mano para niños pequeños, dos manos para niños grandes/púberes"
+    verificacion: "¿Tiene la(s) mano(s) colocada(s) correctamente en el centro del pecho?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Ventilaciones
+    descripcion: Después de las compresiones (15 si hay dos personas, 30 si está solo), incline la cabeza, levante la barbilla, y dé 2 respiraciones de rescate cubriendo boca Y nariz del niño. Cada respiración debe durar 1 segundo y ver que el pecho se eleva.
+    parametros:
+      - label: Técnica
+        valor: "Cubrir boca Y nariz"
+      - label: Volumen
+        valor: "Ver elevación torácica"
+      - label: Tiempo
+        valor: "~1 segundo cada una"
+    notas: "En pediatría, la ventilación es tan importante como las compresiones"
+    verificacion: "¿Está dando las respiraciones cubriendo boca y nariz y ve que el pecho se eleva?"
+
+  - tipo: info
+    titulo: Continuar ciclos
+    descripcion: Continúe con ciclos de compresiones y respiraciones. No pare hasta que llegue la ambulancia o el niño empezar a respirar normalmente.
+    verificacion: "¿Está continuando con los ciclos sin parar?"
+    critico: true
+
+# ─── TRANSICIÓN A PCR ───────────────────────────────────────────
+transicion:
+  - Si el niño pierde el conocimiento o deja de respirar: seguir protocolo RCP adultos
+  - Si hay otra persona disponible: turnarse cada 2 minutos
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+# No aplica para RCP básica guiada por teléfono
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Superficie firme
+  - Teléfono
+  - Manta (para mantener temperatura)
diff --git a/frontend/public/protocols/transtelefonicos/sca-telephone.yaml b/frontend/public/protocols/transtelefonicos/sca-telephone.yaml
new file mode 100644
index 00000000..db467b71
--- /dev/null
+++ b/frontend/public/protocols/transtelefonicos/sca-telephone.yaml
@@ -0,0 +1,90 @@
+# ─── METADATOS ────────────────────────────────────────────────
+id: sca-telephone
+titulo: SCA Transtelefónico
+subtitulo: Reconocimiento de síntomas de Síndrome Coronario Agudo y primeros auxilios mientras llega la ambulancia
+categoria: sca
+urgencia: alta
+version: 2024.1
+fuente: BLOQUE_05_3_SCA_TRANSTELEFONICO.md
+actualizado: 2024-01-01
+
+# ─── ALERTAS GLOBALES ─────────────────────────────────────────
+alertas:
+  - tipo: danger
+    texto: El tiempo es crítico: active 112 inmediatamente.
+  - tipo: warning
+    texto: No dar aspirina si es alérgica o si protocolo local no lo contempla.
+  - tipo: danger
+    texto: Si pierde consciencia o deja de respirar, iniciar RCP.
+
+# ─── EVALUACIÓN INICIAL ────────────────────────────────────────
+evaluacion:
+  preguntas:
+    - "¿Tiene dolor en el pecho? ¿Cómo lo describe? (presión, opresión, ardor)"
+    - "¿El dolor se extiende a brazos, cuello, mandíbula o espalda?"
+    - "¿Tiene dificultad para respirar?"
+    - "¿Tiene náuseas, sudoración o mareo?"
+    - "¿Tiene antecedentes de problemas cardíacos?"
+
+# ─── PASOS ───────────────────────────────────────────────────────
+pasos:
+  - tipo: tecnica
+    titulo: Activar emergencias
+    descripcion: Active el servicio de emergencias inmediatamente. Llame al 112 y explique que sospecha un problema cardíaco.
+    verificacion: "¿Ha llamado al 112?"
+    critico: true
+
+  - tipo: tecnica
+    titulo: Posición cómoda
+    descripcion: Coloque a la persona en una posición cómoda, preferiblemente semisentada o recostada con la cabeza elevada. Evite que se acueste completamente plano.
+    verificacion: "¿Está en una posición cómoda?"
+
+  - tipo: tecnica
+    titulo: Aflojar ropa
+    descripcion: Afloje cualquier ropa ajustada, especialmente alrededor del cuello y el pecho.
+    verificacion: "¿Está la ropa aflojada?"
+
+  - tipo: tecnica
+    titulo: Aspirina (si protocolo lo permite)
+    descripcion: Si la persona está consciente, no es alérgica a la aspirina, y su protocolo local lo contempla, puede darle una aspirina (300 mg) para masticar. NO la trague entera.
+    verificacion: "¿Puede tomar aspirina? (Consulte si es alérgica)"
+    notas: "Solo si protocolo local contempla y no es alérgica"
+
+  - tipo: decision
+    titulo: Monitorizar estado
+    descripcion: Mantenga a la persona tranquila y monitorice su estado. Si pierde el conocimiento o deja de respirar, inicie RCP (ver protocolo RCP).
+    si: Mantener vigilancia
+    no: Iniciar RCP
+    verificacion: "¿Está consciente y respirando?"
+    critico: true
+
+  - tipo: info
+    titulo: Preparar traslado
+    descripcion: Prepare a la persona para el traslado. No le dé de comer ni beber. Mantenga la calma y espere a la ambulancia.
+    verificacion: "¿Está preparado para cuando llegue la ambulancia?"
+
+# ─── CRITERIOS DE ALTA GRAVEDAD ────────────────────────────────
+gravedad:
+  - Disnea intensa
+  - Síncope / presíncope
+  - Alteración del nivel de consciencia
+  - Dolor muy intenso (>7/10) o persistente >10 min
+  - Inestabilidad (frialdad, palidez marcada, debilidad extrema)
+  - Antecedentes cardiacos importantes
+
+# ─── FÁRMACOS ──────────────────────────────────────────────────
+farmacos:
+  - nombre: Nitroglicerina
+    condicion: "Si el paciente YA la tiene pautada y la usa habitualmente"
+    indicacion: "Usar como se lo enseñaron"
+    notas: "Vigilar mareo/hipotensión"
+  - nombre: Aspirina
+    condicion: "Solo si existe autorización/protocolo regional"
+    dosis: "300 mg"
+    indicacion: "Para masticar, no tragar entera"
+
+# ─── EQUIPAMIENTO ──────────────────────────────────────────────
+equipamiento:
+  - Teléfono
+  - DNI / Documentación
+  - Lista de medicación
diff --git a/frontend/public/sw.js b/frontend/public/sw.js
new file mode 100644
index 00000000..db332ddd
--- /dev/null
+++ b/frontend/public/sw.js
@@ -0,0 +1,206 @@
+// Service Worker para PWA
+// Cache First Strategy para funcionamiento offline
+
+const isDevelopment = self.location.hostname === 'localhost' || 
+                      self.location.hostname === '127.0.0.1' ||
+                      self.location.hostname === '[::1]';
+
+if (isDevelopment) {
+  self.addEventListener('install', (event) => {
+    console.log('[SW] Development mode detected, skipping installation');
+    self.skipWaiting();
+  });
+  
+  self.addEventListener('activate', (event) => {
+    console.log('[SW] Development mode detected, unregistering...');
+    event.waitUntil(
+      self.clients.matchAll().then((clients) => {
+        clients.forEach((client) => {
+          client.postMessage({ type: 'SW_UNREGISTER' });
+        });
+      }).then(() => {
+        return self.registration.unregister();
+      })
+    );
+  });
+  
+  self.addEventListener('fetch', (event) => {
+    return;
+  });
+}
+
+const CACHE_VERSION = 'v1.0.0';
+const CACHE_NAME = `codigo0-${CACHE_VERSION}`;
+const RUNTIME_CACHE = `codigo0-runtime-${CACHE_VERSION}`;
+
+const BASE_PATH = self.location.pathname.split('/').slice(0, -1).join('/') || '/';
+const normalizePath = (path) => {
+  if (path.startsWith('/')) {
+    return BASE_PATH === '/' ? path : `${BASE_PATH}${path}`;
+  }
+  return `${BASE_PATH}/${path}`;
+};
+
+const STATIC_ASSETS = [
+  normalizePath('/'),
+  normalizePath('/index.html'),
+  normalizePath('/manifest.json'),
+  normalizePath('/favicon.ico'),
+];
+
+self.addEventListener('install', (event) => {
+  console.log('[SW] Installing service worker...');
+  
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then((cache) => {
+        console.log('[SW] Caching static assets');
+        return Promise.allSettled(
+          STATIC_ASSETS.map(url => 
+            cache.add(url).catch(err => {
+              console.warn(`[SW] Failed to cache ${url}:`, err);
+              return null;
+            })
+          )
+        );
+      })
+      .then(() => {
+        console.log('[SW] Static assets cached');
+        self.skipWaiting();
+      })
+      .catch((error) => {
+        console.error('[SW] Installation failed:', error);
+        self.skipWaiting();
+      })
+  );
+});
+
+self.addEventListener('activate', (event) => {
+  console.log('[SW] Activating service worker...');
+  
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames
+          .filter((cacheName) => {
+            return cacheName !== CACHE_NAME && cacheName !== RUNTIME_CACHE;
+          })
+          .map((cacheName) => {
+            console.log('[SW] Deleting old cache:', cacheName);
+            return caches.delete(cacheName);
+          })
+      );
+    })
+    .then(() => self.clients.claim())
+  );
+});
+
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  const url = new URL(request.url);
+
+  if (request.method !== 'GET') {
+    return;
+  }
+
+  if (url.origin !== location.origin) {
+    return;
+  }
+
+  if (
+    url.hostname === 'localhost' || 
+    url.hostname === '127.0.0.1' ||
+    url.hostname === '[::1]'
+  ) {
+    if (
+      url.pathname.startsWith('/src/') ||
+      url.pathname.startsWith('/@') ||
+      url.pathname.startsWith('/node_modules/') ||
+      url.pathname.includes('?t=') ||
+      url.pathname.endsWith('.tsx') ||
+      url.pathname.endsWith('.ts') ||
+      url.pathname.includes('node_modules') ||
+      url.searchParams.has('import') ||
+      url.protocol === 'ws:' ||
+      url.protocol === 'wss:'
+    ) {
+      return;
+    }
+  }
+
+  if (
+    request.destination === 'script' ||
+    request.destination === 'style' ||
+    request.destination === 'image' ||
+    request.destination === 'font' ||
+    url.pathname.endsWith('.md') ||
+    url.pathname.includes('/assets/')
+  ) {
+    event.respondWith(cacheFirst(request));
+  } else {
+    event.respondWith(networkFirst(request));
+  }
+});
+
+async function cacheFirst(request) {
+  const cache = await caches.open(CACHE_NAME);
+  const cached = await cache.match(request);
+  
+  if (cached) {
+    return cached;
+  }
+  
+  try {
+    const response = await fetch(request);
+    if (response.ok) {
+      cache.put(request, response.clone());
+    }
+    return response;
+  } catch (error) {
+    console.error('[SW] Fetch failed:', error);
+    if (request.destination === 'image') {
+      return new Response('', { status: 404 });
+    }
+    throw error;
+  }
+}
+
+async function networkFirst(request) {
+  const cache = await caches.open(RUNTIME_CACHE);
+  
+  try {
+    const response = await fetch(request);
+    if (response.ok) {
+      cache.put(request, response.clone());
+    }
+    return response;
+  } catch (error) {
+    console.log('[SW] Network failed, trying cache:', error);
+    const cached = await cache.match(request);
+    if (cached) {
+      return cached;
+    }
+    if (request.mode === 'navigate') {
+      const indexCache = await caches.open(CACHE_NAME);
+      const indexHtml = await indexCache.match(normalizePath('/index.html'));
+      if (indexHtml) {
+        return indexHtml;
+      }
+    }
+    throw error;
+  }
+}
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting();
+  }
+  
+  if (event.data && event.data.type === 'CACHE_URLS') {
+    event.waitUntil(
+      caches.open(CACHE_NAME).then((cache) => {
+        return cache.addAll(event.data.urls);
+      })
+    );
+  }
+});
\ No newline at end of file
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
new file mode 100644
index 00000000..0d43542f
--- /dev/null
+++ b/frontend/src/App.tsx
@@ -0,0 +1,118 @@
+import React, { useState, Suspense, lazy, useCallback } from 'react';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { ThemeProvider } from "next-themes";
+import Header from "./components/layout/Header";
+import BottomNav from "./components/layout/BottomNav";
+import Footer from "./components/layout/Footer";
+import SearchModal from "./components/layout/SearchModal";
+import MenuSheet from "./components/layout/MenuSheet";
+import PageLoader from "./components/ui/PageLoader";
+
+// Página principal
+import Home from "./pages/Index";
+
+// Lazy loading de páginas
+const SoporteVital = lazy(() => import("./pages/SoporteVital"));
+const Patologias = lazy(() => import("./pages/Patologias"));
+const Escena = lazy(() => import("./pages/Escena"));
+const Farmacos = lazy(() => import("./pages/Farmacos"));
+const Herramientas = lazy(() => import("./pages/Herramientas"));
+const Material = lazy(() => import("./pages/Material"));
+const Telefono = lazy(() => import("./pages/Telefono"));
+const Comunicacion = lazy(() => import("./pages/Comunicacion"));
+const ManualIndex = lazy(() => import("./pages/ManualIndex"));
+const RCP = lazy(() => import("./pages/RCP"));
+const Ictus = lazy(() => import("./pages/Ictus"));
+const Shock = lazy(() => import("./pages/Shock"));
+const ViaAerea = lazy(() => import("./pages/ViaAerea"));
+const Acerca = lazy(() => import("./pages/Acerca"));
+const Privacidad = lazy(() => import("./pages/Privacidad"));
+const Protocolo = lazy(() => import("./pages/Protocolo"));
+const NotFound = lazy(() => import("./pages/NotFound"));
+const Ajustes = lazy(() => import("./pages/Ajustes"));
+const Galeria = lazy(() => import("./pages/Galeria"));
+const Historial = lazy(() => import("./pages/Historial"));
+const Urgencias = lazy(() => import("./pages/Urgencias"));
+const Parto = lazy(() => import("./pages/Parto"));
+const AvisoLegal = lazy(() => import("./pages/AvisoLegal"));
+const DescargoResponsabilidad = lazy(() => import("./pages/DescargoResponsabilidad"));
+const Favoritos = lazy(() => import("./pages/Favoritos"));
+const GlasgowCalculator = lazy(() => import("./pages/GlasgowCalculator"));
+const TriageStart = lazy(() => import("./pages/TriageStart"));
+const BurnCalculator = lazy(() => import("./pages/BurnCalculator"));
+const DoseCalculator = lazy(() => import("./pages/DoseCalculator"));
+
+// Wrapper para pasar props a Home
+const HomeWrapper = ({ onSearchClick }: { onSearchClick: () => void }) => {
+  return <Home onSearchClick={onSearchClick} />;
+};
+
+const App = () => {
+  const [isSearchOpen, setIsSearchOpen] = useState(false);
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
+
+  const handleSearchClick = useCallback(() => {
+    setIsSearchOpen(true);
+  }, []);
+
+  const handleMenuClick = useCallback(() => {
+    setIsMenuOpen(true);
+  }, []);
+
+  return (
+    <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
+      <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
+        <div className="min-h-screen bg-background flex flex-col">
+          <Header
+            onSearchClick={handleSearchClick}
+            onMenuClick={handleMenuClick}
+          />
+          <main className="flex-1 container mx-auto px-4 py-6 max-w-4xl">
+            <Suspense fallback={<PageLoader />}>
+              <Routes>
+                <Route path="/" element={<HomeWrapper onSearchClick={handleSearchClick} />} />
+                <Route path="/soporte-vital" element={<SoporteVital />} />
+                <Route path="/patologias" element={<Patologias />} />
+                <Route path="/escena" element={<Escena />} />
+                <Route path="/farmacos" element={<Farmacos />} />
+                <Route path="/herramientas" element={<Herramientas />} />
+                <Route path="/material" element={<Material />} />
+                <Route path="/telefono" element={<Telefono />} />
+                <Route path="/comunicacion" element={<Comunicacion />} />
+                <Route path="/manual" element={<ManualIndex />} />
+                <Route path="/rcp" element={<RCP />} />
+                <Route path="/ictus" element={<Ictus />} />
+                <Route path="/shock" element={<Shock />} />
+                <Route path="/via-aerea" element={<ViaAerea />} />
+                <Route path="/acerca" element={<Acerca />} />
+                <Route path="/ajustes" element={<Ajustes />} />
+                <Route path="/favoritos" element={<Favoritos />} />
+                <Route path="/historial" element={<Historial />} />
+                <Route path="/urgencias" element={<Urgencias />} />
+                <Route path="/parto" element={<Parto />} />
+                <Route path="/aviso-legal" element={<AvisoLegal />} />
+                <Route path="/descargo-responsabilidad" element={<DescargoResponsabilidad />} />
+                <Route path="/galeria" element={<Galeria />} />
+                <Route path="/privacidad" element={<Privacidad />} />
+                <Route path="/herramientas/glasgow" element={<GlasgowCalculator />} />
+                <Route path="/herramientas/triage" element={<TriageStart />} />
+                <Route path="/herramientas/quemados" element={<BurnCalculator />} />
+                <Route path="/herramientas/dosis" element={<DoseCalculator />} />
+                <Route path="/protocolo/:id" element={<Protocolo />} />
+                <Route path="*" element={<NotFound />} />
+              </Routes>
+            </Suspense>
+          </main>
+          <Footer />
+          <BottomNav />
+        </div>
+        
+        {/* Modals */}
+        <SearchModal isOpen={isSearchOpen} onClose={() => setIsSearchOpen(false)} />
+        <MenuSheet isOpen={isMenuOpen} onClose={() => setIsMenuOpen(false)} />
+      </BrowserRouter>
+    </ThemeProvider>
+  );
+};
+
+export default App;
\ No newline at end of file
diff --git a/frontend/src/components/layout/BottomNav.tsx b/frontend/src/components/layout/BottomNav.tsx
new file mode 100644
index 00000000..ff2b570b
--- /dev/null
+++ b/frontend/src/components/layout/BottomNav.tsx
@@ -0,0 +1,43 @@
+import { NavLink } from 'react-router-dom';
+import { Home, AlertTriangle, Stethoscope, Video, Pill, Wrench, Heart, Clock, Zap } from 'lucide-react';
+
+interface NavItem {
+  path: string;
+  icon: React.ReactNode;
+  label: string;
+}
+
+const navItems: NavItem[] = [
+  { path: '/', icon: <Home className="w-5 h-5" />, label: 'Home' },
+  { path: '/urgencias', icon: <Zap className="w-5 h-5" />, label: 'Urgenc.' },
+  { path: '/favoritos', icon: <Heart className="w-5 h-5" />, label: 'Favor.' },
+  { path: '/historial', icon: <Clock className="w-5 h-5" />, label: 'Recient.' },
+  { path: '/soporte-vital', icon: <AlertTriangle className="w-5 h-5" />, label: 'Soporte' },
+  { path: '/patologias', icon: <Stethoscope className="w-5 h-5" />, label: 'Patologías' },
+  { path: '/escena', icon: <Video className="w-5 h-5" />, label: 'Escena' },
+  { path: '/farmacos', icon: <Pill className="w-5 h-5" />, label: 'Fármacos' },
+  { path: '/herramientas', icon: <Wrench className="w-5 h-5" />, label: 'Herram.' },
+];
+
+const BottomNav = () => {
+  return (
+    <nav className="bottom-nav">
+      <div className="flex items-stretch justify-around max-w-lg mx-auto">
+        {navItems.map((item) => (
+          <NavLink
+            key={item.path}
+            to={item.path}
+            className={({ isActive }) =>
+              `bottom-nav-item flex-1 ${isActive ? 'active' : ''}`
+            }
+          >
+            {item.icon}
+            <span className="text-xs mt-1 font-medium">{item.label}</span>
+          </NavLink>
+        ))}
+      </div>
+    </nav>
+  );
+};
+
+export default BottomNav;
\ No newline at end of file
diff --git a/frontend/src/components/layout/Footer.tsx b/frontend/src/components/layout/Footer.tsx
new file mode 100644
index 00000000..ca6f27ae
--- /dev/null
+++ b/frontend/src/components/layout/Footer.tsx
@@ -0,0 +1,63 @@
+import { AlertTriangle } from 'lucide-react';
+
+/**
+ * Footer con disclaimer legal y enlace de donaciones
+ * Visible solo en desktop
+ */
+const Footer = () => {
+  return (
+    <footer className="hidden md:block py-6 border-t border-border mt-auto">
+      <div className="container max-w-2xl mx-auto px-4">
+        {/* Disclaimer legal */}
+        <div className="bg-muted/50 border border-border rounded-lg p-4 mb-4">
+          <div className="flex items-start gap-3">
+            <AlertTriangle className="w-5 h-5 text-orange-500 flex-shrink-0 mt-0.5" />
+            <div className="space-y-1">
+              <p className="text-sm font-medium text-foreground">
+                Contenido orientativo
+              </p>
+              <p className="text-xs text-muted-foreground">
+                Esta app no sustituye los protocolos oficiales de tu servicio. 
+                Uso bajo responsabilidad del profesional sanitario. 
+                Contenido en proceso de validación médica.
+              </p>
+              <div className="flex gap-3 text-xs mt-2">
+                <a href="/descargo-responsabilidad" className="text-primary hover:underline">
+                  Descargo de responsabilidad
+                </a>
+                <span className="text-muted-foreground">•</span>
+                <a href="/aviso-legal" className="text-primary hover:underline">
+                  Aviso legal
+                </a>
+                <span className="text-muted-foreground">•</span>
+                <a href="/privacidad" className="text-primary hover:underline">
+                  Privacidad
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Info y donaciones */}
+        <div className="flex items-center justify-center gap-4 text-sm">
+          <span className="text-muted-foreground font-black uppercase tracking-tighter">
+            codigo0 — 0 Errores. 0 Dudas.
+          </span>
+          <span className="text-muted-foreground">•</span>
+          <a
+            href="https://ko-fi.com/emergestes"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-muted-foreground hover:text-primary transition-colors"
+            aria-label="Apoya el proyecto codigo0"
+            title="Ayuda a mantener codigo0 gratuito"
+          >
+            ☕ Apóyanos
+          </a>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;
\ No newline at end of file
diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
new file mode 100644
index 00000000..1c7f2fc6
--- /dev/null
+++ b/frontend/src/components/layout/Header.tsx
@@ -0,0 +1,168 @@
+import { Search, Menu, Wifi, WifiOff, Star, ArrowLeft, AlertTriangle } from 'lucide-react';
+import { useState, useEffect, useMemo, useCallback, memo } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { Button } from '@/components/ui/button';
+
+interface HeaderProps {
+  onSearchClick: () => void;
+  onMenuClick: () => void;
+}
+
+// Memoizar iconos para evitar re-renders
+const MenuIcon = memo(() => <Menu className="w-5 h-5 text-muted-foreground" />);
+MenuIcon.displayName = 'MenuIcon';
+
+const SearchIcon = memo(() => <Search className="w-5 h-5 text-muted-foreground" />);
+SearchIcon.displayName = 'SearchIcon';
+
+const Header = memo(({ onSearchClick, onMenuClick }: HeaderProps) => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  
+  // Mostrar botón de retroceso si no estamos en la página principal
+  const showBackButton = useMemo(() => location.pathname !== '/', [location.pathname]);
+  const isUrgenciasActive = useMemo(() => location.pathname === '/urgencias', [location.pathname]);
+  const [isOnline, setIsOnline] = useState(navigator.onLine);
+
+  useEffect(() => {
+    const handleOnline = () => setIsOnline(true);
+    const handleOffline = () => setIsOnline(false);
+
+    window.addEventListener('online', handleOnline);
+    window.addEventListener('offline', handleOffline);
+
+    return () => {
+      window.removeEventListener('online', handleOnline);
+      window.removeEventListener('offline', handleOffline);
+    };
+  }, []);
+
+  const handleBack = useCallback(() => {
+    if (window.history.length > 1) {
+      navigate(-1);
+    } else {
+      navigate('/');
+    }
+  }, [navigate]);
+
+  // Memoizar handlers para evitar re-renders
+  const handleMenuClick = useCallback(() => {
+    // Usar requestAnimationFrame para no bloquear
+    requestAnimationFrame(() => {
+      onMenuClick();
+    });
+  }, [onMenuClick]);
+
+  const handleSearchClick = useCallback(() => {
+    // Usar requestAnimationFrame para no bloquear
+    requestAnimationFrame(() => {
+      onSearchClick();
+    });
+  }, [onSearchClick]);
+
+  // Memoizar clases del estado online
+  const onlineStatusClasses = useMemo(() => 
+    isOnline
+      ? 'bg-success/20 text-success'
+      : 'bg-warning/20 text-warning',
+    [isOnline]
+  );
+
+  return (
+    <header className="fixed top-0 left-0 right-0 z-50 bg-card border-b border-border">
+      <div className="flex items-center justify-between h-14 px-4">
+        <div className="flex items-center gap-3">
+          {showBackButton && (
+            <Button
+              onClick={handleBack}
+              variant="ghost"
+              size="icon"
+              className="w-9 h-9"
+              aria-label="Volver"
+            >
+              <ArrowLeft className="w-5 h-5" />
+            </Button>
+          )}
+          <div className="w-8 h-8 rounded-lg bg-primary flex items-center justify-center">
+            <span className="text-primary-foreground font-bold text-sm">TES</span>
+          </div>
+          <div className="hidden sm:block">
+            <h1 className="font-semibold text-foreground text-sm uppercase tracking-tighter">codigo0</h1>
+            <p className="text-xs text-muted-foreground">Guía Profesional para TES</p>
+          </div>
+        </div>
+
+        <div className="flex items-center gap-2">
+          <button
+            onClick={() => {
+              if (isUrgenciasActive) {
+                if (window.history.length > 1) {
+                  navigate(-1);
+                } else {
+                  navigate('/');
+                }
+                return;
+              }
+              navigate('/urgencias');
+            }}
+            className={`w-10 h-10 flex items-center justify-center rounded-lg transition-all ${
+              isUrgenciasActive
+                ? 'bg-[hsl(var(--emergency-high))]/15 text-[hsl(var(--emergency-high))] border border-[hsl(var(--emergency-high))]/40'
+                : 'bg-[hsl(var(--emergency-high))] text-white hover:opacity-90'
+            } active:scale-95`}
+            aria-label={isUrgenciasActive ? 'Salir del modo urgencias' : 'Activar modo urgencias'}
+          >
+            <AlertTriangle className="w-5 h-5" />
+          </button>
+          {isUrgenciasActive && (
+            <span className="px-2 py-1 rounded-full text-[10px] font-semibold tracking-wide bg-[hsl(var(--emergency-high))]/15 text-[hsl(var(--emergency-high))] border border-[hsl(var(--emergency-high))]/40">
+              URG
+            </span>
+          )}
+          <div
+            className={`flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium ${
+              isOnline
+                ? 'bg-success/20 text-success'
+                : 'bg-warning/20 text-warning'
+            }`}
+          >
+            {isOnline ? (
+              <>
+                <Wifi className="w-3 h-3" />
+                <span className="hidden sm:inline">Online</span>
+              </>
+            ) : (
+              <>
+                <WifiOff className="w-3 h-3" />
+                <span className="hidden sm:inline">Offline</span>
+              </>
+            )}
+          </div>
+
+          <button
+            onClick={handleSearchClick}
+            className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-muted active:bg-accent active:scale-95 transition-all"
+            aria-label="Buscar"
+          >
+            <SearchIcon />
+          </button>
+
+          <button
+            onClick={handleMenuClick}
+            className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-muted active:bg-accent active:scale-95 transition-all"
+            aria-label="Menú"
+          >
+            <MenuIcon />
+          </button>
+        </div>
+      </div>
+      {isUrgenciasActive && (
+        <div className="h-1 w-full bg-[hsl(var(--emergency-high))]" />
+      )}
+    </header>
+  );
+});
+
+Header.displayName = 'Header';
+
+export default Header;
\ No newline at end of file
diff --git a/frontend/src/components/layout/InstallBanner.tsx b/frontend/src/components/layout/InstallBanner.tsx
new file mode 100644
index 00000000..14729aeb
--- /dev/null
+++ b/frontend/src/components/layout/InstallBanner.tsx
@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+
+/**
+ * Banner para instalar la PWA
+ * Versión simplificada para desarrollo inicial
+ */
+const InstallBanner = () => {
+  // Por ahora, no mostrar banner de instalación
+  // Esto se implementará completamente más adelante con la lógica PWA
+  return null;
+};
+
+export default InstallBanner;
\ No newline at end of file
diff --git a/frontend/src/components/layout/MenuSheet.tsx b/frontend/src/components/layout/MenuSheet.tsx
new file mode 100644
index 00000000..6e8df8d0
--- /dev/null
+++ b/frontend/src/components/layout/MenuSheet.tsx
@@ -0,0 +1,64 @@
+import { X } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
+interface MenuSheetProps {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+const MenuSheet = ({ isOpen, onClose }: MenuSheetProps) => {
+  if (!isOpen) return null;
+
+  return (
+    <>
+      <div
+        className="fixed inset-0 z-[90] bg-black/50"
+        onClick={onClose}
+      />
+      <div className="fixed top-0 right-0 bottom-0 z-[95] w-80 max-w-[85vw] bg-white border-l border-gray-200 shadow-xl">
+        <div className="flex items-center justify-between h-14 px-4 border-b border-gray-200">
+          <h2 className="font-semibold text-gray-800">Menú</h2>
+          <button
+            onClick={onClose}
+            className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-gray-100 transition-colors"
+            aria-label="Cerrar menú"
+          >
+            <X className="w-5 h-5 text-gray-600" />
+          </button>
+        </div>
+
+        <div className="p-4 space-y-2">
+          <nav className="space-y-1">
+            <Link to="/" className="block px-3 py-2 rounded hover:bg-gray-50">Inicio</Link>
+            <Link to="/soporte-vital" className="block px-3 py-2 rounded hover:bg-gray-50">Soporte Vital</Link>
+            <Link to="/patologias" className="block px-3 py-2 rounded hover:bg-gray-50">Patologías</Link>
+            <Link to="/escena" className="block px-3 py-2 rounded hover:bg-gray-50">Escena</Link>
+            <Link to="/herramientas" className="block px-3 py-2 rounded hover:bg-gray-50">Herramientas</Link>
+            <Link to="/farmacos" className="block px-3 py-2 rounded hover:bg-gray-50">Fármacos</Link>
+            <Link to="/manual" className="block px-3 py-2 rounded hover:bg-gray-50">Manual Completo</Link>
+            <Link to="/guia-refuerzo" className="block px-3 py-2 rounded hover:bg-gray-50">Guías de Refuerzo</Link>
+            <Link to="/telefono" className="block px-3 py-2 rounded hover:bg-gray-50">Protocolos Telefonicos</Link>
+            <Link to="/comunicacion" className="block px-3 py-2 rounded hover:bg-gray-50">Guiones de Comunicación</Link>
+            <Link to="/material" className="block px-3 py-2 rounded hover:bg-gray-50">Material y Checklists</Link>
+            <Link to="/favoritos" className="block px-3 py-2 rounded hover:bg-gray-50">Favoritos</Link>
+            <Link to="/historial" className="block px-3 py-2 rounded hover:bg-gray-50">Historial</Link>
+            <Link to="/ajustes" className="block px-3 py-2 rounded hover:bg-gray-50">Ajustes</Link>
+            <Link to="/galeria" className="block px-3 py-2 rounded hover:bg-gray-50">Galería</Link>
+            <Link to="/acerca" className="block px-3 py-2 rounded hover:bg-gray-50">Acerca de</Link>
+          </nav>
+        </div>
+
+        <div className="absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200">
+          <p className="text-xs text-gray-500 text-center">
+            codigo0 v1.2.0
+          </p>
+          <p className="text-xs text-gray-500 text-center mt-1">
+            0 Errores. 0 Dudas.
+          </p>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default MenuSheet;
\ No newline at end of file
diff --git a/frontend/src/components/layout/SearchModal.tsx b/frontend/src/components/layout/SearchModal.tsx
new file mode 100644
index 00000000..9695c583
--- /dev/null
+++ b/frontend/src/components/layout/SearchModal.tsx
@@ -0,0 +1,133 @@
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { Search, X, FileText, Pill, Stethoscope, AlertTriangle } from 'lucide-react';
+import { useNavigate } from 'react-router-dom';
+import { useSearch, SearchItem } from '@/hooks/useSearch';
+
+interface SearchModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+const typeIcons = {
+  protocol: FileText,
+  procedure: Stethoscope,
+  drug: Pill,
+};
+
+const SearchModal = ({ isOpen, onClose }: SearchModalProps) => {
+  const [query, setQuery] = useState('');
+  const inputRef = useRef<HTMLInputElement>(null);
+  const navigate = useNavigate();
+  const { search, categories } = useSearch();
+
+  const results = useMemo(() => {
+    return query.length >= 2 ? search(query) : [];
+  }, [query, search]);
+
+  useEffect(() => {
+    if (isOpen && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [isOpen]);
+
+  useEffect(() => {
+    if (!isOpen) {
+      setQuery('');
+    }
+  }, [isOpen]);
+
+  const handleResultClick = (result: SearchItem) => {
+    navigate(result.path);
+    onClose();
+    setQuery('');
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-[100] bg-background/95 backdrop-blur-sm">
+      <div className="flex flex-col h-full max-w-2xl mx-auto p-4">
+        <div className="flex items-center gap-3 mb-4">
+          <div className="flex-1 relative">
+            <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground" />
+            <input
+              ref={inputRef}
+              type="text"
+              value={query}
+              onChange={(e) => setQuery(e.target.value)}
+              placeholder="Buscar protocolo, fármaco, calculadora..."
+              className="w-full h-14 pl-12 pr-4 bg-card border border-border rounded-xl text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
+            />
+          </div>
+          <button
+            onClick={onClose}
+            className="w-14 h-14 flex items-center justify-center rounded-xl bg-card border border-border hover:bg-muted transition-colors"
+            aria-label="Cerrar búsqueda"
+          >
+            <X className="w-5 h-5" />
+          </button>
+        </div>
+
+        <div className="flex-1 overflow-y-auto scroll-touch">
+          {query.length >= 2 ? (
+            results.length > 0 ? (
+              <div className="space-y-6">
+                {Object.entries(
+                  results.reduce((acc, result) => {
+                    const cat = result.category;
+                    if (!acc[cat]) acc[cat] = [];
+                    acc[cat].push(result);
+                    return acc;
+                  }, {} as Record<string, SearchItem[]>)
+                ).map(([category, items]) => (
+                  <div key={category}>
+                    <h3 className="text-sm font-medium text-muted-foreground mb-2 px-1">
+                      {categories[category] || category}
+                    </h3>
+                    <div className="space-y-2">
+                      {items.map((result) => {
+                        const Icon = typeIcons[result.type] || FileText;
+                        return (
+                          <button
+                            key={result.id}
+                            onClick={() => handleResultClick(result)}
+                            className="w-full flex items-center gap-4 p-4 bg-card border border-border rounded-xl hover:border-primary/50 active:bg-muted/50 active:scale-[0.99] transition-all text-left"
+                          >
+                            <div className="w-10 h-10 rounded-lg bg-muted flex items-center justify-center flex-shrink-0">
+                              <Icon className="w-5 h-5 text-primary" />
+                            </div>
+                            <div className="flex-1 min-w-0">
+                              <p className="font-medium text-foreground truncate">{result.title}</p>
+                              <p className="text-xs text-muted-foreground capitalize">{result.type}</p>
+                            </div>
+                            <Search className="w-5 h-5 text-muted-foreground flex-shrink-0" />
+                          </button>
+                        );
+                      })}
+                    </div>
+                  </div>
+                ))}
+              </div>
+            ) : (
+              <div className="flex flex-col items-center justify-center py-12 text-center">
+                <AlertTriangle className="w-12 h-12 text-muted-foreground mb-4" />
+                <p className="text-foreground">Sin resultados</p>
+                <p className="text-sm text-muted-foreground mt-1">
+                  Prueba con otras palabras
+                </p>
+              </div>
+            )
+          ) : (
+            <div className="flex flex-col items-center justify-center py-12 text-center">
+              <Search className="w-12 h-12 text-muted-foreground mb-4" />
+              <p className="text-foreground">Escribe para buscar</p>
+              <p className="text-sm text-muted-foreground mt-1">Protocolos, fármacos, calculadoras...</p>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SearchModal;
diff --git a/frontend/src/components/layout/UpdateNotification.tsx b/frontend/src/components/layout/UpdateNotification.tsx
new file mode 100644
index 00000000..fa0d9cb1
--- /dev/null
+++ b/frontend/src/components/layout/UpdateNotification.tsx
@@ -0,0 +1,63 @@
+import { useEffect, useState } from 'react';
+
+/**
+ * Componente que muestra notificación cuando hay una actualización disponible
+ * Versión simplificada para desarrollo inicial
+ */
+const UpdateNotification = () => {
+  const [showBanner, setShowBanner] = useState(false);
+
+  useEffect(() => {
+    // Por ahora, no mostrar actualizaciones automáticas
+    // Esto se implementará completamente más adelante con service workers
+  }, []);
+
+  const handleUpdate = () => {
+    // Placeholder para lógica de actualización
+    console.log('Actualización solicitada');
+    setShowBanner(false);
+  };
+
+  const handleDismiss = () => {
+    setShowBanner(false);
+  };
+
+  // No mostrar por ahora para evitar distracciones durante desarrollo
+  if (!showBanner) {
+    return null;
+  }
+
+  return (
+    <div className="fixed bottom-20 left-0 right-0 z-50 px-4 md:px-0">
+      <div className="container max-w-2xl mx-auto">
+        <div className="bg-primary text-primary-foreground rounded-lg shadow-lg p-4 flex items-center justify-between gap-4">
+          <div className="flex items-center gap-3">
+            <div className="w-5 h-5 bg-primary-foreground rounded-full" />
+            <div>
+              <p className="font-semibold">Actualización disponible</p>
+              <p className="text-sm opacity-90">
+                Hay una nueva versión de la aplicación disponible.
+              </p>
+            </div>
+          </div>
+          <div className="flex items-center gap-2">
+            <button
+              onClick={handleUpdate}
+              className="px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 rounded"
+            >
+              Actualizar ahora
+            </button>
+            <button
+              onClick={handleDismiss}
+              className="px-4 py-2 bg-muted text-primary-foreground hover:bg-muted/80 rounded"
+            >
+              Más tarde
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default UpdateNotification;
\ No newline at end of file
diff --git a/frontend/src/components/tools/DecisionTreeViewer.tsx b/frontend/src/components/tools/DecisionTreeViewer.tsx
new file mode 100644
index 00000000..d701783b
--- /dev/null
+++ b/frontend/src/components/tools/DecisionTreeViewer.tsx
@@ -0,0 +1,166 @@
+import { useState } from 'react';
+import { ChevronRight, ChevronDown, CheckCircle, XCircle, AlertCircle } from 'lucide-react';
+
+export interface DecisionNode {
+  id: string;
+  question: string;
+  yes?: DecisionNode;
+  no?: DecisionNode;
+  result?: 'positive' | 'negative' | 'neutral';
+  resultText?: string;
+}
+
+interface DecisionTreeViewerProps {
+  tree: DecisionNode;
+  title?: string;
+  onComplete?: (result: 'positive' | 'negative' | 'neutral') => void;
+}
+
+export function DecisionTreeViewer({ tree, title, onComplete }: DecisionTreeViewerProps) {
+  const [currentNode, setCurrentNode] = useState<DecisionNode>(tree);
+  const [history, setHistory] = useState<DecisionNode[]>([]);
+  const [completed, setCompleted] = useState(false);
+  const [result, setResult] = useState<'positive' | 'negative' | 'neutral' | null>(null);
+
+  const handleYes = () => {
+    if (currentNode.yes) {
+      setHistory([...history, currentNode]);
+      if (currentNode.yes.result) {
+        setResult(currentNode.yes.result);
+        setCompleted(true);
+        onComplete?.(currentNode.yes.result);
+      } else {
+        setCurrentNode(currentNode.yes);
+      }
+    }
+  };
+
+  const handleNo = () => {
+    if (currentNode.no) {
+      setHistory([...history, currentNode]);
+      if (currentNode.no.result) {
+        setResult(currentNode.no.result);
+        setCompleted(true);
+        onComplete?.(currentNode.no.result);
+      } else {
+        setCurrentNode(currentNode.no);
+      }
+    }
+  };
+
+  const handleBack = () => {
+    if (history.length > 0) {
+      const previous = history[history.length - 1];
+      setHistory(history.slice(0, -1));
+      setCurrentNode(previous);
+      setCompleted(false);
+      setResult(null);
+    }
+  };
+
+  const reset = () => {
+    setCurrentNode(tree);
+    setHistory([]);
+    setCompleted(false);
+    setResult(null);
+  };
+
+  const getResultIcon = () => {
+    switch (result) {
+      case 'positive':
+        return <CheckCircle className="w-16 h-16 text-green-500" />;
+      case 'negative':
+        return <XCircle className="w-16 h-16 text-red-500" />;
+      default:
+        return <AlertCircle className="w-16 h-16 text-yellow-500" />;
+    }
+  };
+
+  const getResultColor = () => {
+    switch (result) {
+      case 'positive':
+        return 'bg-green-50 dark:bg-green-950/30 border-green-200 dark:border-green-800';
+      case 'negative':
+        return 'bg-red-50 dark:bg-red-950/30 border-red-200 dark:border-red-800';
+      default:
+        return 'bg-yellow-50 dark:bg-yellow-950/30 border-yellow-200 dark:border-yellow-800';
+    }
+  };
+
+  return (
+    <div className="space-y-4">
+      {title && (
+        <h2 className="text-lg font-semibold text-foreground">{title}</h2>
+      )}
+
+      <div className={`rounded-xl border p-6 ${completed ? getResultColor() : 'bg-card border-border'}`}>
+        {completed && result ? (
+          <div className="text-center space-y-4">
+            {getResultIcon()}
+            <div>
+              <h3 className="text-xl font-bold text-foreground">
+                {result === 'positive' && 'Resultado: Positivo'}
+                {result === 'negative' && 'Resultado: Negativo'}
+                {result === 'neutral' && 'Resultado: Neutro'}
+              </h3>
+              {currentNode.resultText && (
+                <p className="mt-2 text-muted-foreground">{currentNode.resultText}</p>
+              )}
+            </div>
+            <button
+              onClick={reset}
+              className="px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors"
+            >
+              Reiniciar
+            </button>
+          </div>
+        ) : (
+          <div className="space-y-6">
+            <div className="flex items-start gap-3">
+              <div className="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0">
+                <span className="text-sm font-semibold text-primary">
+                  {history.length + 1}
+                </span>
+              </div>
+              <p className="text-lg font-medium text-foreground pt-1">
+                {currentNode.question}
+              </p>
+            </div>
+
+            <div className="flex gap-3">
+              <button
+                onClick={handleYes}
+                className="flex-1 flex items-center justify-center gap-2 px-4 py-3 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors font-medium"
+              >
+                <CheckCircle className="w-5 h-5" />
+                Sí
+              </button>
+              <button
+                onClick={handleNo}
+                className="flex-1 flex items-center justify-center gap-2 px-4 py-3 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors font-medium"
+              >
+                <XCircle className="w-5 h-5" />
+                No
+              </button>
+            </div>
+          </div>
+        )}
+      </div>
+
+      {history.length > 0 && !completed && (
+        <div className="flex items-center justify-between">
+          <button
+            onClick={handleBack}
+            className="flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
+          >
+            <ChevronRight className="w-4 h-4 rotate-180" />
+            Volver atrás
+          </button>
+          <span className="text-sm text-muted-foreground">
+            Paso {history.length + 1}
+          </span>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/tools/InfografiaViewer.tsx b/frontend/src/components/tools/InfografiaViewer.tsx
new file mode 100644
index 00000000..fbd9c842
--- /dev/null
+++ b/frontend/src/components/tools/InfografiaViewer.tsx
@@ -0,0 +1,170 @@
+import { useState, useRef, useEffect } from 'react';
+import { ZoomIn, ZoomOut, RotateCw, X, Download, Maximize2 } from 'lucide-react';
+
+interface InfografiaViewerProps {
+  src: string;
+  alt?: string;
+  title?: string;
+}
+
+export function InfografiaViewer({ src, alt = 'Infografía', title }: InfografiaViewerProps) {
+  const [zoom, setZoom] = useState(1);
+  const [rotation, setRotation] = useState(0);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [position, setPosition] = useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStart = useRef({ x: 0, y: 0 });
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  const handleZoomIn = () => setZoom((z) => Math.min(z + 0.25, 3));
+  const handleZoomOut = () => setZoom((z) => Math.max(z - 0.25, 0.5));
+  const handleRotate = () => setRotation((r) => (r + 90) % 360);
+  const toggleFullscreen = () => setIsFullscreen(!isFullscreen);
+
+  const handleMouseDown = (e: React.MouseEvent) => {
+    if (zoom > 1) {
+      setIsDragging(true);
+      dragStart.current = { x: e.clientX - position.x, y: e.clientY - position.y };
+    }
+  };
+
+  const handleMouseMove = (e: React.MouseEvent) => {
+    if (isDragging && zoom > 1) {
+      setPosition({
+        x: e.clientX - dragStart.current.x,
+        y: e.clientY - dragStart.current.y,
+      });
+    }
+  };
+
+  const handleMouseUp = () => setIsDragging(false);
+
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === '+' || e.key === '=') handleZoomIn();
+      if (e.key === '-') handleZoomOut();
+      if (e.key === 'r') handleRotate();
+      if (e.key === 'Escape' && isFullscreen) setIsFullscreen(false);
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [isFullscreen]);
+
+  useEffect(() => {
+    if (!isFullscreen) {
+      setZoom(1);
+      setRotation(0);
+      setPosition({ x: 0, y: 0 });
+    }
+  }, [isFullscreen]);
+
+  const handleDownload = async () => {
+    try {
+      const response = await fetch(src);
+      const blob = await response.blob();
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = alt || 'infografia';
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (error) {
+      console.error('Error downloading:', error);
+    }
+  };
+
+  const Viewer = (
+    <div
+      ref={containerRef}
+      className={`relative overflow-hidden bg-muted/30 rounded-lg ${isFullscreen ? 'fixed inset-0 z-50 bg-background' : 'aspect-video'}`}
+      onMouseDown={handleMouseDown}
+      onMouseMove={handleMouseMove}
+      onMouseUp={handleMouseUp}
+      onMouseLeave={handleMouseUp}
+      style={{ cursor: zoom > 1 ? (isDragging ? 'grabbing' : 'grab') : 'default' }}
+    >
+      <img
+        src={src}
+        alt={alt}
+        className="w-full h-full object-contain transition-transform"
+        style={{
+          transform: `scale(${zoom}) rotate(${rotation}deg) translate(${position.x / zoom}px, ${position.y / zoom}px)`,
+        }}
+        draggable={false}
+      />
+    </div>
+  );
+
+  return (
+    <div className="space-y-3">
+      {title && (
+        <h3 className="text-lg font-semibold text-foreground">{title}</h3>
+      )}
+
+      {isFullscreen && (
+        <div className="fixed inset-0 z-50 bg-background/95 flex flex-col">
+          <div className="flex items-center justify-between p-4 border-b">
+            <h2 className="text-lg font-semibold">{title || alt}</h2>
+            <button
+              onClick={toggleFullscreen}
+              className="p-2 hover:bg-muted rounded-lg"
+            >
+              <X className="w-5 h-5" />
+            </button>
+          </div>
+          <div className="flex-1 flex items-center justify-center p-4">
+            {Viewer}
+          </div>
+        </div>
+      )}
+
+      {!isFullscreen && Viewer}
+
+      <div className="flex items-center justify-between gap-2">
+        <div className="flex items-center gap-1">
+          <button
+            onClick={handleZoomOut}
+            className="p-2 hover:bg-muted rounded-lg"
+            title="Zoom out (-)"
+          >
+            <ZoomOut className="w-4 h-4" />
+          </button>
+          <span className="text-sm text-muted-foreground min-w-[3rem] text-center">
+            {Math.round(zoom * 100)}%
+          </span>
+          <button
+            onClick={handleZoomIn}
+            className="p-2 hover:bg-muted rounded-lg"
+            title="Zoom in (+)"
+          >
+            <ZoomIn className="w-4 h-4" />
+          </button>
+          <button
+            onClick={handleRotate}
+            className="p-2 hover:bg-muted rounded-lg"
+            title="Rotate (r)"
+          >
+            <RotateCw className="w-4 h-4" />
+          </button>
+        </div>
+
+        <div className="flex items-center gap-1">
+          <button
+            onClick={handleDownload}
+            className="p-2 hover:bg-muted rounded-lg"
+            title="Download"
+          >
+            <Download className="w-4 h-4" />
+          </button>
+          <button
+            onClick={toggleFullscreen}
+            className="p-2 hover:bg-muted rounded-lg"
+            title="Fullscreen"
+          >
+            <Maximize2 className="w-4 h-4" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/tools/MarkdownViewer.tsx b/frontend/src/components/tools/MarkdownViewer.tsx
new file mode 100644
index 00000000..4e44d5c3
--- /dev/null
+++ b/frontend/src/components/tools/MarkdownViewer.tsx
@@ -0,0 +1,98 @@
+import ReactMarkdown from 'react-markdown';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { useMemo } from 'react';
+
+interface MarkdownViewerProps {
+  content: string;
+  className?: string;
+}
+
+export function MarkdownViewer({ content, className = '' }: MarkdownViewerProps) {
+  const components = useMemo(() => ({
+    code({ node, className, children, ...props }: any) {
+      const match = /language-(\w+)/.exec(className || '');
+      const inline = !match;
+      
+      if (inline) {
+        return (
+          <code className="px-1.5 py-0.5 bg-muted rounded text-sm font-mono" {...props}>
+            {children}
+          </code>
+        );
+      }
+      
+      return (
+        <SyntaxHighlighter
+          style={oneDark}
+          language={match[1]}
+          PreTag="div"
+          className="rounded-lg overflow-hidden"
+          {...props}
+        >
+          {String(children).replace(/\n$/, '')}
+        </SyntaxHighlighter>
+      );
+    },
+    h1: ({ children }: any) => (
+      <h1 className="text-2xl font-bold mt-6 mb-4 text-foreground">{children}</h1>
+    ),
+    h2: ({ children }: any) => (
+      <h2 className="text-xl font-semibold mt-5 mb-3 text-foreground">{children}</h2>
+    ),
+    h3: ({ children }: any) => (
+      <h3 className="text-lg font-semibold mt-4 mb-2 text-foreground">{children}</h3>
+    ),
+    p: ({ children }: any) => (
+      <p className="my-3 text-foreground/90 leading-relaxed">{children}</p>
+    ),
+    ul: ({ children }: any) => (
+      <ul className="my-3 ml-6 list-disc space-y-1">{children}</ul>
+    ),
+    ol: ({ children }: any) => (
+      <ol className="my-3 ml-6 list-decimal space-y-1">{children}</ul>
+    ),
+    li: ({ children }: any) => (
+      <li className="text-foreground/90">{children}</li>
+    ),
+    blockquote: ({ children }: any) => (
+      <blockquote className="border-l-4 border-primary pl-4 my-4 italic text-muted-foreground">
+        {children}
+      </blockquote>
+    ),
+    table: ({ children }: any) => (
+      <div className="overflow-x-auto my-4">
+        <table className="min-w-full divide-y divide-border border border-border rounded-lg">
+          {children}
+        </table>
+      </div>
+    ),
+    thead: ({ children }: any) => (
+      <thead className="bg-muted/50">{children}</thead>
+    ),
+    th: ({ children }: any) => (
+      <th className="px-4 py-2 text-left text-sm font-semibold text-foreground">{children}</th>
+    ),
+    td: ({ children }: any) => (
+      <td className="px-4 py-2 text-sm text-foreground/90">{children}</td>
+    ),
+    a: ({ href, children }: any) => (
+      <a 
+        href={href} 
+        className="text-primary hover:underline"
+        target="_blank" 
+        rel="noopener noreferrer"
+      >
+        {children}
+      </a>
+    ),
+  }), []);
+
+  return (
+    <div className={`markdown-content ${className}`}>
+      <ReactMarkdown components={components}>
+        {content}
+      </ReactMarkdown>
+    </div>
+  );
+}
diff --git a/frontend/src/components/ui/EmergencyButton.tsx b/frontend/src/components/ui/EmergencyButton.tsx
new file mode 100644
index 00000000..62a7f882
--- /dev/null
+++ b/frontend/src/components/ui/EmergencyButton.tsx
@@ -0,0 +1,50 @@
+import { Link } from 'react-router-dom';
+import { LucideIcon } from 'lucide-react';
+
+// Simple class name utility for now
+const cn = (...classes: string[]): string => classes.filter(Boolean).join(' ');
+
+type ButtonVariant = 'critical' | 'high' | 'medium';
+
+interface EmergencyButtonProps {
+  to: string;
+  icon: LucideIcon;
+  title: string;
+  subtitle?: string;
+  variant?: ButtonVariant;
+  className?: string;
+}
+
+const variantClasses: Record<ButtonVariant, string> = {
+  critical: 'btn-emergency-critical',
+  high: 'btn-emergency-high',
+  medium: 'btn-emergency-medium',
+};
+
+const EmergencyButton = ({
+  to,
+  icon: Icon,
+  title,
+  subtitle,
+  variant = 'critical',
+  className,
+}: EmergencyButtonProps) => {
+  return (
+    <Link
+      to={to}
+      className={cn(
+        'btn-emergency flex flex-col items-center justify-center gap-1 p-4 active:scale-[0.98] active:opacity-90 transition-transform',
+        variantClasses[variant],
+        className
+      )}
+    >
+      <Icon className="w-8 h-8" />
+      <span className="text-sm font-semibold text-center leading-tight">{title}</span>
+      {subtitle && (
+        <span className="text-xs opacity-90 text-center">{subtitle}</span>
+      )}
+    </Link>
+  );
+};
+
+export default EmergencyButton;
\ No newline at end of file
diff --git a/frontend/src/components/ui/PageLoader.tsx b/frontend/src/components/ui/PageLoader.tsx
new file mode 100644
index 00000000..771c7b08
--- /dev/null
+++ b/frontend/src/components/ui/PageLoader.tsx
@@ -0,0 +1,9 @@
+const PageLoader = () => {
+  return (
+    <div className="flex items-center justify-center min-h-[200px]">
+      <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
+    </div>
+  );
+};
+
+export default PageLoader;
\ No newline at end of file
diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx
new file mode 100644
index 00000000..227f8338
--- /dev/null
+++ b/frontend/src/components/ui/button.tsx
@@ -0,0 +1,38 @@
+import * as React from "react"
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
+  size?: "default" | "sm" | "lg" | "icon"
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant = "default", size = "default", ...props }, ref) => {
+    const variants = {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+      outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground",
+      link: "text-primary underline-offset-4 hover:underline",
+    }
+
+    const sizes = {
+      default: "h-10 px-4 py-2",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8",
+      icon: "h-10 w-10",
+    }
+
+    return (
+      <button
+        ref={ref}
+        className={`inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ${variants[variant]} ${sizes[size]} ${className}`}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button }
diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx
new file mode 100644
index 00000000..c857e2fc
--- /dev/null
+++ b/frontend/src/components/ui/card.tsx
@@ -0,0 +1,47 @@
+import * as React from "react"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={`rounded-xl border bg-card text-card-foreground shadow ${className}`}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={`flex flex-col space-y-1.5 p-6 ${className}`}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={`font-semibold leading-none tracking-tight ${className}`}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={`p-6 pt-0 ${className}`} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+export { Card, CardHeader, CardTitle, CardContent }
diff --git a/frontend/src/data/calculators.ts b/frontend/src/data/calculators.ts
new file mode 100644
index 00000000..7726a58b
--- /dev/null
+++ b/frontend/src/data/calculators.ts
@@ -0,0 +1,215 @@
+export interface GlasgowOption {
+  label: string;
+  value: number;
+}
+
+export interface GlasgowCategory {
+  name: string;
+  options: GlasgowOption[];
+}
+
+export const glasgowScale: GlasgowCategory[] = [
+  {
+    name: 'Apertura Ocular',
+    options: [
+      { label: 'Espontánea', value: 4 },
+      { label: 'A la orden verbal', value: 3 },
+      { label: 'Al dolor', value: 2 },
+      { label: 'No abre', value: 1 },
+    ],
+  },
+  {
+    name: 'Respuesta Verbal',
+    options: [
+      { label: 'Orientado', value: 5 },
+      { label: 'Confuso', value: 4 },
+      { label: 'Palabras inapropiadas', value: 3 },
+      { label: 'Sonidos incomprensibles', value: 2 },
+      { label: 'Sin respuesta', value: 1 },
+    ],
+  },
+  {
+    name: 'Respuesta Motora',
+    options: [
+      { label: 'Obedece órdenes', value: 6 },
+      { label: 'Localiza el dolor', value: 5 },
+      { label: 'Retirada al dolor', value: 4 },
+      { label: 'Flexión anormal (decorticación)', value: 3 },
+      { label: 'Extensión anormal (descerebración)', value: 2 },
+      { label: 'Sin respuesta', value: 1 },
+    ],
+  },
+];
+
+export const getGlasgowInterpretation = (score: number): { severity: string; color: string } => {
+  if (score <= 8) return { severity: 'TCE Grave - IOT', color: 'critical' };
+  if (score <= 12) return { severity: 'TCE Moderado', color: 'high' };
+  return { severity: 'TCE Leve', color: 'low' };
+};
+
+export interface InfusionRow {
+  weight: number;
+  doses: { [key: string]: string };
+}
+
+export interface InfusionTable {
+  id: string;
+  name: string;
+  drugName: string;
+  preparation: string;
+  unit: string;
+  doseRange: string;
+  columns: string[];
+  rows: InfusionRow[];
+}
+
+export const infusionTables: InfusionTable[] = [
+  {
+    id: 'dopamina',
+    name: 'Perfusión Dopamina',
+    drugName: 'Dopamina',
+    preparation: '200mg en 100ml SG5% = 2000 mcg/ml',
+    unit: 'ml/h',
+    doseRange: '2-20 mcg/kg/min',
+    columns: ['5 mcg/kg/min', '10 mcg/kg/min', '15 mcg/kg/min', '20 mcg/kg/min'],
+    rows: [
+      { weight: 50, doses: { '5 mcg/kg/min': '7.5', '10 mcg/kg/min': '15', '15 mcg/kg/min': '22.5', '20 mcg/kg/min': '30' } },
+      { weight: 60, doses: { '5 mcg/kg/min': '9', '10 mcg/kg/min': '18', '15 mcg/kg/min': '27', '20 mcg/kg/min': '36' } },
+      { weight: 70, doses: { '5 mcg/kg/min': '10.5', '10 mcg/kg/min': '21', '15 mcg/kg/min': '31.5', '20 mcg/kg/min': '42' } },
+      { weight: 80, doses: { '5 mcg/kg/min': '12', '10 mcg/kg/min': '24', '15 mcg/kg/min': '36', '20 mcg/kg/min': '48' } },
+      { weight: 90, doses: { '5 mcg/kg/min': '13.5', '10 mcg/kg/min': '27', '15 mcg/kg/min': '40.5', '20 mcg/kg/min': '54' } },
+      { weight: 100, doses: { '5 mcg/kg/min': '15', '10 mcg/kg/min': '30', '15 mcg/kg/min': '45', '20 mcg/kg/min': '60' } },
+    ],
+  },
+  {
+    id: 'noradrenalina',
+    name: 'Perfusión Noradrenalina',
+    drugName: 'Noradrenalina',
+    preparation: '8mg en 100ml SG5% = 80 mcg/ml',
+    unit: 'ml/h',
+    doseRange: '0.05-1 mcg/kg/min',
+    columns: ['0.1 mcg/kg/min', '0.2 mcg/kg/min', '0.3 mcg/kg/min', '0.5 mcg/kg/min'],
+    rows: [
+      { weight: 50, doses: { '0.1 mcg/kg/min': '3.75', '0.2 mcg/kg/min': '7.5', '0.3 mcg/kg/min': '11.25', '0.5 mcg/kg/min': '18.75' } },
+      { weight: 60, doses: { '0.1 mcg/kg/min': '4.5', '0.2 mcg/kg/min': '9', '0.3 mcg/kg/min': '13.5', '0.5 mcg/kg/min': '22.5' } },
+      { weight: 70, doses: { '0.1 mcg/kg/min': '5.25', '0.2 mcg/kg/min': '10.5', '0.3 mcg/kg/min': '15.75', '0.5 mcg/kg/min': '26.25' } },
+      { weight: 80, doses: { '0.1 mcg/kg/min': '6', '0.2 mcg/kg/min': '12', '0.3 mcg/kg/min': '18', '0.5 mcg/kg/min': '30' } },
+      { weight: 90, doses: { '0.1 mcg/kg/min': '6.75', '0.2 mcg/kg/min': '13.5', '0.3 mcg/kg/min': '20.25', '0.5 mcg/kg/min': '33.75' } },
+      { weight: 100, doses: { '0.1 mcg/kg/min': '7.5', '0.2 mcg/kg/min': '15', '0.3 mcg/kg/min': '22.5', '0.5 mcg/kg/min': '37.5' } },
+    ],
+  },
+  {
+    id: 'adrenalina',
+    name: 'Perfusión Adrenalina',
+    drugName: 'Adrenalina',
+    preparation: '1mg en 100ml SG5% = 10 mcg/ml',
+    unit: 'ml/h',
+    doseRange: '0.05-0.5 mcg/kg/min',
+    columns: ['0.1 mcg/kg/min', '0.2 mcg/kg/min', '0.3 mcg/kg/min', '0.5 mcg/kg/min'],
+    rows: [
+      { weight: 50, doses: { '0.1 mcg/kg/min': '30', '0.2 mcg/kg/min': '60', '0.3 mcg/kg/min': '90', '0.5 mcg/kg/min': '150' } },
+      { weight: 60, doses: { '0.1 mcg/kg/min': '36', '0.2 mcg/kg/min': '72', '0.3 mcg/kg/min': '108', '0.5 mcg/kg/min': '180' } },
+      { weight: 70, doses: { '0.1 mcg/kg/min': '42', '0.2 mcg/kg/min': '84', '0.3 mcg/kg/min': '126', '0.5 mcg/kg/min': '210' } },
+      { weight: 80, doses: { '0.1 mcg/kg/min': '48', '0.2 mcg/kg/min': '96', '0.3 mcg/kg/min': '144', '0.5 mcg/kg/min': '240' } },
+      { weight: 90, doses: { '0.1 mcg/kg/min': '54', '0.2 mcg/kg/min': '108', '0.3 mcg/kg/min': '162', '0.5 mcg/kg/min': '270' } },
+      { weight: 100, doses: { '0.1 mcg/kg/min': '60', '0.2 mcg/kg/min': '120', '0.3 mcg/kg/min': '180', '0.5 mcg/kg/min': '300' } },
+    ],
+  },
+  {
+    id: 'dobutamina',
+    name: 'Perfusión Dobutamina',
+    drugName: 'Dobutamina',
+    preparation: '250mg en 250ml SG5% = 1000 mcg/ml',
+    unit: 'ml/h',
+    doseRange: '2.5-15 mcg/kg/min',
+    columns: ['5 mcg/kg/min', '10 mcg/kg/min', '15 mcg/kg/min'],
+    rows: [
+      { weight: 50, doses: { '5 mcg/kg/min': '15', '10 mcg/kg/min': '30', '15 mcg/kg/min': '45' } },
+      { weight: 60, doses: { '5 mcg/kg/min': '18', '10 mcg/kg/min': '36', '15 mcg/kg/min': '54' } },
+      { weight: 70, doses: { '5 mcg/kg/min': '21', '10 mcg/kg/min': '42', '15 mcg/kg/min': '63' } },
+      { weight: 80, doses: { '5 mcg/kg/min': '24', '10 mcg/kg/min': '48', '15 mcg/kg/min': '72' } },
+      { weight: 90, doses: { '5 mcg/kg/min': '27', '10 mcg/kg/min': '54', '15 mcg/kg/min': '81' } },
+      { weight: 100, doses: { '5 mcg/kg/min': '30', '10 mcg/kg/min': '60', '15 mcg/kg/min': '90' } },
+    ],
+  },
+  {
+    id: 'nitroglicerina',
+    name: 'Perfusión Nitroglicerina',
+    drugName: 'Nitroglicerina',
+    preparation: '50mg en 250ml SG5% = 200 mcg/ml',
+    unit: 'ml/h',
+    doseRange: '0.1-0.5 mcg/kg/min',
+    columns: ['0.1 mcg/kg/min', '0.2 mcg/kg/min', '0.3 mcg/kg/min', '0.5 mcg/kg/min'],
+    rows: [
+      { weight: 50, doses: { '0.1 mcg/kg/min': '15', '0.2 mcg/kg/min': '30', '0.3 mcg/kg/min': '45', '0.5 mcg/kg/min': '75' } },
+      { weight: 60, doses: { '0.1 mcg/kg/min': '18', '0.2 mcg/kg/min': '36', '0.3 mcg/kg/min': '54', '0.5 mcg/kg/min': '90' } },
+      { weight: 70, doses: { '0.1 mcg/kg/min': '21', '0.2 mcg/kg/min': '42', '0.3 mcg/kg/min': '63', '0.5 mcg/kg/min': '105' } },
+      { weight: 80, doses: { '0.1 mcg/kg/min': '24', '0.2 mcg/kg/min': '48', '0.3 mcg/kg/min': '72', '0.5 mcg/kg/min': '120' } },
+      { weight: 90, doses: { '0.1 mcg/kg/min': '27', '0.2 mcg/kg/min': '54', '0.3 mcg/kg/min': '81', '0.5 mcg/kg/min': '135' } },
+      { weight: 100, doses: { '0.1 mcg/kg/min': '30', '0.2 mcg/kg/min': '60', '0.3 mcg/kg/min': '90', '0.5 mcg/kg/min': '150' } },
+    ],
+  },
+  {
+    id: 'furosemida',
+    name: 'Perfusión Furosemida',
+    drugName: 'Furosemida',
+    preparation: '250mg en 250ml SG5% = 1000 mcg/ml (1 mg/ml)',
+    unit: 'ml/h',
+    doseRange: '0.1-0.4 mg/kg/h',
+    columns: ['0.1 mg/kg/h', '0.2 mg/kg/h', '0.3 mg/kg/h', '0.4 mg/kg/h'],
+    rows: [
+      { weight: 50, doses: { '0.1 mg/kg/h': '5', '0.2 mg/kg/h': '10', '0.3 mg/kg/h': '15', '0.4 mg/kg/h': '20' } },
+      { weight: 60, doses: { '0.1 mg/kg/h': '6', '0.2 mg/kg/h': '12', '0.3 mg/kg/h': '18', '0.4 mg/kg/h': '24' } },
+      { weight: 70, doses: { '0.1 mg/kg/h': '7', '0.2 mg/kg/h': '14', '0.3 mg/kg/h': '21', '0.4 mg/kg/h': '28' } },
+      { weight: 80, doses: { '0.1 mg/kg/h': '8', '0.2 mg/kg/h': '16', '0.3 mg/kg/h': '24', '0.4 mg/kg/h': '32' } },
+      { weight: 90, doses: { '0.1 mg/kg/h': '9', '0.2 mg/kg/h': '18', '0.3 mg/kg/h': '27', '0.4 mg/kg/h': '36' } },
+      { weight: 100, doses: { '0.1 mg/kg/h': '10', '0.2 mg/kg/h': '20', '0.3 mg/kg/h': '30', '0.4 mg/kg/h': '40' } },
+    ],
+  },
+];
+
+export const calculateParkland = (
+  weight: number,
+  burnPercentage: number,
+  hoursSinceBurn: number = 0
+): {
+  total24h: number;
+  total24hLiters: number;
+  first8h: number;
+  next16h: number;
+  rateFirst8h: number;
+  rateNext16h: number;
+  remaining24h: number;
+  maintenance: number;
+} => {
+  const total24h = 4 * weight * burnPercentage;
+  const total24hLiters = total24h / 1000;
+  const first8h = total24h * 0.5;
+  const next16h = total24h * 0.5;
+  const rateFirst8h = first8h / 8;
+  const rateNext16h = next16h / 16;
+
+  let remaining24h = total24h;
+  if (hoursSinceBurn < 8) {
+    const alreadyGiven = (hoursSinceBurn / 8) * first8h;
+    remaining24h = total24h - alreadyGiven;
+  } else if (hoursSinceBurn < 24) {
+    const remainingHours = 24 - hoursSinceBurn;
+    remaining24h = (remainingHours / 16) * next16h;
+  } else {
+    remaining24h = 0;
+  }
+
+  const maintenance = weight * 40;
+
+  return {
+    total24h: Math.round(total24h),
+    total24hLiters: total24hLiters,
+    first8h: Math.round(first8h),
+    next16h: Math.round(next16h),
+    rateFirst8h,
+    rateNext16h,
+    remaining24h: Math.round(remaining24h),
+    maintenance: Math.round(maintenance),
+  };
+};
\ No newline at end of file
diff --git a/frontend/src/data/communication-scripts.ts b/frontend/src/data/communication-scripts.ts
new file mode 100644
index 00000000..5b7367fe
--- /dev/null
+++ b/frontend/src/data/communication-scripts.ts
@@ -0,0 +1,66 @@
+export type ScriptCategory = 'emergencia' | 'hospitalaria' | 'interconsulta' | 'familia';
+export type ScriptContext = 'llamada' | 'radio' | 'presencial';
+
+export interface CommunicationScript {
+  id: string;
+  title: string;
+  category: ScriptCategory;
+  context: ScriptContext;
+  content: string[];
+}
+
+export const communicationScripts: CommunicationScript[] = [
+  {
+    id: '1',
+    title: 'Aceptación de Emergencia (ABC)',
+    category: 'emergencia',
+    context: 'llamada',
+    content: [
+      'Buenos días/tardes/noches, habla [Nombre], técnico de emergencias.',
+      '¿Cuál es su emergencia?',
+      '¿Dónde está?',
+      '¿Cómo se llama usted?'
+    ]
+  },
+  {
+    id: '2',
+    title: 'Reanimación Cardiopulmonar (RCP) por teléfono',
+    category: 'emergencia',
+    context: 'llamada',
+    content: [
+      '¿Está la persona consciente?',
+      '¿Respira normalmente?',
+      'Coloque a la persona boca arriba.',
+      'Comience compresiones torácicas...'
+    ]
+  },
+  {
+    id: '3',
+    title: 'Información al Hospital',
+    category: 'hospitalaria',
+    context: 'radio',
+    content: [
+      'A la central, informo paciente...',
+      'Edad: ...',
+      'Estado: ...',
+      'Tiempo de llegada estimado: ...'
+    ]
+  }
+];
+
+// Funciones de utilidad (simplificadas)
+export const getScriptsByCategory = (category: ScriptCategory): CommunicationScript[] => {
+  return communicationScripts.filter(script => script.category === category);
+};
+
+export const getScriptsByContext = (context: ScriptContext): CommunicationScript[] => {
+  return communicationScripts.filter(script => script.context === context);
+};
+
+export const searchScripts = (query: string): CommunicationScript[] => {
+  const lowerQuery = query.toLowerCase();
+  return communicationScripts.filter(script => 
+    script.title.toLowerCase().includes(lowerQuery) ||
+    script.content.some(line => line.toLowerCase().includes(lowerQuery))
+  );
+};
\ No newline at end of file
diff --git a/frontend/src/hooks/useFavorites.ts b/frontend/src/hooks/useFavorites.ts
new file mode 100644
index 00000000..6aeb211c
--- /dev/null
+++ b/frontend/src/hooks/useFavorites.ts
@@ -0,0 +1,75 @@
+import { useState, useEffect, useCallback } from 'react';
+
+export interface FavoriteItem {
+  id: string;
+  title: string;
+  path: string;
+  category: string;
+  addedAt: number;
+}
+
+const STORAGE_KEY = 'codigo0_favorites';
+
+export function useFavorites() {
+  const [favorites, setFavorites] = useState<FavoriteItem[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      try {
+        setFavorites(JSON.parse(stored));
+      } catch (e) {
+        console.error('Error loading favorites:', e);
+      }
+    }
+    setLoading(false);
+  }, []);
+
+  const save = useCallback((items: FavoriteItem[]) => {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
+    setFavorites(items);
+  }, []);
+
+  const addFavorite = useCallback((item: Omit<FavoriteItem, 'addedAt'>) => {
+    const newItem: FavoriteItem = {
+      ...item,
+      addedAt: Date.now(),
+    };
+    const exists = favorites.some(f => f.id === item.id);
+    if (!exists) {
+      save([newItem, ...favorites]);
+    }
+  }, [favorites, save]);
+
+  const removeFavorite = useCallback((id: string) => {
+    save(favorites.filter(f => f.id !== id));
+  }, [favorites, save]);
+
+  const toggleFavorite = useCallback((item: Omit<FavoriteItem, 'addedAt'>) => {
+    const exists = favorites.some(f => f.id === item.id);
+    if (exists) {
+      removeFavorite(item.id);
+    } else {
+      addFavorite(item);
+    }
+  }, [favorites, addFavorite, removeFavorite]);
+
+  const isFavorite = useCallback((id: string) => {
+    return favorites.some(f => f.id === id);
+  }, [favorites]);
+
+  const clearAll = useCallback(() => {
+    save([]);
+  }, [save]);
+
+  return {
+    favorites,
+    loading,
+    addFavorite,
+    removeFavorite,
+    toggleFavorite,
+    isFavorite,
+    clearAll,
+  };
+}
diff --git a/frontend/src/hooks/useHistory.ts b/frontend/src/hooks/useHistory.ts
new file mode 100644
index 00000000..36b3a90b
--- /dev/null
+++ b/frontend/src/hooks/useHistory.ts
@@ -0,0 +1,66 @@
+import { useState, useEffect, useCallback } from 'react';
+
+export interface HistoryItem {
+  id: string;
+  title: string;
+  path: string;
+  category: string;
+  viewedAt: number;
+}
+
+const STORAGE_KEY = 'codigo0_history';
+const MAX_ITEMS = 20;
+
+export function useHistory() {
+  const [history, setHistory] = useState<HistoryItem[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      try {
+        setHistory(JSON.parse(stored));
+      } catch (e) {
+        console.error('Error loading history:', e);
+      }
+    }
+    setLoading(false);
+  }, []);
+
+  const save = useCallback((items: HistoryItem[]) => {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
+    setHistory(items);
+  }, []);
+
+  const addToHistory = useCallback((item: Omit<HistoryItem, 'viewedAt'>) => {
+    const newItem: HistoryItem = {
+      ...item,
+      viewedAt: Date.now(),
+    };
+    
+    const filtered = history.filter(h => h.id !== item.id);
+    const updated = [newItem, ...filtered].slice(0, MAX_ITEMS);
+    save(updated);
+  }, [history, save]);
+
+  const removeFromHistory = useCallback((id: string) => {
+    save(history.filter(h => h.id !== id));
+  }, [history, save]);
+
+  const clearHistory = useCallback(() => {
+    save([]);
+  }, [save]);
+
+  const getRecent = useCallback((limit: number = 5) => {
+    return history.slice(0, limit);
+  }, [history]);
+
+  return {
+    history,
+    loading,
+    addToHistory,
+    removeFromHistory,
+    clearHistory,
+    getRecent,
+  };
+}
diff --git a/frontend/src/hooks/useOfflineMode.ts b/frontend/src/hooks/useOfflineMode.ts
new file mode 100644
index 00000000..54e5ea23
--- /dev/null
+++ b/frontend/src/hooks/useOfflineMode.ts
@@ -0,0 +1,64 @@
+import { useState, useEffect, useCallback } from 'react';
+
+export function useOfflineMode() {
+  const [isOnline, setIsOnline] = useState(navigator.onLine);
+  const [isServiceWorkerReady, setIsServiceWorkerReady] = useState(false);
+  const [offlineMode, setOfflineMode] = useState(false);
+
+  useEffect(() => {
+    const handleOnline = () => setIsOnline(true);
+    const handleOffline = () => setIsOnline(false);
+
+    window.addEventListener('online', handleOnline);
+    window.addEventListener('offline', handleOffline);
+
+    return () => {
+      window.removeEventListener('online', handleOnline);
+      window.removeEventListener('offline', handleOffline);
+    };
+  }, []);
+
+  useEffect(() => {
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.ready
+        .then((registration) => {
+          setIsServiceWorkerReady(true);
+          console.log('Service Worker ready:', registration.scope);
+        })
+        .catch((error) => {
+          console.error('Service Worker not ready:', error);
+        });
+    }
+  }, []);
+
+  const toggleOfflineMode = useCallback(() => {
+    setOfflineMode((prev) => !prev);
+  }, []);
+
+  const cacheUrls = useCallback(async (urls: string[]) => {
+    if ('serviceWorker' in navigator && navigator.serviceWorker.controller) {
+      navigator.serviceWorker.controller.postMessage({
+        type: 'CACHE_URLS',
+        urls,
+      });
+    }
+  }, []);
+
+  const updateServiceWorker = useCallback(() => {
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.ready.then((registration) => {
+        registration.update();
+      });
+    }
+  }, []);
+
+  return {
+    isOnline,
+    isOffline: !isOnline,
+    isServiceWorkerReady,
+    offlineMode,
+    toggleOfflineMode,
+    cacheUrls,
+    updateServiceWorker,
+  };
+}
diff --git a/frontend/src/hooks/useProtocol.ts b/frontend/src/hooks/useProtocol.ts
new file mode 100644
index 00000000..30948499
--- /dev/null
+++ b/frontend/src/hooks/useProtocol.ts
@@ -0,0 +1,103 @@
+import { useState, useEffect } from 'react';
+import yaml from 'js-yaml';
+
+export interface Protocol {
+  id: string;
+  titulo: string;
+  subtitulo?: string;
+  categoria: string;
+  urgencia: 'critica' | 'alta' | 'media' | 'baja';
+  version: string;
+  descripcion?: string; // Soportado por Estilo 2
+  fuente?: string;
+  actualizado?: string;
+  alertas?: { tipo: 'warning' | 'danger' | 'info'; texto: string }[];
+  grupos_edad?: { id: string; label: string; sublabel?: string }[];
+  parametros_por_grupo?: Record<string, Record<string, string>>;
+  pasos?: ProtocolStep[]; // Estilo 1
+  fases?: ProtocolPhase[]; // Estilo 2
+  farmacos?: Drug[];
+  equipamiento?: string[];
+}
+
+export interface ProtocolPhase extends Omit<ProtocolStep, 'titulo'> {
+  id: string | number;
+  nombre: string; // En Estilo 2 se llama 'nombre' en vez de 'titulo'
+  icono?: string;
+  pregunta?: string; // Para tipo 'decision' en Estilo 2
+  ramas?: { condicion: string; destino: string | number }[]; // Para tipo 'decision' en Estilo 2
+}
+
+export interface ProtocolStep {
+  tipo: 'checklist' | 'decision' | 'tecnica' | 'info';
+  titulo: string;
+  descripcion?: string;
+  items?: string[];
+  urgencia?: 'critica';
+  badge?: string;
+  parametros?: { label: string; valor: string; destacado?: boolean }[];
+  si?: string;
+  no?: string;
+  imagen?: string; // Ruta a imagen en public/media
+  video?: string;  // Ruta a vídeo en public/media
+}
+
+export interface Drug {
+  nombre: string;
+  filas: { label: string; valor: string }[];
+  formula?: string;
+}
+
+export function useProtocol(id: string) {
+  const [protocol, setProtocol] = useState<Protocol | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const loadProtocol = async () => {
+      setLoading(true);
+      try {
+        const response = await fetch(`/protocols/${id}.yaml`);
+        
+        if (!response.ok) {
+          throw new Error(`Protocolo '${id}' no encontrado`);
+        }
+        
+        const text = await response.text();
+        const data = yaml.load(text) as Protocol;
+        
+        setProtocol(data);
+        setError(null);
+      } catch (err) {
+        console.error('Error loading protocol:', err);
+        setError(err instanceof Error ? err.message : 'Error cargando protocolo');
+        setProtocol(null);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    if (id) {
+      loadProtocol();
+    }
+  }, [id]);
+
+  return { protocol, loading, error };
+}
+
+export function useProtocolList() {
+  const [list, setList] = useState<{ id: string; titulo: string; categoria: string; urgencia: string }[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    // Lista de protocolos disponibles
+    const protocols = [
+      { id: 'rcp-adulto', titulo: 'RCP Adulto', categoria: 'soporte-vital-basico', urgencia: 'critica' },
+    ];
+    
+    setList(protocols);
+    setLoading(false);
+  }, []);
+
+  return { list, loading };
+}
\ No newline at end of file
diff --git a/frontend/src/hooks/useSearch.ts b/frontend/src/hooks/useSearch.ts
new file mode 100644
index 00000000..29eba33b
--- /dev/null
+++ b/frontend/src/hooks/useSearch.ts
@@ -0,0 +1,120 @@
+import { useState, useEffect, useCallback } from 'react';
+
+export interface SearchItem {
+  id: string;
+  title: string;
+  path: string;
+  category: string;
+  type: 'protocol' | 'procedure' | 'drug';
+  keywords?: string[];
+}
+
+const PROTOCOLS_INDEX: SearchItem[] = [
+  // Soporte Vital
+  { id: 'rcp-adulto', title: 'RCP Adulto', path: '/rcp', category: 'soporte-vital', type: 'protocol' },
+  { id: 'rcp-pediatria', title: 'RCP Pediatría', path: '/rcp', category: 'soporte-vital', type: 'protocol' },
+  { id: 'rcp-lactantes', title: 'RCP Lactantes', path: '/rcp', category: 'soporte-vital', type: 'protocol' },
+  { id: 'ovace', title: 'OVACE', path: '/via-aerea', category: 'soporte-vital', type: 'protocol' },
+  { id: 'desa', title: 'DESA', path: '/protocolo/uso-desa', category: 'soporte-vital', type: 'protocol' },
+  
+  // Urgencias
+  { id: 'ictus', title: 'Ictus', path: '/ictus', category: 'urgencias', type: 'protocol' },
+  { id: 'sca', title: 'Síndrome Coronario Agudo (SCA)', path: '/protocolo/sca', category: 'urgencias', type: 'protocol' },
+  { id: 'shock', title: 'Shock', path: '/shock', category: 'urgencias', type: 'protocol' },
+  { id: 'anafilaxia', title: 'Anafilaxia', path: '/protocolo/anafilaxia', category: 'urgencias', type: 'protocol' },
+  { id: 'crisis-asmatica', title: 'Crisis Asmática', path: '/protocolo/crisis-asmatica', category: 'urgencias', type: 'protocol' },
+  { id: 'hipoglucemia', title: 'Hipoglucemia', path: '/protocolo/hipoglucemia', category: 'urgencias', type: 'protocol' },
+  
+  // Procedimientos
+  { id: 'abcde', title: 'ABCDE Operativo', path: '/herramientas', category: 'procedimientos', type: 'procedure' },
+  { id: 'glasgow', title: 'Escala Glasgow', path: '/herramientas', category: 'procedimientos', type: 'procedure' },
+  { id: 'triage-start', title: 'Triage START', path: '/herramientas', category: 'procedimientos', type: 'procedure' },
+  { id: 'constantes', title: 'Constantes Vitales', path: '/herramientas', category: 'procedimientos', type: 'procedure' },
+  { id: 'parto', title: 'Parto de Emergencia', path: '/parto', category: 'emergencias', type: 'protocol' },
+  
+  // Farmacos
+  { id: 'adrenalina', title: 'Adrenalina', path: '/farmacos', category: 'farmacologia', type: 'drug', keywords: ['epinefrina'] },
+  { id: 'aspirina', title: 'Aspirina', path: '/farmacos', category: 'farmacologia', type: 'drug' },
+  { id: 'salbutamol', title: 'Salbutamol', path: '/farmacos', category: 'farmacologia', type: 'drug' },
+  { id: 'oxigeno', title: 'Oxígeno', path: '/farmacos', category: 'farmacologia', type: 'drug' },
+  { id: 'glucagon', title: 'Glucagon', path: '/farmacos', category: 'farmacologia', type: 'drug' },
+  
+  // Telefono
+  { id: 'telefono-rcp', title: 'RCP por Teléfono', path: '/telefono', category: 'transtelefonicos', type: 'protocol' },
+  { id: 'telefono-ovace', title: 'OVACE por Teléfono', path: '/telefono', category: 'transtelefonicos', type: 'protocol' },
+  { id: 'telefono-comunicacion', title: 'Comunicación Coordinador', path: '/telefono', category: 'transtelefonicos', type: 'protocol' },
+];
+
+const CATEGORY_LABELS: Record<string, string> = {
+  'soporte-vital': 'Soporte Vital',
+  'urgencias': 'Urgencias',
+  'procedimientos': 'Procedimientos',
+  'farmacologia': 'Farmacología',
+  'transtelefonicos': 'Transtelefónicos',
+  'emergencias': 'Emergencias',
+};
+
+export function useSearch() {
+  const [results, setResults] = useState<SearchItem[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const search = useCallback((query: string): SearchItem[] => {
+    if (!query || query.length < 2) {
+      return [];
+    }
+
+    const lowerQuery = query.toLowerCase();
+    const queryWords = lowerQuery.split(' ').filter(w => w.length > 0);
+
+    const scored = PROTOCOLS_INDEX.map(item => {
+      const titleLower = item.title.toLowerCase();
+      const categoryLower = item.category.toLowerCase();
+      const keywordsLower = (item.keywords || []).join(' ').toLowerCase();
+      
+      let score = 0;
+      
+      // Exact match in title
+      if (titleLower === lowerQuery) score += 100;
+      // Starts with query
+      else if (titleLower.startsWith(lowerQuery)) score += 80;
+      // Contains query
+      else if (titleLower.includes(lowerQuery)) score += 50;
+      
+      // Keyword match
+      if (keywordsLower.includes(lowerQuery)) score += 40;
+      
+      // Category match
+      if (categoryLower.includes(lowerQuery)) score += 20;
+      
+      // Word matching
+      for (const word of queryWords) {
+        if (titleLower.includes(word)) score += 10;
+        if (keywordsLower.includes(word)) score += 5;
+      }
+
+      return { item, score };
+    });
+
+    return scored
+      .filter(s => s.score > 0)
+      .sort((a, b) => b.score - a.score)
+      .slice(0, 10)
+      .map(s => s.item);
+  }, []);
+
+  const getResults = useCallback((query: string) => {
+    setLoading(true);
+    const results = search(query);
+    setResults(results);
+    setLoading(false);
+    return results;
+  }, [search]);
+
+  return {
+    results,
+    loading,
+    search,
+    getResults,
+    categories: CATEGORY_LABELS,
+  };
+}
diff --git a/frontend/src/index.css b/frontend/src/index.css
new file mode 100644
index 00000000..2937418a
--- /dev/null
+++ b/frontend/src/index.css
@@ -0,0 +1,232 @@
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* codigo0 - Design System for Emergency Medical Technicians */
+/* Dark theme optimized for ambulance night use */
+
+@layer base {
+  :root {
+    /* Dark theme by default - optimized for night use */
+    --background: 220 20% 12%;
+    --foreground: 0 0% 98%;
+
+    --card: 220 18% 16%;
+    --card-foreground: 0 0% 98%;
+
+    --popover: 220 18% 14%;
+    --popover-foreground: 0 0% 98%;
+
+    /* Emergency Red - Primary action color */
+    --primary: 0 84% 50%;
+    --primary-foreground: 0 0% 100%;
+
+    /* Medical Blue - Secondary elements */
+    --secondary: 217 91% 52%;
+    --secondary-foreground: 0 0% 100%;
+
+    --muted: 220 16% 22%;
+    --muted-foreground: 220 12% 84%;
+
+    --accent: 220 16% 24%;
+    --accent-foreground: 0 0% 98%;
+
+    --destructive: 0 84% 50%;
+    --destructive-foreground: 0 0% 100%;
+
+    --border: 220 16% 26%;
+    --input: 220 16% 20%;
+    --ring: 0 84% 50%;
+
+    --radius: 0.75rem;
+
+    /* Custom emergency colors */
+    --emergency-critical: 0 84% 50%;
+    --emergency-high: 25 95% 53%;
+    --emergency-medium: 45 93% 47%;
+    --emergency-low: 142 71% 45%;
+    
+    /* Functional colors */
+    --success: 142 71% 45%;
+    --warning: 45 93% 47%;
+    --info: 217 91% 52%;
+
+    --sidebar-background: 220 20% 10%;
+    --sidebar-foreground: 0 0% 98%;
+    --sidebar-primary: 0 84% 50%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 220 16% 18%;
+    --sidebar-accent-foreground: 0 0% 98%;
+    --sidebar-border: 220 16% 22%;
+    --sidebar-ring: 0 84% 50%;
+  }
+
+  .light {
+    --background: 0 0% 100%;
+    --foreground: 220 20% 12%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 220 20% 12%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 220 20% 12%;
+
+    --primary: 0 84% 50%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 217 91% 52%;
+    --secondary-foreground: 0 0% 100%;
+
+    --muted: 220 14% 96%;
+    --muted-foreground: 220 10% 40%;
+
+    --accent: 220 14% 96%;
+    --accent-foreground: 220 20% 12%;
+
+    --destructive: 0 84% 50%;
+    --destructive-foreground: 0 0% 100%;
+
+    --border: 220 13% 91%;
+    --input: 220 13% 91%;
+    --ring: 0 84% 50%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  html {
+    font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+  }
+
+  /* Touch-friendly for gloved hands */
+  button, a, input, select, textarea {
+    min-height: 48px;
+  }
+
+  /* High contrast focus states */
+  *:focus-visible {
+    @apply outline-none ring-2 ring-primary ring-offset-2 ring-offset-background;
+  }
+}
+
+@layer components {
+  /* Emergency button variants */
+  .btn-emergency {
+    @apply min-h-[60px] font-semibold text-lg rounded-lg transition-all active:scale-95;
+  }
+
+  .btn-emergency-critical {
+    @apply bg-[hsl(var(--emergency-critical))] text-white hover:bg-[hsl(var(--emergency-critical))]/90;
+  }
+
+  .btn-emergency-high {
+    @apply bg-[hsl(var(--emergency-high))] text-white hover:bg-[hsl(var(--emergency-high))]/90;
+  }
+
+  .btn-emergency-medium {
+    @apply bg-[hsl(var(--emergency-medium))] text-black hover:bg-[hsl(var(--emergency-medium))]/90;
+  }
+
+  /* Badge priorities */
+  .badge-critical {
+    @apply bg-[hsl(var(--emergency-critical))]/20 text-[hsl(var(--emergency-critical))] border border-[hsl(var(--emergency-critical))]/30;
+  }
+
+  .badge-high {
+    @apply bg-[hsl(var(--emergency-high))]/20 text-[hsl(var(--emergency-high))] border border-[hsl(var(--emergency-high))]/30;
+  }
+
+  .badge-medium {
+    @apply bg-[hsl(var(--emergency-medium))]/20 text-[hsl(var(--emergency-medium))] border border-[hsl(var(--emergency-medium))]/30;
+  }
+
+  .badge-info {
+    @apply bg-[hsl(var(--info))]/20 text-[hsl(var(--info))] border border-[hsl(var(--info))]/30;
+  }
+
+  /* Card styles */
+  .card-procedure {
+    @apply bg-card border border-border rounded-lg p-4 transition-colors hover:border-primary/50;
+  }
+
+  /* Step numbers */
+  .step-number {
+    @apply w-8 h-8 rounded-full bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm flex-shrink-0;
+  }
+
+  /* Warning box */
+  .warning-box {
+    @apply bg-[hsl(var(--emergency-medium))]/10 border-l-4 border-[hsl(var(--emergency-medium))] p-3 rounded-r-lg;
+  }
+
+  /* Bottom navigation */
+  .bottom-nav {
+    @apply fixed bottom-0 left-0 right-0 bg-card border-t border-border z-50;
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+
+  .bottom-nav-item {
+    @apply flex flex-col items-center justify-center py-2 px-1 min-h-[64px] text-muted-foreground transition-colors;
+  }
+
+  .bottom-nav-item.active {
+    @apply text-primary;
+  }
+
+  .bottom-nav-item:hover {
+    @apply text-foreground;
+  }
+}
+
+@layer utilities {
+  /* Safe area padding for mobile */
+  .pb-safe {
+    padding-bottom: calc(80px + env(safe-area-inset-bottom));
+  }
+
+  /* Touch-friendly scrolling */
+  .scroll-touch {
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
+  }
+
+  /* Hide scrollbar but keep functionality */
+  .scrollbar-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+/* Print styles for protocols */
+@media print {
+  body {
+    background: white !important;
+    color: black !important;
+  }
+
+  .bottom-nav,
+  header,
+  .no-print {
+    display: none !important;
+  }
+
+  .card-procedure {
+    break-inside: avoid;
+    border: 1px solid #ccc;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
new file mode 100644
index 00000000..52906c03
--- /dev/null
+++ b/frontend/src/main.tsx
@@ -0,0 +1,83 @@
+import { createRoot } from "react-dom/client";
+import App from "./App.tsx";
+import "./index.css";
+
+// Simple error handling for development
+if (typeof window !== 'undefined') {
+  const originalError = console.error;
+  console.error = (...args: any[]) => {
+    // Filter out browser extension errors (non-critical)
+    const message = args[0]?.toString() || '';
+    if (
+      message.includes('message channel closed') ||
+      message.includes('runtime.lastError') ||
+      message.includes('Extension context invalidated')
+    ) {
+      // Silenciar estos errores (son de extensiones del navegador, no de nuestra app)
+      return;
+    }
+    originalError.apply(console, args);
+  };
+}
+
+// Registrar Service Worker para PWA (solo en producción)
+if ('serviceWorker' in navigator) {
+  // No registrar SW en desarrollo para evitar conflictos con Vite HMR
+  const isDevelopment = import.meta.env.DEV || 
+    window.location.hostname === 'localhost' || 
+    window.location.hostname === '127.0.0.1' ||
+    window.location.hostname === '[::1]';
+  
+  if (!isDevelopment) {
+    // En producción, registrar SW normalmente
+    window.addEventListener('load', () => {
+      // Detectar base path dinámicamente (para GitHub Pages)
+      const base = import.meta.env.BASE_URL || '/';
+      navigator.serviceWorker
+        .register(`${base}sw.js`, {
+          updateViaCache: 'none', // Siempre verificar actualizaciones del SW
+        })
+        .then((registration) => {
+          console.log('[SW] Registered:', registration.scope);
+        })
+        .catch((error) => {
+          console.error('[SW] Registration failed:', error);
+        });
+    });
+  }
+}
+
+// Renderizar la app
+const rootElement = document.getElementById("root");
+if (!rootElement) {
+  throw new Error("Root element not found");
+}
+
+try {
+  createRoot(rootElement).render(
+    <App />
+  );
+} catch (error) {
+  console.error('[React] Error rendering app:', error);
+  // Simple error display
+  const errorDiv = document.createElement('div');
+  errorDiv.style.cssText = 'padding: 2rem; text-align: center; font-family: sans-serif; background: #fee2e2; color: #991b1b; border-radius: 8px;';
+  
+  const h1 = document.createElement('h1');
+  h1.textContent = 'Error al cargar la aplicación';
+  errorDiv.appendChild(h1);
+  
+  const p1 = document.createElement('p');
+  p1.textContent = 'Por favor, recarga la página.';
+  errorDiv.appendChild(p1);
+  
+  const p2 = document.createElement('p');
+  p2.style.cssText = 'color: #666; font-size: 0.9rem; margin-top: 1rem;';
+  p2.textContent = error instanceof Error ? error.message : String(error);
+  errorDiv.appendChild(p2);
+  
+  rootElement.innerHTML = '';
+  rootElement.appendChild(errorDiv);
+  
+  throw error;
+}
\ No newline at end of file
diff --git a/frontend/src/pages/Acerca.tsx b/frontend/src/pages/Acerca.tsx
new file mode 100644
index 00000000..adfc41bd
--- /dev/null
+++ b/frontend/src/pages/Acerca.tsx
@@ -0,0 +1,153 @@
+import { Info, Heart, Code, ExternalLink, Shield, FileText } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
+const Acerca = () => {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Acerca de</h1>
+        <p className="text-muted-foreground text-sm">
+          Información sobre codigo0
+        </p>
+      </div>
+
+      {/* Descripción */}
+      <section className="space-y-3">
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <p className="text-foreground">
+            <strong>codigo0</strong> es una aplicación web de referencia rápida diseñada para 
+            Técnicos de Emergencias Sanitarias (TES) y profesionales de emergencias médicas.
+          </p>
+          <p className="text-sm text-muted-foreground">
+            Proporciona acceso estructurado a protocolos, procedimientos, fármacos y guías de 
+            actuación en situaciones de emergencia, optimizado para consulta rápida en situaciones críticas.
+          </p>
+        </div>
+      </section>
+
+      {/* Información */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Información</h2>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <div className="flex items-center justify-between">
+            <p className="text-sm text-muted-foreground">Versión</p>
+            <p className="text-sm font-medium text-foreground">0.1.0</p>
+          </div>
+          <div className="flex items-center justify-between">
+            <p className="text-sm text-muted-foreground">Tipo</p>
+            <p className="text-sm font-medium text-foreground">PWA (Progressive Web App)</p>
+          </div>
+          <div className="flex items-center justify-between">
+            <p className="text-sm text-muted-foreground">Funciona offline</p>
+            <p className="text-sm font-medium text-success">✓ Sí</p>
+          </div>
+        </div>
+      </section>
+
+      {/* Características */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Características</h2>
+        <div className="space-y-2">
+          <div className="p-3 bg-card border border-border rounded-lg">
+            <p className="text-sm font-medium text-foreground mb-1">📋 Protocolos de emergencia</p>
+            <p className="text-xs text-muted-foreground">
+              RCP, vía aérea, shock, ictus y más
+            </p>
+          </div>
+          <div className="p-3 bg-card border border-border rounded-lg">
+            <p className="text-sm font-medium text-foreground mb-1">💊 Vademécum de fármacos</p>
+            <p className="text-xs text-muted-foreground">
+              Dosis, indicaciones y contraindicaciones
+            </p>
+          </div>
+          <div className="p-3 bg-card border border-border rounded-lg">
+            <p className="text-sm font-medium text-foreground mb-1">🧮 Calculadoras médicas</p>
+            <p className="text-xs text-muted-foreground">
+              Glasgow, perfusiones, dosis pediátricas
+            </p>
+          </div>
+          <div className="p-3 bg-card border border-border rounded-lg">
+            <p className="text-sm font-medium text-foreground mb-1">📚 Manual completo</p>
+            <p className="text-xs text-muted-foreground">
+              Guía completa navegable por partes y bloques
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* Disclaimer */}
+      <section className="space-y-3">
+        <div className="p-4 bg-muted border border-border rounded-lg flex items-start gap-3">
+          <Shield className="w-5 h-5 text-muted-foreground flex-shrink-0 mt-0.5" />
+          <div className="flex-1">
+            <p className="text-sm font-medium text-foreground mb-2">
+              Aviso importante
+            </p>
+            <p className="text-sm text-muted-foreground space-y-1">
+              <p>
+                Esta aplicación es una herramienta de referencia rápida y <strong>no sustituye</strong> la 
+                formación reglada del profesional ni el criterio clínico.
+              </p>
+              <p>
+                <strong>No es un sistema de diagnóstico automático</strong> y no debe usarse como 
+                única fuente de información en situaciones críticas.
+              </p>
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* Enlaces */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Enlaces</h2>
+        <div className="space-y-2">
+          <a
+            href="https://ko-fi.com/emergestes"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+          >
+            <Heart className="w-5 h-5 text-primary" />
+            <div className="flex-1">
+              <p className="font-medium text-foreground">Apoya el proyecto</p>
+              <p className="text-sm text-muted-foreground">Ko-fi</p>
+            </div>
+            <ExternalLink className="w-4 h-4 text-muted-foreground" />
+          </a>
+        </div>
+      </section>
+
+      {/* Información Legal */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Información Legal</h2>
+        <div className="space-y-2">
+          <Link
+            to="/privacidad"
+            className="flex items-center gap-3 p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+          >
+            <Shield className="w-5 h-5 text-primary" />
+            <div className="flex-1">
+              <p className="font-medium text-foreground">Política de Privacidad</p>
+              <p className="text-sm text-muted-foreground">Cómo protegemos tus datos</p>
+            </div>
+          </Link>
+        </div>
+      </section>
+
+      {/* Créditos */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Créditos</h2>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <p className="text-sm text-muted-foreground">
+            Desarrollado con ❤️ para la comunidad TES
+          </p>
+          <p className="text-xs text-muted-foreground">
+            Basado en guías oficiales (ERC, AHA, SEMES)
+          </p>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default Acerca;
\ No newline at end of file
diff --git a/frontend/src/pages/Ajustes.tsx b/frontend/src/pages/Ajustes.tsx
new file mode 100644
index 00000000..beaa0ec0
--- /dev/null
+++ b/frontend/src/pages/Ajustes.tsx
@@ -0,0 +1,200 @@
+import { useState } from 'react';
+import { useTheme } from 'next-themes';
+import { 
+  Settings as SettingsIcon, 
+  Moon, 
+  Sun, 
+  Type, 
+  Globe, 
+  Bell, 
+  Database,
+  Wifi,
+  WifiOff,
+  RefreshCw
+} from 'lucide-react';
+
+const Ajustes = () => {
+  const { theme, setTheme } = useTheme();
+  const [fontSize, setFontSize] = useState('medium');
+  const [notifications, setNotifications] = useState(true);
+  const [offlineMode, setOfflineMode] = useState(true);
+
+  const themes = [
+    { value: 'light', label: 'Claro', icon: Sun },
+    { value: 'dark', label: 'Oscuro', icon: Moon },
+    { value: 'system', label: 'Sistema', icon: Globe },
+  ];
+
+  const fontSizes = [
+    { value: 'small', label: 'Pequeño' },
+    { value: 'medium', label: 'Mediano' },
+    { value: 'large', label: 'Grande' },
+    { value: 'xlarge', label: 'Extra grande' },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Ajustes</h1>
+        <p className="text-muted-foreground text-sm">
+          Configura la aplicación a tu medida
+        </p>
+      </div>
+
+      {/* Apariencia */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground flex items-center gap-2">
+          <SettingsIcon className="w-4 h-4" />
+          Apariencia
+        </h2>
+        
+        {/* Tema */}
+        <div className="p-4 bg-card border border-border rounded-lg space-y-3">
+          <p className="text-sm font-medium text-foreground">Tema</p>
+          <div className="grid grid-cols-3 gap-2">
+            {themes.map((t) => {
+              const Icon = t.icon;
+              const isActive = theme === t.value;
+              return (
+                <button
+                  key={t.value}
+                  onClick={() => setTheme(t.value)}
+                  className={`p-3 rounded-lg border transition-all flex flex-col items-center gap-2 ${
+                    isActive 
+                      ? 'border-primary bg-primary/10 text-primary' 
+                      : 'border-border hover:border-primary/50 text-muted-foreground'
+                  }`}
+                >
+                  <Icon className="w-5 h-5" />
+                  <span className="text-xs">{t.label}</span>
+                </button>
+              );
+            })}
+          </div>
+        </div>
+
+        {/* Tamaño de fuente */}
+        <div className="p-4 bg-card border border-border rounded-lg space-y-3">
+          <p className="text-sm font-medium text-foreground flex items-center gap-2">
+            <Type className="w-4 h-4" />
+            Tamaño de fuente
+          </p>
+          <div className="grid grid-cols-2 gap-2">
+            {fontSizes.map((f) => (
+              <button
+                key={f.value}
+                onClick={() => setFontSize(f.value)}
+                className={`p-3 rounded-lg border transition-all text-sm ${
+                  fontSize === f.value 
+                    ? 'border-primary bg-primary/10 text-primary' 
+                    : 'border-border hover:border-primary/50 text-muted-foreground'
+                }`}
+              >
+                {f.label}
+              </button>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Notificaciones */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground flex items-center gap-2">
+          <Bell className="w-4 h-4" />
+          Notificaciones
+        </h2>
+        
+        <div className="p-4 bg-card border border-border rounded-lg flex items-center justify-between">
+          <div>
+            <p className="text-sm font-medium text-foreground">Notificaciones</p>
+            <p className="text-xs text-muted-foreground">Recibir alertas de actualizaciones</p>
+          </div>
+          <button
+            onClick={() => setNotifications(!notifications)}
+            className={`w-12 h-6 rounded-full transition-colors ${
+              notifications ? 'bg-primary' : 'bg-muted'
+            }`}
+          >
+            <div className={`w-5 h-5 rounded-full bg-white shadow transform transition-transform ${
+              notifications ? 'translate-x-6' : 'translate-x-0.5'
+            }`} />
+          </button>
+        </div>
+      </section>
+
+      {/* Datos */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground flex items-center gap-2">
+          <Database className="w-4 h-4" />
+          Datos
+        </h2>
+        
+        {/* Modo offline */}
+        <div className="p-4 bg-card border border-border rounded-lg flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            {offlineMode ? (
+              <WifiOff className="w-5 h-5 text-muted-foreground" />
+            ) : (
+              <Wifi className="w-5 h-5 text-muted-foreground" />
+            )}
+            <div>
+              <p className="text-sm font-medium text-foreground">Modo offline</p>
+              <p className="text-xs text-muted-foreground">
+                {offlineMode ? 'Datos guardados localmente' : 'Solo datos disponibles online'}
+              </p>
+            </div>
+          </div>
+          <button
+            onClick={() => setOfflineMode(!offlineMode)}
+            className={`w-12 h-6 rounded-full transition-colors ${
+              offlineMode ? 'bg-primary' : 'bg-muted'
+            }`}
+          >
+            <div className={`w-5 h-5 rounded-full bg-white shadow transform transition-transform ${
+              offlineMode ? 'translate-x-6' : 'translate-x-0.5'
+            }`} />
+          </button>
+        </div>
+
+        {/* Sincronizar datos */}
+        <div className="p-4 bg-card border border-border rounded-lg">
+          <button className="w-full flex items-center justify-center gap-2 p-3 rounded-lg border border-border hover:border-primary/50 transition-colors text-foreground">
+            <RefreshCw className="w-4 h-4" />
+            <span className="text-sm">Sincronizar datos</span>
+          </button>
+          <p className="text-xs text-muted-foreground mt-2 text-center">
+            Última sincronización: nunca
+          </p>
+        </div>
+
+        {/* Borrar caché */}
+        <div className="p-4 bg-card border border-border rounded-lg">
+          <button className="w-full flex items-center justify-center gap-2 p-3 rounded-lg border border-destructive hover:bg-destructive/10 transition-colors text-destructive">
+            <Database className="w-4 h-4" />
+            <span className="text-sm">Borrar datos locales</span>
+          </button>
+          <p className="text-xs text-muted-foreground mt-2 text-center">
+            Elimina todos los datos guardados en el dispositivo
+          </p>
+        </div>
+      </section>
+
+      {/* Info app */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Información</h2>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <div className="flex items-center justify-between">
+            <p className="text-sm text-muted-foreground">Versión</p>
+            <p className="text-sm font-medium text-foreground">0.1.0</p>
+          </div>
+          <div className="flex items-center justify-between">
+            <p className="text-sm text-muted-foreground">Build</p>
+            <p className="text-sm font-medium text-foreground">2026.03.15</p>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default Ajustes;
\ No newline at end of file
diff --git a/frontend/src/pages/AvisoLegal.tsx b/frontend/src/pages/AvisoLegal.tsx
new file mode 100644
index 00000000..e5c1d747
--- /dev/null
+++ b/frontend/src/pages/AvisoLegal.tsx
@@ -0,0 +1,67 @@
+const AvisoLegal = () => {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-2">
+          Aviso Legal
+        </h1>
+        <p className="text-sm text-muted-foreground">
+          Última actualización: Marzo 2026
+        </p>
+      </div>
+
+      <div className="prose prose-sm dark:prose-invert max-w-none space-y-4">
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">1. Titularidad</h2>
+          <p className="text-muted-foreground">
+            Código 0 es una aplicación de referencia médica desarrollada para Técnicos en Emergencias Sanitarias (TES). 
+            El contenido aquí proporcionado tiene carácter informativo y formativo.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">2. Finalidad</h2>
+          <p className="text-muted-foreground">
+            Esta aplicación está diseñada como herramienta de apoyo para profesionales de emergencias sanitarias. 
+            No sustituye la formación oficial ni el criterio clínico del profesional.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">3. Limitación de responsabilidad</h2>
+          <p className="text-muted-foreground">
+            Los autores y desarrolladores de Código 0 no se hacen responsables del uso que se haga 
+            de la información contenida en esta aplicación. El usuario es responsable de verificar 
+            la información y aplicarla según su juicio profesional.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">4. Propiedad intelectual</h2>
+          <p className="text-muted-foreground">
+            Todo el contenido de esta aplicación, incluyendo textos, gráficos, algoritmos y diseño, 
+            está protegido por derechos de autor. Queda prohibida la reproducción sin autorización.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">5. Actualización</h2>
+          <p className="text-muted-foreground">
+            Nos reservamos el derecho a modificar este aviso legal en cualquier momento. 
+            Las modificaciones entrarán en vigor desde su publicación en la aplicación.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">6. Contacto</h2>
+          <p className="text-muted-foreground">
+            Para cualquier consulta relacionada con este aviso legal, contacta a través de 
+            los canales oficiales de la aplicación.
+          </p>
+        </section>
+      </div>
+    </div>
+  );
+};
+
+export default AvisoLegal;
diff --git a/frontend/src/pages/BurnCalculator.tsx b/frontend/src/pages/BurnCalculator.tsx
new file mode 100644
index 00000000..6178ef9e
--- /dev/null
+++ b/frontend/src/pages/BurnCalculator.tsx
@@ -0,0 +1,174 @@
+import { useState, useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronLeft, Flame, Droplets, Info, RotateCcw, Calculator } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent } from "../components/ui/card";
+import { Button } from "../components/ui/button";
+
+interface BodyPart {
+  id: string;
+  name: string;
+  percentage: number;
+}
+
+const BurnCalculator = () => {
+  const [selectedParts, setSelectedParts] = useState<Record<string, boolean>>({});
+  const [weight, setWeight] = useState<number>(70);
+  const [isPediatric, setIsPediatric] = useState(false);
+
+  const bodyPartsAdult: BodyPart[] = [
+    { id: 'head', name: 'Cabeza (9%)', percentage: 9 },
+    { id: 'trunk_front', name: 'Tronco Anterior (18%)', percentage: 18 },
+    { id: 'trunk_back', name: 'Tronco Posterior (18%)', percentage: 18 },
+    { id: 'arm_l', name: 'Brazo Izquierdo (9%)', percentage: 9 },
+    { id: 'arm_r', name: 'Brazo Derecho (9%)', percentage: 9 },
+    { id: 'leg_l', name: 'Pierna Izquierda (18%)', percentage: 18 },
+    { id: 'leg_r', name: 'Pierna Derecha (18%)', percentage: 18 },
+    { id: 'genitals', name: 'Genitales (1%)', percentage: 1 },
+  ];
+
+  // Regla aproximada para lactantes (Cabeza 18%, Piernas 14%)
+  const bodyPartsPed: BodyPart[] = [
+    { id: 'head', name: 'Cabeza (18%)', percentage: 18 },
+    { id: 'trunk_front', name: 'Tronco Anterior (18%)', percentage: 18 },
+    { id: 'trunk_back', name: 'Tronco Posterior (18%)', percentage: 18 },
+    { id: 'arm_l', name: 'Brazo Izquierdo (9%)', percentage: 9 },
+    { id: 'arm_r', name: 'Brazo Derecho (9%)', percentage: 9 },
+    { id: 'leg_l', name: 'Pierna Izquierda (14%)', percentage: 14 },
+    { id: 'leg_r', name: 'Pierna Derecha (14%)', percentage: 14 },
+    { id: 'genitals', name: 'Genitales (1%)', percentage: 1 },
+  ];
+
+  const currentParts = isPediatric ? bodyPartsPed : bodyPartsAdult;
+
+  const tbsa = useMemo(() => {
+    return currentParts
+      .filter(part => selectedParts[part.id])
+      .reduce((sum, part) => sum + part.percentage, 0);
+  }, [selectedParts, currentParts]);
+
+  // Parkland: 4ml x kg x %TBSA
+  const parklandTotal = weight * tbsa * 4;
+  const first8h = parklandTotal / 2;
+
+  const togglePart = (id: string) => {
+    setSelectedParts(prev => ({ ...prev, [id]: !prev[id] }));
+  };
+
+  const reset = () => {
+    setSelectedParts({});
+    setWeight(70);
+    setIsPediatric(false);
+  };
+
+  return (
+    <div className="space-y-6 pb-32">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <Link to="/herramientas" className="p-2 hover:bg-muted rounded-full transition-colors">
+            <ChevronLeft className="w-6 h-6" />
+          </Link>
+          <h1 className="text-2xl font-bold flex items-center gap-2">
+            <Flame className="w-6 h-6 text-orange-600" />
+            Superficie Quemada (TBSA)
+          </h1>
+        </div>
+        <Button variant="ghost" size="sm" onClick={reset} className="gap-2">
+          <RotateCcw className="w-4 h-4" /> Reset
+        </Button>
+      </div>
+
+      <div className="flex p-1 bg-muted rounded-xl">
+        <button
+          onClick={() => { setIsPediatric(false); setSelectedParts({}); }}
+          className={`flex-1 py-2 rounded-lg text-sm font-bold transition-all ${!isPediatric ? 'bg-background shadow-sm' : 'text-muted-foreground'}`}
+        >
+          ADULTO (Regla de 9)
+        </button>
+        <button
+          onClick={() => { setIsPediatric(true); setSelectedParts({}); }}
+          className={`flex-1 py-2 rounded-lg text-sm font-bold transition-all ${isPediatric ? 'bg-background shadow-sm' : 'text-muted-foreground'}`}
+        >
+          PED / LACTANTE
+        </button>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2">
+        <Card>
+          <CardHeader className="py-4">
+            <CardTitle className="text-sm font-bold uppercase tracking-widest text-muted-foreground">Áreas Afectadas</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2">
+            {currentParts.map(part => (
+              <Button
+                key={part.id}
+                variant={selectedParts[part.id] ? 'default' : 'outline'}
+                onClick={() => togglePart(part.id)}
+                className={`w-full justify-between h-auto py-3 px-4 ${selectedParts[part.id] ? 'bg-orange-600 hover:bg-orange-700' : ''}`}
+              >
+                <span>{part.name}</span>
+                {selectedParts[part.id] && <Calculator className="w-4 h-4 opacity-50" />}
+              </Button>
+            ))}
+          </CardContent>
+        </Card>
+
+        <div className="space-y-4">
+          <Card className="border-2 border-primary">
+            <CardHeader className="pb-2">
+              <CardTitle className="text-xs font-black uppercase text-primary tracking-widest">Resultado TBSA</CardTitle>
+            </CardHeader>
+            <CardContent className="text-center py-6">
+              <div className="text-7xl font-black text-foreground">{tbsa}%</div>
+              <p className="text-muted-foreground text-sm mt-2">Superficie Corporal Quemada Total</p>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader className="pb-2">
+              <CardTitle className="flex items-center gap-2 text-sm font-bold">
+                <Droplets className="w-4 h-4 text-blue-500" />
+                Fórmula de Parkland
+              </CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-4">
+              <div className="space-y-1">
+                <label className="text-xs text-muted-foreground font-bold">Peso del paciente (kg)</label>
+                <input
+                  type="number"
+                  value={weight}
+                  onChange={(e) => setWeight(Number(e.target.value))}
+                  className="w-full text-2xl font-bold bg-muted p-3 rounded-xl border-none focus:ring-2 focus:ring-primary"
+                />
+              </div>
+
+              {tbsa > 0 && (
+                <div className="p-4 bg-blue-500/10 rounded-xl border border-blue-500/20 space-y-3">
+                  <div className="flex justify-between items-end">
+                    <span className="text-sm">Total 24h:</span>
+                    <span className="text-2xl font-black text-blue-600">{parklandTotal} ml</span>
+                  </div>
+                  <div className="flex justify-between items-end border-t border-blue-500/20 pt-2">
+                    <span className="text-sm font-bold">Primeras 8h:</span>
+                    <span className="text-xl font-bold text-blue-500">{first8h} ml</span>
+                  </div>
+                  <p className="text-[10px] text-muted-foreground italic leading-tight">
+                    * Cristaloides (Ringer Lactato). Iniciar 50% del total en las primeras 8h desde el momento de la lesión.
+                  </p>
+                </div>
+              )}
+            </CardContent>
+          </Card>
+        </div>
+      </div>
+
+      <div className="bg-muted/50 p-4 rounded-xl flex gap-3 text-sm text-muted-foreground underline-offset-4 decoration-primary/30">
+        <Info className="w-5 h-5 flex-shrink-0 text-primary" />
+        <p>
+          Utilice la <b>Regla de la Palma</b> (palma con dedos del paciente = 1%) para quemaduras pequeñas o irregulares. No puntuar quemaduras de 1er grado para fluidoterapia.
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default BurnCalculator;
diff --git a/frontend/src/pages/Comunicacion.tsx b/frontend/src/pages/Comunicacion.tsx
new file mode 100644
index 00000000..de3d266c
--- /dev/null
+++ b/frontend/src/pages/Comunicacion.tsx
@@ -0,0 +1,133 @@
+import { useState, useMemo } from 'react';
+import { Search } from 'lucide-react';
+import { 
+  communicationScripts, 
+  CommunicationScript,
+  ScriptCategory,
+  ScriptContext,
+  getScriptsByCategory,
+  getScriptsByContext,
+  searchScripts
+} from '@/data/communication-scripts';
+
+const Comunicacion = () => {
+  const [selectedScript, setSelectedScript] = useState<CommunicationScript | null>(null);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [selectedCategory, setSelectedCategory] = useState<ScriptCategory | 'all'>('all');
+  const [selectedContext, setSelectedContext] = useState<ScriptContext | 'all'>('all');
+
+  const filteredScripts = useMemo(() => {
+    let filtered = communicationScripts;
+
+    // Filtrar por categoría
+    if (selectedCategory !== 'all') {
+      filtered = getScriptsByCategory(selectedCategory);
+    }
+
+    // Filtrar por contexto
+    if (selectedContext !== 'all') {
+      filtered = filtered.filter(script => 
+        selectedCategory === 'all' 
+          ? script.context === selectedContext
+          : script.context === selectedContext && script.category === selectedCategory
+      );
+    }
+
+    // Filtrar por búsqueda
+    if (searchQuery.trim()) {
+      const searchResults = searchScripts(searchQuery);
+      filtered = filtered.filter(script => 
+        searchResults.includes(script)
+      );
+    }
+
+    return filtered;
+  }, [selectedCategory, selectedContext, searchQuery]);
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Comunicación</h1>
+        <p className="text-muted-foreground text-sm">
+          Guías de comunicación para emergencias
+        </p>
+      </div>
+
+      {/* Búsqueda y Filtros */}
+      <div className="space-y-4">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <input
+            type="text"
+            placeholder="Buscar scripts de comunicación..."
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            className="w-full pl-10 pr-4 py-2 bg-card border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary"
+          />
+        </div>
+        
+        <div className="flex gap-2 overflow-x-auto pb-2">
+          {['all', 'emergencia', 'hospitalaria', 'interconsulta', 'familia'].map((cat) => (
+            <button
+              key={cat}
+              onClick={() => setSelectedCategory(cat === 'all' ? 'all' : cat as ScriptCategory)}
+              className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                selectedCategory === cat
+                  ? 'bg-primary text-primary-foreground'
+                  : 'bg-muted text-muted-foreground hover:bg-accent'
+              }`}
+            >
+              {cat === 'all' ? 'Todas' : cat.charAt(0).toUpperCase() + cat.slice(1)}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Lista de Scripts */}
+      <div className="space-y-3">
+        {filteredScripts.length === 0 ? (
+          <p className="text-center text-muted-foreground py-8">No hay scripts que coincidan con los filtros.</p>
+        ) : (
+          filteredScripts.map((script) => (
+            <div
+              key={script.id}
+              onClick={() => setSelectedScript(script)}
+              className="bg-card border border-border rounded-lg p-4 cursor-pointer hover:border-primary/50 transition-colors"
+            >
+              <h3 className="font-semibold text-foreground">{script.title}</h3>
+              <p className="text-sm text-muted-foreground mt-1">
+                Categoría: {script.category} • Contexto: {script.context}
+              </p>
+            </div>
+          ))
+        )}
+      </div>
+
+      {/* Visor de Script Seleccionado */}
+      {selectedScript && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50">
+          <div className="bg-card border border-border rounded-lg p-6 max-w-lg w-full max-h-[80vh] overflow-y-auto">
+            <div className="flex justify-between items-start mb-4">
+              <h2 className="text-xl font-bold">{selectedScript.title}</h2>
+              <button
+                onClick={() => setSelectedScript(null)}
+                className="text-muted-foreground hover:text-foreground"
+              >
+                ✕
+              </button>
+            </div>
+            <div className="space-y-2">
+              {selectedScript.content.map((line, index) => (
+                <p key={index} className="text-foreground">
+                  {line}
+                </p>
+              ))}
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Comunicacion;
\ No newline at end of file
diff --git a/frontend/src/pages/DescargoResponsabilidad.tsx b/frontend/src/pages/DescargoResponsabilidad.tsx
new file mode 100644
index 00000000..486b575c
--- /dev/null
+++ b/frontend/src/pages/DescargoResponsabilidad.tsx
@@ -0,0 +1,87 @@
+import { AlertTriangle } from 'lucide-react';
+
+const DescargoResponsabilidad = () => {
+  return (
+    <div className="space-y-6">
+      <div className="flex items-start gap-4 p-4 bg-yellow-50 dark:bg-yellow-950/30 border border-yellow-200 dark:border-yellow-800 rounded-lg">
+        <AlertTriangle className="w-6 h-6 text-yellow-600 dark:text-yellow-400 flex-shrink-0" />
+        <div>
+          <h2 className="font-semibold text-yellow-800 dark:text-yellow-200">
+            Información importante
+          </h2>
+          <p className="text-sm text-yellow-700 dark:text-yellow-300 mt-1">
+            Lee este descargo de responsabilidad antes de usar la aplicación
+          </p>
+        </div>
+      </div>
+
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-2">
+          Descargo de Responsabilidad
+        </h1>
+        <p className="text-sm text-muted-foreground">
+          Fecha de publicación: Marzo 2026
+        </p>
+      </div>
+
+      <div className="prose prose-sm dark:prose-invert max-w-none space-y-4">
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">1. No es asesoramiento médico</h2>
+          <p className="text-muted-foreground">
+            Código 0 es una herramienta de formación y referencia. <strong>NO constituye asesoramiento médico</strong> 
+            ni sustituye la formación oficial de los Técnicos en Emergencias Sanitarias.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">2. Verifica la información</h2>
+          <p className="text-muted-foreground">
+            Aunque el contenido ha sido elaborado con el mayor cuidado posible, siempre debes verificar 
+            la información con fuentes oficiales y protocolos vigentes de tu organización.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">3. Decisiones clínicas</h2>
+          <p className="text-muted-foreground">
+            Las decisiones clínicas son responsabilidad del profesional que las toma. Esta aplicación 
+            proporciona información de apoyo, pero la decisión final siempre corresponde al TES 
+            según su criterio y formación.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">4. Actualización de protocolos</h2>
+          <p className="text-muted-foreground">
+            Los protocolos médicos evolucionan constantemente. Verifica siempre que estás utilizando 
+            la versión más actualizada de los protocolos de tu servicio.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">5. Uso responsable</h2>
+          <p className="text-muted-foreground">
+            Esta aplicación debe utilizarse como herramienta de formación y referencia rápida. 
+            No sustituye el conocimiento profundo de los protocolos ni la experiencia práctica.
+          </p>
+        </section>
+
+        <section className="space-y-2">
+          <h2 className="text-lg font-semibold">6. Aceptación</h2>
+          <p className="text-muted-foreground">
+            Al utilizar Código 0, reconoces haber leído y entendido este descargo de responsabilidad. 
+            Si no estás de acuerdo con estos términos, por favor no utilices la aplicación.
+          </p>
+        </section>
+      </div>
+
+      <div className="bg-muted/50 rounded-lg p-4 mt-6">
+        <p className="text-sm text-muted-foreground text-center">
+          Para dudas sobre el contenido, consulta con tu supervisor o instructor de formación.
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default DescargoResponsabilidad;
diff --git a/frontend/src/pages/DoseCalculator.tsx b/frontend/src/pages/DoseCalculator.tsx
new file mode 100644
index 00000000..464a0f54
--- /dev/null
+++ b/frontend/src/pages/DoseCalculator.tsx
@@ -0,0 +1,210 @@
+import { useState, useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronLeft, Pill, Info, RotateCcw, Search, AlertCircle } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent } from "../components/ui/card";
+import { Button } from "../components/ui/button";
+
+interface DrugDose {
+  name: string;
+  indication: string;
+  dose: string;
+  math: (weight: number) => number;
+  unit: string;
+  max?: number;
+  notes?: string;
+  category: 'resucitacion' | 'sedacion' | 'analgesia' | 'otros';
+}
+
+const DoseCalculator = () => {
+  const [weight, setWeight] = useState<number>(10);
+  const [searchTerm, setSearchTerm] = useState('');
+
+  const drugs: DrugDose[] = [
+    { 
+      name: 'Adrenalina (RCP)', 
+      indication: 'Parada cardiorrespiratoria', 
+      dose: '0.01 mg/kg (1:10.000)', 
+      math: (w) => w * 0.01, 
+      unit: 'mg (0.1 ml/kg)', 
+      category: 'resucitacion',
+      notes: 'Repetir cada 3-5 min. Concentración 1mg en 10ml.'
+    },
+    { 
+      name: 'Amiodarona', 
+      indication: 'FV / TV sin pulso (tras 3ª desfibrilación)', 
+      dose: '5 mg/kg', 
+      math: (w) => w * 5, 
+      unit: 'mg', 
+      max: 300, 
+      category: 'resucitacion' 
+    },
+    { 
+      name: 'Midazolam (Convulsión)', 
+      indication: 'Estatus epiléptico (vía IV)', 
+      dose: '0.1 mg/kg', 
+      math: (w) => w * 0.1, 
+      unit: 'mg', 
+      max: 5, 
+      category: 'sedacion' 
+    },
+    { 
+      name: 'Fentanilo', 
+      indication: 'Analgesia intensa (vía IV)', 
+      dose: '1 mcg/kg', 
+      math: (w) => w * 1, 
+      unit: 'mcg', 
+      category: 'analgesia' 
+    },
+    { 
+      name: 'Paracetamol', 
+      indication: 'Fiebre / Dolor leve (vía Oral)', 
+      dose: '15 mg/kg', 
+      math: (w) => w * 15, 
+      unit: 'mg', 
+      category: 'analgesia' 
+    },
+    { 
+      name: 'Salbutamol', 
+      indication: 'Broncoespasmo (Nebulizado)', 
+      dose: '0.15 mg/kg (min 2.5mg)', 
+      math: (w) => Math.max(2.5, w * 0.15), 
+      unit: 'mg', 
+      max: 5, 
+      category: 'otros' 
+    },
+  ];
+
+  const filteredDrugs = useMemo(() => {
+    return drugs.filter(d => 
+      d.name.toLowerCase().includes(searchTerm.toLowerCase()) || 
+      d.indication.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+  }, [searchTerm]);
+
+  const reset = () => {
+    setWeight(10);
+    setSearchTerm('');
+  };
+
+  return (
+    <div className="space-y-6 pb-32">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <Link to="/herramientas" className="p-2 hover:bg-muted rounded-full transition-colors">
+            <ChevronLeft className="w-6 h-6" />
+          </Link>
+          <h1 className="text-2xl font-bold flex items-center gap-2">
+            <Pill className="w-6 h-6 text-emerald-600" />
+            Dosis Pediátricas
+          </h1>
+        </div>
+        <Button variant="ghost" size="sm" onClick={reset} className="gap-2">
+          <RotateCcw className="w-4 h-4" /> Reset
+        </Button>
+      </div>
+
+      <Card className="border-2 border-emerald-500/20 bg-emerald-500/5">
+        <CardContent className="pt-6 space-y-4">
+          <div className="flex flex-col items-center gap-2">
+            <label className="text-sm font-black uppercase tracking-widest text-emerald-800">Peso del Paciente</label>
+            <div className="flex items-center gap-4">
+              <button 
+                className="w-12 h-12 rounded-full bg-white shadow-sm border border-emerald-200 flex items-center justify-center text-2xl font-bold"
+                onClick={() => setWeight(prev => Math.max(1, prev - 1))}
+              >-</button>
+              <div className="flex flex-col items-center">
+                <input 
+                  type="number" 
+                  value={weight} 
+                  onChange={(e) => setWeight(Number(e.target.value))}
+                  className="bg-transparent border-none text-5xl font-black text-center w-32 focus:ring-0"
+                />
+                <span className="text-sm font-bold opacity-60">KILOGRAMOS (kg)</span>
+              </div>
+              <button 
+                className="w-12 h-12 rounded-full bg-white shadow-sm border border-emerald-200 flex items-center justify-center text-2xl font-bold"
+                onClick={() => setWeight(prev => prev + 1)}
+              >+</button>
+            </div>
+          </div>
+          <div className="relative mt-4">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+            <input 
+              type="text" 
+              placeholder="Buscar fármaco o indicación..."
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
+              className="w-full bg-background/50 pl-10 pr-4 py-3 rounded-xl border border-emerald-200 focus:ring-2 focus:ring-emerald-500 transition-all"
+            />
+          </div>
+        </CardContent>
+      </Card>
+
+      <div className="grid gap-4">
+        {filteredDrugs.length > 0 ? (
+          filteredDrugs.map((drug) => {
+            const result = drug.math(weight);
+            const finalValue = (drug.max && result > drug.max) ? drug.max : result;
+            const isCapped = drug.max !== undefined && result > drug.max;
+
+            return (
+              <Card key={drug.name} className="overflow-hidden border-l-4 border-l-emerald-500">
+                <CardContent className="p-0">
+                  <div className="p-4 flex justify-between items-start bg-emerald-50/30">
+                    <div>
+                      <h3 className="font-black text-lg text-emerald-950 uppercase">{drug.name}</h3>
+                      <p className="text-xs text-muted-foreground font-medium">{drug.indication}</p>
+                    </div>
+                    <div className="bg-emerald-600 text-white px-3 py-1 rounded-full text-[10px] font-black uppercase">
+                      {drug.category}
+                    </div>
+                  </div>
+                  <div className="p-4 flex items-center justify-between border-t border-emerald-100 italic text-muted-foreground text-xs">
+                    <span>Dosis: {drug.dose}</span>
+                    {drug.max && <span>Máx: {drug.max} {drug.unit}</span>}
+                  </div>
+                  <div className="p-6 bg-white flex flex-col items-center">
+                    <div className="flex items-baseline gap-2">
+                      <span className="text-4xl font-black text-emerald-600">
+                        {finalValue.toLocaleString('es-ES', { maximumFractionDigits: 2 })}
+                      </span>
+                      <span className="text-xl font-bold text-emerald-900/60 uppercase">{drug.unit}</span>
+                    </div>
+                    {isCapped && (
+                      <div className="mt-2 flex items-center gap-1 text-[10px] text-orange-600 font-bold uppercase">
+                        <AlertCircle className="w-3 h-3" /> Dosis máxima alcanzada
+                      </div>
+                    )}
+                  </div>
+                  {drug.notes && (
+                    <div className="p-3 bg-muted/30 text-[10px] text-muted-foreground border-t border-muted border-dashed flex gap-2">
+                       <Info className="w-3 h-3 flex-shrink-0" />
+                       <p>{drug.notes}</p>
+                    </div>
+                  )}
+                </CardContent>
+              </Card>
+            );
+          })
+        ) : (
+          <div className="text-center py-20 opacity-30">
+            <RotateCcw className="w-12 h-12 mx-auto mb-2" />
+            <p className="font-bold">No se encontraron fármacos</p>
+          </div>
+        )}
+      </div>
+
+      <div className="bg-destructive/5 p-4 rounded-xl border border-destructive/10 flex gap-3">
+        <AlertCircle className="w-5 h-5 text-destructive flex-shrink-0 mt-0.5" />
+        <div className="space-y-1">
+          <p className="text-xs font-black text-destructive uppercase tracking-widest">Aviso de Seguridad</p>
+          <p className="text-[11px] text-destructive/80 leading-normal italic">
+            Esta herramienta es un apoyo al cálculo y no sustituye el juicio clínico. Verifique siempre la concentración de la ampolla antes de administrar. Dosis basadas en guías ERC/AHA 2021.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default DoseCalculator;
diff --git a/frontend/src/pages/Escena.tsx b/frontend/src/pages/Escena.tsx
new file mode 100644
index 00000000..982f3e43
--- /dev/null
+++ b/frontend/src/pages/Escena.tsx
@@ -0,0 +1,409 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Shield,
+  Activity,
+  Users,
+  Move,
+  Truck,
+  Check,
+  Square,
+  GitBranch,
+} from 'lucide-react';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+// Mock badge component
+const Badge = ({ variant, children }: { variant: string; children: React.ReactNode }) => (
+  <span className={`px-2 py-0.5 rounded-full text-xs font-medium ${variant === 'default' ? 'bg-muted text-muted-foreground' : ''}`}>
+    {children}
+  </span>
+);
+
+// Mock decision tree viewer (simplified)
+const DecisionTreeViewer = ({ tree, onReset }: { tree: any; onReset: () => void }) => (
+  <div className="p-4 bg-muted/50 rounded">
+    <h3 className="font-semibold text-foreground">{tree.title}</h3>
+    <p className="text-sm text-muted-foreground">{tree.description}</p>
+    {/* Simplified tree display */}
+    <div className="mt-4">
+      {tree.nodes?.map((node: any, index: number) => (
+        <div key={index} className="p-2 bg-white border rounded mb-2">
+          <p className="font-medium">{node.question}</p>
+          {node.options?.map((option: any, optIndex: number) => (
+            <div key={optIndex} className="flex items-center gap-2 mb-2">
+              <input type="radio" name={`node-${index}`} value={option.value} />
+              <label>{option.text}</label>
+            </div>
+          ))}
+        </div>
+      ))}
+    </div>
+    <button onClick={onReset} className="mt-4 px-4 py-2 bg-primary text-primary-foreground rounded hover:bg-primary/90">
+      Reiniciar
+    </button>
+  </div>
+);
+
+// Mock data from the original file
+const seguridadChecklist = [
+  'Valorar mecanismo lesional',
+  'Identificar riesgos: tráfico, fuego, químicos, electricidad',
+  'Usar EPI adecuado',
+  'Señalizar/balizar la zona',
+  'Solicitar recursos si es necesario',
+  'Establecer zona de seguridad',
+  'Acceso seguro a la víctima',
+];
+
+const abcdeContent = [
+  {
+    letter: 'A',
+    title: 'Airway - Vía Aérea',
+    points: [
+      'Permeabilidad vía aérea',
+      'Control cervical si trauma',
+      'Aspirar secreciones',
+      'Cánula orofaríngea si inconsciente',
+    ],
+  },
+  {
+    letter: 'B',
+    title: 'Breathing - Respiración',
+    points: [
+      'FR, profundidad, simetría',
+      'SpO2',
+      'Auscultación',
+      'Oxigenoterapia si precisa',
+    ],
+  },
+  {
+    letter: 'C',
+    title: 'Circulation - Circulación',
+    points: [
+      'FC, TA, relleno capilar',
+      'Control de hemorragias',
+      'Acceso venoso',
+      'Fluidoterapia si shock',
+    ],
+  },
+  {
+    letter: 'D',
+    title: 'Disability - Neurológico',
+    points: [
+      'Nivel consciencia (AVDN/Glasgow)',
+      'Pupilas',
+      'Glucemia',
+      'Movilidad extremidades',
+    ],
+  },
+  {
+    letter: 'E',
+    title: 'Exposure - Exposición',
+    points: [
+      'Desvestir para explorar',
+      'Prevenir hipotermia',
+      'Inspección completa',
+      'Buscar lesiones ocultas',
+    ],
+  },
+];
+
+const triageStart = [
+  { color: 'Negro', criteria: 'No respira tras apertura vía aérea', action: 'Fallecido / Expectante', colorClass: 'bg-foreground text-background' },
+  { color: 'Rojo', criteria: 'FR >30 o <10, TRC >2s, no obedece órdenes', action: 'Prioridad 1 - Inmediato', colorClass: 'bg-primary text-primary-foreground' },
+  { color: 'Amarillo', criteria: 'No puede caminar, pero estable', action: 'Prioridad 2 - Urgente', colorClass: 'bg-warning text-background' },
+  { color: 'Verde', criteria: 'Puede caminar', action: 'Prioridad 3 - Demorado', colorClass: 'bg-success text-background' },
+];
+
+const decisionTrees = [
+  {
+    id: 'tree1',
+    title: 'Árbol de Decisión Ejemplo',
+    description: 'Este es un árbol de decisión de ejemplo para demostrar la funcionalidad.',
+    category: 'soporte_vital',
+    nodes: [
+      {
+        id: '1',
+        question: '¿Está el paciente consciente?',
+        options: [
+          { value: 'yes', text: 'Sí' },
+          { value: 'no', text: 'No' },
+        ],
+      },
+    ],
+  },
+];
+
+const Escena = () => {
+  const [activeTab, setActiveTab] = useState('seguridad');
+  const [checkedItems, setCheckedItems] = useState<Set<number>>(new Set());
+  const [selectedTree, setSelectedTree] = useState<any>(null);
+
+  const toggleCheck = (index: number) => {
+    const newChecked = new Set(checkedItems);
+    if (newChecked.has(index)) {
+      newChecked.delete(index);
+    } else {
+      newChecked.add(index);
+    }
+    setCheckedItems(newChecked);
+  };
+
+  return (
+    <div className="space-y-4">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">
+          Actuación en Escena
+        </h1>
+        <p className="text-muted-foreground text-sm">
+          Seguridad, valoración y triage
+        </p>
+      </div>
+
+      {/* Tabs */}
+      <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-4 px-4">
+        {[ 
+          { id: 'seguridad', label: 'Seguridad', icon: Shield },
+          { id: 'abcde', label: 'ABCDE', icon: Activity },
+          { id: 'triage', label: 'Triage', icon: Users },
+          { id: 'decisiones', label: 'Decisiones', icon: GitBranch },
+          { id: 'inmovilizacion', label: 'Inmovil.', icon: Move },
+          { id: 'extricacion', label: 'Extric.', icon: Truck },
+        ].map((tab) => (
+          <button
+            key={tab.id}
+            onClick={() => setActiveTab(tab.id)}
+            className={`flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+              activeTab === tab.id
+                ? 'bg-secondary text-secondary-foreground'
+                : 'bg-muted text-muted-foreground hover:bg-accent'
+            }`}
+          >
+            <tab.icon className="w-4 h-4" />
+            {tab.label}
+          </button>
+        ))}
+      </div>
+
+      {/* Content */}
+      {activeTab === 'seguridad' && (
+        <div className="card-procedure">
+          <h3 className="font-bold text-foreground text-lg mb-4">
+            🛡️ Checklist Seguridad Escena
+          </h3>
+          <div className="space-y-2">
+            {seguridadChecklist.map((item, index) => (
+              <button
+                key={index}
+                onClick={() => toggleCheck(index)}
+                className="w-full flex items-center gap-3 p-3 rounded-lg bg-muted hover:bg-accent transition-colors text-left"
+              >
+                <div
+                  className={`w-6 h-6 rounded border-2 flex items-center justify-center transition-colors ${
+                    checkedItems.has(index)
+                      ? 'bg-success border-success'
+                      : 'border-muted-foreground'
+                  }`}
+                >
+                  {checkedItems.has(index) && (
+                    <Check className="w-4 h-4 text-background" />
+                  )}
+                </div>
+                <span
+                  className={`text-foreground ${
+                    checkedItems.has(index) ? 'line-through opacity-60' : ''
+                  }`}
+                >
+                  {item}
+                </span>
+              </button>
+            ))}
+          </div>
+          <button
+            onClick={() => setCheckedItems(new Set())}
+            className="mt-4 text-sm text-muted-foreground hover:text-foreground"
+          >
+            Reiniciar checklist
+          </button>
+        </div>
+      )}
+
+      {activeTab === 'abcde' && (
+        <div className="space-y-4">
+          {abcdeContent.map((section) => (
+            <div key={section.letter} className="card-procedure">
+              <div className="flex items-center gap-3 mb-3">
+                <span className="step-number text-lg">{section.letter}</span>
+                <h3 className="font-bold text-foreground">{section.title}</h3>
+              </div>
+              <ul className="space-y-2 ml-11">
+                {section.points.map((point, i) => (
+                  <li key={i} className="text-foreground flex items-start gap-2">
+                    <span className="text-primary">•</span>
+                    <span>{point}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {activeTab === 'triage' && (
+        <div className="card-procedure">
+          <h3 className="font-bold text-foreground text-lg mb-4">
+            🏥 Triage START (Adultos)
+          </h3>
+          <div className="space-y-3">
+            {triageStart.map((level) => (
+              <div
+                key={level.color}
+                className="flex items-stretch gap-3 rounded-lg overflow-hidden border border-border"
+              >
+                <div
+                  className={`w-20 flex items-center justify-center font-bold text-sm ${level.colorClass}`}
+                >
+                  {level.color}
+                </div>
+                <div className="flex-1 p-3">
+                  <p className="text-foreground text-sm font-medium">
+                    {level.criteria}
+                  </p>
+                  <p className="text-muted-foreground text-xs mt-1">
+                    {level.action}
+                  </p>
+                </div>
+              </div>
+            ))}
+          </div>
+          <p className="text-xs text-muted-foreground mt-4">
+            JumpSTART para pediátricos: ajustar FR (15-45 normal en lactantes)
+          </p>
+        </div>
+      )}
+
+      {activeTab === 'decisiones' && (
+        <div className="space-y-4">
+          {!selectedTree ? (
+            <>
+              <div>
+                <h3 className="font-bold text-foreground text-lg mb-2">
+                  🌳 Árboles de Decisión Binarios
+                </h3>
+                <p className="text-muted-foreground text-sm mb-4">
+                  Selecciona un árbol para tomar decisiones rápidas paso a paso
+                </p>
+              </div>
+              <div className="space-y-3">
+                {decisionTrees.map((tree) => (
+                  <button
+                    key={tree.id}
+                    onClick={() => setSelectedTree(tree)}
+                    className="w-full text-left card-procedure hover:bg-accent transition-colors"
+                  >
+                    <div className="flex items-start justify-between gap-3">
+                      <div className="flex-1">
+                        <h4 className="font-semibold text-foreground mb-1">
+                          {tree.title}
+                        </h4>
+                        <p className="text-muted-foreground text-sm">
+                          {tree.description}
+                        </p>
+                      </div>
+                      <Badge variant="default" className="shrink-0">
+                        {tree.category === 'soporte_vital' ? 'SVB' : tree.category}
+                      </Badge>
+                    </div>
+                  </button>
+                ))}
+              </div>
+            </>
+          ) : (
+            <div>
+              <button
+                onClick={() => setSelectedTree(null)}
+                className="mb-4 text-sm text-muted-foreground hover:text-foreground flex items-center gap-2"
+              >
+                ← Volver a lista de árboles
+              </button>
+              <DecisionTreeViewer
+                tree={selectedTree}
+                onReset={() => setSelectedTree(null)}
+              />
+            </div>
+          )}
+        </div>
+      )}
+
+      {activeTab === 'inmovilizacion' && (
+        <div className="card-procedure">
+          <h3 className="font-bold text-foreground text-lg mb-4">
+            🦴 Inmovilización
+          </h3>
+          <div className="space-y-4">
+            <div>
+              <h4 className="font-semibold text-foreground mb-2">
+                Indicaciones de inmovilización espinal
+              </h4>
+              <ul className="space-y-1 text-foreground text-sm">
+                <li>• Mecanismo lesional de riesgo</li>
+                <li>• Dolor cervical o dorsolumbar</li>
+                <li>• Déficit neurológico</li>
+                <li>• Alteración nivel consciencia</li>
+                <li>• Intoxicación que impide valoración</li>
+              </ul>
+            </div>
+            <div>
+              <h4 className="font-semibold text-foreground mb-2">Material</h4>
+              <div className="flex flex-wrap gap-2">
+                <Badge variant="default">Collarín cervical</Badge>
+                <Badge variant="default">Tabla espinal</Badge>
+                <Badge variant="default">Dama de Elche</Badge>
+                <Badge variant="default">Férula de tracción</Badge>
+                <Badge variant="default">Férulas de vacío</Badge>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {activeTab === 'extricacion' && (
+        <div className="card-procedure">
+          <h3 className="font-bold text-foreground text-lg mb-4">
+            🚗 Extricación Vehicular
+          </h3>
+          <div className="space-y-4">
+            <div>
+              <h4 className="font-semibold text-muted-foreground text-sm uppercase tracking-wide mb-2">
+                Maniobra de Rautek
+              </h4>
+              <ol className="space-y-2">
+                {[
+                  'Aproximarse por detrás de la víctima',
+                  'Pasar brazos bajo axilas',
+                  'Sujetar antebrazo de víctima contra su pecho',
+                  'Extraer arrastrando hacia atrás',
+                  'Mantener alineación espinal',
+                ].map((step, i) => (
+                  <li key={i} className="flex items-start gap-3">
+                    <span className="step-number">{i + 1}</span>
+                    <span className="text-foreground pt-1">{step}</span>
+                  </li>
+                ))}
+              </ol>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Escena;
\ No newline at end of file
diff --git a/frontend/src/pages/Farmacos.tsx b/frontend/src/pages/Farmacos.tsx
new file mode 100644
index 00000000..77c0d84e
--- /dev/null
+++ b/frontend/src/pages/Farmacos.tsx
@@ -0,0 +1,261 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Search,
+  Info,
+  BookOpen,
+  Cloud,
+} from 'lucide-react';
+
+// Mock data for drugs and TES medications
+interface Drug {
+  id: string;
+  name: string;
+  category: string; // matches the category ids in the categories array below
+  description?: string;
+  dose?: string;
+  route?: string;
+}
+
+interface TESMedication {
+  id: string;
+  name: string;
+  category: string; // matches the category ids in the tesCategories array below
+  description?: string;
+  dose?: string;
+  route?: string;
+}
+
+// Mock drugs data (simplified)
+const mockDrugs: Drug[] = [
+  { id: '1', name: 'Salbutamol', category: 'respiratorio', description: 'Broncodilatador', dose: '2.5-5 mg nebulizado', route: 'Inhalatorio' },
+  { id: '2', name: 'Ipratropio', category: 'respiratorio', description: 'Anticolinérgico', dose: '250-500 mcg nebulizado', route: 'Inhalatorio' },
+  { id: '3', name: 'Adrenalina', category: 'cardiovascular', description: 'Vasoconstrictor y broncodilatador', dose: '0.5-1 mg IM o 0.1 mg IV', route: 'IM/IV' },
+  { id: '4', name: 'Noradrenalina', category: 'cardiovascular', description: 'Vasoconstrictor', dose: '0.05-0.5 mcg/kg/min IV', route: 'IV' },
+  { id: '5', name: 'Ondansetron', category: 'analgesia', description: 'Antiemético', dose: '4-8 mg IV/IM', route: 'IV/IM' },
+  { id: '6', name: 'Paracetamol', category: 'analgesia', description: 'Analgésico y antitérmico', dose: '1g PO/IV/IM', route: 'PO/IV/IM' },
+  { id: '7', name: 'Salina 0.9%', category: 'oxigenoterapia', description: 'Solución cristaloide isotónica', dose: 'Según requerimiento', route: 'IV' },
+  { id: '8', name: 'Glucosa 50%', category: 'oxigenoterapia', description: 'Solución de dextrosa hipertonica', dose: '25-50 mL IV', route: 'IV' },
+];
+
+// Mock TES medications data (simplified)
+const mockTESMedications: TESMedication[] = [
+  { id: 't1', name: 'Glucosa oral', category: 'hipoglucemia', description: 'Para tratamiento de hipoglucemia consciente', dose: '15-20 g de azúcar o equivalente', route: 'Oral' },
+  { id: 't2', name: 'Glucagón IM', category: 'hipoglucemia', description: 'Para tratamiento de hipoglucemia inconsciente', dose: '1 mg IM', route: 'IM' },
+  { id: 't3', name: 'Salbutamol', category: 'respiratorio', description: 'Broncodilatador para crisis asmática', dose: '2.5-5 mg nebulizado', route: 'Inhalatorio' },
+  { id: 't4', name: 'Ipratropio', category: 'respiratorio', description: 'Anticolinérgico para crisis respiratoria', dose: '250-500 mcg nebulizado', route: 'Inhalatorio' },
+  { id: 't5', name: 'Adrenalina Autoinyectable', category: 'anafilaxia', description: 'Para tratamiento de reacción anafiláctica', dose: '0.3-0.5 mg IM', route: 'IM' },
+  { id: 't6', name: 'Difenhidramina', category: 'anafilaxia', description: 'Antihistamínico para reacción alérgica', dose: '25-50 mg IV/IM', route: 'IV/IM' },
+];
+
+// Categories for drugs (from original)
+const categories = [
+  { id: 'tes', label: 'Medicación TES' },
+  { id: 'todos', label: 'Todos' },
+  { id: 'oxigenoterapia', label: 'Oxigenoterapia' },
+  { id: 'cardiovascular', label: 'Cardiovascular' },
+  { id: 'respiratorio', label: 'Respiratorio' },
+  { id: 'neurologico', label: 'Neurológico' },
+  { id: 'analgesia', label: 'Analgesia' },
+  { id: 'otros', label: 'Otros' },
+];
+
+// Categories for TES medications (from original)
+const tesCategories = [
+  { id: 'todos', label: 'Todos' },
+  { id: 'hipoglucemia', label: 'Hipoglucemias' },
+  { id: 'respiratorio', label: 'Crisis Respiratorias' },
+  { id: 'anafilaxia', label: 'Crisis Anafilácticas' },
+];
+
+// Mock components for guides (we'll skip them for now and just show buttons that toggle modals, but we won't implement the modals)
+const DrugAdministrationGuide = () => null;
+const PharmaceuticalTerminologyGuide = () => null;
+
+// Mock component for drug card (simplified)
+const DrugCard = ({ drug, defaultExpanded }: { drug: Drug; defaultExpanded?: boolean }) => (
+  <div className="border border-gray-200 rounded-lg p-4 mb-4">
+    <h3 className="font-semibold text-gray-800">{drug.name}</h3>
+    <p className="text-gray-600">{drug.description}</p>
+    {drug.dose && <p className="text-sm text-gray-500"><strong>Dosis:</strong> {drug.dose}</p>}
+    {drug.route && <p className="text-sm text-gray-500"><strong>Vía:</strong> {drug.route}</p>}
+  </div>
+);
+
+// Mock component for TES medication card (simplified)
+const TESMedicationCard = ({ medication }: { medication: TESMedication }) => (
+  <div className="border border-gray-200 rounded-lg p-4 mb-4">
+    <h3 className="font-semibold text-gray-800">{medication.name}</h3>
+    <p className="text-gray-600">{medication.description}</p>
+    {medication.dose && <p className="text-sm text-gray-500"><strong>Dosis:</strong> {medication.dose}</p>}
+    {medication.route && <p className="text-sm text-gray-500"><strong>Vía:</strong> {medication.route}</p>}
+  </div>
+);
+
+const Farmacos = () => {
+  const [showAdministrationGuide, setShowAdministrationGuide] = useState(false);
+  const [showTerminologyGuide, setShowTerminologyGuide] = useState(false);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [activeCategory, setActiveCategory] = useState<string>('todos');
+  const [activeTESCategory, setActiveTESCategory] = useState<string>('todos');
+
+  // Filter drugs based on activeCategory and searchQuery
+  const filteredDrugs = mockDrugs.filter(drug => {
+    const matchesCategory = activeCategory === 'todos' || activeCategory === 'tes' ? true : drug.category === activeCategory;
+    const matchesSearch = drug.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                          (drug.description && drug.description.toLowerCase().includes(searchQuery.toLowerCase()));
+    return matchesCategory && matchesSearch;
+  });
+
+  // Filter TES medications based on activeTESCategory and searchQuery
+  const filteredTESMedications = mockTESMedications.filter(med => {
+    const matchesCategory = activeTESCategory === 'todos' || activeTESCategory === 'tes' ? true : med.category === activeTESCategory;
+    const matchesSearch = med.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                          (med.description && med.description.toLowerCase().includes(searchQuery.toLowerCase()));
+    return matchesCategory && matchesSearch;
+  });
+
+  // If activeCategory is 'tes', we show TES medications, otherwise we show drugs
+  const showTES = activeCategory === 'tes';
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <div className="flex items-center gap-2">
+            <h1 className="text-2xl font-bold text-foreground">Fármacos</h1>
+            {/* We'll skip the external flag for now */}
+          </div>
+          <p className="text-muted-foreground text-sm">
+            Vademécum de emergencias
+          </p>
+        </div>
+      </div>
+
+      {/* We'll skip the guides for now and just show placeholder buttons */}
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <button
+            onClick={() => setShowAdministrationGuide(true)}
+            className="flex items-center gap-2 px-4 py-2 text-sm text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded-lg transition-colors"
+          >
+            <Info className="w-4 h-4" />
+            Ver Principios de Administración
+          </button>
+          <button
+            onClick={() => setShowTerminologyGuide(true)}
+            className="flex items-center gap-2 px-4 py-2 text-sm text-purple-600 hover:text-purple-700 hover:bg-purple-50 rounded-lg transition-colors"
+          >
+            <BookOpen className="w-4 h-4" />
+            Ver Abreviaturas y Terminología
+          </button>
+        </div>
+        <div className="flex items-center gap-2">
+          <button
+            onClick={() => {
+              setShowAdministrationGuide(false);
+              setShowTerminologyGuide(false);
+            }}
+            className="px-4 py-2 bg-gray-200 text-gray-600 rounded hover:bg-gray-300"
+          >
+            Cerrar guías
+          </button>
+        </div>
+      </div>
+
+      {/* Search */}
+      <div className="relative mb-4">
+        <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground" />
+        <input
+          type="text"
+          value={searchQuery}
+          onChange={(e) => setSearchQuery(e.target.value)}
+          placeholder="Buscar fármaco..."
+          className="w-full pl-10 pr-4 h-12 bg-card border border-border rounded-xl text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
+        />
+      </div>
+
+      {/* Category Tabs */}
+      <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-2 px-2 mb-4">
+        {categories.map((cat) => (
+          <button
+            key={cat.id}
+            onClick={() => {
+              setActiveCategory(cat.id);
+              if (cat.id !== 'tes') {
+                setActiveTESCategory('todos'); // Reset TES category when switching to non-TES category
+              }
+            }}
+            className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+              activeCategory === cat.id
+                ? 'bg-secondary text-secondary-foreground'
+                : 'bg-muted text-muted-foreground hover:bg-accent'
+            }`}
+          >
+            {cat.label}
+          </button>
+        ))}
+      </div>
+
+      {/* TES Medication Subcategories (only show when activeCategory is 'tes') */}
+      {activeCategory === 'tes' && (
+        <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-2 px-2 mb-4">
+          {tesCategories.map((cat) => (
+            <button
+              key={cat.id}
+              onClick={() => setActiveTESCategory(cat.id)}
+              className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                activeTESCategory === cat.id
+                  ? 'bg-primary text-primary-foreground'
+                  : 'bg-muted text-muted-foreground hover:bg-accent'
+              }`}
+            >
+              {cat.label}
+            </button>
+          ))}
+        </div>
+      )}
+
+      {/* Results */}
+      <div className="space-y-4">
+        {showTES ? (
+          <>
+            {filteredTESMedications.length > 0 ? (
+              <>
+                <h2 className="text-xl font-semibold text-foreground mb-2">Medicaciones TES</h2>
+                <div className="space-y-3">
+                  {filteredTESMedications.map((med) => (
+                    <TESMedicationCard key={med.id} medication={med} />
+                  ))}
+                </div>
+              </>
+            ) : (
+              <div className="text-center py-8">
+                <p className="text-muted-foreground">No se encontraron medicaciones TES</p>
+              </div>
+            )}
+          </>
+        ) : (
+          <>
+            {filteredDrugs.length > 0 ? (
+              <>
+                <h2 className="text-xl font-semibold text-foreground mb-2">Fármacos</h2>
+                <div className="space-y-3">
+                  {filteredDrugs.map((drug) => (
+                    <DrugCard key={drug.id} drug={drug} defaultExpanded={false} />
+                  ))}
+                </div>
+              </>
+            ) : (
+              <div className="text-center py-8">
+                <p className="text-muted-foreground">No se encontraron fármacos</p>
+              </div>
+            )}
+          </>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default Farmacos;
\ No newline at end of file
diff --git a/frontend/src/pages/Favoritos.tsx b/frontend/src/pages/Favoritos.tsx
new file mode 100644
index 00000000..f93e2ab9
--- /dev/null
+++ b/frontend/src/pages/Favoritos.tsx
@@ -0,0 +1,95 @@
+import { Link } from 'react-router-dom';
+import { Heart, Trash2, ChevronRight, FileText, AlertCircle } from 'lucide-react';
+import { useFavorites } from '@/hooks/useFavorites';
+
+const Favoritos = () => {
+  const { favorites, loading, removeFavorite, clearAll } = useFavorites();
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[50vh]">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground mb-1 flex items-center gap-2">
+            <Heart className="w-6 h-6 text-red-500" />
+            Favoritos
+          </h1>
+          <p className="text-muted-foreground text-sm">
+            Tus protocolos y guías guardadas
+          </p>
+        </div>
+        {favorites.length > 0 && (
+          <button
+            onClick={clearAll}
+            className="text-sm text-muted-foreground hover:text-destructive"
+          >
+            Limpiar todo
+          </button>
+        )}
+      </div>
+
+      {favorites.length === 0 ? (
+        <div className="text-center py-12">
+          <Heart className="w-16 h-16 mx-auto text-muted-foreground/30 mb-4" />
+          <h3 className="text-lg font-medium text-foreground mb-2">
+            No tienes favoritos
+          </h3>
+          <p className="text-muted-foreground text-sm mb-4">
+            Guarda protocolos para acceder rápidamente
+          </p>
+          <Link
+            to="/"
+            className="inline-flex items-center gap-2 text-primary hover:underline"
+          >
+            Ver protocolos <ChevronRight className="w-4 h-4" />
+          </Link>
+        </div>
+      ) : (
+        <div className="space-y-2">
+          {favorites.map((item) => (
+            <div
+              key={item.id}
+              className="flex items-center justify-between p-4 bg-card rounded-lg border hover:bg-accent/50 transition-colors"
+            >
+              <Link to={item.path} className="flex items-center gap-3 flex-1">
+                <FileText className="w-5 h-5 text-muted-foreground" />
+                <div>
+                  <h3 className="font-medium text-foreground">{item.title}</h3>
+                  <p className="text-xs text-muted-foreground capitalize">
+                    {item.category}
+                  </p>
+                </div>
+              </Link>
+              <button
+                onClick={() => removeFavorite(item.id)}
+                className="p-2 text-muted-foreground hover:text-destructive transition-colors"
+                title="Eliminar de favoritos"
+              >
+                <Trash2 className="w-4 h-4" />
+              </button>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {favorites.length > 0 && (
+        <div className="bg-muted/50 rounded-lg p-4 flex items-start gap-3">
+          <AlertCircle className="w-5 h-5 text-muted-foreground flex-shrink-0 mt-0.5" />
+          <div className="text-sm text-muted-foreground">
+            <p className="font-medium text-foreground mb-1">Nota</p>
+            <p>Los favoritos se guardan en este dispositivo. No se sincronizan entre dispositivos.</p>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Favoritos;
diff --git a/frontend/src/pages/Galeria.tsx b/frontend/src/pages/Galeria.tsx
new file mode 100644
index 00000000..3cffb61b
--- /dev/null
+++ b/frontend/src/pages/Galeria.tsx
@@ -0,0 +1,211 @@
+import { useState } from 'react';
+import { 
+  Image, 
+  Grid, 
+  List, 
+  Search, 
+  Download, 
+  ZoomIn,
+  X,
+  ChevronLeft,
+  ChevronRight
+} from 'lucide-react';
+
+interface GalleryItem {
+  id: string;
+  title: string;
+  category: string;
+  src: string;
+  thumbnail?: string;
+  description?: string;
+}
+
+const Galeria = () => {
+  const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');
+  const [searchQuery, setSearchQuery] = useState('');
+  const [selectedCategory, setSelectedCategory] = useState('all');
+  const [selectedImage, setSelectedImage] = useState<GalleryItem | null>(null);
+
+  const categories = [
+    { id: 'all', label: 'Todos' },
+    { id: 'protocolos', label: 'Protocolos' },
+    { id: 'anatomia', label: 'Anatomía' },
+    { id: 'equipos', label: 'Equipos' },
+    { id: 'farmacos', label: 'Fármacos' },
+    { id: 'material', label: 'Material' },
+  ];
+
+  const items: GalleryItem[] = [
+    { id: '1', title: 'RCP Adultos', category: 'protocolos', src: '/images/rcp-adultos.jpg', description: 'Algoritmo de RCP en adultos' },
+    { id: '2', title: 'RCP Pediátrico', category: 'protocolos', src: '/images/rcp-pediatrico.jpg', description: 'Algoritmo de RCP en pediátricos' },
+    { id: '3', title: 'Vía Aérea', category: 'protocolos', src: '/images/via-aerea.jpg', description: 'Protocolo de manejo de vía aérea' },
+    { id: '4', title: 'Corazón', category: 'anatomia', src: '/images/corazon.jpg', description: 'Anatomía del corazón' },
+    { id: '5', title: 'Pulmones', category: 'anatomia', src: '/images/pulmones.jpg', description: 'Anatomía del sistema respiratorio' },
+    { id: '6', title: 'Desfibrilador', category: 'equipos', src: '/images/desfibrilador.jpg', description: 'Uso del DEA' },
+    { id: '7', title: 'Botiquín', category: 'material', src: '/images/botiquin.jpg', description: 'Contenido del botiquín de emergencias' },
+  ];
+
+  const filteredItems = items.filter(item => {
+    const matchesSearch = item.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                         item.description?.toLowerCase().includes(searchQuery.toLowerCase());
+    const matchesCategory = selectedCategory === 'all' || item.category === selectedCategory;
+    return matchesSearch && matchesCategory;
+  });
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Galería</h1>
+        <p className="text-muted-foreground text-sm">
+          Imágenes y recursos visuales
+        </p>
+      </div>
+
+      {/* Buscador y filtros */}
+      <div className="space-y-3">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <input
+            type="text"
+            placeholder="Buscar imágenes..."
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            className="w-full pl-10 pr-4 py-2 bg-card border border-border rounded-lg text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-primary"
+          />
+        </div>
+
+        <div className="flex items-center justify-between">
+          <div className="flex gap-2 overflow-x-auto pb-2">
+            {categories.map((cat) => (
+              <button
+                key={cat.id}
+                onClick={() => setSelectedCategory(cat.id)}
+                className={`px-3 py-1.5 rounded-full text-sm whitespace-nowrap transition-colors ${
+                  selectedCategory === cat.id
+                    ? 'bg-primary text-primary-foreground'
+                    : 'bg-muted text-muted-foreground hover:bg-muted/80'
+                }`}
+              >
+                {cat.label}
+              </button>
+            ))}
+          </div>
+
+          <div className="flex gap-1">
+            <button
+              onClick={() => setViewMode('grid')}
+              className={`p-2 rounded transition-colors ${
+                viewMode === 'grid' 
+                  ? 'bg-primary text-primary-foreground' 
+                  : 'bg-muted text-muted-foreground hover:bg-muted/80'
+              }`}
+            >
+              <Grid className="w-4 h-4" />
+            </button>
+            <button
+              onClick={() => setViewMode('list')}
+              className={`p-2 rounded transition-colors ${
+                viewMode === 'list' 
+                  ? 'bg-primary text-primary-foreground' 
+                  : 'bg-muted text-muted-foreground hover:bg-muted/80'
+              }`}
+            >
+              <List className="w-4 h-4" />
+            </button>
+          </div>
+        </div>
+      </div>
+
+      {/* Grid de imágenes */}
+      {filteredItems.length === 0 ? (
+        <div className="text-center py-12">
+          <Image className="w-12 h-12 mx-auto text-muted-foreground mb-3" />
+          <p className="text-muted-foreground">No se encontraron imágenes</p>
+        </div>
+      ) : viewMode === 'grid' ? (
+        <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
+          {filteredItems.map((item) => (
+            <button
+              key={item.id}
+              onClick={() => setSelectedImage(item)}
+              className="relative aspect-square bg-muted rounded-lg overflow-hidden group hover:ring-2 hover:ring-primary transition-all"
+            >
+              <div className="absolute inset-0 flex items-center justify-center">
+                <Image className="w-8 h-8 text-muted-foreground" />
+              </div>
+              <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent">
+                <p className="text-xs text-white font-medium truncate">{item.title}</p>
+              </div>
+              <div className="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity bg-black/30">
+                <ZoomIn className="w-6 h-6 text-white" />
+              </div>
+            </button>
+          ))}
+        </div>
+      ) : (
+        <div className="space-y-2">
+          {filteredItems.map((item) => (
+            <button
+              key={item.id}
+              onClick={() => setSelectedImage(item)}
+              className="w-full flex items-center gap-3 p-3 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors text-left"
+            >
+              <div className="w-16 h-16 bg-muted rounded flex items-center justify-center flex-shrink-0">
+                <Image className="w-6 h-6 text-muted-foreground" />
+              </div>
+              <div className="flex-1 min-w-0">
+                <p className="font-medium text-foreground truncate">{item.title}</p>
+                <p className="text-sm text-muted-foreground truncate">{item.description}</p>
+              </div>
+              <ZoomIn className="w-4 h-4 text-muted-foreground" />
+            </button>
+          ))}
+        </div>
+      )}
+
+      <p className="text-xs text-muted-foreground text-center">
+        {filteredItems.length} imágenes
+      </p>
+
+      {/* Modal de imagen */}
+      {selectedImage && (
+        <div className="fixed inset-0 z-50 bg-black/90 flex items-center justify-center">
+          <button
+            onClick={() => setSelectedImage(null)}
+            className="absolute top-4 right-4 p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
+          >
+            <X className="w-6 h-6 text-white" />
+          </button>
+          
+          <button
+            className="absolute left-4 p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
+          >
+            <ChevronLeft className="w-6 h-6 text-white" />
+          </button>
+          
+          <div className="max-w-4xl max-h-[80vh] p-4">
+            <div className="bg-muted rounded-lg aspect-video flex items-center justify-center">
+              <Image className="w-16 h-16 text-muted-foreground" />
+            </div>
+            <div className="mt-4 text-center">
+              <h3 className="text-lg font-medium text-white">{selectedImage.title}</h3>
+              <p className="text-sm text-white/70">{selectedImage.description}</p>
+            </div>
+          </div>
+
+          <button
+            className="absolute right-4 p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
+          >
+            <ChevronRight className="w-6 h-6 text-white" />
+          </button>
+
+          <button className="absolute bottom-4 right-4 p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors">
+            <Download className="w-6 h-6 text-white" />
+          </button>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Galeria;
\ No newline at end of file
diff --git a/frontend/src/pages/GlasgowCalculator.tsx b/frontend/src/pages/GlasgowCalculator.tsx
new file mode 100644
index 00000000..c970bca5
--- /dev/null
+++ b/frontend/src/pages/GlasgowCalculator.tsx
@@ -0,0 +1,186 @@
+import { useState, useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronLeft, Info, Brain, Baby, User } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent } from "../components/ui/card";
+import { Button } from "../components/ui/button";
+
+interface Option {
+  val: number;
+  label: string;
+}
+
+const GlasgowCalculator = () => {
+  const [isPediatric, setIsPediatric] = useState(false);
+  const [eye, setEye] = useState<number>(0);
+  const [verbal, setVerbal] = useState<number>(0);
+  const [motor, setMotor] = useState<number>(0);
+
+  const eyeOptions: Option[] = [
+    { val: 4, label: 'Espontánea' },
+    { val: 3, label: 'A la orden/voz' },
+    { val: 2, label: 'Al dolor' },
+    { val: 1, label: 'Ninguna' },
+  ];
+
+  const verbalOptionsAdult: Option[] = [
+    { val: 5, label: 'Orientado' },
+    { val: 4, label: 'Confuso' },
+    { val: 3, label: 'Palabras inapropiadas' },
+    { val: 2, label: 'Sonidos ininteligibles' },
+    { val: 1, label: 'Ninguna' },
+  ];
+
+  const verbalOptionsPediatric: Option[] = [
+    { val: 5, label: 'Gorjeo / balbuceo' },
+    { val: 4, label: 'Llanto irritable' },
+    { val: 3, label: 'Llanto al dolor' },
+    { val: 2, label: 'Gemido al dolor' },
+    { val: 1, label: 'Ninguna' },
+  ];
+
+  const motorOptionsAdult: Option[] = [
+    { val: 6, label: 'Obedece órdenes' },
+    { val: 5, label: 'Localiza el dolor' },
+    { val: 4, label: 'Retirada al dolor' },
+    { val: 3, label: 'Flexión anormal (descorticación)' },
+    { val: 2, label: 'Extensión anormal (descerebración)' },
+    { val: 1, label: 'Ninguna' },
+  ];
+
+  const motorOptionsPediatric: Option[] = [
+    { val: 6, label: 'Movimientos normales' },
+    { val: 5, label: 'Retirada al tocarlo' },
+    { val: 4, label: 'Retirada al dolor' },
+    { val: 3, label: 'Flexión anormal' },
+    { val: 2, label: 'Extensión anormal' },
+    { val: 1, label: 'Ninguna' },
+  ];
+
+  const score = eye + verbal + motor;
+
+  const severity = useMemo(() => {
+    if (eye === 0 || verbal === 0 || motor === 0) return null;
+    if (score >= 13) return { label: 'Leve', color: 'text-green-500' };
+    if (score >= 9) return { label: 'Moderado', color: 'text-yellow-500' };
+    return { label: 'Grave', color: 'text-red-500' };
+  }, [score, eye, verbal, motor]);
+
+  return (
+    <div className="space-y-6 pb-20">
+      {/* Header */}
+      <div className="flex items-center gap-3">
+        <Link to="/herramientas" className="p-2 hover:bg-muted rounded-full">
+          <ChevronLeft className="w-6 h-6" />
+        </Link>
+        <h1 className="text-2xl font-bold flex items-center gap-2">
+          <Brain className="w-6 h-6 text-primary" />
+          Escala de Glasgow (GCS)
+        </h1>
+      </div>
+
+      {/* Mode Selector */}
+      <div className="flex p-1 bg-muted rounded-xl">
+        <button
+          onClick={() => setIsPediatric(false)}
+          className={`flex-1 flex items-center justify-center gap-2 py-2 rounded-lg transition-all ${!isPediatric ? 'bg-background shadow-sm' : 'text-muted-foreground'}`}
+        >
+          <User className="w-4 h-4" /> Adulto
+        </button>
+        <button
+          onClick={() => setIsPediatric(true)}
+          className={`flex-1 flex items-center justify-center gap-2 py-2 rounded-lg transition-all ${isPediatric ? 'bg-background shadow-sm' : 'text-muted-foreground'}`}
+        >
+          <Baby className="w-4 h-4" /> Lactante / Ped.
+        </button>
+      </div>
+
+      <div className="grid gap-4">
+        {/* Apertura Ocular */}
+        <Card className="border-l-4 border-l-blue-500">
+          <CardHeader className="py-3 px-4">
+            <CardTitle className="text-sm font-semibold uppercase tracking-wider text-muted-foreground">Ocular (E)</CardTitle>
+          </CardHeader>
+          <CardContent className="px-4 pb-4 flex flex-wrap gap-2">
+            {eyeOptions.map((opt) => (
+              <Button
+                key={opt.val}
+                variant={eye === opt.val ? 'default' : 'outline'}
+                onClick={() => setEye(opt.val)}
+                className="flex-1 min-w-[140px] justify-start h-auto py-3 px-4 text-left"
+              >
+                <span className="text-lg font-bold mr-3">{opt.val}</span>
+                <span className="text-xs">{opt.label}</span>
+              </Button>
+            ))}
+          </CardContent>
+        </Card>
+
+        {/* Respuesta Verbal */}
+        <Card className="border-l-4 border-l-green-500">
+          <CardHeader className="py-3 px-4">
+            <CardTitle className="text-sm font-semibold uppercase tracking-wider text-muted-foreground">Verbal (V)</CardTitle>
+          </CardHeader>
+          <CardContent className="px-4 pb-4 flex flex-wrap gap-2">
+            {(isPediatric ? verbalOptionsPediatric : verbalOptionsAdult).map((opt) => (
+              <Button
+                key={opt.val}
+                variant={verbal === opt.val ? 'default' : 'outline'}
+                onClick={() => setVerbal(opt.val)}
+                className="flex-1 min-w-[140px] justify-start h-auto py-3 px-4 text-left"
+              >
+                <span className="text-lg font-bold mr-3">{opt.val}</span>
+                <span className="text-xs">{opt.label}</span>
+              </Button>
+            ))}
+          </CardContent>
+        </Card>
+
+        {/* Respuesta Motora */}
+        <Card className="border-l-4 border-l-purple-500">
+          <CardHeader className="py-3 px-4">
+            <CardTitle className="text-sm font-semibold uppercase tracking-wider text-muted-foreground">Motora (M)</CardTitle>
+          </CardHeader>
+          <CardContent className="px-4 pb-4 flex flex-wrap gap-2">
+            {(isPediatric ? motorOptionsPediatric : motorOptionsAdult).map((opt) => (
+              <Button
+                key={opt.val}
+                variant={motor === opt.val ? 'default' : 'outline'}
+                onClick={() => setMotor(opt.val)}
+                className="flex-1 min-w-[140px] justify-start h-auto py-3 px-4 text-left"
+              >
+                <span className="text-lg font-bold mr-3">{opt.val}</span>
+                <span className="text-xs">{opt.label}</span>
+              </Button>
+            ))}
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Result Panel */}
+      {eye > 0 && verbal > 0 && motor > 0 && (
+        <div className="fixed bottom-20 left-4 right-4 animate-in fade-in slide-in-from-bottom-4 duration-300">
+          <div className="bg-card border-2 border-primary rounded-2xl p-6 shadow-2xl flex items-center justify-between">
+            <div className="space-y-1">
+              <div className="text-xs text-muted-foreground uppercase font-bold tracking-widest">Resultado GCS</div>
+              <div className="text-4xl font-black text-foreground">
+                {score} <span className="text-xl font-normal text-muted-foreground">/ 15</span>
+              </div>
+            </div>
+            <div className="text-right space-y-1">
+              <div className={`text-xl font-bold ${severity?.color}`}>{severity?.label}</div>
+              <div className="text-xs text-muted-foreground italic">E{eye} V{verbal} M{motor}</div>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Info Alert */}
+      <div className="bg-muted/50 p-4 rounded-xl flex gap-3 text-sm text-muted-foreground">
+        <Info className="w-5 h-5 flex-shrink-0 text-primary" />
+        <p>Un GCS ≤ 8 suele requerir aseguramiento avanzado de la vía aérea e intubación orotraqueal (SVA).</p>
+      </div>
+    </div>
+  );
+};
+
+export default GlasgowCalculator;
diff --git a/frontend/src/pages/Herramientas.tsx b/frontend/src/pages/Herramientas.tsx
new file mode 100644
index 00000000..f0587a80
--- /dev/null
+++ b/frontend/src/pages/Herramientas.tsx
@@ -0,0 +1,632 @@
+import { useState, useEffect, useRef } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Calculator,
+  Table,
+  AlertCircle,
+  AlertTriangle,
+  BookOpen,
+  Play,
+  Pause,
+  RotateCcw,
+  Heart,
+  Wind,
+  Timer,
+  Droplets,
+  Ruler,
+  Scale,
+  Activity,
+  ChevronRight,
+  Flame,
+  Pill,
+} from 'lucide-react';
+
+const GlasgowCalculator = () => {
+  return (
+    <Link to="/herramientas/glasgow" className="block card-procedure p-4 hover:border-primary/50 transition-colors">
+      <div className="flex items-center gap-3 mb-2">
+        <Activity className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Escala de Glasgow (GCS)</h3>
+      </div>
+      <p className="text-sm text-muted-foreground mb-3">
+        Evaluación neurológica rápida con criterios específicos para **Adultos** y **Lactantes/Pediatría**.
+      </p>
+      <div className="flex justify-between items-center bg-muted/50 p-2 rounded-lg">
+        <span className="text-xs font-medium">Ver calculadora avanzada</span>
+        <ChevronRight className="w-4 h-4 text-primary" />
+      </div>
+    </Link>
+  );
+};
+
+
+const RCPTimer = () => {
+  const [segundos, setSegundos] = useState(0);
+  const [corriendo, setCorriendo] = useState(false);
+  const intervaloRef = useRef<number | null>(null);
+
+  useEffect(() => {
+    if (corriendo) {
+      intervaloRef.current = window.setInterval(() => {
+        setSegundos((s) => s + 1);
+      }, 1000);
+    } else if (intervaloRef.current) {
+      clearInterval(intervaloRef.current);
+    }
+    return () => {
+      if (intervaloRef.current) clearInterval(intervaloRef.current);
+    };
+  }, [corriendo]);
+
+  const minutos = Math.floor(segundos / 60);
+  const remainingSegundos = segundos % 60;
+  const ciclos = Math.floor(segundos / 120);
+
+  const reset = () => {
+    setSegundos(0);
+    setCorriendo(false);
+  };
+
+  const getAlerta = () => {
+    if (segundos === 0) return '';
+    if (segundos % 120 === 0) return '🔄 Cambiar reductor';
+    if (segundos % 30 === 0) return '👁️ Evaluar ritmo';
+    return '';
+  };
+
+  return (
+    <div className="card-procedure p-4">
+      <div className="flex items-center gap-2 mb-3">
+        <Timer className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Temporizador RCP</h3>
+      </div>
+
+      <div className="space-y-3">
+        <div className="text-center p-6 bg-muted rounded-lg">
+          <p className="text-5xl font-bold text-foreground">
+            {minutos.toString().padStart(2, '0')}:
+            {remainingSegundos.toString().padStart(2, '0')}
+          </p>
+          {getAlerta() && (
+            <p className="mt-2 text-sm text-yellow-500 font-medium">{getAlerta()}</p>
+          )}
+        </div>
+
+        <p className="text-sm text-muted-foreground text-center">
+          Cycles: {ciclos} | 100-120 com/min
+        </p>
+
+        <div className="flex gap-2">
+          <button
+            onClick={() => setCorriendo(!corriendo)}
+            className={`flex-1 p-3 rounded-lg font-medium flex items-center justify-center gap-2 ${
+              corriendo
+                ? 'bg-yellow-500 text-black'
+                : 'bg-primary text-primary-foreground'
+            }`}
+          >
+            {corriendo ? <Pause className="w-4 h-4" /> : <Play className="w-4 h-4" />}
+            {corriendo ? 'Pausar' : 'Iniciar'}
+          </button>
+          <button
+            onClick={reset}
+            className="p-3 rounded-lg bg-muted text-muted-foreground flex items-center justify-center"
+          >
+            <RotateCcw className="w-4 h-4" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const OxygenDurationCalculator = () => {
+  const [presion, setPresion] = useState(200);
+  const [flujo, setFlujo] = useState(15);
+  const duracion = Math.round((presion - 200) / flujo);
+
+  return (
+    <div className="card-procedure p-4">
+      <div className="flex items-center gap-2 mb-3">
+        <Wind className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Duración de O₂</h3>
+      </div>
+
+      <div className="space-y-3">
+        <div>
+          <label className="text-sm text-muted-foreground">Presión cilindro (bar)</label>
+          <input
+            type="number"
+            value={presion}
+            onChange={(e) => setPresion(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          />
+        </div>
+
+        <div>
+          <label className="text-sm text-muted-foreground">Flujo (L/min)</label>
+          <input
+            type="range"
+            min="1"
+            max="25"
+            value={flujo}
+            onChange={(e) => setFlujo(Number(e.target.value))}
+            className="w-full"
+          />
+          <p className="text-sm text-center text-foreground">{flujo} L/min</p>
+        </div>
+
+        <div className="p-4 bg-muted rounded-lg text-center">
+          <p className="text-sm text-muted-foreground">Duración estimada</p>
+          <p className="text-2xl font-bold text-foreground">
+            {presion <= 200 ? '⛔ Vacío' : `~${duracion} min`}
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const DripRateCalculator = () => {
+  const [volumen, setVolumen] = useState(500);
+  const [tiempo, setTiempo] = useState(60);
+  const [factor, setFactor] = useState(20);
+  const gotas = Math.round((volumen / tiempo) * factor);
+  const microgotas = Math.round((volumen / tiempo) * factor * 60);
+
+  return (
+    <div className="card-procedure p-4">
+      <div className="flex items-center gap-2 mb-3">
+        <Droplets className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Velocidad de Perfusión</h3>
+      </div>
+
+      <div className="space-y-3">
+        <div>
+          <label className="text-sm text-muted-foreground">Volumen (ml)</label>
+          <input
+            type="number"
+            value={volumen}
+            onChange={(e) => setVolumen(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          />
+        </div>
+
+        <div>
+          <label className="text-sm text-muted-foreground">Tiempo (min)</label>
+          <input
+            type="number"
+            value={tiempo}
+            onChange={(e) => setTiempo(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          />
+        </div>
+
+        <div>
+          <label className="text-sm text-muted-foreground">Factor gotero</label>
+          <select
+            value={factor}
+            onChange={(e) => setFactor(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          >
+            <option value="10">10 (infusión adulto)</option>
+            <option value="15">15 (estándar)</option>
+            <option value="20">20 (macro)</option>
+            <option value="60">60 (microgotas)</option>
+          </select>
+        </div>
+
+        <div className="grid grid-cols-2 gap-2">
+          <div className="p-3 bg-muted rounded-lg text-center">
+            <p className="text-xs text-muted-foreground">Gotas/min</p>
+            <p className="text-xl font-bold text-foreground">{gotas}</p>
+          </div>
+          <div className="p-3 bg-muted rounded-lg text-center">
+            <p className="text-xs text-muted-foreground">Microgotas/min</p>
+            <p className="text-xl font-bold text-foreground">{microgotas}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const BMICalculator = () => {
+  const [peso, setPeso] = useState(70);
+  const alturaRef = useRef<HTMLInputElement>(null);
+  const [altura, setAltura] = useState(170);
+  const imc = peso / Math.pow(altura / 100, 2);
+
+  const getColor = () => {
+    if (imc < 18.5) return 'text-blue-500';
+    if (imc < 25) return 'text-green-500';
+    if (imc < 30) return 'text-yellow-500';
+    return 'text-red-500';
+  };
+
+  const getClasificacion = () => {
+    if (imc < 18.5) return 'Bajo peso';
+    if (imc < 25) return 'Normal';
+    if (imc < 30) return 'Sobrepeso';
+    return 'Obesidad';
+  };
+
+  return (
+    <div className="card-procedure p-4">
+      <div className="flex items-center gap-2 mb-3">
+        <Scale className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Índice de Masa Corporal</h3>
+      </div>
+
+      <div className="space-y-3">
+        <div>
+          <label className="text-sm text-muted-foreground">Peso (kg)</label>
+          <input
+            type="number"
+            value={peso}
+            onChange={(e) => setPeso(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          />
+        </div>
+
+        <div>
+          <label className="text-sm text-muted-foreground">Altura (cm)</label>
+          <input
+            type="number"
+            value={altura}
+            onChange={(e) => setAltura(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          />
+        </div>
+
+        <div className="p-4 bg-muted rounded-lg text-center">
+          <p className="text-sm text-muted-foreground">IMC</p>
+          <p className={`text-3xl font-bold ${getColor()}`}>{imc.toFixed(1)}</p>
+          <p className={`text-sm ${getColor()}`}>{getClasificacion()}</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const PediatricDoseCalculator = () => {
+  const [peso, setPeso] = useState(30);
+  const [dosis, setDosis] = useState(0.1);
+  const [concentracion, setConcentracion] = useState(1);
+  const total = peso * dosis;
+  const volumen = total / concentracion;
+
+  const medicamentos = [
+    { nombre: 'Adrenalina', dosis: 0.01, conc: 1 },
+    { nombre: 'Amiodarona', dosis: 5, conc: 10 },
+    { nombre: 'Atropina', dosis: 0.02, conc: 1 },
+    { nombre: 'Adenosina', dosis: 0.1, conc: 3 },
+  ];
+
+  const seleccionar = (med: typeof medicamentos[0]) => {
+    setDosis(med.dosis);
+    setConcentracion(med.conc);
+  };
+
+  return (
+    <div className="card-procedure p-4">
+      <div className="flex items-center gap-2 mb-3">
+        <Calculator className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Dosis Pediátricas</h3>
+      </div>
+
+      <div className="space-y-3">
+        <div className="flex gap-1 overflow-x-auto pb-2">
+          {medicamentos.map((med) => (
+            <button
+              key={med.nombre}
+              onClick={() => seleccionar(med)}
+              className="px-2 py-1 text-xs bg-muted rounded whitespace-nowrap"
+            >
+              {med.nombre}
+            </button>
+          ))}
+        </div>
+
+        <div>
+          <label className="text-sm text-muted-foreground">Peso (kg)</label>
+          <input
+            type="number"
+            value={peso}
+            onChange={(e) => setPeso(Number(e.target.value))}
+            className="w-full p-2 mt-1 bg-muted rounded border border-border"
+          />
+        </div>
+
+        <div className="grid grid-cols-2 gap-2">
+          <div>
+            <label className="text-sm text-muted-foreground">Dosis (mg/kg)</label>
+            <input
+              type="number"
+              step="0.01"
+              value={dosis}
+              onChange={(e) => setDosis(Number(e.target.value))}
+              className="w-full p-2 mt-1 bg-muted rounded border border-border"
+            />
+          </div>
+          <div>
+            <label className="text-sm text-muted-foreground">Conc. (mg/ml)</label>
+            <input
+              type="number"
+              value={concentracion}
+              onChange={(e) => setConcentracion(Number(e.target.value))}
+              className="w-full p-2 mt-1 bg-muted rounded border border-border"
+            />
+          </div>
+        </div>
+
+        <div className="grid grid-cols-2 gap-2">
+          <div className="p-3 bg-muted rounded-lg text-center">
+            <p className="text-xs text-muted-foreground">Dosis total</p>
+            <p className="text-lg font-bold text-foreground">{total.toFixed(2)} mg</p>
+          </div>
+          <div className="p-3 bg-muted rounded-lg text-center">
+            <p className="text-xs text-muted-foreground">Volumen</p>
+            <p className="text-lg font-bold text-foreground">{volumen.toFixed(2)} ml</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const CervicalCollarSizeCalculator = () => {
+  const [altura, setAltura] = useState(170);
+  const getTalla = () => {
+    if (altura < 150) return 'Pediatrico';
+    if (altura < 165) return 'S';
+    if (altura < 180) return 'M';
+    return 'L';
+  };
+
+  return (
+    <div className="card-procedure p-4">
+      <div className="flex items-center gap-2 mb-3">
+        <Ruler className="w-5 h-5 text-primary" />
+        <h3 className="font-bold text-foreground">Talla Collarín Cervical</h3>
+      </div>
+
+      <div className="space-y-3">
+        <div>
+          <label className="text-sm text-muted-foreground">Altura (cm)</label>
+          <input
+            type="range"
+            min="120"
+            max="210"
+            value={altura}
+            onChange={(e) => setAltura(Number(e.target.value))}
+            className="w-full"
+          />
+          <p className="text-sm text-center text-foreground">{altura} cm</p>
+        </div>
+
+        <div className="p-4 bg-muted rounded-lg text-center">
+          <p className="text-sm text-muted-foreground">Talla recomendada</p>
+          <p className="text-3xl font-bold text-foreground">{getTalla()}</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const featureFlags = {
+  vitalsDashboard: false,
+  advancedTools: false,
+  smartPerfusions: true,
+  interactiveChecklists: false,
+  pathways: false,
+};
+
+const tabs = [
+  { id: 'calculadoras', label: 'Calculadoras', icon: Calculator },
+  { id: 'anatomia', label: 'Anatomía', icon: BookOpen },
+  { id: 'codigos', label: 'Códigos', icon: AlertCircle },
+  { id: 'perfusiones', label: 'Perfusiones', icon: Table },
+];
+
+const codigosProtocolo = [
+  {
+    name: 'Código Ictus',
+    description: 'Activación ante sospecha de ictus agudo',
+    path: '/ictus',
+    color: 'bg-secondary',
+  },
+  {
+    name: 'Código IAM',
+    description: 'SCACEST - Infarto con elevación ST',
+    path: '/patologias',
+    color: 'bg-primary',
+  },
+  {
+    name: 'Código Sepsis',
+    description: 'Sospecha de sepsis severa / shock séptico',
+    path: '/shock',
+    color: 'bg-destructive',
+  },
+  {
+    name: 'Código Parada',
+    description: 'PCR - Parada cardiorrespiratoria',
+    path: '/rcp',
+    color: 'bg-primary',
+  },
+];
+
+const infusionTables = [
+  { id: '1', name: 'Dopamina', description: '4-20 mcg/kg/min' },
+  { id: '2', name: 'Noradrenalina', description: '0.1-30 mcg/kg/min' },
+  { id: '3', name: 'Adrenalina', description: '0.01-0.3 mcg/kg/min' },
+  { id: '4', name: 'Amiodarona', description: 'Bolo: 5mg/kg' },
+];
+
+const Herramientas = () => {
+  const [activeTab, setActiveTab] = useState('calculadoras');
+  const [perfusionsMode, setPerfusionsMode] = useState<'tabla' | 'calculadora'>('calculadora');
+
+  return (
+    <div className="space-y-4">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Herramientas</h1>
+        <p className="text-muted-foreground text-sm">
+          Calculadoras, tablas y códigos de emergencia
+        </p>
+      </div>
+
+      <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-4 px-4">
+        {tabs.map((tab) => {
+          const Icon = tab.icon;
+          return (
+            <button
+              key={tab.id}
+              onClick={() => setActiveTab(tab.id)}
+              className={`flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                activeTab === tab.id
+                  ? 'bg-secondary text-secondary-foreground'
+                  : 'bg-muted text-muted-foreground hover:bg-accent'
+              }`}
+            >
+              <Icon className="w-4 h-4" />
+              {tab.label}
+            </button>
+          );
+        })}
+      </div>
+
+      {activeTab === 'calculadoras' && (
+        <div className="grid gap-4 md:grid-cols-2">
+          <GlasgowCalculator />
+          <Link to="/herramientas/triage" className="block card-procedure p-4 border-l-4 border-l-orange-500 hover:border-primary/50 transition-colors">
+            <div className="flex items-center gap-3 mb-2">
+              <AlertTriangle className="w-5 h-5 text-orange-500" />
+              <h3 className="font-bold text-foreground">Triage START (IMV)</h3>
+            </div>
+            <p className="text-sm text-muted-foreground mb-3">
+              Clasificación rápida de víctimas en catástrofes. Prioridades Rojo, Amarillo, Verde, Negro.
+            </p>
+            <div className="flex justify-between items-center bg-muted/50 p-2 rounded-lg">
+              <span className="text-xs font-medium">Iniciar clasificación</span>
+              <ChevronRight className="w-4 h-4 text-primary" />
+            </div>
+          </Link>
+          <Link to="/herramientas/quemados" className="block card-procedure p-4 border-l-4 border-l-orange-600 hover:border-primary/50 transition-colors">
+            <div className="flex items-center gap-3 mb-2">
+              <Flame className="w-5 h-5 text-orange-600" />
+              <h3 className="font-bold text-foreground">Quemados y Parkland</h3>
+            </div>
+            <p className="text-sm text-muted-foreground mb-3">
+              Cálculo de superficie corporal quemada (SCQ) y fluidoterapia inicial (Fórmula de Parkland).
+            </p>
+            <div className="flex justify-between items-center bg-muted/50 p-2 rounded-lg">
+              <span className="text-xs font-medium">Abrir calculadora</span>
+              <ChevronRight className="w-4 h-4 text-primary" />
+            </div>
+          </Link>
+          <Link to="/herramientas/dosis" className="block card-procedure p-4 border-l-4 border-l-emerald-600 hover:border-primary/50 transition-colors">
+            <div className="flex items-center gap-3 mb-2">
+              <Pill className="w-5 h-5 text-emerald-600" />
+              <h3 className="font-bold text-foreground">Dosis Pediátricas</h3>
+            </div>
+            <p className="text-sm text-muted-foreground mb-3">
+              Cálculo de mg y ml por peso (kg) para fármacos críticos (Adrenalina, Amiodarona, etc.).
+            </p>
+            <div className="flex justify-between items-center bg-muted/50 p-2 rounded-lg">
+              <span className="text-xs font-medium">Abrir calculadora</span>
+              <ChevronRight className="w-4 h-4 text-primary" />
+            </div>
+          </Link>
+          <RCPTimer />
+          <OxygenDurationCalculator />
+          <DripRateCalculator />
+          <BMICalculator />
+          <PediatricDoseCalculator />
+          <CervicalCollarSizeCalculator />
+        </div>
+      )}
+
+      {activeTab === 'perfusiones' && (
+        <div className="space-y-4">
+          <div className="flex gap-2">
+            <button
+              type="button"
+              onClick={() => setPerfusionsMode('calculadora')}
+              className={`px-4 py-2 rounded-full text-sm font-medium transition-colors ${
+                perfusionsMode === 'calculadora'
+                  ? 'bg-secondary text-secondary-foreground'
+                  : 'bg-muted text-muted-foreground'
+              }`}
+            >
+              Calculadora
+            </button>
+            <button
+              type="button"
+              onClick={() => setPerfusionsMode('tabla')}
+              className={`px-4 py-2 rounded-full text-sm font-medium transition-colors ${
+                perfusionsMode === 'tabla'
+                  ? 'bg-secondary text-secondary-foreground'
+                  : 'bg-muted text-muted-foreground'
+              }`}
+            >
+              Tablas
+            </button>
+          </div>
+
+          {perfusionsMode === 'calculadora' ? (
+            <DripRateCalculator />
+          ) : (
+            <div className="grid gap-3">
+              {infusionTables.map((table) => (
+                <div key={table.id} className="card-procedure p-4">
+                  <h3 className="font-bold text-foreground">{table.name}</h3>
+                  <p className="text-sm text-muted-foreground">{table.description}</p>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      )}
+
+      {activeTab === 'anatomia' && (
+        <div className="card-procedure p-4">
+          <div className="flex items-center gap-2 mb-3">
+            <BookOpen className="w-5 h-5 text-primary" />
+            <h3 className="font-bold text-foreground">Guía de Terminología Anatómica</h3>
+          </div>
+          <p className="text-sm text-muted-foreground">
+            Referencia rápida de términos anatómicos de uso común en emergencias.
+            Próximamente disponible.
+          </p>
+        </div>
+      )}
+
+      {activeTab === 'codigos' && (
+        <div className="space-y-3">
+          {codigosProtocolo.map((codigo) => (
+            <Link
+              key={codigo.name}
+              to={codigo.path}
+              className="block card-procedure hover:border-primary/50"
+            >
+              <div className="flex items-center gap-4">
+                <div className={`w-12 h-12 rounded-lg ${codigo.color} flex items-center justify-center`}>
+                  <AlertCircle className="w-6 h-6 text-white" />
+                </div>
+                <div>
+                  <h3 className="font-bold text-foreground">{codigo.name}</h3>
+                  <p className="text-muted-foreground text-sm">
+                    {codigo.description}
+                  </p>
+                </div>
+              </div>
+            </Link>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Herramientas;
\ No newline at end of file
diff --git a/frontend/src/pages/Historial.tsx b/frontend/src/pages/Historial.tsx
new file mode 100644
index 00000000..4f278634
--- /dev/null
+++ b/frontend/src/pages/Historial.tsx
@@ -0,0 +1,110 @@
+import { Link } from 'react-router-dom';
+import { Clock, Trash2, ChevronRight, FileText, AlertCircle } from 'lucide-react';
+import { useHistory } from '@/hooks/useHistory';
+
+const Historial = () => {
+  const { history, loading, removeFromHistory, clearHistory } = useHistory();
+
+  const formatDate = (timestamp: number) => {
+    const date = new Date(timestamp);
+    const now = new Date();
+    const diff = now.getTime() - date.getTime();
+    const minutes = Math.floor(diff / 60000);
+    const hours = Math.floor(diff / 3600000);
+    const days = Math.floor(diff / 86400000);
+
+    if (minutes < 1) return 'Ahora mismo';
+    if (minutes < 60) return `Hace ${minutes} min`;
+    if (hours < 24) return `Hace ${hours} h`;
+    if (days < 7) return `Hace ${days} días`;
+    return date.toLocaleDateString('es-ES');
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[50vh]">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground mb-1 flex items-center gap-2">
+            <Clock className="w-6 h-6" />
+            Historial
+          </h1>
+          <p className="text-muted-foreground text-sm">
+            Tus últimas consultas
+          </p>
+        </div>
+        {history.length > 0 && (
+          <button
+            onClick={clearHistory}
+            className="text-sm text-muted-foreground hover:text-destructive"
+          >
+            Limpiar todo
+          </button>
+        )}
+      </div>
+
+      {history.length === 0 ? (
+        <div className="text-center py-12">
+          <Clock className="w-16 h-16 mx-auto text-muted-foreground/30 mb-4" />
+          <h3 className="text-lg font-medium text-foreground mb-2">
+            Sin historial
+          </h3>
+          <p className="text-muted-foreground text-sm mb-4">
+            Los protocolos que veas aparecerán aquí
+          </p>
+          <Link
+            to="/"
+            className="inline-flex items-center gap-2 text-primary hover:underline"
+          >
+            Ver protocolos <ChevronRight className="w-4 h-4" />
+          </Link>
+        </div>
+      ) : (
+        <div className="space-y-2">
+          {history.map((item) => (
+            <div
+              key={item.id + item.viewedAt}
+              className="flex items-center justify-between p-4 bg-card rounded-lg border hover:bg-accent/50 transition-colors"
+            >
+              <Link to={item.path} className="flex items-center gap-3 flex-1">
+                <FileText className="w-5 h-5 text-muted-foreground" />
+                <div>
+                  <h3 className="font-medium text-foreground">{item.title}</h3>
+                  <p className="text-xs text-muted-foreground">
+                    {item.category} · {formatDate(item.viewedAt)}
+                  </p>
+                </div>
+              </Link>
+              <button
+                onClick={() => removeFromHistory(item.id)}
+                className="p-2 text-muted-foreground hover:text-destructive transition-colors"
+                title="Eliminar del historial"
+              >
+                <Trash2 className="w-4 h-4" />
+              </button>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {history.length > 0 && (
+        <div className="bg-muted/50 rounded-lg p-4 flex items-start gap-3">
+          <AlertCircle className="w-5 h-5 text-muted-foreground flex-shrink-0 mt-0.5" />
+          <div className="text-sm text-muted-foreground">
+            <p className="font-medium text-foreground mb-1">Nota</p>
+            <p>El historial se guarda en este dispositivo. Se muestran los últimos 20 accesos.</p>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Historial;
diff --git a/frontend/src/pages/Ictus.tsx b/frontend/src/pages/Ictus.tsx
new file mode 100644
index 00000000..780a4959
--- /dev/null
+++ b/frontend/src/pages/Ictus.tsx
@@ -0,0 +1,241 @@
+import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Brain,
+  AlertTriangle,
+  ChevronRight,
+  Check,
+  RotateCcw,
+  BookOpen,
+} from 'lucide-react';
+import { protocolApi, TelephoneProtocol } from '../services/api';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+// Adaptar estructura de la API al formato esperado por el frontend
+interface ProtocolStep {
+  id: string;
+  instruction: string;
+  verification?: string;
+  notes?: string;
+  critical?: boolean;
+}
+
+interface Protocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: string;
+  ageGroup: string;
+  description: string;
+  steps: ProtocolStep[];
+  warnings?: string[];
+  keyPoints?: string[];
+  equipment?: string[];
+  drugs?: string[];
+}
+
+const mapApiProtocolToProtocol = (apiProtocol: TelephoneProtocol): Protocol => {
+  const steps = apiProtocol.steps.map(step => ({
+    id: step.id,
+    instruction: step.instruction,
+    verification: step.verification,
+    notes: step.notes,
+    critical: step.critical,
+  }));
+
+  const warnings = apiProtocol.importantNotes;
+
+  // Campos que no vienen en la API actual
+  const keyPoints: string[] = [];
+  const equipment: string[] = [];
+  const drugs: string[] = [];
+
+  return {
+    id: apiProtocol.id,
+    title: apiProtocol.title,
+    shortTitle: apiProtocol.shortTitle,
+    category: apiProtocol.category,
+    ageGroup: apiProtocol.ageGroup,
+    description: apiProtocol.description,
+    steps,
+    warnings,
+    keyPoints,
+    equipment,
+    drugs,
+  };
+};
+
+const Ictus = () => {
+  // Estados para carga de datos
+  const [protocols, setProtocols] = useState<Protocol[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Cargar protocolos desde la API al montar el componente
+  useEffect(() => {
+    const fetchProtocols = async () => {
+      try {
+        setLoading(true);
+        const response = await protocolApi.getAll();
+        
+        // Filtrar protocolos de Ictus
+        const ictusProtocols = response.data.filter(p => p.category === 'ictus');
+        
+        // Mapear a formato del frontend
+        const mappedProtocols = ictusProtocols.map(mapApiProtocolToProtocol);
+        
+        setProtocols(mappedProtocols);
+        setError(null);
+      } catch (err) {
+        console.error('Error fetching protocols:', err);
+        setError('No se pudieron cargar los protocolos. Usando datos locales.');
+        // Podríamos cargar datos locales de respaldo aquí si fuera necesario
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchProtocols();
+  }, []);
+
+  // Encontrar el protocolo de Ictus
+  const ictusProtocol = protocols.find(p => p.id === 'ictus-telephone');
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center py-12">
+        <div className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin"></div>
+      </div>
+    );
+  }
+
+  if (error) {
+    console.warn(error);
+  }
+
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 rounded-xl bg-red-500/20 flex items-center justify-center">
+            <Brain className="w-7 h-7 text-red-500" />
+          </div>
+          <div>
+            <h1 className="text-3xl font-bold text-foreground">Código Ictus</h1>
+            <p className="text-muted-foreground">Protocolo de activación ante sospecha de ictus agudo</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Protocolo Ictus */}
+      {ictusProtocol && (
+        <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+          <div className="flex items-center justify-between">
+            <h2 className="text-xl font-semibold text-foreground">{ictusProtocol.title}</h2>
+            <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+              Crítico
+            </span>
+          </div>
+
+          <div className="space-y-4">
+            <div>
+              <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                <AlertTriangle className="w-4 h-4 text-yellow-500" />
+                Pasos del Protocolo
+              </h3>
+              <ol className="space-y-2 list-decimal list-inside">
+                {ictusProtocol.steps.map((step, index) => (
+                  <li key={index} className="text-foreground pl-2">
+                    {step.instruction}
+                    {step.verification && (
+                      <div className="mt-1 text-xs text-muted-foreground">
+                        Verificación: {step.verification}
+                      </div>
+                    )}
+                    {step.notes && (
+                      <div className="mt-1 text-xs text-muted-foreground italic">
+                        Nota: {step.notes}
+                      </div>
+                    )}
+                    {step.critical && (
+                      <span className="ml-2 px-2 py-0.5 bg-red-500/20 text-red-600 rounded text-xs">
+                        CRÍTICO
+                      </span>
+                    )}
+                  </li>
+                ))}
+              </ol>
+            </div>
+
+            {/* Advertencias */}
+            {ictusProtocol.warnings && ictusProtocol.warnings.length > 0 && (
+              <div>
+                <h3 className="font-semibold text-foreground mb-2">Advertencias Importantes</h3>
+                <ul className="space-y-1">
+                  {ictusProtocol.warnings.map((warning, index) => (
+                    <li key={index} className="text-sm text-muted-foreground flex items-start gap-2">
+                      <span className="text-orange-500 mt-1">•</span>
+                      <span>{warning}</span>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+
+      {/* Si no hay datos de la API, mostrar mensaje */}
+      {!ictusProtocol && !loading && (
+        <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+          <div className="flex items-center justify-between">
+            <h2 className="text-xl font-semibold text-foreground">Protocolo Código Ictus</h2>
+            <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+              Crítico
+            </span>
+          </div>
+
+          <div className="space-y-4">
+            <div>
+              <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                <AlertTriangle className="w-4 h-4 text-yellow-500" />
+                Pasos del Protocolo
+              </h3>
+              <ol className="space-y-2 list-decimal list-inside">
+                <li className="text-foreground pl-2">Evaluar síntomas usando el test FAST</li>
+                <li className="text-foreground pl-2">Preguntar hora de inicio de síntomas</li>
+                <li className="text-foreground pl-2">Activar Código Ictus inmediatamente</li>
+              </ol>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Enlaces relacionados */}
+      <div className="bg-muted/50 border border-border rounded-xl p-4">
+        <h3 className="font-semibold text-foreground mb-3">Protocolos Relacionados</h3>
+        <div className="space-y-2">
+          <Link
+            to="/rcp"
+            className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+          >
+            <span className="text-foreground">RCP (si pierde consciencia)</span>
+            <ChevronRight className="w-5 h-5 text-muted-foreground" />
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Ictus;
diff --git a/frontend/src/pages/Index.tsx b/frontend/src/pages/Index.tsx
new file mode 100644
index 00000000..b6c45ee1
--- /dev/null
+++ b/frontend/src/pages/Index.tsx
@@ -0,0 +1,192 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Search,
+  Heart,
+  Brain,
+  Zap,
+  Wind,
+  Clock,
+  ChevronRight,
+  AlertTriangle,
+  GraduationCap,
+} from 'lucide-react';
+import EmergencyButton from '@/components/ui/EmergencyButton';
+
+interface HomeProps {
+  onSearchClick: () => void;
+}
+
+const Home = ({ onSearchClick }: HomeProps) => {
+  // Simplified - using mock data for now
+  const recentSearches = [
+    { id: '1', title: 'RCP Adulto', path: '/rcp' },
+    { id: '2', title: 'Ictus', path: '/ictus' },
+    { id: '3', title: 'Shock Hemorrágico', path: '/shock' },
+  ];
+
+  const quickAccess = [
+    { label: 'OVACE', path: '/via-aerea' },
+    { label: 'Glasgow', path: '/herramientas' },
+    { label: 'Triage', path: '/escena' },
+    { label: 'Código Ictus', path: '/ictus' },
+    { label: 'Dopamina', path: '/herramientas' },
+    { label: 'Politrauma', path: '/soporte-vital' },
+  ];
+
+  return (
+    <div className="space-y-6">
+      {/* Tagline - Claridad de propósito */}
+      <div className="text-center py-2">
+        <p className="text-base font-medium text-foreground/90 leading-relaxed">
+          Guía rápida de protocolos de emergencia para TES
+        </p>
+      </div>
+
+      {/* Activar Modo Urgencias */}
+      <Link
+        to="/urgencias"
+        className="block w-full p-4 bg-[hsl(var(--emergency-high))]/15 border border-[hsl(var(--emergency-high))]/40 rounded-xl hover:border-[hsl(var(--emergency-high))]/70 transition-colors"
+      >
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 rounded-lg bg-[hsl(var(--emergency-high))] flex items-center justify-center">
+            <AlertTriangle className="w-6 h-6 text-white" />
+          </div>
+          <div className="flex-1">
+            <h3 className="font-semibold text-foreground mb-1">Activar Modo Urgencias</h3>
+            <p className="text-sm text-muted-foreground">
+              Acceso por capas a protocolos críticos en 1 toque
+            </p>
+          </div>
+          <ChevronRight className="w-5 h-5 text-muted-foreground flex-shrink-0" />
+        </div>
+      </Link>
+
+      {/* Search Bar */}
+      <button
+        onClick={onSearchClick}
+        className="w-full flex items-center gap-4 p-4 bg-card border border-border rounded-xl hover:border-primary/50 active:bg-muted/50 transition-colors"
+        aria-label="Abrir búsqueda de protocolos, fármacos y calculadoras"
+      >
+        <Search className="w-6 h-6 text-foreground/70" />
+        <span className="text-foreground/70">
+          Buscar protocolo, fármaco, calculadora...
+        </span>
+      </button>
+
+      {/* Emergency Buttons Grid */}
+      <section>
+        <h2 className="font-semibold text-muted-foreground text-sm uppercase tracking-wide mb-3">
+          Emergencias Críticas
+        </h2>
+        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
+          <EmergencyButton
+            to="/rcp"
+            icon={Heart}
+            title="RCP / Parada"
+            subtitle="Adulto y Pediátrico"
+            variant="critical"
+          />
+          <EmergencyButton
+            to="/ictus"
+            icon={Brain}
+            title="Código Ictus"
+            variant="high"
+          />
+          <EmergencyButton
+            to="/shock"
+            icon={Zap}
+            title="Shock"
+            subtitle="Hemorrágico"
+            variant="medium"
+          />
+          <EmergencyButton
+            to="/via-aerea"
+            icon={Wind}
+            title="Vía Aérea"
+            subtitle="OVACE / IOT"
+            variant="critical"
+          />
+        </div>
+      </section>
+
+      {/* Guías de Refuerzo */}
+      <section>
+        <Link
+          to="/guia-refuerzo"
+          className="block p-4 bg-gradient-to-r from-blue-500/10 to-blue-600/10 border border-blue-500/20 rounded-xl hover:border-blue-500/40 transition-colors"
+        >
+          <div className="flex items-center gap-3">
+            <div className="w-12 h-12 rounded-lg bg-blue-500/20 flex items-center justify-center flex-shrink-0">
+              <GraduationCap className="w-6 h-6 text-blue-500" />
+            </div>
+            <div className="flex-1">
+              <h3 className="font-semibold text-foreground mb-1">Guías de Refuerzo</h3>
+              <p className="text-sm text-muted-foreground">
+                Contenido formativo para comprensión profunda de protocolos
+              </p>
+            </div>
+            <ChevronRight className="w-5 h-5 text-muted-foreground flex-shrink-0" />
+          </div>
+        </Link>
+      </section>
+
+      {/* Quick Access Chips */}
+      <section>
+        <h2 className="font-semibold text-muted-foreground text-sm uppercase tracking-wide mb-3">
+          Accesos Rápidos
+        </h2>
+        <div className="flex flex-wrap gap-2">
+          {quickAccess.map((item) => (
+            <Link
+              key={item.label}
+              to={item.path}
+              className="px-4 py-2 bg-muted hover:bg-accent text-foreground rounded-full text-sm font-medium transition-colors"
+            >
+              {item.label}
+            </Link>
+          ))}
+        </div>
+      </section>
+
+      {/* Recent Searches */}
+      <section>
+        <div className="flex items-center justify-between mb-3">
+          <h2 className="font-semibold text-muted-foreground text-sm uppercase tracking-wide">
+            Últimas Consultas
+          </h2>
+          <Clock className="w-4 h-4 text-muted-foreground" />
+        </div>
+        <div className="space-y-2">
+          {recentSearches.length > 0 ? (
+            recentSearches.map((item) => (
+              <Link
+                key={item.id}
+                to={item.path}
+                className="flex items-center justify-between p-3 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+              >
+                <span className="text-foreground">{item.title}</span>
+                <ChevronRight className="w-5 h-5 text-muted-foreground" />
+              </Link>
+            ))
+          ) : (
+            <p className="text-muted-foreground text-sm text-center py-4">
+              No hay búsquedas recientes
+            </p>
+          )}
+        </div>
+      </section>
+
+      {/* Floating Emergency Button */}
+      <Link
+        to="/rcp"
+        className="fixed bottom-24 right-4 z-40 w-16 h-16 rounded-full bg-primary flex items-center justify-center shadow-lg animate-pulse-ring"
+        aria-label="Emergencia - RCP"
+      >
+        <AlertTriangle className="w-8 h-8 text-primary-foreground" />
+      </Link>
+    </div>
+  );
+};
+
+export default Home;
\ No newline at end of file
diff --git a/frontend/src/pages/ManualIndex.tsx b/frontend/src/pages/ManualIndex.tsx
new file mode 100644
index 00000000..fc1b3c5d
--- /dev/null
+++ b/frontend/src/pages/ManualIndex.tsx
@@ -0,0 +1,308 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronRight, ChevronDown, BookOpen, Search, Image } from 'lucide-react';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+const AlertTriangle = () => <span>⚠️</span>;
+
+// Mock data for manual index
+interface Capitulo {
+  id: string;
+  titulo: string;
+  palabrasClave?: string[];
+  tiempoLectura?: number;
+  importancia?: 'alta' | 'media' | 'baja';
+  rutaUrl: string;
+}
+
+interface Bloque {
+  id: number;
+  nombre: string;
+  capitulos: Capitulo[];
+}
+
+interface Parte {
+  id: number;
+  nombre: string;
+  icono?: string;
+  bloques: Bloque[];
+}
+
+// Mock manual data (simplified version)
+const manualIndex: Parte[] = [
+  {
+    id: 1,
+    nombre: 'Soporte Vital Básico',
+    icono: 'Activity',
+    bloques: [
+      {
+        id: 1,
+        nombre: 'Valoración y Preparación',
+        capitulos: [
+          { id: '1.1.1', titulo: 'Seguridad en la Escena', palabrasClave: ['seguridad', 'riesgos', 'EPI'], tiempoLectura: 5, importancia: 'alta', rutaUrl: '/manual/parte-1/bloque-1/1.1.1' },
+          { id: '1.1.2', titulo: 'Valoración Inicial del Paciente', palabrasClave: ['ABCDE', 'valoración', 'triaje'], tiempoLectura: 8, importancia: 'alta', rutaUrl: '/manual/parte-1/bloque-1/1.1.2' },
+        ]
+      },
+      {
+        id: 2,
+        nombre: 'Vía Aérea y Respiración',
+        capitulos: [
+          { id: '1.2.1', titulo: 'Manejo de la Vía Aérea', palabrasClave: ['intubación', 'supraglótica', 'maniobras'], tiempoLectura: 10, importancia: 'alta', rutaUrl: '/manual/parte-1/bloque-2/1.2.1' },
+          { id: '1.2.2', titulo: 'Soporte Ventilatorio', palabrasClave: ['oxígeno', 'ventilación', 'CPAP'], tiempoLectura: 8, importancia: 'alta', rutaUrl: '/manual/parte-1/bloque-2/1.2.2' },
+        ]
+      },
+    ]
+  },
+  {
+    id: 2,
+    nombre: 'Emergencias Médicas',
+    icono: 'Heart',
+    bloques: [
+      {
+        id: 1,
+        nombre: 'Emergencias Cardiovasculares',
+        capitulos: [
+          { id: '2.1.1', titulo: 'Síndrome Coronario Agudo', palabrasClave: ['IAM', 'infarto', 'dolor torácico'], tiempoLectura: 12, importancia: 'alta', rutaUrl: '/manual/parte-2/bloque-1/2.1.1' },
+          { id: '2.1.2', titulo: 'Ictus Agudo', palabrasClave: ['ictus', 'ACV', 'FAST'], tiempoLectura: 10, importancia: 'alta', rutaUrl: '/manual/parte-2/bloque-1/2.1.2' },
+        ]
+      },
+    ]
+  },
+];
+
+const ManualIndex = () => {
+  const [expandedPartes, setExpandedPartes] = useState<Set<number>>(new Set([1])); // Start with first parte expanded
+  const [expandedBloques, setExpandedBloques] = useState<Set<string>>(new Set());
+  const [searchQuery, setSearchQuery] = useState('');
+
+  const toggleParte = (parteId: number) => {
+    const newExpanded = new Set(expandedPartes);
+    if (newExpanded.has(parteId)) {
+      newExpanded.delete(parteId);
+    } else {
+      newExpanded.add(parteId);
+    }
+    setExpandedPartes(newExpanded);
+  };
+
+  const toggleBloque = (parteId: number, bloqueId: number) => {
+    const key = `${parteId}-${bloqueId}`;
+    const newExpanded = new Set(expandedBloques);
+    if (newExpanded.has(key)) {
+      newExpanded.delete(key);
+    } else {
+      newExpanded.add(key);
+    }
+    setExpandedBloques(newExpanded);
+  };
+
+  // Filter content based on search
+  const filterContent = (partes: Parte[]): Parte[] => {
+    if (!searchQuery.trim()) return partes;
+
+    const query = searchQuery.toLowerCase();
+    return partes
+      .map((parte) => {
+        // Check if parte matches search
+        const parteCoincide = parte.nombre.toLowerCase().includes(query);
+        
+        const bloquesFiltrados = parte.bloques
+          .map((bloque) => {
+            // Check if bloque matches search
+            const bloqueCoincide = bloque.nombre.toLowerCase().includes(query);
+            
+            const capitulosFiltrados = bloque.capitulos.filter(
+              (capitulo) =>
+                capitulo.titulo.toLowerCase().includes(query) ||
+                (capitulo.palabrasClave && capitulo.palabrasClave.some((kw) => kw.toLowerCase().includes(query))) ||
+                capitulo.id.toLowerCase().includes(query) ||
+                parteCoincide || // If parte matches, include all chapters
+                bloqueCoincide    // If bloque matches, include all chapters
+            );
+            return { ...bloque, capitulos: capitulosFiltrados };
+          })
+          .filter((bloque) => bloque.capitulos.length > 0);
+
+        return { ...parte, bloques: bloquesFiltrados };
+      })
+      .filter((parte) => parte.bloques.length > 0);
+  };
+
+  const filteredPartes = filterContent(manualIndex);
+
+  const getIconForParte = (icono?: string) => {
+    // For now we return BookOpen as default
+    return <BookOpen className="w-5 h-5" />;
+  };
+
+  return (
+    <div className="space-y-6">
+      {/* Back Button */}
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <BookOpen className="w-8 h-8 text-primary" />
+          <div>
+            <h1 className="text-3xl font-bold text-foreground">Manual Completo TES</h1>
+            <p className="text-muted-foreground">
+              Navega por todos los capítulos del manual ({manualIndex.reduce((acc, parte) => 
+                acc + parte.bloques.reduce((sum, bloque) => sum + bloque.capitulos.length, 0), 0
+              )} capítulos)
+            </p>
+          </div>
+        </div>
+
+        {/* Search and Gallery */}
+        <div className="flex gap-3">
+          <div className="relative flex-1">
+            <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground" />
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder="Buscar capítulo, palabra clave..."
+              className="w-full h-12 pl-12 pr-4 bg-card border border-border rounded-xl text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
+            />
+          </div>
+          <Link
+            to="/galeria"
+            className="flex items-center gap-2 px-4 h-12 bg-card border border-border rounded-xl hover:bg-muted transition-colors text-foreground"
+          >
+            <Image className="w-5 h-5" />
+            <span className="hidden sm:inline">Galería</span>
+          </Link>
+        </div>
+      </div>
+
+      {/* Hierarchical Structure */}
+      <div className="space-y-2">
+        {filteredPartes.map((parte) => {
+          const isParteExpanded = expandedPartes.has(parte.id);
+          const totalCapitulos = parte.bloques.reduce(
+            (sum, bloque) => sum + bloque.capitulos.length,
+            0
+          );
+
+          return (
+            <div
+              key={parte.id}
+              className="bg-card border border-border rounded-lg overflow-hidden"
+            >
+              {/* Parte Header */}
+              <button
+                onClick={() => toggleParte(parte.id)}
+                className="w-full flex items-center gap-3 p-4 hover:bg-muted transition-colors text-left"
+              >
+                {isParteExpanded ? (
+                  <ChevronDown className="w-5 h-5 text-muted-foreground flex-shrink-0" />
+                ) : (
+                  <ChevronRight className="w-5 h-5 text-muted-foreground flex-shrink-0" />
+                )}
+                {getIconForParte(parte.icono)}
+                <div className="flex-1 min-w-0">
+                  <h2 className="font-semibold text-foreground">
+                    Parte {parte.id}: {parte.nombre}
+                  </h2>
+                  <p className="text-sm text-muted-foreground">
+                    {parte.bloques.length} bloques • {totalCapitulos} capítulos
+                  </p>
+                </div>
+              </button>
+
+              {/* Bloques */}
+              {isParteExpanded && (
+                <div className="border-t border-border">
+                  {parte.bloques.map((bloque) => {
+                    const bloqueKey = `${parte.id}-${bloque.id}`;
+                    const isBloqueExpanded = expandedBloques.has(bloqueKey);
+
+                    return (
+                      <div key={bloque.id} className="border-b border-border last:border-b-0">
+                        {/* Bloque Header */}
+                        <button
+                          onClick={() => toggleBloque(parte.id, bloque.id)}
+                          className="w-full flex items-center gap-3 p-3 pl-8 hover:bg-muted/50 transition-colors text-left"
+                        >
+                          {isBloqueExpanded ? (
+                            <ChevronDown className="w-4 h-4 text-muted-foreground flex-shrink-0" />
+                          ) : (
+                            <ChevronRight className="w-4 h-4 text-muted-foreground flex-shrink-0" />
+                          )}
+                          <div className="flex-1 min-w-0">
+                            <h3 className="font-medium text-foreground">
+                              Bloque {bloque.id}: {bloque.nombre}
+                            </h3>
+                            <p className="text-xs text-muted-foreground">
+                              {bloque.capitulos.length} capítulos
+                            </p>
+                          </div>
+                        </button>
+
+                        {/* Capítulos */}
+                        {isBloqueExpanded && (
+                          <div className="bg-muted/30">
+                            {bloque.capitulos.map((capitulo) => (
+                              <Link
+                                key={capitulo.id}
+                                to={capitulo.rutaUrl}
+                                className="flex items-center gap-3 p-3 pl-12 hover:bg-muted transition-colors group"
+                              >
+                                <div className="flex-1 min-w-0">
+                                  <div className="flex items-center gap-2">
+                                    <span className="text-xs font-mono text-muted-foreground">
+                                      {capitulo.id}
+                                    </span>
+                                    <span className="font-medium text-foreground group-hover:text-primary transition-colors">
+                                      {capitulo.titulo}
+                                    </span>
+                                  </div>
+                                  <div className="flex items-center gap-2 mt-1">
+                                    <span className="text-xs text-muted-foreground">
+                                      {capitulo.tiempoLectura} min
+                                    </span>
+                                    {capitulo.importancia === 'alta' && (
+                                      <span className="text-xs px-1.5 py-0.5 bg-red-500/20 text-red-600 dark:text-red-400 rounded">
+                                        Alta
+                                      </span>
+                                    )}
+                                  </div>
+                                </div>
+                                <ChevronRight className="w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" />
+                              </Link>
+                            ))}
+                          </div>
+                        )}
+                      </div>
+                    );
+                  })}
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+
+      {/* No Results Message */}
+      {searchQuery && filteredPartes.length === 0 && (
+        <div className="text-center py-12">
+          <Search className="w-12 h-12 text-muted-foreground mx-auto mb-4" />
+          <p className="text-muted-foreground">No se encontraron resultados</p>
+          <p className="text-sm text-muted-foreground mt-2">
+            Intenta con otros términos de búsqueda
+          </p>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ManualIndex;
\ No newline at end of file
diff --git a/frontend/src/pages/ManualViewer.tsx b/frontend/src/pages/ManualViewer.tsx
new file mode 100644
index 00000000..09eb89e2
--- /dev/null
+++ b/frontend/src/pages/ManualViewer.tsx
@@ -0,0 +1,103 @@
+import { useState, useEffect } from 'react';
+import { Link, useParams } from 'react-router-dom';
+import { ChevronLeft, ChevronRight, BookOpen, Loader2, AlertTriangle } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
+
+const ManualViewer = () => {
+  const { path } = useParams();
+  const [content, setContent] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // El path viene del router (ej: 'parte-1/bloque-1/1.1.1').
+  // En este proyecto, los MD están en public/manual
+  const filePath = path ? `/manual/${path}.md` : null;
+
+  useEffect(() => {
+    if (!filePath) {
+      setError('No se ha especificado un capítulo');
+      setLoading(false);
+      return;
+    }
+
+    const loadMarkdown = async () => {
+      setLoading(true);
+      try {
+        const response = await fetch(filePath);
+        if (!response.ok) {
+          throw new Error('No se pudo cargar el capítulo del manual');
+        }
+        const text = await response.text();
+        setContent(text);
+        setError(null);
+      } catch (err) {
+        console.error('Error loading manual:', err);
+        setError(err instanceof Error ? err.message : 'Error cargando manual');
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    loadMarkdown();
+  }, [filePath]);
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[50vh]">
+        <Loader2 className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    );
+  }
+
+  if (error || !content) {
+    return (
+      <div className="text-center py-12 space-y-4">
+        <AlertTriangle className="w-12 h-12 mx-auto text-destructive/50" />
+        <h3 className="text-lg font-medium">Error al cargar</h3>
+        <p className="text-muted-foreground">{error}</p>
+        <Link to="/manual" className="inline-block text-primary hover:underline">
+          Volver al índice
+        </Link>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* Back Button */}
+      <div className="flex items-center gap-2">
+        <Link to="/manual" className="p-2 hover:bg-muted rounded-full transition-colors">
+          <ChevronLeft className="w-6 h-6" />
+        </Link>
+        <div className="text-xs text-muted-foreground uppercase tracking-wider font-semibold">
+          Manual Digital TES
+        </div>
+      </div>
+
+      {/* Contenido Markdown */}
+      <div className="bg-card border border-border rounded-xl p-6 sm:p-10 shadow-sm">
+        <article className="prose prose-slate dark:prose-invert max-w-none 
+          prose-headings:font-bold prose-headings:text-foreground
+          prose-p:text-muted-foreground prose-li:text-muted-foreground
+          prose-strong:text-foreground prose-code:text-primary">
+          <ReactMarkdown>{content}</ReactMarkdown>
+        </article>
+      </div>
+
+      {/* Footer Nav (Placeholder - en una impl real usaríamos un índice JSON) */}
+      <div className="flex justify-between items-center pt-8">
+        <Link to="/manual" className="text-sm text-muted-foreground hover:text-primary transition-colors">
+          ← Menú del Manual
+        </Link>
+        <button 
+          onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
+          className="text-sm text-muted-foreground hover:text-primary transition-colors"
+        >
+          Subir ↑
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default ManualViewer;
\ No newline at end of file
diff --git a/frontend/src/pages/Material.tsx b/frontend/src/pages/Material.tsx
new file mode 100644
index 00000000..8f7f70bd
--- /dev/null
+++ b/frontend/src/pages/Material.tsx
@@ -0,0 +1,286 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  ClipboardCheck,
+  RotateCcw,
+} from 'lucide-react';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+const AlertTriangle = () => <span>⚠️</span>;
+
+// Mock Badge component
+const Badge = ({ variant, children }: { variant: string; children: React.ReactNode }) => (
+  <span className={`px-2 py-0.5 rounded-full text-xs font-medium ${variant === 'default' ? 'bg-muted text-muted-foreground' : ''}`}>
+    {children}
+  </span>
+);
+
+// Mock data for material checklists
+interface ChecklistItem {
+  id: string;
+  name: string;
+  checked?: boolean;
+}
+
+interface ChecklistSection {
+  id: string;
+  title: string;
+  items: ChecklistItem[];
+}
+
+interface MaterialChecklist {
+  id: string;
+  title: string;
+  shortTitle: string;
+  phase: string; // inicio_turno, pre_escena, post_servicio
+  sections: ChecklistSection[];
+}
+
+// Mock material checklists (simplified)
+const mockMaterialChecklists: MaterialChecklist[] = [
+  {
+    id: 'inicio-turno-basico',
+    title: 'Checklist de Inicio de Turno - Básico',
+    shortTitle: 'Inicio Turno',
+    phase: 'inicio_turno',
+    sections: [
+      {
+        id: 'equipo-personal',
+        title: 'Equipo Personal',
+        items: [
+          { id: '1', name: 'Uniforme completo y limpio', checked: false },
+          { id: '2', name: 'Identificación visible', checked: false },
+          { id: '3', name: 'Calzado adecuado', checked: false },
+          { id: '4', name: 'Reloj con segundero', checked: false },
+          { id: '5', name: 'Bolígrafos y cuaderno', checked: false },
+        ]
+      },
+      {
+        id: 'equipo-proteccion',
+        title: 'Equipo de Protección Personal',
+        items: [
+          { id: '6', name: 'Guantes de nitrilo (talla adecuada)', checked: false },
+          { id: '7', name: 'Mascarilla facial', checked: false },
+          { id: '8', name: 'Protección ocular', checked: false },
+          { id: '9', name: 'Bata o sobretodo impermeable', checked: false },
+          { id: '10', name: 'Protección auditiva (si aplica)', checked: false },
+        ]
+      },
+    ]
+  },
+  {
+    id: 'pre-escena-esencial',
+    title: 'Checklist Pre-Escena - Esencial',
+    shortTitle: 'Pre-Escena',
+    phase: 'pre_escena',
+    sections: [
+      {
+        id: 'equipo-vital',
+        title: 'Equipo Vital para Emergencia',
+        items: [
+          { id: '11', name: 'Desfibrilador externo automático (DEA)', checked: false },
+          { id: '12', name: 'Kit de vía aérea básica', checked: false },
+          { id: '13', name: 'Equipo de inmovilización básica', checked: false },
+          { id: '14', name: 'Equino de curación y vendaje', checked: false },
+          { id: '15', name: 'Equipo de parto de emergencia', checked: false },
+        ]
+      },
+      {
+        id: 'medicamentos-basicos',
+        title: 'Medicamentos Básicos',
+        items: [
+          { id: '16', name: 'Adrenalina 1mg/10ml', checked: false },
+          { id: '17', name: 'Salbutamol nebulizador', checked: false },
+          { id: '18', name: 'Solución salina 0.9%', checked: false },
+          { id: '19', name: 'Glucosa oral', checked: false },
+          { id: '20', name: 'Ácido tranexámico', checked: false },
+        ]
+      },
+    ]
+  },
+  {
+    id: 'post-servicio-completo',
+    title: 'Checklist Post-Servicio - Completo',
+    shortTitle: 'Post-Servicio',
+    phase: 'post_servicio',
+    sections: [
+      {
+        id: 'limpieza-desinfeccion',
+        title: 'Limpieza y Desinfección',
+        items: [
+          { id: '21', name: 'Desinfectar superficie de camilla', checked: false },
+          { id: '22', name: 'Limpiar y desinfectar equipos usados', checked: false },
+          { id: '23', name: 'Reponer materiales consumidos', checked: false },
+          { id: '24', name: 'Verificar fecha de caducidad de medicamentos', checked: false },
+          { id: '25', name: 'Documentar incidentes o anomalías', checked: false },
+        ]
+      },
+      {
+        id: 'reposicion-material',
+        title: 'Reposición de Material',
+        items: [
+          { id: '26', name: 'Reposición de guantes de nitrilo', checked: false },
+          { id: '27', name: 'Reposición de apósitos estériles', checked: false },
+          { id: '28', name: 'Reposición de apósitos adhesivos', checked: false },
+          { id: '29', name: 'Reposición de vendajes elásticos', checked: false },
+          { id: '30', name: 'Reposición de solución salina', checked: false },
+        ]
+      },
+    ]
+  },
+];
+
+// Mock MaterialChecklistViewer component
+const MaterialChecklistViewer = ({ checklist, onReset }: { checklist: MaterialChecklist; onReset: () => void }) => (
+  <div className="space-y-6">
+    <button onClick={onReset} className="mb-4 text-sm text-muted-foreground hover:text-foreground flex items-center gap-2">
+      ← Volver a lista de checklists
+    </button>
+    
+    <div className="bg-card border border-border rounded-lg p-6">
+      <h2 className="text-xl font-semibold text-foreground mb-4">{checklist.title}</h2>
+      <p className="text-muted-foreground">
+        {checklist.shortTitle} • {checklist.phase}
+      </p>
+      
+      <div className="space-y-4">
+        {checklist.sections.map((section, sectionIndex) => (
+          <div key={section.id} className="space-y-4">
+            <h3 className="font-semibold text-foreground mb-2">{section.title}</h3>
+            <div className="space-y-2">
+              {section.items.map((item, itemIndex) => (
+                <div key={item.id} className="flex items-center gap-3 p-2 bg-muted/50 rounded mb-1">
+                  <input
+                    type="checkbox"
+                    checked={item.checked}
+                    onChange={(e) => {
+                      // In a real app, we would update the state here
+                      console.log(`Checkbox ${item.id} changed to ${e.target.checked}`);
+                    }}
+                    className="h-4 w-4 text-primary"
+                  />
+                  <span className="flex-1">{item.name}</span>
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  </div>
+);
+
+const Material = () => {
+  const [selectedChecklist, setSelectedChecklist] = useState<MaterialChecklist | null>(null);
+  const [selectedPhase, setSelectedPhase] = useState<string | 'todos'>('todos');
+
+  const filteredChecklists = selectedPhase === 'todos'
+    ? mockMaterialChecklists
+    : mockMaterialChecklists.filter(checklist => checklist.phase === selectedPhase);
+
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <ClipboardCheck className="w-8 h-8 text-primary" />
+          <div>
+            <h1 className="text-3xl font-bold text-foreground">Checklists de Material</h1>
+            <p className="text-muted-foreground text-sm">
+              Verificación de material sanitario y oxigenoterapia
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {!selectedChecklist ? (
+        <>
+          {/* Phase Filter */}
+          <div className="space-y-2">
+            <p className="text-xs text-muted-foreground mb-1 uppercase tracking-wide">Fase</p>
+            <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-2 px-2">
+              <button
+                onClick={() => setSelectedPhase('todos')}
+                className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                  selectedPhase === 'todos'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'bg-muted text-muted-foreground hover:bg-accent'
+                }`}
+              >
+                Todos
+              </button>
+              {['inicio_turno', 'pre_escena', 'post_servicio'].map((phase) => (
+                <button
+                  key={phase}
+                  onClick={() => setSelectedPhase(phase)}
+                  className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                    selectedPhase === phase
+                      ? 'bg-primary text-primary-foreground'
+                      : 'bg-muted text-muted-foreground hover:bg-accent'
+                  }`}
+                >
+                  {phase === 'inicio_turno' ? 'Inicio de Turno' :
+                   phase === 'pre_escena' ? 'Pre-Escena' : 'Post-Servicio'}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          {/* Checklists List */}
+          <div className="space-y-4">
+            {filteredChecklists.length === 0 ? (
+              <div className="text-center py-4">
+                <p className="text-muted-foreground">No hay checklists que coincidan con los filtros seleccionados.</p>
+              </div>
+            ) : (
+              <>
+                {filteredChecklists.map((checklist) => (
+                  <button
+                    key={checklist.id}
+                    onClick={() => setSelectedChecklist(checklist)}
+                    className="w-full text-left card-procedure hover:bg-accent transition-colors"
+                  >
+                    <div className="flex items-start justify-between gap-3">
+                      <div className="flex-1">
+                        <div className="flex items-center gap-2 mb-1">
+                          <ClipboardCheck className="w-5 h-5 text-primary" />
+                          <h3 className="font-semibold text-foreground">{checklist.shortTitle}</h3>
+                          <Badge variant="default">{checklist.phase}</Badge>
+                        </div>
+                        <p className="text-muted-foreground text-sm">
+                          {checklist.phase}
+                        </p>
+                        <p className="text-muted-foreground text-xs mt-1">
+                          {checklist.sections.length} sección(es) • {' '}
+                          {checklist.sections.reduce((acc, s) => acc + s.items.length, 0)} items
+                        </p>
+                      </div>
+                    </div>
+                  </button>
+                ))}
+              </>
+            )}
+          </div>
+        </>
+      ) : (
+        <div>
+          <MaterialChecklistViewer
+            checklist={selectedChecklist}
+            onReset={() => setSelectedChecklist(null)}
+          />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Material;
\ No newline at end of file
diff --git a/frontend/src/pages/NotFound.tsx b/frontend/src/pages/NotFound.tsx
new file mode 100644
index 00000000..7004467e
--- /dev/null
+++ b/frontend/src/pages/NotFound.tsx
@@ -0,0 +1,29 @@
+import { Link } from 'react-router-dom';
+import { Home, AlertCircle } from 'lucide-react';
+
+const NotFound = () => {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] text-center space-y-6">
+      <div className="bg-muted p-6 rounded-full">
+        <AlertCircle className="w-16 h-16 text-primary" />
+      </div>
+      <div>
+        <h1 className="text-4xl font-bold text-foreground mb-2">404</h1>
+        <h2 className="text-xl text-muted-foreground">Página no encontrada</h2>
+        <p className="text-sm text-muted-foreground mt-2 max-w-md">
+          La página que estás buscando no existe o ha sido movida. 
+          Por favor, verifica la URL o vuelve al inicio.
+        </p>
+      </div>
+      <Link
+        to="/"
+        className="inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors"
+      >
+        <Home className="w-4 h-4" />
+        Volver al inicio
+      </Link>
+    </div>
+  );
+};
+
+export default NotFound;
\ No newline at end of file
diff --git a/frontend/src/pages/Parto.tsx b/frontend/src/pages/Parto.tsx
new file mode 100644
index 00000000..ce6ccead
--- /dev/null
+++ b/frontend/src/pages/Parto.tsx
@@ -0,0 +1,11 @@
+import { VisualProtocolRenderer } from '../protocols/yaml/VisualProtocolRenderer';
+
+const Parto = () => {
+  return (
+    <div className="space-y-4">
+      <VisualProtocolRenderer protocolId="emergencias/parto-emergencia" />
+    </div>
+  );
+};
+
+export default Parto;
diff --git a/frontend/src/pages/Patologias.tsx b/frontend/src/pages/Patologias.tsx
new file mode 100644
index 00000000..6d562d75
--- /dev/null
+++ b/frontend/src/pages/Patologias.tsx
@@ -0,0 +1,150 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Wind,
+  Heart,
+  Brain,
+  FlaskConical,
+  Skull,
+} from 'lucide-react';
+
+const tabs = [
+  { id: 'respiratorias', label: 'Respiratorias', icon: Wind },
+  { id: 'circulatorias', label: 'Circulatorias', icon: Heart },
+  { id: 'neurologicas', label: 'Neurológicas', icon: Brain },
+  { id: 'endocrinas', label: 'Endocrinas', icon: FlaskConical },
+  { id: 'intoxicaciones', label: 'Intoxicaciones', icon: Skull },
+];
+
+const patologias = {
+  respiratorias: [
+    {
+      title: 'Crisis Asmática',
+      clinica: 'Disnea, sibilancias, uso de musculatura accesoria, habla entrecortada',
+      actuacion: ['O2 alto flujo', 'Salbutamol nebulizado', 'Corticoides IV', 'Valorar adrenalina si severa'],
+    },
+    {
+      title: 'EPOC Reagudizado',
+      clinica: 'Aumento de disnea, cambio en esputo, aumento de tos',
+      actuacion: ['O2 controlado (SpO2 88-92%)', 'Broncodilatadores', 'Corticoides', 'ATB si sospecha infección'],
+    },
+  ],
+  circulatorias: [
+    {
+      title: 'SCA / IAM',
+      clinica: 'Dolor torácico opresivo, irradiado a brazo/mandíbula, sudoración, náuseas',
+      actuacion: ['ECG 12 derivaciones', 'O2 si SpO2 <94%', 'AAS 300mg', 'Nitroglicerina SL', 'Morfina si dolor intenso'],
+    },
+    {
+      title: 'Edema Agudo de Pulmón',
+      clinica: 'Disnea súbita, ortopnea, esputo rosado, crepitantes',
+      actuacion: ['Posición semisentado', 'O2 alto flujo / CPAP', 'Furosemida IV', 'Nitroglicerina', 'Morfina'],
+    },
+  ],
+  neurologicas: [
+    {
+      title: 'Ictus - Código Ictus',
+      clinica: 'Déficit neurológico súbito: paresia facial, debilidad brazo, alteración habla (FAST)',
+      actuacion: ['Hora de inicio síntomas', 'Glucemia', 'TA (no bajar si <220/120)', 'Código Ictus', 'Traslado urgente'],
+    },
+    {
+      title: 'Crisis Convulsiva',
+      clinica: 'Movimientos tónico-clónicos, pérdida consciencia, relajación esfínteres',
+      actuacion: ['Proteger de traumatismos', 'Posición lateral si cede', 'Midazolam si >5min', 'O2', 'Glucemia'],
+    },
+  ],
+  endocrinas: [
+    {
+      title: 'Hipoglucemia',
+      clinica: 'Glucemia <70 mg/dl, sudoración, temblor, confusión, taquicardia',
+      actuacion: ['Si consciente: glucosa oral', 'Si inconsciente: Glucosmon IV', 'Glucagón IM si no vía', 'Buscar causa'],
+    },
+    {
+      title: 'Cetoacidosis Diabética',
+      clinica: 'Hiperglucemia >250, aliento cetósico, náuseas, dolor abdominal',
+      actuacion: ['Fluidoterapia SSF', 'Insulina rápida', 'Monitorización K+', 'Buscar desencadenante'],
+    },
+  ],
+  intoxicaciones: [
+    {
+      title: 'Intoxicación por Opioides',
+      clinica: 'Miosis puntiforme, depresión respiratoria, bajo nivel consciencia',
+      actuacion: ['Vía aérea', 'Ventilación', 'Naloxona 0.4-2mg IV', 'Repetir cada 2-3 min si precisa'],
+    },
+    {
+      title: 'Intoxicación por Benzodiacepinas',
+      clinica: 'Somnolencia, ataxia, habla farfullante, depresión respiratoria',
+      actuacion: ['Vía aérea', 'Flumazenilo 0.2mg IV', 'Repetir hasta 1mg', 'Monitorización prolongada'],
+    },
+  ],
+};
+
+const Patologias = () => {
+  const [activeTab, setActiveTab] = useState('respiratorias');
+  const currentPatologias = patologias[activeTab as keyof typeof patologias];
+
+  return (
+    <div className="space-y-4">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Patologías</h1>
+        <p className="text-muted-foreground text-sm">
+          Clínica y actuación por sistemas
+        </p>
+      </div>
+
+      {/* System Tabs */}
+      <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-4 px-4">
+        {tabs.map((tab) => (
+          <button
+            key={tab.id}
+            onClick={() => setActiveTab(tab.id)}
+            className={`flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+              activeTab === tab.id
+                ? 'bg-secondary text-secondary-foreground'
+                : 'bg-muted text-muted-foreground hover:bg-accent'
+            }`}
+          >
+            <tab.icon className="w-4 h-4" />
+            {tab.label}
+          </button>
+        ))}
+      </div>
+
+      {/* Patologies List */}
+      <div className="space-y-4">
+        {currentPatologias.map((patologia, index) => (
+          <div key={index} className="card-procedure">
+            <h3 className="font-bold text-foreground text-lg mb-3">
+              {patologia.title}
+            </h3>
+
+            <div className="space-y-4">
+              <div>
+                <h4 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-2">
+                  Clínica
+                </h4>
+                <p className="text-foreground">{patologia.clinica}</p>
+              </div>
+
+              <div>
+                <h4 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-2">
+                  Actuación
+                </h4>
+                <ol className="space-y-2">
+                  {patologia.actuacion.map((paso, i) => (
+                    <li key={i} className="flex items-start gap-3">
+                      <span className="step-number">{i + 1}</span>
+                      <span className="text-foreground pt-1">{paso}</span>
+                    </li>
+                  ))}
+                </ol>
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Patologias;
\ No newline at end of file
diff --git a/frontend/src/pages/Privacidad.tsx b/frontend/src/pages/Privacidad.tsx
new file mode 100644
index 00000000..f7c6f16a
--- /dev/null
+++ b/frontend/src/pages/Privacidad.tsx
@@ -0,0 +1,184 @@
+import { Shield, Lock, Eye, Database, FileText } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
+const Privacidad = () => {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1">Política de Privacidad</h1>
+        <p className="text-muted-foreground text-sm">
+          Información sobre cómo protegemos tus datos
+        </p>
+      </div>
+
+      {/* Introducción */}
+      <section className="space-y-3">
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <p className="text-foreground">
+            <strong>codigo0</strong> respeta tu privacidad y se compromete a proteger tus datos personales.
+          </p>
+          <p className="text-sm text-muted-foreground">
+            Esta política explica cómo recopilamos, usamos y protegemos tu información cuando utilizas nuestra aplicación.
+          </p>
+        </div>
+      </section>
+
+      {/* Datos que recopilamos */}
+      <section className="space-y-3">
+        <div className="flex items-center gap-2">
+          <Database className="w-5 h-5 text-primary" />
+          <h2 className="font-semibold text-foreground">Datos que Recopilamos</h2>
+        </div>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-3">
+          <div>
+            <p className="text-sm font-medium text-foreground mb-2">Datos almacenados localmente:</p>
+            <ul className="space-y-2 text-sm text-muted-foreground">
+              <li className="flex items-start gap-2">
+                <span className="text-primary">•</span>
+                <span><strong>Favoritos:</strong> Almacenados en localStorage de tu dispositivo. Solo tú tienes acceso.</span>
+              </li>
+              <li className="flex items-start gap-2">
+                <span className="text-primary">•</span>
+                <span><strong>Historial de búsquedas:</strong> Almacenado en sessionStorage. Se elimina al cerrar el navegador.</span>
+              </li>
+              <li className="flex items-start gap-2">
+                <span className="text-primary">•</span>
+                <span><strong>Preferencias de tema:</strong> Almacenadas localmente para recordar tu elección.</span>
+              </li>
+            </ul>
+          </div>
+          <div className="p-3 bg-muted rounded-lg">
+            <p className="text-sm text-foreground">
+              <strong>No recopilamos:</strong> Datos personales identificables, información de ubicación, datos de uso analíticos, ni información de terceros.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* Uso de datos */}
+      <section className="space-y-3">
+        <div className="flex items-center gap-2">
+          <Eye className="w-5 h-5 text-primary" />
+          <h2 className="font-semibold text-foreground">Uso de los Datos</h2>
+        </div>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <p className="text-sm text-foreground">
+            Los datos almacenados localmente se utilizan únicamente para:
+          </p>
+          <ul className="space-y-1 text-sm text-muted-foreground">
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Mejorar tu experiencia de usuario (favoritos, historial)</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Recordar tus preferencias (tema claro/oscuro)</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Funcionamiento offline de la aplicación</span>
+            </li>
+          </ul>
+        </div>
+      </section>
+
+      {/* Almacenamiento */}
+      <section className="space-y-3">
+        <div className="flex items-center gap-2">
+          <Lock className="w-5 h-5 text-primary" />
+          <h2 className="font-semibold text-foreground">Almacenamiento y Seguridad</h2>
+        </div>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <p className="text-sm text-foreground">
+            <strong>Todos los datos se almacenan localmente en tu dispositivo.</strong>
+          </p>
+          <ul className="space-y-1 text-sm text-muted-foreground">
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>No se envían datos a servidores externos</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>No hay base de datos en la nube</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Los datos solo existen en tu navegador</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Puedes eliminar todos los datos desde Ajustes → Limpiar datos locales</span>
+            </li>
+          </ul>
+        </div>
+      </section>
+
+      {/* Cookies y tecnologías similares */}
+      <section className="space-y-3">
+        <div className="flex items-center gap-2">
+          <FileText className="w-5 h-5 text-primary" />
+          <h2 className="font-semibold text-foreground">Cookies y Tecnologías Similares</h2>
+        </div>
+        <div className="p-4 bg-card border border-border rounded-lg">
+          <p className="text-sm text-foreground">
+            Esta aplicación utiliza <strong>localStorage</strong> y <strong>sessionStorage</strong> del navegador para almacenar datos localmente. No utilizamos cookies de seguimiento ni tecnologías de terceros para recopilar información.
+          </p>
+        </div>
+      </section>
+
+      {/* Tus derechos */}
+      <section className="space-y-3">
+        <div className="flex items-center gap-2">
+          <Shield className="w-5 h-5 text-primary" />
+          <h2 className="font-semibold text-foreground">Tus Derechos</h2>
+        </div>
+        <div className="p-4 bg-card border border-border rounded-lg space-y-2">
+          <p className="text-sm text-foreground mb-2">Tienes derecho a:</p>
+          <ul className="space-y-1 text-sm text-muted-foreground">
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Acceder a tus datos almacenados localmente</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Eliminar tus datos en cualquier momento desde Ajustes</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary">•</span>
+              <span>Desinstalar la aplicación, lo que eliminará todos los datos locales</span>
+            </li>
+          </ul>
+        </div>
+      </section>
+
+      {/* Cambios en la política */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Cambios en esta Política</h2>
+        <div className="p-4 bg-card border border-border rounded-lg">
+          <p className="text-sm text-muted-foreground">
+            Podemos actualizar esta política de privacidad ocasionalmente. La fecha de la última actualización se indicará al final de este documento. Te recomendamos revisar esta política periódicamente.
+          </p>
+        </div>
+      </section>
+
+      {/* Contacto */}
+      <section className="space-y-3">
+        <h2 className="font-semibold text-foreground">Contacto</h2>
+        <div className="p-4 bg-card border border-border rounded-lg">
+          <p className="text-sm text-muted-foreground">
+            Si tienes preguntas sobre esta política de privacidad, puedes contactarnos a través de la página <Link to="/acerca" className="text-primary hover:underline">Acerca de</Link>.
+          </p>
+        </div>
+      </section>
+
+      {/* Fecha de actualización */}
+      <div className="p-3 bg-muted rounded-lg">
+        <p className="text-xs text-muted-foreground text-center">
+          Última actualización: 23 de diciembre de 2025
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default Privacidad;
\ No newline at end of file
diff --git a/frontend/src/pages/Protocolo.tsx b/frontend/src/pages/Protocolo.tsx
new file mode 100644
index 00000000..b0e8fbbd
--- /dev/null
+++ b/frontend/src/pages/Protocolo.tsx
@@ -0,0 +1,66 @@
+import { useParams } from 'react-router-dom';
+import { VisualProtocolRenderer } from '../protocols/yaml/VisualProtocolRenderer';
+import { useProtocolList } from '../hooks/useProtocol';
+import { Link } from 'react-router-dom';
+import { Loader2 } from 'lucide-react';
+
+const Protocolo = () => {
+  const { id } = useParams<{ id: string }>();
+  const { list, loading } = useProtocolList();
+
+  if (!id) {
+    // Mostrar lista de protocolos disponibles
+    if (loading) {
+      return (
+        <div className="flex items-center justify-center py-12">
+          <Loader2 className="w-8 h-8 animate-spin text-primary" />
+        </div>
+      );
+    }
+
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground mb-1">Protocolos</h1>
+          <p className="text-muted-foreground text-sm">
+            Selecciona un protocolo para ver su contenido
+          </p>
+        </div>
+
+        <div className="grid gap-3">
+          {list.map((protocol) => (
+            <Link
+              key={protocol.id}
+              to={`/protocolo/${protocol.id}`}
+              className="p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+            >
+              <div className="flex items-center justify-between">
+                <div>
+                  <h3 className="font-semibold text-foreground">{protocol.titulo}</h3>
+                  <p className="text-sm text-muted-foreground capitalize">{protocol.categoria.replace('-', ' ')}</p>
+                </div>
+                <span className={`px-2 py-1 text-xs rounded-full ${
+                  protocol.urgencia === 'critica' 
+                    ? 'bg-red-500/20 text-red-500'
+                    : protocol.urgencia === 'alta'
+                    ? 'bg-orange-500/20 text-orange-500'
+                    : 'bg-yellow-500/20 text-yellow-500'
+                }`}>
+                  {protocol.urgencia}
+                </span>
+              </div>
+            </Link>
+          ))}
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <VisualProtocolRenderer protocolId={id} />
+    </div>
+  );
+};
+
+export default Protocolo;
\ No newline at end of file
diff --git a/frontend/src/pages/RCP.tsx b/frontend/src/pages/RCP.tsx
new file mode 100644
index 00000000..8710bea9
--- /dev/null
+++ b/frontend/src/pages/RCP.tsx
@@ -0,0 +1,516 @@
+import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Heart,
+  ChevronRight,
+  AlertTriangle,
+  Users,
+  Baby,
+  Check,
+  RotateCcw,
+  GraduationCap,
+  BookOpen,
+} from 'lucide-react';
+import { protocolApi, TelephoneProtocol } from '../services/api';
+
+// Simplified components for migration
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+const PageLoader = () => (
+  <div className="flex items-center justify-center py-12">
+    <div className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin"></div>
+  </div>
+);
+
+const NotFound = ({ message, backTo }: { message: string; backTo: string }) => (
+  <div className="min-h-flex flex-col items-center justify-center p-6 text-center">
+    <h1 className="text-3xl font-bold text-foreground">{message}</h1>
+    <Link to={backTo} className="mt-4 px-4 py-2 bg-primary text-primary-foreground rounded hover:bg-primary/90">
+      Volver al inicio
+    </Link>
+  </div>
+);
+
+// Adaptar estructura de la API al formato esperado por el frontend
+interface ProtocolStep {
+  id: string;
+  instruction: string;
+  verification?: string;
+  notes?: string;
+  critical?: boolean;
+}
+
+interface Protocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: string;
+  ageGroup: string;
+  description: string;
+  steps: ProtocolStep[];
+  warnings?: string[];
+  keyPoints?: string[];
+  equipment?: string[];
+  drugs?: string[];
+}
+
+const mapApiProtocolToProtocol = (apiProtocol: TelephoneProtocol): Protocol => {
+  // Mapear steps (order no se usa visualmente)
+  const steps = apiProtocol.steps.map(step => ({
+    id: step.id,
+    instruction: step.instruction,
+    verification: step.verification,
+    notes: step.notes,
+    critical: step.critical,
+  }));
+
+  // Mapear importantNotes a warnings
+  const warnings = apiProtocol.importantNotes;
+
+  // Campos que no vienen en la API actual (dejar vacíos o mapear si es necesario)
+  const keyPoints: string[] = [];
+  const equipment: string[] = [];
+  const drugs: string[] = [];
+
+  return {
+    id: apiProtocol.id,
+    title: apiProtocol.title,
+    shortTitle: apiProtocol.shortTitle,
+    category: apiProtocol.category,
+    ageGroup: apiProtocol.ageGroup,
+    description: apiProtocol.description,
+    steps,
+    warnings,
+    keyPoints,
+    equipment,
+    drugs,
+  };
+};
+
+const RCP = () => {
+  const [activeTab, setActiveTab] = useState<'adulto' | 'pediatrico'>('adulto');
+  const [isChecklistMode, setIsChecklistMode] = useState(false);
+  const [checkedItems, setCheckedItems] = useState<Set<number>>(new Set());
+  
+  // Estados para carga de datos
+  const [protocols, setProtocols] = useState<Protocol[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Cargar protocolos desde la API al montar el componente
+  useEffect(() => {
+    const fetchProtocols = async () => {
+      try {
+        setLoading(true);
+        const response = await protocolApi.getAll();
+        
+        // Filtrar protocolos de RCP
+        const rcpProtocols = response.data.filter(p => p.category === 'rcp');
+        
+        // Mapear a formato del frontend
+        const mappedProtocols = rcpProtocols.map(mapApiProtocolToProtocol);
+        
+        setProtocols(mappedProtocols);
+        setError(null);
+      } catch (err) {
+        console.error('Error fetching protocols:', err);
+        setError('No se pudieron cargar los protocolos. Usando datos locales.');
+        // Podríamos cargar datos locales de respaldo aquí si fuera necesario
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchProtocols();
+  }, []);
+
+  // RCP checklist steps (hardcoded for emergency use)
+  const rcpChecklistSteps = [
+    'Seguridad de la escena',
+    'Comprobación de respuesta',
+    'Apertura de vía aérea',
+    'Comprobación de respiración (<10s)',
+    'Activación de emergencias',
+    'Inicio de compresiones',
+    'Colocación del DEA',
+    'Análisis y descarga si indicada',
+    'RCP de alta calidad continua',
+    'Reevaluación cada 2 minutos',
+  ];
+
+  // Encontrar el protocolo seleccionado basado en el tab y ageGroup
+  const selectedProtocol = protocols.find(p => 
+    activeTab === 'adulto' ? p.ageGroup === 'adulto' : p.ageGroup === 'pediatrico'
+  );
+  
+  const protocolTitle = activeTab === 'adulto' ? 'Soporte Vital Básico (SVB)' : 'RCP Pediátrico';
+
+  const handleTabChange = (tab: 'adulto' | 'pediatrico') => {
+    setActiveTab(tab);
+    setIsChecklistMode(false);
+    setCheckedItems(new Set());
+  };
+
+  const handleToggleChecklist = () => {
+    setIsChecklistMode(!isChecklistMode);
+    if (!isChecklistMode) {
+      setCheckedItems(new Set());
+    }
+  };
+
+  const handleStepToggle = (index: number) => {
+    const newChecked = new Set(checkedItems);
+    if (newChecked.has(index)) {
+      newChecked.delete(index);
+    } else {
+      newChecked.add(index);
+    }
+    setCheckedItems(newChecked);
+  };
+
+  if (loading) {
+    return <PageLoader />;
+  }
+
+  if (error) {
+    console.warn(error);
+  }
+
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 rounded-xl bg-red-500/20 flex items-center justify-center">
+            <Heart className="w-7 h-7 text-red-500" />
+          </div>
+          <div>
+            <h1 className="text-3xl font-bold text-foreground">RCP / Parada Cardiorrespiratoria</h1>
+            <p className="text-muted-foreground">Protocolo de Reanimación Cardiopulmonar</p>
+          </div>
+        </div>
+
+        {/* Tabs Adulto/Pediátrico */}
+        <div className="flex gap-2 border-b border-border">
+          <button
+            onClick={() => handleTabChange('adulto')}
+            className={`px-4 py-2 font-medium transition-colors ${
+              activeTab === 'adulto'
+                ? 'text-primary border-b-2 border-primary'
+                : 'text-muted-foreground hover:text-foreground'
+            }`}
+          >
+            <div className="flex items-center gap-2">
+              <Users className="w-4 h-4" />
+              <span>Adulto</span>
+            </div>
+          </button>
+          <button
+            onClick={() => handleTabChange('pediatrico')}
+            className={`px-4 py-2 font-medium transition-colors ${
+              activeTab === 'pediatrico'
+                ? 'text-primary border-b-2 border-primary'
+                : 'text-muted-foreground hover:text-foreground'
+            }`}
+          >
+            <div className="flex items-center gap-2">
+              <Baby className="w-4 h-4" />
+              <span>Pediátrico</span>
+            </div>
+          </button>
+        </div>
+      </div>
+
+      {/* Main Content */}
+      {selectedProtocol ? (
+        <div className="space-y-6 lg:grid lg:grid-cols-[1fr_280px] lg:gap-6 lg:items-start">
+          {/* Main Column */}
+          <div className="space-y-6">
+            {/* Protocol Card */}
+            <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+              <div className="flex items-center justify-between">
+                <h2 className="text-xl font-semibold text-foreground">{protocolTitle}</h2>
+                <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+                  Crítico
+                </span>
+              </div>
+
+              {/* Checklist Toggle Button */}
+              <button
+                onClick={handleToggleChecklist}
+                className={`w-full flex items-center justify-center gap-2 px-4 py-3 rounded-lg font-medium transition-colors ${
+                  isChecklistMode
+                    ? 'bg-green-500/20 text-green-600 dark:text-green-400 border-2 border-green-500/50'
+                    : 'bg-muted hover:bg-accent text-foreground border border-border'
+                }`}
+              >
+                <span className="text-lg">🟢</span>
+                <span>{isChecklistMode ? 'Modo Checklist Activo' : 'Modo Checklist'}</span>
+              </button>
+
+              {/* Content Area */}
+              {isChecklistMode ? (
+                <div className="space-y-3">
+                  <div className="flex items-center justify-between mb-4">
+                    <h3 className="font-semibold text-foreground flex items-center gap-2">
+                      <Check className="w-5 h-5 text-green-500" />
+                      Checklist RCP - Marca los pasos completados
+                    </h3>
+                    {checkedItems.size > 0 && (
+                      <button
+                        onClick={() => setCheckedItems(new Set())}
+                        className="flex items-center gap-2 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"
+                      >
+                        <RotateCcw className="w-4 h-4" />
+                        Reiniciar
+                      </button>
+                    )}
+                  </div>
+                  <div className="space-y-2">
+                    {rcpChecklistSteps.map((step, index) => {
+                      const isChecked = checkedItems.has(index);
+                      return (
+                        <button
+                          key={index}
+                          onClick={() => handleStepToggle(index)}
+                          className={`w-full flex items-center gap-4 p-4 rounded-lg border-2 transition-all text-left ${
+                            isChecked
+                              ? 'bg-green-500/10 border-green-500/50'
+                              : 'bg-muted border-border hover:border-primary/50'
+                          }`}
+                        >
+                          <div
+                            className={`w-12 h-12 rounded-lg border-2 flex items-center justify-center flex-shrink-0 transition-colors ${
+                              isChecked
+                                ? 'bg-green-500 border-green-500'
+                                : 'bg-card border-muted-foreground'
+                            }`}
+                          >
+                            {isChecked ? (
+                              <Check className="w-6 h-6 text-white" />
+                            ) : (
+                              <span className="text-muted-foreground font-bold text-lg">{index + 1}</span>
+                            )}
+                          </div>
+                          <span
+                            className={`flex-1 font-medium ${
+                              isChecked ? 'text-foreground line-through opacity-60' : 'text-foreground'
+                            }`}
+                          >
+                            {step}
+                          </span>
+                        </button>
+                      );
+                    })}
+                  </div>
+                  <div className="mt-4 p-3 bg-muted/50 rounded-lg text-center">
+                    <p className="text-sm text-muted-foreground">
+                      {checkedItems.size} de {rcpChecklistSteps.length} pasos completados
+                    </p>
+                  </div>
+                </div>
+              ) : (
+                <div>
+                  <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                    <AlertTriangle className="w-4 h-4 text-yellow-500" />
+                    Pasos del Protocolo
+                  </h3>
+                  <ol className="space-y-2 list-decimal list-inside">
+                    {selectedProtocol.steps.map((step, index) => (
+                      <li key={index} className="text-foreground pl-2">
+                        {step.instruction}
+                        {step.verification && (
+                          <div className="mt-1 text-xs text-muted-foreground">
+                            Verificación: {step.verification}
+                          </div>
+                        )}
+                        {step.notes && (
+                          <div className="mt-1 text-xs text-muted-foreground italic">
+                            Nota: {step.notes}
+                          </div>
+                        )}
+                        {step.critical && (
+                          <span className="ml-2 px-2 py-0.5 bg-red-500/20 text-red-600 rounded text-xs">
+                            CRÍTICO
+                          </span>
+                        )}
+                      </li>
+                    ))}
+                  </ol>
+                </div>
+              )}
+
+              {/* Warnings */}
+              {selectedProtocol.warnings && selectedProtocol.warnings.length > 0 && (
+                <div>
+                  <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                    <AlertTriangle className="w-4 h-4 text-orange-500" />
+                    Advertencias Importantes
+                  </h3>
+                  <ul className="space-y-1">
+                    {selectedProtocol.warnings.map((warning, index) => (
+                      <li key={index} className="text-sm text-muted-foreground flex items-start gap-2">
+                        <span className="text-orange-500 mt-1">•</span>
+                        <span>{warning}</span>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              )}
+
+              {/* Key Points */}
+              {selectedProtocol.keyPoints && selectedProtocol.keyPoints.length > 0 && (
+                <div>
+                  <h3 className="font-semibold text-foreground mb-2">Puntos Clave</h3>
+                  <ul className="space-y-1">
+                    {selectedProtocol.keyPoints.map((point, index) => (
+                      <li key={index} className="text-sm text-muted-foreground flex items-start gap-2">
+                        <span className="text-primary mt-1">✓</span>
+                        <span>{point}</span>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              )}
+
+              {/* Equipment */}
+              {selectedProtocol.equipment && selectedProtocol.equipment.length > 0 && (
+                <div>
+                  <h3 className="font-semibold text-foreground mb-2">Material Necesario</h3>
+                  <div className="flex flex-wrap gap-2">
+                    {selectedProtocol.equipment.map((item, index) => (
+                      <span
+                        key={index}
+                        className="px-3 py-1 bg-muted rounded-full text-sm text-foreground"
+                      >
+                        {item}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </div>
+          </div>
+
+          {/* Sidebar - Desktop Only */}
+          <div className="hidden lg:block space-y-4 lg:sticky lg:top-20">
+            {/* Related Protocols */}
+            <div className="bg-muted/50 border border-border rounded-xl p-4">
+              <h3 className="font-semibold text-foreground mb-3">Protocolos Relacionados</h3>
+              <div className="space-y-2">
+                <Link
+                  to="/via-aerea"
+                  className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+                >
+                  <span className="text-foreground">Vía Aérea / OVACE</span>
+                  <ChevronRight className="w-5 h-5 text-muted-foreground" />
+                </Link>
+                <Link
+                  to="/soporte-vital"
+                  className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+                >
+                  <span className="text-foreground">Ver todos los protocolos de Soporte Vital</span>
+                  <ChevronRight className="w-5 h-5 text-muted-foreground" />
+                </Link>
+              </div>
+            </div>
+
+            {/* Related Content */}
+            <div className="bg-card border border-border rounded-xl p-4 space-y-3">
+              <h3 className="font-semibold text-foreground mb-2">Contenido Relacionado</h3>
+              <div className="space-y-2">
+                <Link
+                  to="/guia-refuerzo"
+                  className="flex items-center gap-2 px-3 py-2 bg-blue-500/10 hover:bg-blue-500/20 border border-blue-500/30 rounded-lg text-blue-600 dark:text-blue-400 transition-colors text-sm"
+                >
+                  <GraduationCap className="w-4 h-4 flex-shrink-0" />
+                  <span className="text-xs">Guía Formativa</span>
+                </Link>
+                <Link
+                  to="/manual"
+                  className="flex items-center gap-2 px-3 py-2 bg-purple-500/10 hover:bg-purple-500/20 border border-purple-500/30 rounded-lg text-purple-600 dark:text-purple-400 transition-colors text-sm"
+                >
+                  <BookOpen className="w-4 h-4 flex-shrink-0" />
+                  <span className="text-xs">Manual Completo</span>
+                </Link>
+              </div>
+            </div>
+          </div>
+
+          {/* Related Protocols - Mobile/Tablet */}
+          <div className="lg:hidden bg-muted/50 border border-border rounded-xl p-4">
+            <h3 className="font-semibold text-foreground mb-3">Protocolos Relacionados</h3>
+            <div className="space-y-2">
+              <Link
+                to="/via-aerea"
+                className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+              >
+                <span className="text-foreground">Vía Aérea / OVACE</span>
+                <ChevronRight className="w-5 h-5 text-muted-foreground" />
+              </Link>
+              <Link
+                to="/soporte-vital"
+                className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+              >
+                <span className="text-foreground">Ver todos los protocolos de Soporte Vital</span>
+                <ChevronRight className="w-5 h-5 text-muted-foreground" />
+              </Link>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <NotFound message="Protocolo no encontrado" backTo="/" />
+      )}
+
+      {/* Pediatric Content */}
+      {activeTab === 'pediatrico' && selectedProtocol && (
+        <div className="space-y-6">
+          <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+            <div className="flex items-center justify-between">
+              <h2 className="text-xl font-semibold text-foreground">RCP Pediátrico</h2>
+              <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+                Crítico
+              </span>
+            </div>
+            <div className="space-y-4">
+              <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                <AlertTriangle className="w-4 h-4 text-yellow-500" />
+                Pasos del Protocolo
+              </h3>
+              <ol className="space-y-2 list-decimal list-inside">
+                {selectedProtocol.steps.map((step, index) => (
+                  <li key={index} className="text-foreground pl-2">
+                    {step.instruction}
+                  </li>
+                ))}
+              </ol>
+            </div>
+          </div>
+          
+          {/* Related Links */}
+          <div className="bg-muted/50 border border-border rounded-xl p-4">
+            <h3 className="font-semibold text-foreground mb-3">Protocolos Relacionados</h3>
+            <div className="space-y-2">
+              <Link
+                to="/via-aerea"
+                className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+              >
+                <span className="text-foreground">OVACE Pediátrico</span>
+                <ChevronRight className="w-5 h-5 text-muted-foreground" />
+              </Link>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default RCP;
diff --git a/frontend/src/pages/Shock.tsx b/frontend/src/pages/Shock.tsx
new file mode 100644
index 00000000..36584fef
--- /dev/null
+++ b/frontend/src/pages/Shock.tsx
@@ -0,0 +1,311 @@
+import { Link } from 'react-router-dom';
+import {
+  Zap,
+  AlertTriangle,
+  ChevronRight,
+  Droplet,
+  BookOpen,
+  Cloud,
+} from 'lucide-react';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+// Mock shock protocol data
+interface ShockStep {
+  id: string;
+  instruction: string;
+}
+
+interface ShockProtocol {
+  id: string;
+  title: string;
+  category: string;
+  description: string;
+  steps: ShockStep[];
+  warnings?: string[];
+  keyPoints?: string[];
+  equipment?: string[];
+  drugs?: string[];
+}
+
+const mockShockProtocol: ShockProtocol = {
+  id: 'shock-hemorragico',
+  title: 'Shock Hemorrágico',
+  category: 'shock',
+  description: 'Protocolo de manejo del shock por pérdida de sangre.',
+  steps: [
+    'Reconocer signos de shock: piel pálida, fría y húmeda; taquicardia; hipotensión; oliguria.',
+    'Controlar la hemorragia externa aplicando presión directa sobre la herida.',
+    'Colocar al paciente en posición supina con piernas elevadas (posición de Trendelenburg) si no hay lesión de columna.',
+    'Administrar oxígeno suplementario para mantener saturación >94%.',
+    'Iniciar acceso venoso periférico de gran calibre (14-16G) o acceso intraóseo si no se logra venoso.',
+    'Iniciar reposición volémica con cristaloides isotónicos (solución salina 0.9% o lactato de Ringer).',
+    'Monitorizar constantes vitales, diuresis y nivel de conciencia continuamente.',
+    'Considerar uso de fármacos vasopresores si la presión arterial no responde a reposición de volúmenes.',
+    'Preparar traslado urgente a centro con capacidad quirúrgica y de transfusión.',
+    'Documentar todo el proceso clínico y terapéutico para traspaso al equipo receptor.',
+  ],
+  warnings: [
+    'No retrasar el traslado definitivo a centro quirúrgico para realizar estudios complementarios en el lugar.',
+    'Evitar la sobrecarga volémica en pacientes con insuficiencia cardíaca conocida.',
+    'En embarazadas, considerar displacemiento uterino lateral para evitar síndrome de hipotensión de decúbito supino.',
+    'Monitorizar signos de síndrome de compartimento en extremidades con vendajes compressive o fracturas.',
+  ],
+  keyPoints: [
+    'El control temprano de la hemorragia es el factor más determinante para la supervivencia.',
+    'La hipotensión permisiva (PA 80-90 mmHg) puede ser beneficiosa en algunos casos de shock hemorrágico sin TCE.',
+    'Cada minuto de retraso en el control quirúrgico aumenta la mortalidad en aproximadamente 1%.',
+    'La temperatura corporal debe mantenerse >36°C para evitar coagulopatía por hipotermia.',
+  ],
+  equipment: [
+    'Guantes de protección',
+    'Mascarilla y protección ocular',
+    'Juego de curas estéril para heridas abiertas',
+    'Solución salina 0.9% o lactato de Ringer',
+    'Catéteres venosos periféricos de 14-16G',
+    'Set de administración de fluidos',
+    'Monitor de signos vitales',
+    'Oxígeno suplementario con mascarilla',
+  ],
+  drugs: [
+    'Ácido tranexámico (1g IV bolus, luego 1g en 8h si indicado)',
+    'Oximetazolina tópica para hemorragia nasal (si aplica)',
+    'Vasopresores (noradrenalina, adrenalina) si shock refractario a fluidos',
+  ],
+};
+
+const Shock = () => {
+  const [isChecklistMode, setIsChecklistMode] = useState(false);
+  const [checkedItems, setCheckedItems] = useState<Set<number>>(new Set());
+
+  const handleToggleChecklist = () => {
+    setIsChecklistMode(!isChecklistMode);
+    if (!isChecklistMode) {
+      setCheckedItems(new Set());
+    }
+  };
+
+  const handleStepToggle = (index: number) => {
+    const newChecked = new Set(checkedItems);
+    if (newChecked.has(index)) {
+      newChecked.delete(index);
+    } else {
+      newChecked.add(index);
+    }
+    setCheckedItems(newChecked);
+  };
+
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 rounded-xl bg-yellow-500/20 flex items-center justify-center">
+            <Zap className="w-7 h-7 text-yellow-500" />
+          </div>
+          <div className="flex-1">
+            <div className="flex items-center gap-2">
+              <h1 className="text-3xl font-bold text-foreground">Shock Hemorrágico</h1>
+              <span className="inline-flex items-center gap-1 px-2 py-1 text-xs bg-blue-500/10 text-blue-500 border border-blue-500/20 rounded-md">
+                <Cloud className="w-3 h-3" />
+                Externo
+              </span>
+            </div>
+            <p className="text-muted-foreground">Protocolo de manejo del shock por pérdida de sangre</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Clasificación */}
+      <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+        <h2 className="text-xl font-semibold text-foreground">Clasificación del Shock Hemorrágico</h2>
+        
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          <div className="bg-green-500/10 border border-green-500/30 rounded-lg p-4">
+            <div className="font-bold text-green-600 dark:text-green-400 mb-2">Clase I</div>
+            <div className="text-sm text-muted-foreground space-y-1">
+              <div>Pérdida: &lt;15%</div>
+              <div>FC: Normal</div>
+              <div>TA: Normal</div>
+              <div>Signos: Mínimos</div>
+            </div>
+          </div>
+          <div className="bg-yellow-500/10 border border-yellow-500/30 rounded-lg p-4">
+            <div className="font-bold text-yellow-600 dark:text-yellow-400 mb-2">Clase II</div>
+            <div className="text-sm text-muted-foreground space-y-1">
+              <div>Pérdida: 15-30%</div>
+              <div>FC: ↑ Taquicardia</div>
+              <div>TA: Normal</div>
+              <div>Signos: Ansiedad</div>
+            </div>
+          </div>
+          <div className="bg-orange-500/10 border border-orange-500/30 rounded-lg p-4">
+            <div className="font-bold text-orange-600 dark:text-orange-400 mb-2">Clase III</div>
+            <div className="text-sm text-muted-foreground space-y-1">
+              <div>Pérdida: 30-40%</div>
+              <div>FC: ↑↑ Taquicardia</div>
+              <div>TA: ↓ Hipotensión</div>
+              <div>Signos: Confusión</div>
+            </div>
+          </div>
+          <div className="bg-red-500/10 border border-red-500/30 rounded-lg p-4">
+            <div className="font-bold text-red-600 dark:text-red-400 mb-2">Clase IV</div>
+            <div className="text-sm text-muted-foreground space-y-1">
+              <div>Pérdida: &gt;40%</div>
+              <div>FC: ↓ Bradicardia</div>
+              <div>TA: ↓↓ Severa</div>
+              <div>Signos: Letargo</div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Protocolo */}
+      <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+        <div className="flex items-center justify-between">
+          <h2 className="text-xl font-semibold text-foreground">Protocolo de Actuación</h2>
+          <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+            Crítico
+          </span>
+        </div>
+
+        {/* Puentes Formativos - Fase B2 - Enlaces Bidireccionales */}
+        <div className="flex flex-col sm:flex-row gap-2 pt-2 border-t border-border">
+          <Link
+            to="/manual"
+            className="flex items-center justify-center gap-2 px-4 py-2.5 bg-purple-500/10 hover:bg-purple-500/20 border border-purple-500/30 rounded-lg text-purple-600 dark:text-purple-400 transition-colors font-medium text-sm"
+          >
+            <BookOpen className="w-4 h-4" />
+            <span>📘 Ver Manual Completo</span>
+          </Link>
+        </div>
+
+        <div className="space-y-4">
+          <div>
+            <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+              <AlertTriangle className="w-4 h-4 text-yellow-500" />
+              Pasos del Protocolo
+            </h3>
+            <ol className="space-y-2 list-decimal list-inside">
+              {mockShockProtocol.steps.map((step, index) => (
+                <li key={index} className="text-foreground pl-2">
+                  {step.instruction}
+                </li>
+              ))}
+            </ol>
+          </div>
+
+          {/* Advertencias */}
+          {mockShockProtocol.warnings && mockShockProtocol.warnings.length > 0 && (
+            <div>
+              <h3 className="font-semibold text-foreground mb-2">Advertencias Importantes</h3>
+              <ul className="space-y-1">
+                {mockShockProtocol.warnings.map((warning, index) => (
+                  <li key={index} className="text-sm text-muted-foreground flex items-start gap-2">
+                    <span className="text-orange-500 mt-1">•</span>
+                    <span>{warning}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
+          {/* Key Points */}
+          {mockShockProtocol.keyPoints && mockShockProtocol.keyPoints.length > 0 && (
+            <div>
+              <h3 className="font-semibold text-foreground mb-2">Puntos Clave</h3>
+              <ul className="space-y-1">
+                {mockShockProtocol.keyPoints.map((point, index) => (
+                  <li key={index} className="text-sm text-muted-foreground flex items-start gap-2">
+                    <span className="text-primary mt-1">✓</span>
+                    <span>{point}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
+          {/* Equipment */}
+          {mockShockProtocol.equipment && mockShockProtocol.equipment.length > 0 && (
+            <div>
+              <h3 className="font-semibold text-foreground mb-2">Material Necesario</h3>
+              <div className="flex flex-wrap gap-2">
+                {mockShockProtocol.equipment.map((item, index) => (
+                  <span
+                    key={index}
+                    className="px-3 py-1 bg-muted rounded-full text-sm text-foreground"
+                  >
+                    {item}
+                  </span>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {/* Drugs */}
+          {mockShockProtocol.drugs && mockShockProtocol.drugs.length > 0 && (
+            <div>
+              <h3 className="font-semibold text-foreground mb-2">Fármacos</h3>
+              <div className="flex flex-wrap gap-2">
+                {mockShockProtocol.drugs.map((drug, index) => (
+                  <span
+                    key={index}
+                    className="px-3 py-1 bg-primary/20 text-primary rounded-full text-sm"
+                  >
+                    {drug}
+                  </span>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+
+      {/* Hipotensión Permisiva */}
+      <div className="bg-blue-500/10 border border-blue-500/30 rounded-xl p-6 space-y-3">
+        <h3 className="font-semibold text-blue-600 dark:text-blue-400 flex items-center gap-2">
+          <AlertTriangle className="w-5 h-5" />
+          Hipotensión Permisiva
+        </h3>
+        <p className="text-sm text-muted-foreground">
+          En shock hemorrágico sin trauma craneoencefálico (TCE), mantener TAS objetivo de 80-90 mmHg
+          hasta control quirúrgico de la hemorragia. Esto reduce la pérdida de sangre y mejora la supervivencia.
+        </p>
+        <p className="text-sm text-muted-foreground font-semibold">
+          ⚠️ EXCEPCIÓN: En TCE, mantener TAS &gt;90 mmHg para preservar perfusión cerebral.
+        </p>
+      </div>
+
+      {/* Enlaces relacionados */}
+      <div className="bg-muted/50 border border-border rounded-xl p-4">
+        <h3 className="font-semibold text-foreground mb-3">Protocolos Relacionados</h3>
+        <div className="space-y-2">
+          <Link
+            to="/soporte-vital"
+            className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+          >
+            <span className="text-foreground">Ver todos los protocolos de Soporte Vital</span>
+            <ChevronRight className="w-5 h-5 text-muted-foreground" />
+          </Link>
+          <Link
+            to="/farmacos"
+            className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+          >
+            <span className="text-foreground">Fármacos: Ácido Tranexámico</span>
+            <ChevronRight className="w-5 h-5 text-muted-foreground" />
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Shock;
\ No newline at end of file
diff --git a/frontend/src/pages/SoporteVital.tsx b/frontend/src/pages/SoporteVital.tsx
new file mode 100644
index 00000000..7530a0f2
--- /dev/null
+++ b/frontend/src/pages/SoporteVital.tsx
@@ -0,0 +1,136 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Activity,
+  AlertTriangle,
+  Brain,
+  ChevronRight,
+  GraduationCap,
+  Heart,
+  Users,
+  Wind,
+  Zap,
+} from 'lucide-react';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+// Mock data for Soporte Vital topics
+const soporteVitalTopics = [
+  { id: '1', title: 'Evaluación Inicial', icon: Activity, description: 'Valoración primaria y secundaria del paciente' },
+  { id: '2', title: 'Vía Aérea y Respiración', icon: Wind, description: 'Manejo de obstrucciones y soporte ventilatorio' },
+  { id: '3', title: 'Circulación y Shock', icon: Heart, description: 'Control de hemorragias y manejo de shock' },
+  { id: '4', title: 'Neurológico', icon: Brain, description: 'Evaluación del estado neurológico y crisis convulsivas' },
+  { id: '5', title: 'Trauma y Fracturas', icon: Users, description: 'Inmovilización y manejo de lesiones traumáticas' },
+  { id: '6', title: 'Parto de Emergencia', icon: GraduationCap, description: 'Asistencia al parto y manejo de complicaciones obstétricas' },
+];
+
+const SoporteVital = () => {
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 rounded-xl bg-blue-500/20 flex items-center justify-center">
+            <Activity className="w-7 h-7 text-blue-500" />
+          </div>
+          <div>
+            <h1 className="text-3xl font-bold text-foreground">Soporte Vital Básico</h1>
+            <p className="text-muted-foreground">Fundamentos de la atención prehospitalaria</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Content Grid */}
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+        {soporteVitalTopics.map((topic) => (
+          <Link
+            key={topic.id}
+            to="#" // In a real app, this would link to specific sections or pages
+            className="bg-card border border-border rounded-lg p-6 flex flex-col items-center justify-center hover:border-primary/50 transition-colors"
+          >
+            <div className="w-14 h-14 rounded-lg bg-primary/20 flex items-center justify-center mb-4">
+              {topic.icon}
+            </div>
+            <h3 className="font-semibold text-foreground mb-2">{topic.title}</h3>
+            <p className="text-sm text-muted-foreground text-center">
+              {topic.description}
+            </p>
+          </Link>
+        ))}
+      </div>
+
+      {/* Additional Information Section */}
+      <div className="bg-muted/50 border border-border rounded-lg p-6">
+        <h2 className="text-xl font-semibold text-foreground mb-4">¿Qué es el Soporte Vital Básico?</h2>
+        <p className="text-muted-foreground">
+          El Soporte Vital Básico (SVB) es el conjunto de maniobras y procedimientos destinados a mantener
+          las funciones vitales básicas (conciencia, vía aérea, respiración y circulación) en situaciones de
+          emergencia hasta la llegada de ayuda médica especializada.
+        </p>
+        <div className="mt-4 pt-4 border-t border-border">
+          <h3 className="font-semibold text-foreground mb-3">Principios clave:</h3>
+          <ul className="space-y-2 list-disc list-inside">
+            <li>Seguridad del rescatador y del entorno</li>
+            <li>Evaluación rápida de la condición del paciente</li>
+            <li>Mantenimiento de la vía aérea y la respiración</li>
+            <li>Control de la circulación y prevención del shock</li>
+            <li>Activación temprana del sistema de emergencias médicas</li>
+          </ul>
+        </div>
+      </div>
+
+      {/* Related Protocols */}
+      <div className="bg-muted/50 border border-border rounded-lg p-6">
+        <h2 className="text-xl font-semibold text-foreground mb-4">Protocolos Relacionados</h2>
+        <div className="space-y-4">
+          <Link
+            to="/rcp"
+            className="block p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+          >
+            <div className="flex items-center justify-between">
+              <span className="text-foreground">Reanimación Cardiopulmonar (RCP)</span>
+              <ChevronRight className="w-5 h-5 text-muted-foreground" />
+            </div>
+          </Link>
+          <Link
+            to="/ictus"
+            className="block p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+          >
+            <div className="flex items-center justify-between">
+              <span className="text-foreground">Código Ictus</span>
+              <ChevronRight className="w-5 h-5 text-muted-foreground" />
+            </div>
+          </Link>
+          <Link
+            to="/shock"
+            className="block p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+          >
+            <div className="flex items-center justify-between">
+              <span className="text-foreground">Shock Hemorrágico</span>
+              <ChevronRight className="w-5 h-5 text-muted-foreground" />
+            </div>
+          </Link>
+          <Link
+            to="/via-aerea"
+            className="block p-4 bg-card border border-border rounded-lg hover:border-primary/50 transition-colors"
+          >
+            <div className="flex items-center justify-between">
+              <span className="text-foreground">Vía Aérea / OVACE</span>
+              <ChevronRight className="w-5 h-5 text-muted-foreground" />
+            </div>
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SoporteVital;
\ No newline at end of file
diff --git a/frontend/src/pages/Telefono.tsx b/frontend/src/pages/Telefono.tsx
new file mode 100644
index 00000000..b2f7e1db
--- /dev/null
+++ b/frontend/src/pages/Telefono.tsx
@@ -0,0 +1,284 @@
+import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Phone,
+  RotateCcw,
+} from 'lucide-react';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <span>⚠️</span>
+    <span>{label}</span>
+  </Link>
+);
+
+// Mock Badge component
+const Badge = ({ variant, children }: { variant: string; children: React.ReactNode }) => (
+  <span className={`px-2 py-0.5 rounded-full text-xs font-medium ${variant === 'default' ? 'bg-muted text-muted-foreground' : ''}`}>
+    {children}
+  </span>
+);
+
+// Mock TelephoneProtocolViewer (we'll show the protocol details directly)
+const TelephoneProtocolViewer = ({ protocol, onReset }: { protocol: any; onReset: () => void }) => (
+  <div className="space-y-6">
+    <button onClick={onReset} className="mb-4 text-sm text-muted-foreground hover:text-foreground flex items-center gap-2">
+      ← Volver a lista de protocolos
+    </button>
+    
+    <div className="bg-card border border-border rounded-lg p-6">
+      <h2 className="text-xl font-semibold text-foreground mb-4">{protocol.title}</h2>
+      <p className="text-muted-foreground">
+        {protocol.shortTitle} • {protocol.category} • {protocol.ageGroup}
+      </p>
+      
+      <div className="space-y-4">
+        <h3 className="font-semibold text-foreground mb-2">Descripción</h3>
+        <p>{protocol.description}</p>
+      </div>
+      
+      <div className="space-y-4">
+        <h3 className="font-semibold text-foreground mb-2">Evaluación Inicial</h3>
+        <ol className="space-y-2 list-decimal list-inside">
+          {protocol.initialAssessment.map((step: string, index: number) => (
+            <li key={index} className="text-foreground pl-2">
+              {step}
+            </li>
+          ))}
+        </ol>
+      </div>
+      
+      <div className="space-y-4">
+        <h3 className="font-semibold text-foreground mb-2">Pasos del Protocolo</h3>
+        <ol className="space-y-2 list-decimal list-inside">
+          {protocol.steps.map((step: any, index: number) => (
+            <li key={index} className="text-foreground pl-2">
+              {step.instruction}
+            </li>
+          ))}
+        </ol>
+      </div>
+    </div>
+  </div>
+);
+
+// Interfaces (mismas que el backend)
+interface TelephoneProtocolStep {
+  id: string;
+  order: number;
+  instruction: string;
+  verification?: string;
+  notes?: string;
+  critical?: boolean;
+}
+
+interface TelephoneProtocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: string;
+  ageGroup: string;
+  description: string;
+  initialAssessment: string[];
+  steps: TelephoneProtocolStep[];
+  importantNotes?: string[];
+  source?: string;
+}
+
+const categoryLabels: Record<string, string> = {
+  rcp: 'RCP',
+  desa: 'DESA',
+  ovace: 'OVACE',
+  sca: 'SCA',
+  ictus: 'Ictus',
+  comunicacion: 'Comunicación',
+};
+
+const ageGroupLabels: Record<string, string> = {
+  adulto: 'Adulto',
+  pediatrico: 'Pediatría',
+  lactante: 'Lactante',
+  todos: 'Todos',
+};
+
+const Telefono = () => {
+  const [protocols, setProtocols] = useState<TelephoneProtocol[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [selectedProtocol, setSelectedProtocol] = useState<TelephoneProtocol | null>(null);
+  const [selectedCategory, setSelectedCategory] = useState<string | 'todos'>('todos');
+  const [selectedAgeGroup, setSelectedAgeGroup] = useState<string | 'todos'>('todos');
+
+  useEffect(() => {
+    const fetchProtocols = async () => {
+      try {
+        const response = await fetch(`${import.meta.env.VITE_API_URL}/content`);
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const data = await response.json();
+        setProtocols(data.data || []);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Failed to load protocols');
+        console.error('Error fetching protocols:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchProtocols();
+  }, []);
+
+  const filteredProtocols = protocols.filter((protocol) => {
+    const categoryMatch = selectedCategory === 'todos' || protocol.category === selectedCategory;
+    const ageMatch = selectedAgeGroup === 'todos' || protocol.ageGroup === selectedAgeGroup || protocol.ageGroup === 'todos';
+    return categoryMatch && ageMatch;
+  });
+
+  if (loading) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-[200px] space-y-4">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
+        <p className="text-muted-foreground">Cargando protocolos...</p>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-[200px] space-y-4">
+        <p className="text-red-500">Error: {error}</p>
+        <button
+          onClick={() => {
+            setLoading(true);
+            setError(null);
+          }}
+          className="px-4 py-2 bg-primary text-primary-foreground rounded-lg"
+        >
+          Reintentar
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <Phone className="w-8 h-8 text-primary" />
+          <div>
+            <h1 className="text-3xl font-bold text-foreground">Protocolos Transtelefónicos</h1>
+            <p className="text-muted-foreground text-sm">
+              Guía paso a paso para testigos por teléfono
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {!selectedProtocol ? (
+        <>
+          {/* Filters */}
+          <div className="space-y-4">
+            {/* Category Filter */}
+            <div className="space-y-2">
+              <p className="text-xs text-muted-foreground mb-1 uppercase tracking-wide">Categoría</p>
+              <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-2 px-2">
+                <button
+                  onClick={() => setSelectedCategory('todos')}
+                  className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                    selectedCategory === 'todos'
+                      ? 'bg-primary text-primary-foreground'
+                      : 'bg-muted text-muted-foreground hover:bg-accent'
+                  }`}
+                >
+                  Todos
+                </button>
+                {['rcp', 'desa', 'ovace', 'sca', 'ictus', 'comunicacion'].map((category) => (
+                  <button
+                    key={category}
+                    onClick={() => setSelectedCategory(category)}
+                    className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                      selectedCategory === category
+                        ? 'bg-primary text-primary-foreground'
+                        : 'bg-muted text-muted-foreground hover:bg-accent'
+                    }`}
+                  >
+                    {categoryLabels[category]}
+                  </button>
+                ))}
+              </div>
+            </div>
+
+            {/* Age Group Filter */}
+            <div className="space-y-2">
+              <p className="text-xs text-muted-foreground mb-1 uppercase tracking-wide">Grupo Etario</p>
+              <div className="flex gap-2 overflow-x-auto scrollbar-hide -mx-2 px-2">
+                <button
+                  onClick={() => setSelectedAgeGroup('todos')}
+                  className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                    selectedAgeGroup === 'todos'
+                      ? 'bg-primary text-primary-foreground'
+                      : 'bg-muted text-muted-foreground hover:bg-accent'
+                  }`}
+                >
+                  Todos
+                </button>
+                {['adulto', 'pediatrico', 'lactante'].map((ageGroup) => (
+                  <button
+                    key={ageGroup}
+                    onClick={() => setSelectedAgeGroup(ageGroup)}
+                    className={`px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap transition-colors ${
+                      selectedAgeGroup === ageGroup
+                        ? 'bg-primary text-primary-foreground'
+                        : 'bg-muted text-muted-foreground hover:bg-accent'
+                    }`}
+                  >
+                    {ageGroupLabels[ageGroup]}
+                  </button>
+                ))}
+              </div>
+            </div>
+          </div>
+
+          {/* Protocol List */}
+          <div className="space-y-3">
+            {filteredProtocols.length === 0 ? (
+              <p className="text-center text-muted-foreground py-8">No hay protocolos que coincidan con los filtros.</p>
+            ) : (
+              filteredProtocols.map((protocol) => (
+                <div
+                  key={protocol.id}
+                  onClick={() => setSelectedProtocol(protocol)}
+                  className="bg-card border border-border rounded-lg p-4 cursor-pointer hover:border-primary/50 transition-colors"
+                >
+                  <div className="flex items-start justify-between">
+                    <div className="space-y-1">
+                      <h3 className="font-semibold text-foreground">{protocol.title}</h3>
+                      <p className="text-sm text-muted-foreground">{protocol.description}</p>
+                      <div className="flex gap-2 mt-2">
+                        <Badge variant="default">{categoryLabels[protocol.category]}</Badge>
+                        <Badge variant="default">{ageGroupLabels[protocol.ageGroup]}</Badge>
+                      </div>
+                    </div>
+                    <span className="text-primary">
+                      <RotateCcw className="w-5 h-5" />
+                    </span>
+                  </div>
+                </div>
+              ))
+            )}
+          </div>
+        </>
+      ) : (
+        <TelephoneProtocolViewer protocol={selectedProtocol} onReset={() => setSelectedProtocol(null)} />
+      )}
+    </div>
+  );
+};
+
+export default Telefono;
\ No newline at end of file
diff --git a/frontend/src/pages/TriageStart.tsx b/frontend/src/pages/TriageStart.tsx
new file mode 100644
index 00000000..d6a57d6b
--- /dev/null
+++ b/frontend/src/pages/TriageStart.tsx
@@ -0,0 +1,202 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronLeft, RotateCcw, Activity, AlertTriangle, CheckCircle2, XCircle } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent } from "../components/ui/card";
+import { Button } from "../components/ui/button";
+
+type TriageColor = 'RED' | 'YELLOW' | 'GREEN' | 'BLACK' | null;
+
+const TriageStart = () => {
+  const [step, setStep] = useState<'walking' | 'breathing' | 'airway_check' | 'respiratory_rate' | 'pulse' | 'mental_status' | 'result'>('walking');
+  const [result, setResult] = useState<TriageColor>(null);
+
+  const reset = () => {
+    setStep('walking');
+    setResult(null);
+  };
+
+  const handleWalk = (canWalk: boolean) => {
+    if (canWalk) {
+      setResult('GREEN');
+      setStep('result');
+    } else {
+      setStep('breathing');
+    }
+  };
+
+  const handleBreathing = (isBreathing: boolean) => {
+    if (isBreathing) {
+      setStep('respiratory_rate');
+    } else {
+      setStep('airway_check');
+    }
+  };
+
+  const handleAirwayCheck = (nowBreathing: boolean) => {
+    if (nowBreathing) {
+      setResult('RED');
+    } else {
+      setResult('BLACK');
+    }
+    setStep('result');
+  };
+
+  const handleRate = (above30: boolean) => {
+    if (above30) {
+      setResult('RED');
+      setStep('result');
+    } else {
+      setStep('pulse');
+    }
+  };
+
+  const handlePulse = (hasPulse: boolean) => {
+    if (!hasPulse) {
+      setResult('RED');
+      setStep('result');
+    } else {
+      setStep('mental_status');
+    }
+  };
+
+  const handleMental = (obeys: boolean) => {
+    if (obeys) {
+      setResult('YELLOW');
+    } else {
+      setResult('RED');
+    }
+    setStep('result');
+  };
+
+  const getResultDetails = () => {
+    switch (result) {
+      case 'RED': return { label: 'ROJO (Prioridad 1)', desc: 'Inmediato - Requiere estabilización rápida.', color: 'bg-red-500', text: 'text-white' };
+      case 'YELLOW': return { label: 'AMARILLO (Prioridad 2)', desc: 'Diferido - Requiere atención médica pero puede esperar.', color: 'bg-yellow-500', text: 'text-black' };
+      case 'GREEN': return { label: 'VERDE (Prioridad 3)', desc: 'Leve - Puede deambular. No requiere atención inmediata.', color: 'bg-green-500', text: 'text-white' };
+      case 'BLACK': return { label: 'NEGRO (Prioridad 0)', desc: 'Fallecido o no recuperable.', color: 'bg-slate-900', text: 'text-white' };
+      default: return null;
+    }
+  };
+
+  const resInfo = getResultDetails();
+
+  return (
+    <div className="space-y-6 pb-20">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <Link to="/herramientas" className="p-2 hover:bg-muted rounded-full transition-colors">
+            <ChevronLeft className="w-6 h-6" />
+          </Link>
+          <h1 className="text-2xl font-bold flex items-center gap-2">
+            <AlertTriangle className="w-6 h-6 text-yellow-500" />
+            Triage START
+          </h1>
+        </div>
+        <Button variant="ghost" size="sm" onClick={reset} className="gap-2">
+          <RotateCcw className="w-4 h-4" /> Reset
+        </Button>
+      </div>
+
+      <div className="min-h-[300px] flex flex-col justify-center">
+        {step === 'walking' && (
+          <div className="animate-in fade-in zoom-in duration-300 space-y-8">
+            <div className="text-center space-y-4">
+              <div className="w-20 h-20 bg-primary/10 rounded-full flex items-center justify-center mx-auto">
+                <Activity className="w-10 h-10 text-primary" />
+              </div>
+              <h2 className="text-3xl font-black text-foreground">¿Puede caminar?</h2>
+              <p className="text-muted-foreground">Paso 1: Evaluar capacidad de deambulación.</p>
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <Button onClick={() => handleWalk(true)} className="h-32 text-xl font-bold bg-green-500 hover:bg-green-600">SÍ</Button>
+              <Button onClick={() => handleWalk(false)} className="h-32 text-xl font-bold bg-slate-700 hover:bg-slate-800">NO</Button>
+            </div>
+          </div>
+        )}
+
+        {step === 'breathing' && (
+          <div className="animate-in slide-in-from-right duration-300 space-y-8">
+            <h2 className="text-2xl font-bold text-center">¿Respira espontáneamente?</h2>
+            <div className="grid grid-cols-2 gap-4">
+              <Button onClick={() => handleBreathing(true)} className="h-32 text-xl font-bold py-6">SÍ</Button>
+              <Button onClick={() => handleBreathing(false)} className="h-32 text-xl font-bold py-6 variant-outline border-2">NO</Button>
+            </div>
+          </div>
+        )}
+
+        {step === 'airway_check' && (
+          <div className="animate-in slide-in-from-right duration-300 space-y-8 text-center">
+            <div className="bg-destructive/10 text-destructive p-4 rounded-xl border border-destructive/20 font-bold text-lg mb-6">
+              ⚠️ ABRIR VÍA AÉREA (Maniobra frente-mentón)
+            </div>
+            <h2 className="text-2xl font-bold">¿Respira después de abrir vía aérea?</h2>
+            <div className="grid grid-cols-2 gap-4">
+              <Button onClick={() => handleAirwayCheck(true)} className="h-32 text-xl font-bold py-6">SÍ</Button>
+              <Button onClick={() => handleAirwayCheck(false)} className="h-32 text-xl font-bold py-6 bg-slate-900">NO</Button>
+            </div>
+          </div>
+        )}
+
+        {step === 'respiratory_rate' && (
+          <div className="animate-in slide-in-from-right duration-300 space-y-8">
+            <h2 className="text-2xl font-bold text-center">¿Frecuencia Respiratoria {'>'} 30/min?</h2>
+            <div className="grid grid-cols-2 gap-4">
+              <Button onClick={() => handleRate(true)} className="h-32 text-xl font-bold py-6 bg-red-500">SÍ ({'>'}30)</Button>
+              <Button onClick={() => handleRate(false)} className="h-32 text-xl font-bold py-6 bg-green-500">NO ({"<"}30)</Button>
+            </div>
+          </div>
+        )}
+
+        {step === 'pulse' && (
+          <div className="animate-in slide-in-from-right duration-300 space-y-8">
+            <h2 className="text-2xl font-bold text-center">¿Pulso radial presente o fuerte?</h2>
+            <div className="grid grid-cols-2 gap-4">
+              <Button onClick={() => handlePulse(true)} className="h-32 text-xl font-bold py-6 bg-green-500">PRESENTE</Button>
+              <Button onClick={() => handlePulse(false)} className="h-32 text-xl font-bold py-6 bg-red-500">AUSENTE / DÉBIL</Button>
+            </div>
+          </div>
+        )}
+
+        {step === 'mental_status' && (
+          <div className="animate-in slide-in-from-right duration-300 space-y-8">
+            <h2 className="text-2xl font-bold text-center">¿Obedece órdenes sencillas?</h2>
+            <p className="text-center text-muted-foreground uppercase text-xs tracking-widest font-bold">Estado Mental</p>
+            <div className="grid grid-cols-2 gap-4">
+              <Button onClick={() => handleMental(true)} className="h-32 text-xl font-bold py-6 bg-green-500 uppercase">SÍ</Button>
+              <Button onClick={() => handleMental(false)} className="h-32 text-xl font-bold py-6 bg-red-500 uppercase">NO</Button>
+            </div>
+          </div>
+        )}
+
+        {step === 'result' && resInfo && (
+          <div className="animate-in zoom-in spin-in-1 duration-500 flex flex-col items-center">
+            <div className={`${resInfo.color} ${resInfo.text} w-full rounded-3xl p-10 text-center shadow-xl space-y-6`}>
+              {result === 'BLACK' ? <XCircle className="w-20 h-20 mx-auto" /> : <CheckCircle2 className="w-20 h-20 mx-auto" />}
+              <div className="space-y-2">
+                <h3 className="text-3xl font-black uppercase tracking-tighter">{resInfo.label}</h3>
+                <p className="text-lg opacity-90">{resInfo.desc}</p>
+              </div>
+            </div>
+            <Button onClick={reset} className="mt-8 w-full py-6 text-lg font-bold" variant="outline">
+              Comenzar nuevo Triage
+            </Button>
+          </div>
+        )}
+      </div>
+
+      {/* Progress Footer */}
+      {step !== 'walking' && step !== 'result' && (
+        <div className="flex justify-center gap-1 mt-10">
+          {['breathing', 'respiratory_rate', 'pulse', 'mental_status'].map((s, idx) => (
+            <div 
+              key={s} 
+              className={`h-1.5 rounded-full transition-all duration-500 ${step === s ? 'w-8 bg-primary' : 'w-4 bg-muted'}`}
+            />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default TriageStart;
diff --git a/frontend/src/pages/Urgencias.tsx b/frontend/src/pages/Urgencias.tsx
new file mode 100644
index 00000000..9bf147e8
--- /dev/null
+++ b/frontend/src/pages/Urgencias.tsx
@@ -0,0 +1,139 @@
+import { Link } from 'react-router-dom';
+import { 
+  AlertTriangle, 
+  Heart, 
+  Brain, 
+  Wind, 
+  Activity, 
+  Clock,
+  ChevronRight 
+} from 'lucide-react';
+
+const protocolosUrgencia = [
+  {
+    id: 'pcr-adulto',
+    titulo: 'PCR Adulto',
+    subtitulo: 'Parada Cardiorrespiratoria',
+    icono: Heart,
+    color: 'bg-red-500',
+    path: '/rcp',
+    urgencia: 'critica' as const,
+  },
+  {
+    id: 'ovace',
+    titulo: 'OVACE',
+    subtitulo: 'Obstrucción Vía Aérea',
+    icono: Wind,
+    color: 'bg-orange-500',
+    path: '/via-aerea',
+    urgencia: 'critica' as const,
+  },
+  {
+    id: 'anafilaxia',
+    titulo: 'Anafilaxia',
+    subtitulo: 'Reacción alérgica grave',
+    icono: AlertTriangle,
+    color: 'bg-purple-500',
+    path: '/protocolo/anafilaxia',
+    urgencia: 'alta' as const,
+  },
+  {
+    id: 'sca',
+    titulo: 'SCA',
+    subtitulo: 'Síndrome Coronario Agudo',
+    icono: Activity,
+    color: 'bg-red-600',
+    path: '/protocolo/sca',
+    urgencia: 'critica' as const,
+  },
+  {
+    id: 'ictus',
+    titulo: 'Ictus',
+    subtitulo: 'Accidente cerebrovascular',
+    icono: Brain,
+    color: 'bg-blue-500',
+    path: '/ictus',
+    urgencia: 'critica' as const,
+  },
+  {
+    id: 'shock',
+    titulo: 'Shock',
+    subtitulo: 'Estado de shock',
+    icono: Activity,
+    color: 'bg-yellow-500',
+    path: '/shock',
+    urgencia: 'critica' as const,
+  },
+];
+
+const Urgencias = () => {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-foreground mb-1 flex items-center gap-2">
+          <AlertTriangle className="w-6 h-6 text-red-500" />
+          Urgencias
+        </h1>
+        <p className="text-muted-foreground text-sm">
+          Protocolos críticos para situaciones de emergencia
+        </p>
+      </div>
+
+      <div className="bg-red-50 dark:bg-red-950/30 border border-red-200 dark:border-red-800 rounded-lg p-4">
+        <div className="flex items-start gap-3">
+          <Clock className="w-5 h-5 text-red-600 dark:text-red-400 flex-shrink-0 mt-0.5" />
+          <div className="text-sm text-red-800 dark:text-red-200">
+            <p className="font-semibold mb-1">Tiempo crítico</p>
+            <p>En emergencias, cada segundo cuenta. Acceso rápido a los protocolos más importantes.</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-2 gap-3">
+        {protocolosUrgencia.map((protocolo) => (
+          <Link
+            key={protocolo.id}
+            to={protocolo.path}
+            className="group"
+          >
+            <div className="bg-card border rounded-xl p-4 h-full hover:shadow-md transition-all hover:border-primary/50">
+              <div className="flex items-start gap-3">
+                <div className={`${protocolo.color} p-2.5 rounded-lg text-white`}>
+                  <protocolo.icono className="w-5 h-5" />
+                </div>
+                <div className="flex-1 min-w-0">
+                  <h3 className="font-bold text-foreground truncate">
+                    {protocolo.titulo}
+                  </h3>
+                  <p className="text-xs text-muted-foreground line-clamp-2">
+                    {protocolo.subtitulo}
+                  </p>
+                </div>
+                <ChevronRight className="w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors" />
+              </div>
+              {protocolo.urgencia === 'critica' && (
+                <div className="mt-2">
+                  <span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400">
+                    Crítico
+                  </span>
+                </div>
+              )}
+            </div>
+          </Link>
+        ))}
+      </div>
+
+      <div className="text-center">
+        <Link
+          to="/telefono"
+          className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-primary"
+        >
+          ¿Necesitas guía transtelefónica?
+          <ChevronRight className="w-4 h-4" />
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default Urgencias;
diff --git a/frontend/src/pages/ViaAerea.tsx b/frontend/src/pages/ViaAerea.tsx
new file mode 100644
index 00000000..90875aab
--- /dev/null
+++ b/frontend/src/pages/ViaAerea.tsx
@@ -0,0 +1,282 @@
+import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
+import {
+  Wind,
+  AlertTriangle,
+  ChevronRight,
+  Baby,
+  Users,
+  Check,
+  RotateCcw,
+  GraduationCap,
+  BookOpen,
+  Cloud,
+} from 'lucide-react';
+import { protocolApi, TelephoneProtocol } from '../services/api';
+
+// Simplified components
+const BackButton = ({ to, label }: { to: string; label: string }) => (
+  <Link to={to} className="flex items-center gap-3 p-4 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors">
+    <AlertTriangle className="w-5 h-5" />
+    <span>{label}</span>
+  </Link>
+);
+
+// Adaptar estructura de la API al formato esperado por el frontend
+interface ProtocolStep {
+  id: string;
+  instruction: string;
+  verification?: string;
+  notes?: string;
+  critical?: boolean;
+}
+
+interface Protocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: string;
+  ageGroup: string;
+  description: string;
+  steps: ProtocolStep[];
+  warnings?: string[];
+  keyPoints?: string[];
+  equipment?: string[];
+  drugs?: string[];
+}
+
+const mapApiProtocolToProtocol = (apiProtocol: TelephoneProtocol): Protocol => {
+  const steps = apiProtocol.steps.map(step => ({
+    id: step.id,
+    instruction: step.instruction,
+    verification: step.verification,
+    notes: step.notes,
+    critical: step.critical,
+  }));
+
+  const warnings = apiProtocol.importantNotes;
+
+  // Campos que no vienen en la API actual
+  const keyPoints: string[] = [];
+  const equipment: string[] = [];
+  const drugs: string[] = [];
+
+  return {
+    id: apiProtocol.id,
+    title: apiProtocol.title,
+    shortTitle: apiProtocol.shortTitle,
+    category: apiProtocol.category,
+    ageGroup: apiProtocol.ageGroup,
+    description: apiProtocol.description,
+    steps,
+    warnings,
+    keyPoints,
+    equipment,
+    drugs,
+  };
+};
+
+const ViaAerea = () => {
+  // Estados para carga de datos
+  const [protocols, setProtocols] = useState<Protocol[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Cargar protocolos desde la API al montar el componente
+  useEffect(() => {
+    const fetchProtocols = async () => {
+      try {
+        setLoading(true);
+        const response = await protocolApi.getAll();
+        
+        // Filtrar protocolos de OVACE
+        const ovaceProtocols = response.data.filter(p => p.category === 'ovace');
+        
+        // Mapear a formato del frontend
+        const mappedProtocols = ovaceProtocols.map(mapApiProtocolToProtocol);
+        
+        setProtocols(mappedProtocols);
+        setError(null);
+      } catch (err) {
+        console.error('Error fetching protocols:', err);
+        setError('No se pudieron cargar los protocolos. Usando datos locales.');
+        // Podríamos cargar datos locales de respaldo aquí si fuera necesario
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchProtocols();
+  }, []);
+
+  // Encontrar el protocolo OVACE Adulto
+  const ovaceProtocol = protocols.find(p => p.id === 'ovace-telephone-adult');
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center py-12">
+        <div className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin"></div>
+      </div>
+    );
+  }
+
+  if (error) {
+    console.warn(error);
+  }
+
+  return (
+    <div className="space-y-6">
+      <BackButton to="/" label="Volver al inicio" />
+
+      {/* Header */}
+      <div className="space-y-4">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 rounded-xl bg-red-500/20 flex items-center justify-center">
+            <Wind className="w-7 h-7 text-red-500" />
+          </div>
+          <div className="flex-1">
+            <div className="flex items-center gap-2">
+              <h1 className="text-3xl font-bold text-foreground">Vía Aérea</h1>
+              <span className="inline-flex items-center gap-1 px-2 py-1 text-xs bg-blue-500/10 text-blue-500 border border-blue-500/20 rounded-md">
+                <Cloud className="w-3 h-3" />
+                Externo
+              </span>
+            </div>
+            <p className="text-muted-foreground">OVACE (Obstrucción de Vía Aérea por Cuerpo Extraño)</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Protocolo OVACE */}
+      {ovaceProtocol && (
+        <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+          <div className="flex items-center justify-between">
+            <h2 className="text-xl font-semibold text-foreground">{ovaceProtocol.title}</h2>
+            <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+              Crítico
+            </span>
+          </div>
+
+          <div className="space-y-4">
+            <div>
+              <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                <AlertTriangle className="w-4 h-4 text-yellow-500" />
+                Pasos del Protocolo
+              </h3>
+              <ol className="space-y-2 list-decimal list-inside">
+                {ovaceProtocol.steps.map((step, index) => (
+                  <li key={index} className="text-foreground pl-2">
+                    {step.instruction}
+                    {step.verification && (
+                      <div className="mt-1 text-xs text-muted-foreground">
+                        Verificación: {step.verification}
+                      </div>
+                    )}
+                    {step.notes && (
+                      <div className="mt-1 text-xs text-muted-foreground italic">
+                        Nota: {step.notes}
+                      </div>
+                    )}
+                    {step.critical && (
+                      <span className="ml-2 px-2 py-0.5 bg-red-500/20 text-red-600 rounded text-xs">
+                        CRÍTICO
+                      </span>
+                    )}
+                  </li>
+                ))}
+              </ol>
+            </div>
+
+            {/* Advertencias */}
+            {ovaceProtocol.warnings && ovaceProtocol.warnings.length > 0 && (
+              <div>
+                <h3 className="font-semibold text-foreground mb-2">Advertencias Importantes</h3>
+                <ul className="space-y-1">
+                  {ovaceProtocol.warnings.map((warning, index) => (
+                    <li key={index} className="text-sm text-muted-foreground flex items-start gap-2">
+                      <span className="text-orange-500 mt-1">•</span>
+                      <span>{warning}</span>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+
+      {/* Si no hay datos de la API, mostrar mensaje */}
+      {!ovaceProtocol && !loading && (
+        <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+          <div className="flex items-center justify-between">
+            <h2 className="text-xl font-semibold text-foreground">OVACE (Obstrucción de Vía Aérea por Cuerpo Extraño)</h2>
+            <span className="px-3 py-1 bg-red-500/20 text-red-600 dark:text-red-400 rounded-full text-xs font-medium">
+              Crítico
+            </span>
+          </div>
+
+          <div className="space-y-4">
+            <div>
+              <h3 className="font-semibold text-foreground mb-2 flex items-center gap-2">
+                <AlertTriangle className="w-4 h-4 text-yellow-500" />
+                Pasos del Protocolo
+              </h3>
+              <ol className="space-y-2 list-decimal list-inside">
+                <li className="text-foreground pl-2">Valorar la gravedad de la obstrucción</li>
+                <li className="text-foreground pl-2">Si es leve: animar a toser</li>
+                <li className="text-foreground pl-2">Si es grave: iniciar maniobras de desobstrucción</li>
+              </ol>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Variaciones por Edad */}
+      <div className="bg-card border border-border rounded-xl p-6 space-y-4">
+        <h2 className="text-xl font-semibold text-foreground">Variaciones por Edad</h2>
+        
+        <div className="space-y-4">
+          <div className="bg-muted/50 rounded-lg p-4">
+            <div className="font-semibold text-foreground mb-2 flex items-center gap-2">
+              <Users className="w-4 h-4" />
+              Adultos y Niños (&gt;1 año)
+            </div>
+            <ul className="text-sm text-muted-foreground space-y-1">
+              <li>• 5 golpes interescapulares</li>
+              <li>• 5 compresiones abdominales (Heimlich)</li>
+              <li>• Alternar hasta resolución o pérdida de consciencia</li>
+            </ul>
+          </div>
+          
+          <div className="bg-muted/50 rounded-lg p-4">
+            <div className="font-semibold text-foreground mb-2 flex items-center gap-2">
+              <Baby className="w-4 h-4" />
+              Lactantes (&lt;1 año)
+            </div>
+            <ul className="text-sm text-muted-foreground space-y-1">
+              <li>• 5 golpes en la espalda</li>
+              <li>• 5 compresiones torácicas</li>
+              <li>• NO hacer compresiones abdominales</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      {/* Enlaces relacionados */}
+      <div className="bg-muted/50 border border-border rounded-xl p-4">
+        <h3 className="font-semibold text-foreground mb-3">Protocolos Relacionados</h3>
+        <div className="space-y-2">
+          <Link
+            to="/rcp"
+            className="flex items-center justify-between p-3 bg-card rounded-lg hover:bg-accent transition-colors"
+          >
+            <span className="text-foreground">RCP (si pierde consciencia)</span>
+            <ChevronRight className="w-5 h-5 text-muted-foreground" />
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ViaAerea;
diff --git a/frontend/src/protocols/ProtocolViewer.tsx b/frontend/src/protocols/ProtocolViewer.tsx
new file mode 100644
index 00000000..c3d70afd
--- /dev/null
+++ b/frontend/src/protocols/ProtocolViewer.tsx
@@ -0,0 +1,136 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+
+// In a real implementation, we would fetch these from a CMS or file system
+// For now, we'll simulate with mock data
+
+interface ProtocolViewerProps {
+  protocolId: string;
+}
+
+const ProtocolViewer = ({ protocolId }: ProtocolViewerProps) => {
+  // Mock protocol data - in reality this would come from MDX files or CMS
+  const mockProtocols: Record<string, any> = {
+    'rcp-telephone-adult': {
+      title: 'RCP Transtelefónica - Adultos',
+      shortTitle: 'RCP Adulto',
+      category: 'rcp',
+      ageGroup: 'adulto',
+      description: 'Guía paso a paso para que un testigo realice RCP en un adulto mientras llega la ambulancia.',
+      source: 'BLOQUE_04_1_RCP_ADULTOS.md',
+      content: `
+## Evaluación Inicial
+
+1. ¿Está la persona consciente? ¿Responde si le habla o le toca?
+2. ¿Está respirando normalmente? (No cuente boqueadas o respiraciones muy lentas)
+3. ¿Es seguro acercarse? (No hay riesgo de tráfico, electricidad, fuego, violencia)
+
+## Pasos
+
+### 1. Activar Emergencias
+**Instrucción:** Primero, active el servicio de emergencias. ¿Ya ha llamado al 112?
+**Verificación:** Confirme que ha llamado al 112 o que alguien más lo está haciendo
+**Notas:** Si no ha llamado, guíe para que llame primero o que otra persona llame
+**Crítico:** Sí
+
+### 2. Colocar en Superficie Firme
+**Instrucción:** Coloque a la persona boca arriba sobre una superficie firme y plana, como el suelo.
+**Verificación:** ¿Está la persona boca arriba sobre una superficie firme?
+**Crítico:** Sí
+      `
+    },
+    'anafilaxia-protocol': {
+      title: 'Protocolo de Anafilaxia',
+      shortTitle: 'Anafilaxia',
+      category: 'sca',
+      ageGroup: 'todos',
+      description: 'Manejo inmediato de la anafilaxia y reacción alérgica grave.',
+      source: 'Guía de Anafilaxia',
+      content: `
+## Evaluación Inicial
+
+1. ¿Hay exposición conocida a alérgenos? (Comida, medicación, picaduras)
+2. ¿Síntomas cutáneos? (Urticaria, rubor, picor)
+3. ¿Síntomas respiratorios? (Disnea, sibilancias, estridor)
+4. ¿Síntomas gastrointestinales? (Náuseas, vómitos, dolor abdominal)
+5. ¿Hipotensión o síntomas de shock? (Mareo, pérdida de conciencia)
+
+## Pasos
+
+### 1. Seguridad y Activación
+**Instrucción:** Asegure la vía aérea y active el servicio de emergencias (112) inmediatamente si hay compromiso respiratorio o cardiovascular.
+**Verificación:** ¿Ha activado el 112? ¿Está la vía aérea segura?
+**Crítico:** Sí
+
+### 2. Administración de Epinefrina (Adrenalina)
+**Instrucción:** Administre epinefrina intramuscular 0.3-0.5 mg (1:1000) en el muslo lateral. Repetir cada 5-15 minutos si no hay mejora.
+**Verificación:** ¿Se ha administrado epinefrina? ¿Dosis correcta en muslo?
+**Notas:** No retrasar la administración. Es el tratamiento de primera línea.
+**Crítico:** Sí
+
+### 3. Posicionamiento
+**Instrucción:** Coloque al paciente en posición de decúbito supino con elevación de piernas si hay hipotensión. Si hay dificultad respiratoria, permitir posición semisentada.
+**Verificación:** ¿Está en posición adecuada según síntomas?
+**Crítico:** Sí
+
+### 4. Oxigeno
+**Instrucción:** Administrar oxígeno suplementario a alto flujo si hay hipoxia o dificultad respiratoria.
+**Verificación:** ¿Saturación de oxígeno >94%?
+**Crítico:** No
+
+### 5. Vía Venosa
+**Instrucción:** Canular vena periférica y administrar líquidos isotónicos (suero salino o Ringer lactato) si hay hipotensión.
+**Verificación:** ¿Vía venosa permeable? ¿Fluidos administrados?
+**Crítico:** Sí (si hipotensión)
+
+## Notas Importantes
+
+- La epinefrina es el tratamiento clave: no retrasar.
+- Monitorear constantemente: signos vitales, saturación, conciencia.
+- Prepararse para reacción bifásica (recurrencia de síntomas horas después).
+- derivación a urgencias siempre que se administre epinefrina.
+      `
+    }
+  };
+
+  const protocol = mockProtocols[protocolId];
+
+  if (!protocol) {
+    return (
+      <div className="p-6 bg-red-50 border border-red-200 rounded-lg">
+        <h2 className="text-red-800 font-semibold mb-4">Protocolo no encontrado</h2>
+        <p className="text-red-600">El protocolo con ID '{protocolId}' no está disponible.</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between border-b pb-2">
+        <div>
+          <h1 className="text-2xl font-bold">{protocol.title}</h1>
+          <p className="text-sm text-muted-foreground">
+            {protocol.shortTitle} • {protocol.category} • {protocol.ageGroup}
+          </p>
+        </div>
+        <div className="flex items-center gap-2">
+          <span className="px-2 py-0.5 rounded bg-primary/20 text-primary">
+            Fuente: {protocol.source}
+          </span>
+        </div>
+      </div>
+      
+      <div className="prose prose-sm max-w-none">
+        <p>{protocol.description}</p>
+      </div>
+      
+      <div className="border-t pt-4">
+        <ReactMarkdown className="prose prose-sm max-w-none">
+          {protocol.content}
+        </ReactMarkdown>
+      </div>
+    </div>
+  );
+};
+
+export default ProtocolViewer;
\ No newline at end of file
diff --git a/frontend/src/protocols/content/anafilaxia.md b/frontend/src/protocols/content/anafilaxia.md
new file mode 100644
index 00000000..f0698906
--- /dev/null
+++ b/frontend/src/protocols/content/anafilaxia.md
@@ -0,0 +1,52 @@
+---
+id: anafilaxia-protocol
+title: Protocolo de Anafilaxia
+shortTitle: Anafilaxia
+category: sca
+ageGroup: todos
+description: Manejo inmediato de la anafilaxia y reacción alérgica grave.
+source: Guía de Anafilaxia
+---
+
+## Evaluación Inicial
+
+1. ¿Hay exposición conocida a alérgenos? (Comida, medicación, picaduras)
+2. ¿Síntomas cutáneos? (Urticaria, rubor, picor)
+3. ¿Síntomas respiratorios? (Disnea, sibilancias, estridor)
+4. ¿Síntomas gastrointestinales? (Náuseas, vómitos, dolor abdominal)
+5. ¿Hipotensión o síntomas de shock? (Mareo, pérdida de conciencia)
+
+## Pasos
+
+### 1. Seguridad y Activación
+**Instrucción:** Asegure la vía aérea y active el servicio de emergencias (112) inmediatamente si hay compromiso respiratorio o cardiovascular.
+**Verificación:** ¿Ha activado el 112? ¿Está la vía aérea segura?
+**Crítico:** Sí
+
+### 2. Administración de Epinefrina (Adrenalina)
+**Instrucción:** Administre epinefrina intramuscular 0.3-0.5 mg (1:1000) en el muslo lateral. Repetir cada 5-15 minutos si no hay mejora.
+**Verificación:** ¿Se ha administrado epinefrina? ¿Dosis correcta en muslo?
+**Notas:** No retrasar la administración. Es el tratamiento de primera línea.
+**Crítico:** Sí
+
+### 3. Posicionamiento
+**Instrucción:** Coloque al paciente en posición de decúbito supino con elevación de piernas si hay hipotensión. Si hay dificultad respiratoria, permitir posición semisentada.
+**Verificación:** ¿Está en posición adecuada según síntomas?
+**Crítico:** Sí
+
+### 4. Oxigeno
+**Instrucción:** Administrar oxígeno suplementario a alto flujo si hay hipoxia o dificultad respiratoria.
+**Verificación:** ¿Saturación de oxígeno >94%?
+**Crítico:** No
+
+### 5. Vía Venosa
+**Instrucción:** Canular vena periférica y administrar líquidos isotónicos (suero salino o Ringer lactato) si hay hipotensión.
+**Verificación:** ¿Vía venosa permeable? ¿Fluidos administrados?
+**Crítico:** Sí (si hipotensión)
+
+## Notas Importantes
+
+- La epinefrina es el tratamiento clave: no retrasar.
+- Monitorear constantemente: signos vitales, saturación, conciencia.
+- Prepararse para reacción bifásica (recurrencia de síntomas horas después).
+- derivación a urgencias siempre que se administre epinefrina.
\ No newline at end of file
diff --git a/frontend/src/protocols/content/rcp-adulto.md b/frontend/src/protocols/content/rcp-adulto.md
new file mode 100644
index 00000000..a472a8ad
--- /dev/null
+++ b/frontend/src/protocols/content/rcp-adulto.md
@@ -0,0 +1,80 @@
+---
+id: rcp-telephone-adult
+title: RCP Transtelefónica - Adultos
+shortTitle: RCP Adulto
+category: rcp
+ageGroup: adulto
+description: Guía paso a paso para que un testigo realice RCP en un adulto mientras llega la ambulancia.
+source: BLOQUE_04_1_RCP_ADULTOS.md
+---
+
+## Evaluación Inicial
+
+1. ¿Está la persona consciente? ¿Responde si le habla o le toca?
+2. ¿Está respirando normalmente? (No cuente boqueadas o respiraciones muy lentas)
+3. ¿Es seguro acercarse? (No hay riesgo de tráfico, electricidad, fuego, violencia)
+
+## Pasos
+
+### 1. Activar Emergencias
+**Instrucción:** Primero, active el servicio de emergencias. ¿Ya ha llamado al 112?
+**Verificación:** Confirme que ha llamado al 112 o que alguien más lo está haciendo
+**Notas:** Si no ha llamado, guíe para que llame primero o que otra persona llame
+**Crítico:** Sí
+
+### 2. Colocar en Superficie Firme
+**Instrucción:** Coloque a la persona boca arriba sobre una superficie firme y plana, como el suelo.
+**Verificación:** ¿Está la persona boca arriba sobre una superficie firme?
+**Crítico:** Sí
+
+### 3. Abrir Vía Aérea
+**Instrucción:** Incline suavemente la cabeza hacia atrás y levante la barbilla. Esto abre la vía aérea.
+**Verificación:** ¿Puede ver que la cabeza está inclinada hacia atrás y la barbilla levantada?
+**Notas:** Si sospecha trauma cervical, indique que no mueva la cabeza
+**Crítico:** Sí
+
+### 4. Verificar Respiración
+**Instrucción:** Acérquese y mire, escuche y sienta si respira normalmente. Hágalo durante 10 segundos máximo.
+**Verificación:** ¿Respira normalmente? (No cuente boqueadas o respiraciones muy lentas)
+**Crítico:** Sí
+
+### 5. Iniciar Compresiones
+**Instrucción:** Si NO respira normalmente, coloque el talón de una mano en el centro del pecho, entre los pezones. Coloque la otra mano encima y entrelace los dedos.
+**Verificación:** ¿Tiene las manos colocadas correctamente en el centro del pecho?
+**Crítico:** Sí
+
+### 6. Técnica de Compresiones
+**Instrucción:** Con los brazos rectos y los hombros sobre las manos, comprima el pecho hacia abajo unos 5-6 centímetros. Deje que el pecho vuelva completamente arriba después de cada compresión.
+**Verificación:** ¿Está comprimiendo hacia abajo y dejando que el pecho vuelva completamente arriba?
+**Notas:** La profundidad y el recoil completo son críticos
+**Crítico:** Sí
+
+### 7. Ritmo de Compresiones
+**Instrucción:** Haga las compresiones a un ritmo rápido y constante, aproximadamente 100-120 por minuto. Puede contar en voz alta: "uno, dos, tres..." hasta "treinta".
+**Verificación:** ¿Está haciendo las compresiones a un ritmo rápido y constante?
+**Notas:** El ritmo es crítico: demasiado lento o rápido reduce la efectividad
+**Crítico:** Sí
+
+### 8. Ventilaciones
+**Instrucción:** Después de 30 compresiones, incline la cabeza hacia atrás, levante la barbilla, pellizque la nariz y dé 2 respiraciones de rescate. Cada respiración debe durar 1 segundo y ver que el pecho se eleva.
+**Verificación:** ¿Está dando las respiraciones y ve que el pecho se eleva?
+**Notas:** Si no puede o no quiere dar respiraciones, continúe solo con compresiones
+**Crítico:** Sí
+
+### 9. Continuar Ciclos
+**Instrucción:** Continúe con ciclos de 30 compresiones seguidas de 2 respiraciones. No pare hasta que llegue la ambulancia o la persona empiece a respirar normalmente.
+**Verificación:** ¿Está continuando con los ciclos sin parar?
+**Crítico:** Sí
+
+### 10. Cambio de Reanimador
+**Instrucción:** Si hay otra persona disponible, pueden turnarse cada 2 minutos para evitar el cansancio. El cambio debe ser rápido, en menos de 5 segundos.
+**Verificación:** ¿Hay alguien más que pueda ayudar?
+**Notas:** Solo si hay más personas disponibles
+**Crítico:** No
+
+## Notas Importantes
+
+- Si el testigo no puede o no quiere dar respiraciones, es mejor que continúe solo con compresiones que parar
+- Las compresiones continuas sin respiraciones son mejores que no hacer nada
+- No pare para buscar pulso: continúe hasta que llegue la ambulancia o la persona respire normalmente
+- Si la persona empieza a respirar normalmente o se mueve, pare las compresiones y colóquela de lado
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/VisualProtocolRenderer.tsx b/frontend/src/protocols/yaml/VisualProtocolRenderer.tsx
new file mode 100644
index 00000000..f2ebbcdb
--- /dev/null
+++ b/frontend/src/protocols/yaml/VisualProtocolRenderer.tsx
@@ -0,0 +1,321 @@
+import { useState } from 'react';
+import { useProtocol } from '../../hooks/useProtocol';
+import { URGENCIAS, ICONOS } from './types';
+import { ChevronRight, Loader2, AlertTriangle, Info, AlertCircle } from 'lucide-react';
+import { Protocol, ProtocolStep } from '../../hooks/useProtocol';
+
+interface VisualProtocolRendererProps {
+  protocolId: string;
+}
+
+function StepNum({ children, urgency }: { children: React.ReactNode; urgency?: string }) {
+  return (
+    <div
+      className={`w-8 h-8 rounded-lg flex items-center justify-center font-bold text-sm ${
+        urgency === 'critica'
+          ? 'bg-red-500 text-white'
+          : 'bg-primary text-primary-foreground'
+      }`}
+    >
+      {children}
+    </div>
+  );
+}
+
+function OptionPill({ children, variant }: { children: React.ReactNode; variant: 'si' | 'no' }) {
+  return (
+    <span
+      className={`px-3 py-1.5 rounded-full text-sm font-medium ${
+        variant === 'si'
+          ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+          : 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400'
+      }`}
+    >
+      {children}
+    </span>
+  );
+}
+
+function AlertBox({ tipo, texto }: { tipo: string; texto: string }) {
+  const styles = {
+    warning: 'bg-yellow-50 border-yellow-300 text-yellow-800 dark:bg-yellow-900/20 dark:border-yellow-700 dark:text-yellow-300',
+    danger: 'bg-red-50 border-red-300 text-red-800 dark:bg-red-900/20 dark:border-red-700 dark:text-red-300',
+    info: 'bg-blue-50 border-blue-300 text-blue-800 dark:bg-blue-900/20 dark:border-blue-700 dark:text-blue-300',
+  };
+  
+  const icons = {
+    warning: <AlertTriangle className="w-5 h-5" />,
+    danger: <AlertCircle className="w-5 h-5" />,
+    info: <Info className="w-5 h-5" />,
+  };
+
+  return (
+    <div className={`flex items-start gap-3 p-4 rounded-lg border ${styles[tipo as keyof typeof styles]}`}>
+      {icons[tipo as keyof typeof icons]}
+      <p className="text-sm">{texto}</p>
+    </div>
+  );
+}
+
+function MultimediaBlock({ imagen, video }: { imagen?: string; video?: string }) {
+  if (!imagen && !video) return null;
+
+  return (
+    <div className="mt-4 overflow-hidden rounded-lg border border-border bg-muted/30">
+      {video ? (
+        <video 
+          src={video} 
+          controls 
+          className="w-full aspect-video object-cover"
+          poster={imagen}
+        />
+      ) : (
+        <img 
+          src={imagen} 
+          alt="Ayuda visual" 
+          className="w-full object-cover max-h-[300px]" 
+        />
+      )}
+    </div>
+  );
+}
+
+function ChecklistBlock({ step, numero }: { step: ProtocolStep; numero: number }) {
+  return (
+    <div className="flex gap-3">
+      <StepNum>{numero}</StepNum>
+      <div className="flex-1 space-y-2">
+        <h3 className="font-semibold text-foreground">{step.titulo}</h3>
+        {step.descripcion && <p className="text-sm text-muted-foreground">{step.descripcion}</p>}
+        {step.items && (
+          <div className="space-y-1 mt-3">
+            {step.items.map((item, i) => (
+              <div key={i} className="flex items-start gap-2 text-sm">
+                <span className="w-1.5 h-1.5 rounded-full bg-muted-foreground mt-2" />
+                <span className="text-foreground">{item}</span>
+              </div>
+            ))}
+          </div>
+        )}
+        <MultimediaBlock imagen={step.imagen} video={step.video} />
+      </div>
+    </div>
+  );
+}
+
+function DecisionBlock({ step, numero }: { step: ProtocolStep; numero: number }) {
+  return (
+    <div className="flex gap-3">
+      <StepNum>{numero}</StepNum>
+      <div className="flex-1 rounded-xl border-2 border-blue-200 border-l-4 border-l-blue-400 p-4 dark:border-blue-800 dark:border-l-blue-600">
+        <h3 className="font-semibold text-foreground mb-3">{step.titulo}</h3>
+        {step.descripcion && <p className="text-sm text-muted-foreground mb-3">{step.descripcion}</p>}
+        <div className="flex gap-2 mb-3">
+          {step.si && <OptionPill variant="si">→ {step.si}</OptionPill>}
+          {step.no && <OptionPill variant="no">→ {step.no}</OptionPill>}
+        </div>
+        <MultimediaBlock imagen={step.imagen} video={step.video} />
+      </div>
+    </div>
+  );
+}
+
+function TechniqueBlock({ step, numero }: { step: ProtocolStep; numero: number }) {
+  return (
+    <div className="flex gap-3">
+      <StepNum urgency={step.urgencia}>{numero}</StepNum>
+      <div className={`flex-1 rounded-xl p-4 border ${
+        step.urgencia === 'critica'
+          ? 'bg-red-50 border-red-200 dark:bg-red-950/30 dark:border-red-800'
+          : 'bg-card border-border'
+      }`}>
+        <div className="flex items-center gap-2 mb-2">
+          <h3 className="font-semibold text-foreground">{step.titulo}</h3>
+          {step.badge && (
+            <span className="px-2 py-0.5 text-xs bg-blue-100 text-blue-700 rounded-full dark:bg-blue-900/30 dark:text-blue-400">
+              {step.badge}
+            </span>
+          )}
+        </div>
+        {step.descripcion && <p className="text-sm text-muted-foreground mb-3">{step.descripcion}</p>}
+        {step.parametros && (
+          <div className="space-y-1">
+            {step.parametros.map((param, i) => (
+              <div
+                key={i}
+                className={`flex justify-between p-2 rounded ${
+                  param.destacado
+                    ? 'bg-primary/10 border border-primary/30'
+                    : 'bg-muted/50'
+                }`}
+              >
+                <span className="text-xs text-muted-foreground">{param.label}</span>
+                <span className={`text-sm font-mono font-semibold ${
+                  param.destacado ? 'text-primary' : 'text-foreground'
+                }`}>
+                  {param.valor}
+                </span>
+              </div>
+            ))}
+          </div>
+        )}
+        <MultimediaBlock imagen={step.imagen} video={step.video} />
+      </div>
+    </div>
+  );
+}
+
+function InfoBlock({ step, numero }: { step: ProtocolStep; numero: number }) {
+  return (
+    <div className="flex gap-3">
+      <StepNum>{numero}</StepNum>
+      <div className="flex-1 rounded-xl border border-border p-4">
+        <h3 className="font-semibold text-foreground mb-2">{step.titulo}</h3>
+        {step.descripcion && <p className="text-sm text-muted-foreground">{step.descripcion}</p>}
+        <MultimediaBlock imagen={step.imagen} video={step.video} />
+      </div>
+    </div>
+  );
+}
+
+function StepRouter({ step, numero }: { step: ProtocolStep; numero: number }) {
+  switch (step.tipo) {
+    case 'checklist':
+      return <ChecklistBlock step={step} numero={numero} />;
+    case 'decision':
+      return <DecisionBlock step={step} numero={numero} />;
+    case 'tecnica':
+      return <TechniqueBlock step={step} numero={numero} />;
+    case 'info':
+      return <InfoBlock step={step} numero={numero} />;
+    default:
+      return null;
+  }
+}
+
+function DrugCard({ drug }: { drug: { nombre: string; filas: { label: string; valor: string }[]; formula?: string } }) {
+  return (
+    <div className="bg-card border border-border rounded-lg p-4">
+      <h4 className="font-semibold text-foreground mb-3">{drug.nombre}</h4>
+      <div className="space-y-1">
+        {drug.filas.map((fila, i) => (
+          <div key={i} className="flex justify-between text-sm">
+            <span className="text-muted-foreground">{fila.label}</span>
+            <span className="text-foreground font-mono">{fila.valor}</span>
+          </div>
+        ))}
+        {drug.formula && (
+          <p className="text-xs text-muted-foreground mt-2 pt-2 border-t border-border">{drug.formula}</p>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function DrugSection({ farmacos }: { farmacos: { nombre: string; filas: { label: string; valor: string }[]; formula?: string }[] }) {
+  if (!farmacos || farmacos.length === 0) return null;
+  
+  return (
+    <div className="space-y-3">
+      <h3 className="font-semibold text-foreground">💊 Fármacos</h3>
+      <div className="grid gap-3 md:grid-cols-2">
+        {farmacos.map((drug, i) => (
+          <DrugCard key={i} drug={drug} />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function EquipmentSection({ equipamiento }: { equipamiento?: string[] }) {
+  if (!equipamiento || equipamiento.length === 0) return null;
+  
+  return (
+    <div className="p-4 bg-muted/50 rounded-lg border border-border">
+      <h3 className="font-semibold text-foreground mb-3">🛠️ Equipamiento</h3>
+      <div className="flex flex-wrap gap-2">
+        {equipamiento.map((eq, i) => (
+          <span key={i} className="px-2 py-1 bg-card text-sm rounded border border-border">
+            {eq}
+          </span>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export function VisualProtocolRenderer({ protocolId }: VisualProtocolRendererProps) {
+  const { protocol, loading, error } = useProtocol(protocolId);
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center py-12">
+        <Loader2 className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    );
+  }
+
+  if (error || !protocol) {
+    return (
+      <div className="p-6 bg-red-50 border border-red-200 rounded-lg dark:bg-red-950/30 dark:border-red-800">
+        <p className="text-red-700 dark:text-red-300">{error || 'Protocolo no encontrado'}</p>
+      </div>
+    );
+  }
+
+  // Normalizar datos de Estilo 2 (fases) a Estilo 1 (pasos)
+  const normalizedSteps: ProtocolStep[] = protocol.pasos || (protocol.fases?.map(fase => ({
+    tipo: fase.tipo as any,
+    titulo: fase.nombre,
+    descripcion: fase.tipo === 'decision' ? fase.pregunta || fase.descripcion : fase.descripcion,
+    items: fase.items?.map((item: any) => typeof item === 'string' ? item : (item as any).texto),
+    urgencia: (fase as any).urgencia,
+    badge: (fase as any).badge,
+    parametros: fase.parametros as any,
+    si: (fase.ramas as any[])?.find(r => r.condicion.toLowerCase() === 'sí' || r.condicion.toLowerCase() === 'si')?.condicion,
+    no: (fase.ramas as any[])?.find(r => r.condicion.toLowerCase() === 'no')?.condicion,
+  })) || []);
+
+  const urgenciaInfo = URGENCIAS[protocol.urgencia] || { label: protocol.urgencia, color: 'border-muted' };
+
+  return (
+    <div className="max-w-2xl mx-auto space-y-6">
+      {/* Header */}
+      <div className="space-y-3">
+        <div className="flex items-center gap-3">
+          <span className={`px-3 py-1 rounded-full text-sm font-medium border ${urgenciaInfo.color}`}>
+            {urgenciaInfo.label}
+          </span>
+          <span className="text-xs text-muted-foreground">v{protocol.version}</span>
+          {protocol.fuente && (
+            <span className="text-xs text-muted-foreground">· {protocol.fuente}</span>
+          )}
+        </div>
+        
+        <h1 className="text-2xl font-bold text-foreground">{protocol.titulo}</h1>
+        
+        {(protocol.subtitulo || protocol.descripcion) && (
+          <p className="text-muted-foreground">{protocol.subtitulo || protocol.descripcion}</p>
+        )}
+      </div>
+
+      {/* Global Alerts */}
+      {protocol.alertas?.map((alerta, i) => (
+        <AlertBox key={i} tipo={alerta.tipo} texto={alerta.texto} />
+      ))}
+
+      {/* Steps */}
+      <div className="space-y-4">
+        {normalizedSteps.map((step, i) => (
+          <StepRouter key={i} step={step} numero={i + 1} />
+        ))}
+      </div>
+
+      {/* Drugs */}
+      <DrugSection farmacos={protocol.farmacos || []} />
+
+      {/* Equipment */}
+      <EquipmentSection equipamiento={protocol.equipamiento} />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/anafilaxia.yaml b/frontend/src/protocols/yaml/anafilaxia.yaml
new file mode 100644
index 00000000..7f9c2a8e
--- /dev/null
+++ b/frontend/src/protocols/yaml/anafilaxia.yaml
@@ -0,0 +1,149 @@
+id: anafilaxia
+titulo: Reacción Anafiláctica
+categoria: emergencias-alergicas
+urgencia: critica
+version: 2024.1
+descripcion: Manejo de la reacción alérgica grave según protocolo SEMES
+
+fases:
+  - id: 1
+    nombre: Reconocimiento
+    icono: alert-triangle
+    tipo: checklist
+    descripcion: Identificar signos de anafilaxia
+    items:
+      - texto: Exposicion a alérgeno conocido (alimento, farmaco, picadura)
+        critico: true
+      - texto: Affectación cutánea (urticaria, angioedema, eritema)
+      - texto: Afectación respiratoria (disnea, sibilancias, estridor)
+      - texto: Afectación cardiovascular (hipotension, taquicardia, mareo)
+      - texto: Afectación gastrointestinal (náuseas, dolor abdominal)
+
+  - id: 2
+    nombre: Activar Emergencias
+    icono: first-aid
+    tipo: tecnica
+    descripcion: Activar protocolo de emergencia
+    parametros:
+      - label: Acción
+        valor: "Llamar al 112"
+        destacado: true
+      - label: Notificar
+        valor: "Código anafilaxia"
+      - label: Tiempo
+        valor: "Inmediato"
+
+  - id: 3
+    nombre: Adrenalina IM
+    icono: pill
+    tipo: tecnica
+    descripcion: Primera linea de tratamiento
+    parametros:
+      - label: Dosis adulto
+        valor: "0.3-0.5 mg IM"
+        destacado: true
+      - label: Dosis pediátrico
+        valor: "0.01 mg/kg (máx 0.3 mg)"
+        destacado: true
+      - label: Concentración
+        valor: "1:1000 (1 mg/ml)"
+      - label: Punto
+        valor: "Cara anterolateral muslo"
+      - label: Repetir
+        valor: "Cada 5-15 min si no respuesta"
+    items:
+      - texto: NO retrasar administración
+        critico: true
+      - texto: Preferible IM que SC
+
+  - id: 4
+    nombre: Posicionamiento
+    icono: user
+    tipo: decision
+    pregunta: "¿Hay hipotensión o shock?"
+    ramas:
+      - condicion: sí
+        destino: 5
+      - condicion: no
+        destino: 6
+
+  - id: 5
+    nombre: Posición de Shock
+    icono: pulse
+    tipo: tecnica
+    descripcion: Elevar piernas
+    parametros:
+      - label: Posición
+        valor: "Decúbito supino + piernas elevadas"
+      - label: Si dyspnea
+        valor: "Posición semisentada"
+      - label: NO elevar cabeza
+        valor: "Si hay obstrucción vía aérea"
+
+  - id: 6
+    nombre: Oxigenoterapia
+    icono: lungs
+    tipo: tecnica
+    parametros:
+      - label: Flujo
+        valor: "10-15 L/min"
+        destacado: true
+      - label: Objetivo
+        valor: "SpO2 > 94%"
+
+  - id: 7
+    nombre: Vía Venosa
+    icono: first-aid
+    tipo: tecnica
+    parametros:
+      - label: Acción
+        valor: "Canular vena periférica"
+      - label: Líquido
+        valor: "Suero salino 0.9% o Ringer lactato"
+      - label: Velocidad
+        valor: "1-2 litros rápida si hipotensión"
+
+  - id: 8
+    nombre: Monitorización
+    icono: pulse
+    tipo: checklist
+    items:
+      - texto: Constantes vitales cada 5 min
+      - texto: Pulsioximetría continua
+      - texto: Monitor ECG si disponible
+
+farmacos:
+  - nombre: Adrenalina
+    via: IM
+    dosis: "0.3-0.5 mg (adulto)"
+    intervalo: "Cada 5-15 min"
+    indicacion: "Primera línea - NO retrasar"
+    critico: true
+
+  - nombre: Dexclorfeniramina
+    via: IV/IM
+    dosis: "5-10 mg"
+    intervalo: "Dosis única"
+    indicacion: "Complementario a adrenalina"
+
+  - nombre: Metilprednisolona
+    via: IV
+    dosis: "1-2 mg/kg"
+    intervalo: "Dosis única"
+    indicacion: "Prevención reacción bifásica"
+    notas: ["Efecto tardío (4-6h)"]
+
+  - nombre: Salbutamol
+    via: Inhalatorio
+    dosis: "2-4 puff"
+    intervalo: "Repetir si precisa"
+    indicacion: "Si broncoespasmo"
+
+equipamiento:
+  - Mascarilla con reservorio
+  - Oxígeno
+  - Catéteres intravenosos
+  - Suero fisiológico
+  - Jeringas y agujas
+  - Tensiómetro
+  - Pulsioxímetro
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/components/DrugCards.tsx b/frontend/src/protocols/yaml/components/DrugCards.tsx
new file mode 100644
index 00000000..e29ca9b9
--- /dev/null
+++ b/frontend/src/protocols/yaml/components/DrugCards.tsx
@@ -0,0 +1,80 @@
+import { FarmacoYAML } from './types';
+
+interface DrugCardProps {
+  farmaco: FarmacoYAML;
+}
+
+export function DrugCard({ farmaco }: DrugCardProps) {
+  return (
+    <div
+      className={`p-4 rounded-lg border transition-all hover:shadow-md ${
+        farmaco.critico
+          ? 'bg-red-50/50 border-red-200 dark:bg-red-950/30 dark:border-red-800'
+          : 'bg-card border-border'
+      }`}
+    >
+      <div className="flex items-start justify-between gap-2">
+        <div className="flex items-center gap-2">
+          <span className="text-lg">💊</span>
+          <h4 className="font-semibold text-foreground">{farmaco.nombre}</h4>
+        </div>
+        {farmaco.critico && (
+          <span className="px-2 py-0.5 text-xs font-medium bg-red-500 text-white rounded">
+            CRÍTICO
+          </span>
+        )}
+      </div>
+
+      <div className="mt-3 space-y-2">
+        <div className="flex items-center justify-between">
+          <span className="text-xs text-muted-foreground">Dosis</span>
+          <span className="text-sm font-mono font-semibold text-primary">{farmaco.dosis}</span>
+        </div>
+        
+        {farmaco.via && (
+          <div className="flex items-center justify-between">
+            <span className="text-xs text-muted-foreground">Vía</span>
+            <span className="text-sm text-foreground">{farmaco.via}</span>
+          </div>
+        )}
+        
+        {farmaco.intervalo && (
+          <div className="flex items-center justify-between">
+            <span className="text-xs text-muted-foreground">Intervalo</span>
+            <span className="text-sm text-foreground">{farmaco.intervalo}</span>
+          </div>
+        )}
+        
+        {farmaco.indicacion && (
+          <div className="pt-2 border-t border-border/50">
+            <span className="text-xs text-muted-foreground block mb-1">Indicación</span>
+            <p className="text-sm text-foreground">{farmaco.indicacion}</p>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+interface DrugListProps {
+  farmacos: FarmacoYAML[];
+}
+
+export function DrugList({ farmacos }: DrugListProps) {
+  if (!farmacos || farmacos.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="space-y-3">
+      <h3 className="font-semibold text-foreground flex items-center gap-2">
+        <span>💊</span> Fármacos
+      </h3>
+      <div className="grid gap-3 md:grid-cols-2">
+        {farmacos.map((farmaco, index) => (
+          <DrugCard key={index} farmaco={farmaco} />
+        ))}
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/components/FaseBlocks.tsx b/frontend/src/protocols/yaml/components/FaseBlocks.tsx
new file mode 100644
index 00000000..57c9c3db
--- /dev/null
+++ b/frontend/src/protocols/yaml/components/FaseBlocks.tsx
@@ -0,0 +1,159 @@
+import { FaseYAML, ICONOS } from './types';
+
+interface ChecklistBlockProps {
+  fase: FaseYAML;
+}
+
+export function ChecklistBlock({ fase }: ChecklistBlockProps) {
+  return (
+    <div className="space-y-3">
+      {fase.items?.map((item, index) => (
+        <div
+          key={index}
+          className={`flex items-start gap-3 p-3 rounded-lg border transition-all ${
+            item.critico
+              ? 'bg-red-50/50 border-red-200 dark:bg-red-950/30 dark:border-red-800'
+              : 'bg-card border-border hover:border-primary/50'
+          }`}
+        >
+          <div
+            className={`w-6 h-6 rounded-full flex items-center justify-center text-sm ${
+              item.critico
+                ? 'bg-red-500 text-white'
+                : 'bg-muted text-muted-foreground'
+            }`}
+          >
+            {item.critico ? '!' : index + 1}
+          </div>
+          <div className="flex-1">
+            <span
+              className={`text-sm ${item.critico ? 'text-red-700 dark:text-red-300 font-medium' : 'text-foreground'}`}
+            >
+              {item.texto}
+            </span>
+            {item.nota && (
+              <p className="text-xs text-muted-foreground mt-1">{item.nota}</p>
+            )}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+interface DecisionBlockProps {
+  fase: FaseYAML;
+  onNavigate?: (destino: string) => void;
+}
+
+export function DecisionBlock({ fase, onNavigate }: DecisionBlockProps) {
+  return (
+    <div className="space-y-4">
+      {fase.descripcion && (
+        <p className="text-sm text-muted-foreground">{fase.descripcion}</p>
+      )}
+      
+      <div className="p-4 bg-primary/10 border border-primary/30 rounded-lg">
+        <p className="text-lg font-semibold text-foreground text-center">
+          {fase.pregunta}
+        </p>
+      </div>
+
+      <div className="grid grid-cols-2 gap-3">
+        {fase.ramas?.map((rama, index) => (
+          <button
+            key={index}
+            onClick={() => onNavigate?.(rama.destino)}
+            className={`p-4 rounded-lg border-2 transition-all hover:scale-[1.02] ${
+              index === 0
+                ? 'bg-green-50 border-green-300 dark:bg-green-950/30 dark:border-green-700 hover:border-green-500'
+                : 'bg-red-50 border-red-300 dark:bg-red-950/30 dark:border-red-700 hover:border-red-500'
+            }`}
+          >
+            <span
+              className={`text-lg font-bold ${
+                index === 0 ? 'text-green-700 dark:text-green-400' : 'text-red-700 dark:text-red-400'
+              }`}
+            >
+              {rama.condicion.toUpperCase()}
+            </span>
+            <p className="text-xs text-muted-foreground mt-1">→ Ir a fase {rama.destino}</p>
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+interface TecnicaBlockProps {
+  fase: FaseYAML;
+}
+
+export function TecnicaBlock({ fase }: TecnicaBlockProps) {
+  return (
+    <div className="space-y-4">
+      {fase.descripcion && (
+        <p className="text-sm text-muted-foreground">{fase.descripcion}</p>
+      )}
+
+      <div className="grid gap-2">
+        {fase.parametros?.map((param, index) => (
+          <div
+            key={index}
+            className={`flex justify-between items-center p-3 rounded-lg ${
+              param.destacado
+                ? 'bg-primary/10 border border-primary/30'
+                : 'bg-muted/50 border border-border'
+            }`}
+          >
+            <span className="text-sm text-muted-foreground">{param.label}</span>
+            <span
+              className={`font-mono font-semibold ${
+                param.destacado ? 'text-primary' : 'text-foreground'
+              }`}
+            >
+              {param.valor}
+            </span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+interface InfoBlockProps {
+  fase: FaseYAML;
+}
+
+export function InfoBlock({ fase }: InfoBlockProps) {
+  return (
+    <div className="space-y-2">
+      {fase.descripcion && (
+        <p className="text-sm text-muted-foreground">{fase.descripcion}</p>
+      )}
+    </div>
+  );
+}
+
+export function FaseBlock({ fase, onNavigate }: { fase: FaseYAML; onNavigate?: (id: string) => void }) {
+  const icono = ICONOS[fase.icono] || '📋';
+
+  return (
+    <div className="space-y-3">
+      <div className="flex items-center gap-3">
+        <span className="text-2xl">{icono}</span>
+        <div>
+          <h3 className="font-semibold text-foreground">{fase.nombre}</h3>
+          <span className="text-xs px-2 py-0.5 rounded bg-muted text-muted-foreground capitalize">
+            {fase.tipo}
+          </span>
+        </div>
+      </div>
+
+      {fase.tipo === 'checklist' && <ChecklistBlock fase={fase} />}
+      {fase.tipo === 'decision' && <DecisionBlock fase={fase} onNavigate={onNavigate} />}
+      {fase.tipo === 'tecnica' && <TecnicaBlock fase={fase} />}
+      {fase.tipo === 'info' && <InfoBlock fase={fase} />}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/rcp-adulto.yaml b/frontend/src/protocols/yaml/rcp-adulto.yaml
new file mode 100644
index 00000000..3ed5b381
--- /dev/null
+++ b/frontend/src/protocols/yaml/rcp-adulto.yaml
@@ -0,0 +1,111 @@
+id: rcp-adulto
+titulo: Reanimación Cardiopulmonar - Adulto
+categoria: soporte-vital-basico
+urgencia: critica
+version: 2024.1
+descripcion: Protocolo de RCP básica y avanzada en adulto según ERC 2021
+
+fases:
+  - id: 1
+    nombre: Seguridad y Valoración
+    icono: shield
+    tipo: checklist
+    descripcion: Evaluación inicial de la escena y el paciente
+    items:
+      - texto: Verificar seguridad del entorno
+        critico: true
+      - texto: Asegurar EPIs (guantes, mascarilla)
+      - texto: Solicitar DEA si está disponible
+      - texto: Activar código parada
+
+  - id: 2
+    nombre: Valoración de Consciencia
+    icono: brain
+    tipo: decision
+    pregunta: "¿Responde a estímulos?"
+    ramas:
+      - condicion: sí
+        destino: 3
+      - condicion: no
+        destino: 4
+
+  - id: 3
+    nombre: Valoración de Respiración
+    icono: lungs
+    tipo: decision
+    pregunta: "¿Respira normalmente?"
+    descripcion: Observar, oír y sentir durante no más de 10 segundos
+    ramas:
+      - condicion: sí
+        destino: 5
+      - condicion: no
+        destino: 4
+
+  - id: 4
+    nombre: Iniciar Compresiones
+    icono: heart
+    tipo: tecnica
+    descripcion: Iniciar RCP inmediatamente
+    parametros:
+      - label: Punto
+        valor: "Centro del pecho"
+        destacado: true
+      - label: Profundidad
+        valor: "5-6 cm"
+        destacado: true
+      - label: Frecuencia
+        valor: "100-120/min"
+        destacado: true
+      - label: Ratio
+        valor: "30:2"
+      - label: Permitir expansión
+        valor: "Completa"
+
+  - id: 5
+    nombre: Posición de Recuperación
+    icono: user
+    tipo: checklist
+    descripcion: Si respira pero está inconsciente
+    items:
+      - texto: Abrir vía aérea
+      - texto: Posición lateral de seguridad
+      - texto: Monitorizar直到 consciente
+      - texto: No dejar solo
+
+  - id: 6
+    nombre: Uso del DEA
+    icono: first-aid
+    tipo: tecnica
+    descripcion: Cuando el DEA esté disponible
+    parametros:
+      - label: Colocación
+        valor: "Electrodos en tórax despejado"
+      - label: Análisis
+        valor: "Seguir instrucciones voz"
+      - label: Descarga
+        valor: "Si indica,adminitrar 150-200J"
+      - label: Post-descarga
+        valor: "Reanudar RCP 2 min"
+
+farmacos:
+  - nombre: Adrenalina
+    via: IV/IO
+    dosis: "1 mg (1:10.000)"
+    intervalo: "Cada 3-5 minutos"
+    indicacion: "A partir del 2º ciclo de RCP"
+    critico: true
+
+  - nombre: Amiodarona
+    via: IV
+    dosis: "300 mg"
+    intervalo: "Primera dosis, luego 150 mg"
+    indicacion: "FV/TVSP refractaria tras 3 descargas"
+    critico: true
+
+equipamiento:
+  - DEA
+  - Mascarilla facial
+  - Bolsa-valva
+  - Oxígeno
+  - Tubo orofaríngeo
+  - Acceso venoso
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/types.ts b/frontend/src/protocols/yaml/types.ts
new file mode 100644
index 00000000..814cafb3
--- /dev/null
+++ b/frontend/src/protocols/yaml/types.ts
@@ -0,0 +1,77 @@
+export interface ProtocolYAML {
+  id: string;
+  titulo: string;
+  categoria: string;
+  urgencia: 'critica' | 'alta' | 'media' | 'baja';
+  version: string;
+  descripcion?: string;
+  fases: FaseYAML[];
+  farmacos?: FarmacoYAML[];
+  equipamiento?: string[];
+}
+
+export interface FaseYAML {
+  id: string;
+  nombre: string;
+  icono: string;
+  tipo: 'checklist' | 'decision' | 'tecnica' | 'info';
+  descripcion?: string;
+  pregunta?: string;
+  items?: ChecklistItemYAML[];
+  parametros?: ParametroYAML[];
+  ramas?: DecisionRamaYAML[];
+  si?: string;
+  no?: string;
+}
+
+export interface ChecklistItemYAML {
+  texto: string;
+  critico?: boolean;
+  nota?: string;
+}
+
+export interface ParametroYAML {
+  label: string;
+  valor: string;
+  destacado?: boolean;
+  unidad?: string;
+}
+
+export interface DecisionRamaYAML {
+  condicion: string;
+  destino: string;
+}
+
+export interface FarmacoYAML {
+  nombre: string;
+  dosis: string;
+  via?: string;
+  intervalo?: string;
+  indicacion?: string;
+  critico?: boolean;
+  notas?: string[];
+}
+
+export const URGENCIAS = {
+  critica: { label: 'Crítica', color: 'text-red-500 bg-red-500/10 border-red-500' },
+  alta: { label: 'Alta', color: 'text-orange-500 bg-orange-500/10 border-orange-500' },
+  media: { label: 'Media', color: 'text-yellow-500 bg-yellow-500/10 border-yellow-500' },
+  baja: { label: 'Baja', color: 'text-green-500 bg-green-500/10 border-green-500' },
+};
+
+export const ICONOS: Record<string, string> = {
+  shield: '🛡️',
+  brain: '🧠',
+  heart: '❤️',
+ lungs: '🫁',
+  'alert-triangle': '⚠️',
+  'first-aid': '🚑',
+  pill: '💊',
+  thermometer: '🌡️',
+  clock: '⏱️',
+  user: '👤',
+  check: '✓',
+  info: 'ℹ️',
+  warning: '⚡',
+  pulse: '💓',
+};
\ No newline at end of file
diff --git a/frontend/src/protocols/yaml/useProtocol.ts b/frontend/src/protocols/yaml/useProtocol.ts
new file mode 100644
index 00000000..91055550
--- /dev/null
+++ b/frontend/src/protocols/yaml/useProtocol.ts
@@ -0,0 +1,308 @@
+import { useState, useEffect } from 'react';
+import { ProtocolYAML } from './types';
+
+const protocols: Record<string, ProtocolYAML> = {
+  'rcp-adulto': {
+    id: 'rcp-adulto',
+    titulo: 'Reanimación Cardiopulmonar - Adulto',
+    categoria: 'soporte-vital-basico',
+    urgencia: 'critica',
+    version: '2024.1',
+    descripcion: 'Protocolo de RCP básica y avanzada en adulto según ERC 2021',
+    fases: [
+      {
+        id: '1',
+        nombre: 'Seguridad y Valoración',
+        icono: 'shield',
+        tipo: 'checklist',
+        descripcion: 'Evaluación inicial de la escena y el paciente',
+        items: [
+          { texto: 'Verificar seguridad del entorno', critico: true },
+          { texto: 'Asegurar EPIs (guantes, mascarilla)' },
+          { texto: 'Solicitar DEA si está disponible' },
+          { texto: 'Activar código parada' },
+        ],
+      },
+      {
+        id: '2',
+        nombre: 'Valoración de Consciencia',
+        icono: 'brain',
+        tipo: 'decision',
+        pregunta: '¿Responde a estímulos?',
+        ramas: [
+          { condicion: 'sí', destino: '3' },
+          { condicion: 'no', destino: '4' },
+        ],
+      },
+      {
+        id: '3',
+        nombre: 'Valoración de Respiración',
+        icono: 'lungs',
+        tipo: 'decision',
+        pregunta: '¿Respira normalmente?',
+        descripcion: 'Observar, oír y sentir durante no más de 10 segundos',
+        ramas: [
+          { condicion: 'sí', destino: '5' },
+          { condicion: 'no', destino: '4' },
+        ],
+      },
+      {
+        id: '4',
+        nombre: 'Iniciar Compresiones',
+        icono: 'heart',
+        tipo: 'tecnica',
+        descripcion: 'Iniciar RCP inmediatamente',
+        parametros: [
+          { label: 'Punto', valor: 'Centro del pecho', destacado: true },
+          { label: 'Profundidad', valor: '5-6 cm', destacado: true },
+          { label: 'Frecuencia', valor: '100-120/min', destacado: true },
+          { label: 'Ratio', valor: '30:2' },
+          { label: 'Permitir expansión', valor: 'Completa' },
+        ],
+      },
+      {
+        id: '5',
+        nombre: 'Posición de Recuperación',
+        icono: 'user',
+        tipo: 'checklist',
+        descripcion: 'Si respira pero está inconsciente',
+        items: [
+          { texto: 'Abrir vía aérea' },
+          { texto: 'Posición lateral de seguridad' },
+          { texto: 'Monitorizar hasta consciente' },
+          { texto: 'No dejar solo' },
+        ],
+      },
+      {
+        id: '6',
+        nombre: 'Uso del DEA',
+        icono: 'first-aid',
+        tipo: 'tecnica',
+        descripcion: 'Cuando el DEA esté disponible',
+        parametros: [
+          { label: 'Colocación', valor: 'Electrodos en tórax despejado' },
+          { label: 'Análisis', valor: 'Seguir instrucciones voz' },
+          { label: 'Descarga', valor: 'Si indica, administrar 150-200J' },
+          { label: 'Post-descarga', valor: 'Reanudar RCP 2 min' },
+        ],
+      },
+    ],
+    farmacos: [
+      {
+        nombre: 'Adrenalina',
+        via: 'IV/IO',
+        dosis: '1 mg (1:10.000)',
+        intervalo: 'Cada 3-5 minutos',
+        indicacion: 'A partir del 2º ciclo de RCP',
+        critico: true,
+      },
+      {
+        nombre: 'Amiodarona',
+        via: 'IV',
+        dosis: '300 mg',
+        intervalo: 'Primera dosis, luego 150 mg',
+        indicacion: 'FV/TVSP refractaria tras 3 descargas',
+        critico: true,
+      },
+    ],
+    equipamiento: ['DEA', 'Mascarilla facial', 'Bolsa-valva', 'Oxígeno', 'Tubo orofaríngeo', 'Acceso venoso'],
+  },
+  'anafilaxia': {
+    id: 'anafilaxia',
+    titulo: 'Reacción Anafiláctica',
+    categoria: 'emergencias-alergicas',
+    urgencia: 'critica',
+    version: '2024.1',
+    descripcion: 'Manejo de la reacción alérgica grave según protocolo SEMES',
+    fases: [
+      {
+        id: '1',
+        nombre: 'Reconocimiento',
+        icono: 'alert-triangle',
+        tipo: 'checklist',
+        descripcion: 'Identificar signos de anafilaxia',
+        items: [
+          { texto: 'Exposición a alérgeno conocido (alimento, fármaco, picadura)', critico: true },
+          { texto: 'Afectación cutánea (urticaria, angioedema, eritema)' },
+          { texto: 'Afectación respiratoria (disnea, sibilancias, estridor)' },
+          { texto: 'Afectación cardiovascular (hipotensión, taquicardia, mareo)' },
+          { texto: 'Afectación gastrointestinal (náuseas, dolor abdominal)' },
+        ],
+      },
+      {
+        id: '2',
+        nombre: 'Activar Emergencias',
+        icono: 'first-aid',
+        tipo: 'tecnica',
+        descripcion: 'Activar protocolo de emergencia',
+        parametros: [
+          { label: 'Acción', valor: 'Llamar al 112', destacado: true },
+          { label: 'Notificar', valor: 'Código anafilaxia' },
+          { label: 'Tiempo', valor: 'Inmediato' },
+        ],
+      },
+      {
+        id: '3',
+        nombre: 'Adrenalina IM',
+        icono: 'pill',
+        tipo: 'tecnica',
+        descripcion: 'Primera línea de tratamiento',
+        parametros: [
+          { label: 'Dosis adulto', valor: '0.3-0.5 mg IM', destacado: true },
+          { label: 'Dosis pediátrico', valor: '0.01 mg/kg (máx 0.3 mg)', destacado: true },
+          { label: 'Concentración', valor: '1:1000 (1 mg/ml)' },
+          { label: 'Punto', valor: 'Cara anterolateral muslo' },
+          { label: 'Repetir', valor: 'Cada 5-15 min si no respuesta' },
+        ],
+        items: [
+          { texto: 'NO retrasar administración', critico: true },
+          { texto: 'Preferible IM que SC' },
+        ],
+      },
+      {
+        id: '4',
+        nombre: 'Posicionamiento',
+        icono: 'user',
+        tipo: 'decision',
+        pregunta: '¿Hay hipotensión o shock?',
+        ramas: [
+          { condicion: 'sí', destino: '5' },
+          { condicion: 'no', destino: '6' },
+        ],
+      },
+      {
+        id: '5',
+        nombre: 'Posición de Shock',
+        icono: 'pulse',
+        tipo: 'tecnica',
+        descripcion: 'Elevar piernas',
+        parametros: [
+          { label: 'Posición', valor: 'Decúbito supino + piernas elevadas' },
+          { label: 'Si disnea', valor: 'Posición semisentada' },
+          { label: 'NO elevar cabeza', valor: 'Si hay obstrucción vía aérea' },
+        ],
+      },
+      {
+        id: '6',
+        nombre: 'Oxigenoterapia',
+        icono: 'lungs',
+        tipo: 'tecnica',
+        parametros: [
+          { label: 'Flujo', valor: '10-15 L/min', destacado: true },
+          { label: 'Objetivo', valor: 'SpO2 > 94%' },
+        ],
+      },
+      {
+        id: '7',
+        nombre: 'Vía Venosa',
+        icono: 'first-aid',
+        tipo: 'tecnica',
+        parametros: [
+          { label: 'Acción', valor: 'Canular vena periférica' },
+          { label: 'Líquido', valor: 'Suero salino 0.9% o Ringer lactato' },
+          { label: 'Velocidad', valor: '1-2 litros rápida si hipotensión' },
+        ],
+      },
+      {
+        id: '8',
+        nombre: 'Monitorización',
+        icono: 'pulse',
+        tipo: 'checklist',
+        items: [
+          { texto: 'Constantes vitales cada 5 min' },
+          { texto: 'Pulsioximetría continua' },
+          { texto: 'Monitor ECG si disponible' },
+        ],
+      },
+    ],
+    farmacos: [
+      {
+        nombre: 'Adrenalina',
+        via: 'IM',
+        dosis: '0.3-0.5 mg (adulto)',
+        intervalo: 'Cada 5-15 min',
+        indicacion: 'Primera línea - NO retrasar',
+        critico: true,
+      },
+      {
+        nombre: 'Dexclorfeniramina',
+        via: 'IV/IM',
+        dosis: '5-10 mg',
+        intervalo: 'Dosis única',
+        indicacion: 'Complementario a adrenalina',
+      },
+      {
+        nombre: 'Metilprednisolona',
+        via: 'IV',
+        dosis: '1-2 mg/kg',
+        intervalo: 'Dosis única',
+        indicacion: 'Prevención reacción bifásica',
+        notas: ['Efecto tardío (4-6h)'],
+      },
+      {
+        nombre: 'Salbutamol',
+        via: 'Inhalatorio',
+        dosis: '2-4 puff',
+        intervalo: 'Repetir si precisa',
+        indicacion: 'Si broncoespasmo',
+      },
+    ],
+    equipamiento: [
+      'Mascarilla con reservorio',
+      'Oxígeno',
+      'Catéteres intravenosos',
+      'Suero fisiológico',
+      'Jeringas y agujas',
+      'Tensiómetro',
+      'Pulsioxímetro',
+    ],
+  },
+};
+
+export function useProtocol(id: string) {
+  const [protocol, setProtocol] = useState<ProtocolYAML | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const loadProtocol = async () => {
+      setLoading(true);
+      try {
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        const data = protocols[id];
+        if (data) {
+          setProtocol(data);
+          setError(null);
+        } else {
+          setError(`Protocolo ${id} no encontrado`);
+        }
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Error cargando protocolo');
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    loadProtocol();
+  }, [id]);
+
+  return { protocol, loading, error };
+}
+
+export function useProtocolList() {
+  const [list, setList] = useState<{ id: string; titulo: string; urgencia: string }[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    setList(
+      Object.values(protocols).map((p) => ({
+        id: p.id,
+        titulo: p.titulo,
+        urgencia: p.urgencia,
+      }))
+    );
+    setLoading(false);
+  }, []);
+
+  return { list, loading };
+}
\ No newline at end of file
diff --git a/frontend/src/services/api.ts b/frontend/src/services/api.ts
new file mode 100644
index 00000000..e2610754
--- /dev/null
+++ b/frontend/src/services/api.ts
@@ -0,0 +1,73 @@
+// API Service for_codigo0-nuevo
+
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:3000/api';
+
+export interface ProtocolStep {
+  id: string;
+  order: number;
+  instruction: string;
+  verification?: string;
+  notes?: string;
+  critical?: boolean;
+}
+
+export interface TelephoneProtocol {
+  id: string;
+  title: string;
+  shortTitle: string;
+  category: string;
+  ageGroup: string;
+  description: string;
+  initialAssessment: string[];
+  steps: ProtocolStep[];
+  importantNotes?: string[];
+  source?: string;
+}
+
+export interface ApiResponse<T> {
+  message?: string;
+  data: T;
+  items?: T[];
+  total?: number;
+  page?: number;
+  pageSize?: number;
+}
+
+// Helper function to handle API requests
+async function fetchApi<T>(endpoint: string, options?: RequestInit): Promise<T> {
+  const url = `${API_URL}${endpoint}`;
+  const response = await fetch(url, {
+    ...options,
+    headers: {
+      'Content-Type': 'application/json',
+      ...options?.headers,
+    },
+  });
+
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+  }
+
+  return response.json();
+}
+
+// Protocol API functions
+export const protocolApi = {
+  // Get all protocols
+  getAll: async (): Promise<ApiResponse<TelephoneProtocol[]>> => {
+    return fetchApi<ApiResponse<TelephoneProtocol[]>>('/content');
+  },
+
+  // Get protocol by ID
+  getById: async (id: string): Promise<ApiResponse<TelephoneProtocol>> => {
+    return fetchApi<ApiResponse<TelephoneProtocol>>(`/content/${id}`);
+  },
+
+  // Search protocols
+  search: async (query: string): Promise<ApiResponse<TelephoneProtocol[]>> => {
+    return fetchApi<ApiResponse<TelephoneProtocol[]>>(`/content/search?query=${encodeURIComponent(query)}`);
+  },
+};
+
+export default protocolApi;
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
new file mode 100644
index 00000000..4fca3a6f
--- /dev/null
+++ b/frontend/tailwind.config.ts
@@ -0,0 +1,61 @@
+import type { Config } from 'tailwindcss';
+
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))'
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))'
+        },
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))'
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))'
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))'
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))'
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))'
+        },
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        // Emergency colors
+        'emergency-critical': 'hsl(var(--emergency-critical))',
+        'emergency-high': 'hsl(var(--emergency-high))',
+        'emergency-medium': 'hsl(var(--emergency-medium))',
+        'emergency-low': 'hsl(var(--emergency-low))',
+        success: 'hsl(var(--success))',
+        warning: 'hsl(var(--warning))',
+        info: 'hsl(var(--info))',
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)'
+      }
+    }
+  },
+  plugins: [],
+} satisfies Config;
\ No newline at end of file
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 00000000..32190ec8
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,44 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import svgr from 'vite-plugin-svgr'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), svgr()],
+  resolve: {
+    alias: {
+      '@': '/src',
+      '@/components': '/src/components',
+      '@/layouts': '/src/layouts',
+      '@/pages': '/src/pages',
+      '@/tools': '/src/tools',
+      '@/hooks': '/src/hooks',
+      '@/utils': '/src/utils',
+      '@/services': '/src/services',
+      '@/clinical': '/src/clinical',
+      '@/views': '/src/views',
+      '@/config': '/src/config',
+      '@/data': '/src/data',
+      '@/validators': '/src/validators',
+      '@/types': '/src/types',
+      '@/components/ui': '/src/components/ui',
+      '@/components/layout': '/src/components/layout',
+    },
+  },
+  server: {
+    port: 5173,
+    open: true,
+  },
+  build: {
+    outDir: 'dist',
+    sourcemap: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          'react-vendor': ['react', 'react-dom', 'react-router-dom'],
+          'ui-vendor': ['lucide-react', 'clsx', 'tailwind-merge', 'next-themes', 'sonner'],
+        },
+      },
+    },
+  },
+})
\ No newline at end of file
diff --git a/promo-site/index.html b/promo-site/index.html
new file mode 100644
index 00000000..9853c871
--- /dev/null
+++ b/promo-site/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Código 0 - Guía de Emergencias TES</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background-color: #f4f4f4;
+        }
+        container {
+            width: 90%;
+            max-width: 1200px;
+            margin: 0 auto;
+            overflow: hidden;
+        }
+        header {
+            background: #0056b3;
+            color: #fff;
+            padding-top: 30px;
+            min-height: 70px;
+            border-bottom: #e8491d 3px solid;
+        }
+        header a {
+            color: #fff;
+            text-decoration: none;
+            text-transform: uppercase;
+            font-size: 16px;
+        }
+        header ul {
+            padding: 0;
+            list-style: none;
+        }
+        header li {
+            display: inline;
+            padding: 0 20px 0 20px;
+        }
+        header #branding {
+            float: left;
+        }
+        header #branding h1 {
+            margin: 0;
+        }
+        header nav {
+            float: right;
+            margin-top: 10px;
+        }
+        header .highlight, header .current a {
+            color: #e8491d;
+            font-weight: bold;
+        }
+        header a:hover {
+            color: #ffffff;
+            font-weight: bold;
+        }
+        #showcase {
+            min-height: 400px;
+            background: url('../assets/showcase.jpg') no-repeat 0 -400px;
+            text-align: center;
+            color: #ffffff;
+        }
+        #showcase h1 {
+            margin-top: 100px;
+            font-size: 55px;
+            margin-bottom: 10px;
+        }
+        #showcase p {
+            font-size: 20px;
+        }
+        #newsletter {
+            padding: 15px;
+            background: #35424a;
+            color: #ffffff;
+        }
+        #newsletter h1 {
+            float: left;
+        }
+        #newsletter form {
+            float: right;
+            margin-top: 15px;
+        }
+        #newsletter input[type="email"] {
+            padding: 4px;
+            height: 25px;
+            width: 250px;
+        }
+        #boxes {
+            margin-top: 20px;
+        }
+        #boxes .box {
+            float: left;
+            text-align: center;
+            width: 30%;
+            padding: 10px;
+        }
+        #boxes .box img {
+            width: 90px;
+        }
+        footer {
+            padding: 20px;
+            margin-top: 20px;
+            color: #ffffff;
+            background-color: #e8491d;
+            text-align: center;
+        }
+        .cta-button {
+            display: inline-block;
+            background: #e8491d;
+            color: #ffffff;
+            padding: 15px 30px;
+            margin-top: 20px;
+            text-decoration: none;
+            border-radius: 5px;
+            font-weight: bold;
+            transition: background 0.3s ease;
+        }
+        .cta-button:hover {
+            background: #d4421a;
+        }
+        @media(max-width: 768px) {
+            header #branding,
+            header nav,
+            header nav li,
+            #newsletter h1,
+            #newsletter form,
+            #boxes .box {
+                float: none;
+                text-align: center;
+                width: 100%;
+            }
+            header {
+                padding-bottom: 20px;
+            }
+            #showcase h1 {
+                margin-top: 40px;
+            }
+            #newsletter button, .cta-button {
+                display: block;
+                width: 100%;
+            }
+            #newsletter form {
+                float: none;
+                margin-top: 20px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <div class="container">
+            <div id="branding">
+                <h1><span class="highlight">Código</span> 0</h1>
+            </div>
+            <nav>
+                <ul>
+                    <li class="current"><a href="index.html">Inicio</a></li>
+                    <li><a href="https://github.com/planetazuzu/codigo0-nuevo">GitHub</a></li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+
+    <section id="showcase">
+        <div class="container">
+            <h1>Guía de Protocolos de Emergencia para TES</h1>
+            <p>Acceso rápido a protocolos críticos, guías de refuerzo y herramientas clínicas para Técnicos de Emergencias Sanitarias</p>
+            <a href="http://localhost:5173" class="cta-button">Visitar la Aplicación</a>
+        </div>
+    </section>
+
+    <section id="newsletter">
+        <div class="container">
+            <h1>Suscríbete para recibir actualizaciones</h1>
+            <form>
+                <input type="email" placeholder="Ingresa tu email...">
+                <button type="submit" class="cta-button">Suscribirse</button>
+            </form>
+        </div>
+    </section>
+
+    <section id="boxes">
+        <div class="container">
+            <div class="box">
+                <img src="https://via.placeholder.com/90" alt="">
+                <h3>Protocolos de Emergencia</h3>
+                <p>Acceso inmediato a RCP, Ictus, Shock, Vía Aérea y más.</p>
+            </div>
+            <div class="box">
+                <img src="https://via.placeholder.com/90" alt="">
+                <h3>Guías de Refuerzo</h3>
+                <p>Contenido formativo para comprensión profunda de protocolos.</p>
+            </div>
+            <div class="box">
+                <img src="https://via.placeholder.com/90" alt="">
+                <h3>Herramientas Clínicas</h3>
+                <p>Checklists, calculadoras y pathways para soporte en tiempo real.</p>
+            </div>
+        </div>
+    </section>
+
+    <footer>
+        <p>Código 0 - Guía de Emergencias TES &copy; 2026</p>
+    </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/vikunja-tasks.md b/vikunja-tasks.md
new file mode 100644
index 00000000..4b777184
--- /dev/null
+++ b/vikunja-tasks.md
@@ -0,0 +1,39 @@
+# Vikunja Tasks: Proyecto Código 0 (AUDITADO)
+
+## Herramientas Clínicas
+- [x] Implementar Calculadora de Glasgow (GCS) - Adulto/Pediátrico
+- [ ] Implementar Triage START Interactivo
+- [ ] Implementar Calculadora de Dosis por Peso (Ajuste pediátrico)
+- [ ] Implementar Calculadora de Superficie Quemada (Regla de los 9)
+
+## Backend y Sincronización
+- [ ] Migrar almacenamiento de protocolos (YAML) a MongoDB
+- [ ] Refactorizar Frontend para consumir API con React Query (Cache offline)
+- [ ] Implementar Sistema de Login (JWT)
+- [ ] Definición de Roles (TES1, TES2, DUE, Médico)
+
+## Manual del TES (Contenidos Markdown)
+- [ ] Redactar `anatomia-fisiologia.md`
+- [ ] Redactar `valoracion-secundaria.md`
+- [ ] Redactar `urgencias-respiratorias.md`
+- [ ] Redactar `urgencias-cardiovasculares.md`
+- [ ] Redactar `atencion-trauma.md`
+- [ ] Redactar `emergencias-obstetricas.md`
+- [ ] Redactar `pediatria-emergencias.md`
+- [ ] Redactar `farmacologia-tes.md`
+- [ ] Redactar `logistica-y-comunicaciones.md`
+- [ ] Redactar `legislacion-y-etica.md`
+- [ ] Redactar `soporte-psicologico.md`
+- [ ] Redactar `incidentes-multiples-victimas.md`
+
+## Recursos Multimedia (Ubicación en public/media/)
+- [ ] Preparar Carpeta `svb/` (RCP, DEA)
+- [ ] Preparar Carpeta `trauma/` (Hemorragias)
+- [ ] Preparar Carpeta `inmovilizacion/` (Collarín, Tableros)
+- [ ] Preparar Carpeta `especiales/` (Parto, Quemados)
+- [ ] Preparar Carpeta `material/` (Instrumental técnico)
+
+## Infraestructura
+- [x] Dockerización completa (Compose)
+- [x] CI/CD con GitHub Actions
+- [ ] Monitorización de logs en VPS