Fix ABCDE section 2 infographic

This commit is contained in:
planetazuzu 2026-01-20 10:51:51 +01:00
parent 21406b89f6
commit 99319367cc
2 changed files with 16 additions and 254 deletions

View file

@ -88,118 +88,16 @@ Esta universalidad es una de las fortalezas más importantes del ABCDE. No neces
## Bloque 2: Visual Explicativo
### Diagrama 1: Pirámide de Prioridad Vital
### Infografía: Jerarquía Fisiológica y Prioridad Vital ABCDE
![Pirámide de Prioridad Vital ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_PIRAMIDE_PRIORIDAD_VITAL.png)
![Infografía Jerarquía Fisiológica ABCDE](/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.png)
**Descripción del diagrama:**
Este diagrama muestra visualmente la jerarquía de prioridad vital del ABCDE como una pirámide vertical, comunicando que los problemas superiores matan antes que los inferiores, y que el orden de evaluación debe seguir esta jerarquía.
**Elementos visuales:**
- Estructura piramidal con 5 niveles (A → B → C → D → E)
- Gradiente de color que refuerza la jerarquía: rojo/naranja arriba (más crítico) → verde/azul abajo (menos crítico)
- Iconografía estilizada para cada nivel
- Flechas descendentes que indican el flujo lógico de evaluación
- Base de la pirámide con texto: "Fundamento: todas las emergencias requieren esta estructura"
**Propósito:** Mostrar visualmente la jerarquía de prioridad vital, comunicando que los problemas superiores matan antes que los inferiores, y que el orden de evaluación debe seguir esta jerarquía.
---
### Diagrama 2: Comparación — Evaluación Desordenada vs Estructurada ABCDE
![Comparación: Evaluación Desordenada vs Estructurada ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_COMPARACION_DESORDEN_VS_ESTRUCTURA.png)
**Descripción del diagrama:**
Este diagrama compara visualmente dos enfoques de evaluación: evaluación desordenada (lado izquierdo) vs evaluación estructurada ABCDE (lado derecho), mostrando cómo el ABCDE evita la fijación en problemas visibles pero secundarios.
**Elementos visuales:**
**Lado izquierdo — Evaluación Desordenada:**
- Representación visual de un paciente con múltiples problemas visibles
- Múltiples flechas que apuntan a diferentes problemas de manera aleatoria
- Problemas visibles destacados: herida sangrante, deformidad visible
- Problema crítico no visible: vía aérea obstruida (no abordada)
- Color rojo/naranja que indica resultado negativo
- Etiquetas: "Fijación en lo visible", "Problemas críticos omitidos", "Resultado: deterioro progresivo"
**Lado derecho — Evaluación Estructurada ABCDE:**
- Mismo paciente con múltiples problemas visibles
- Estructura clara del ABCDE aplicada: evaluación sistemática de arriba hacia abajo
- Flechas ordenadas que indican el flujo lógico: primero vía aérea, luego respiración, etc.
- Problema crítico abordado primero: vía aérea obstruida (ahora visible y siendo abordada)
- Problemas secundarios abordados después: herida, deformidad
- Color verde/azul que indica resultado positivo
- Etiquetas: "Evaluación sistemática", "Problemas críticos primero", "Resultado: estabilización"
**Propósito:** Mostrar visualmente cómo el ABCDE evita la fijación en problemas visibles pero secundarios, y cómo la evaluación estructurada asegura que se aborden primero los problemas críticos, incluso si no son los más visibles.
---
### Diagrama 3: Flujo de Deterioro Fisiológico
![Flujo de Deterioro Fisiológico ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_FLUJO_DETERIORO_FISIOLOGICO.png)
**Descripción del diagrama:**
Este diagrama explica visualmente cómo un fallo no resuelto en niveles superiores conduce al colapso de los inferiores, y por qué es fundamental abordar primero los problemas superiores para evitar este deterioro progresivo.
**Elementos visuales:**
- **Representación del organismo como sistema integrado:** 5 niveles conectados verticalmente (A, B, C, D, E)
- **Estado inicial (verde):** Todos los niveles funcionando correctamente
- **Fallo en nivel superior (A o B):**
- Nivel superior cambia a rojo (fallo)
- Flechas que indican cómo el fallo se propaga hacia abajo
- Niveles inferiores cambian a amarillo (riesgo) y luego a naranja (deterioro)
- Etiquetas: "Fallo en nivel superior", "Deterioro progresivo", "Sistemas inferiores colapsan"
- **Fallo no resuelto:**
- Progresión visual del deterioro: rojo se extiende hacia abajo
- Todos los niveles cambian a rojo (fallo completo)
- Representación de parada cardiorrespiratoria o colapso completo
- Etiquetas: "Fallo no resuelto", "Colapso completo", "Resultado: parada"
- **Fallo resuelto en nivel superior:**
- Nivel superior vuelve a verde (resuelto)
- Flechas que indican cómo la resolución se propaga hacia abajo
- Niveles inferiores vuelven gradualmente a verde (recuperación)
- Etiquetas: "Problema superior resuelto", "Recuperación progresiva", "Sistemas inferiores se estabilizan"
- **Gradiente de color por gravedad:**
- Verde: funcionamiento normal
- Amarillo: riesgo o deterioro inicial
- Naranja: deterioro significativo
- Rojo: fallo completo
**Propósito:** Explicar visualmente cómo un fallo no resuelto en niveles superiores conduce al colapso de los inferiores, y por qué es fundamental abordar primero los problemas superiores para evitar este deterioro progresivo.
---
### Notas sobre los Diagramas
**Estilo visual general:**
- Colores suaves y profesionales (rojos/naranjas para urgencia, amarillos para riesgo, verdes para normalidad, azules para información)
- Iconografía clara y reconocible, sin detalles anatómicos complejos
- Diseño limpio y no sobrecargado
- Tipografía legible con jerarquía clara
- Elementos visuales que facilitan la comprensión conceptual sin abrumar con detalles técnicos
**Lo que NO muestran estos diagramas:**
- No muestran técnicas específicas de evaluación
- No muestran maniobras o procedimientos
- No muestran valores numéricos o escalas
- No muestran pasos operativos numerados
- No muestran checklist o lista de verificación
- No desarrollan cada letra del ABCDE con acciones específicas
- No muestran algoritmos operativos
**Propósito pedagógico general:**
Estos diagramas ayudan al TES a visualizar y comprender la jerarquía fisiológica que fundamenta el ABCDE, la importancia del orden, y las consecuencias de abordar problemas en el orden incorrecto. La comprensión visual de estos conceptos facilita la internalización de por qué el ABCDE funciona y por qué el orden es fundamental, preparando al usuario para entender mejor las secciones siguientes sobre algoritmo y aplicación práctica.
<!--
Descripción interna (no renderizar en la UI):
Infografía de fisiopatología con tres diagramas: pirámide de prioridad vital,
comparación evaluación desordenada vs estructurada ABCDE y flujo de deterioro
fisiológico. Enfatiza jerarquía A→E, gradiente de gravedad y orden de evaluación.
-->
---

View file

@ -88,152 +88,16 @@ Esta universalidad es una de las fortalezas más importantes del ABCDE. No neces
## Bloque 2: Visual Explicativo
### Descripción de los Diagramas de Fisiopatología
### Infografía: Jerarquía Fisiológica y Prioridad Vital ABCDE
**Tipo de visual:** Diagramas conceptuales y esquemáticos
![Infografía Jerarquía Fisiológica ABCDE](/assets/infografias/bloque-0-fundamentos/priorizaciaeioun_vital_el_enfoque_abcde.png)
**Contenido visual a mostrar:**
#### Diagrama 1: Pirámide de Prioridad Vital
**Elementos visuales:**
- Representación del ABCDE como una pirámide o columna vertical
- Estructura jerárquica clara con cinco niveles
- **Nivel superior (más crítico):** Representación de vía aérea y respiración
- Color rojo intenso o naranja que indica máxima urgencia
- Tamaño visual mayor o más prominente
- Iconografía de aire/respiración (pulmones estilizados, flujo de aire)
- Etiqueta conceptual: "Lo que mata primero"
- Texto: "Sin esto, el organismo muere en minutos"
- **Nivel medio-superior:** Representación de circulación
- Color naranja o rojo suave que indica urgencia alta
- Tamaño visual medio-grande
- Iconografía de circulación (corazón estilizado, flujo sanguíneo)
- Etiqueta conceptual: "Crítico si falla"
- Texto: "Sin esto, los órganos mueren rápidamente"
- **Nivel medio:** Representación de función neurológica
- Color amarillo o naranja suave que indica importancia alta
- Tamaño visual medio
- Iconografía de función neurológica (cerebro estilizado)
- Etiqueta conceptual: "Vital para el control"
- Texto: "Sin esto, el organismo pierde control"
- **Nivel medio-inferior:** Representación de exposición
- Color amarillo suave o verde que indica importancia moderada
- Tamaño visual medio-pequeño
- Iconografía de exposición (entorno, temperatura)
- Etiqueta conceptual: "Puede empeorar la situación"
- Texto: "Sin esto, factores externos agravan"
- **Nivel inferior (menos crítico en ese momento):** Representación de evaluación continua
- Color verde o azul suave que indica importancia pero menor urgencia inmediata
- Tamaño visual menor
- Iconografía de evaluación continua (ciclo, repetición)
- Etiqueta conceptual: "Monitoreo continuo"
- Texto: "Esto mantiene la evaluación actualizada"
- **Flechas descendentes** que indican el flujo lógico de evaluación: de arriba hacia abajo
- **Gradiente de color** que refuerza visualmente la jerarquía: más intenso arriba, más suave abajo
- **Base de la pirámide:** Representación conceptual de "Fundamento: todas las emergencias requieren esta estructura"
**Propósito:** Mostrar visualmente la jerarquía de prioridad vital, comunicando que los problemas superiores matan antes que los inferiores, y que el orden de evaluación debe seguir esta jerarquía.
---
#### Diagrama 2: Comparación — Evaluación Desordenada vs Estructurada ABCDE
**Elementos visuales:**
**Lado izquierdo — Evaluación Desordenada:**
- Representación visual de un paciente con múltiples problemas visibles
- Múltiples flechas o líneas que apuntan a diferentes problemas de manera aleatoria
- Iconografía de confusión o desorganización (flechas cruzadas, elementos desordenados)
- Problemas visibles destacados: herida sangrante grande, deformidad visible, objeto que sobresale
- Problemas críticos no visibles: vía aérea obstruida (representada de manera sutil o no visible)
- Flechas que indican acción desordenada: algunas apuntan a la herida, otras a la deformidad, ninguna a la vía aérea
- Color que indica resultado negativo: rojo o naranja que sugiere deterioro
- Etiquetas: "Fijación en lo visible", "Problemas críticos omitidos", "Resultado: deterioro progresivo"
**Lado derecho — Evaluación Estructurada ABCDE:**
- Mismo paciente con múltiples problemas visibles
- Estructura clara del ABCDE aplicada: evaluación sistemática de arriba hacia abajo
- Flechas ordenadas que indican el flujo lógico: primero vía aérea, luego respiración, luego circulación, etc.
- Problemas críticos abordados primero: vía aérea obstruida (ahora visible y siendo abordada)
- Problemas secundarios abordados después: herida, deformidad (visibles pero abordados después)
- Color que indica resultado positivo: verde o azul que sugiere estabilización
- Etiquetas: "Evaluación sistemática", "Problemas críticos primero", "Resultado: estabilización"
**Comparación visual clara:**
- Mismo paciente, mismo conjunto de problemas
- Diferencia en el orden de abordaje
- Diferencia en el resultado potencial
- Mensaje visual: el orden importa más que la rapidez
**Propósito:** Mostrar visualmente cómo el ABCDE evita la fijación en problemas visibles pero secundarios, y cómo la evaluación estructurada asegura que se aborden primero los problemas críticos, incluso si no son los más visibles.
---
#### Diagrama 3: Flujo de Deterioro Fisiológico
**Elementos visuales:**
- Representación del organismo como un sistema integrado
- Cinco niveles conectados verticalmente, representando los cinco niveles del ABCDE
- **Estado inicial (verde):** Todos los niveles funcionando correctamente
- Color verde que indica funcionamiento normal
- Iconografía de sistemas funcionando (flujo de aire, circulación, función neurológica)
- **Fallo en nivel superior (A o B):**
- Nivel superior cambia a rojo (fallo)
- Flechas que indican cómo el fallo se propaga hacia abajo
- Niveles inferiores cambian a amarillo (riesgo) y luego a naranja (deterioro)
- Representación visual de cómo el fallo en niveles superiores causa deterioro en inferiores
- Etiquetas: "Fallo en nivel superior", "Deterioro progresivo", "Sistemas inferiores colapsan"
- **Fallo no resuelto:**
- Progresión visual del deterioro: rojo se extiende hacia abajo
- Todos los niveles cambian a rojo (fallo completo)
- Representación de parada cardiorrespiratoria o colapso completo
- Etiquetas: "Fallo no resuelto", "Colapso completo", "Resultado: parada"
- **Fallo resuelto en nivel superior:**
- Nivel superior vuelve a verde (resuelto)
- Flechas que indican cómo la resolución se propaga hacia abajo
- Niveles inferiores vuelven gradualmente a verde (recuperación)
- Representación visual de cómo resolver el problema superior permite que los inferiores se recuperen
- Etiquetas: "Problema superior resuelto", "Recuperación progresiva", "Sistemas inferiores se estabilizan"
- **Gradiente de color** que indica gravedad progresiva:
- Verde: funcionamiento normal
- Amarillo: riesgo o deterioro inicial
- Naranja: deterioro significativo
- Rojo: fallo completo
- **Flechas bidireccionales** que muestran cómo los niveles superiores afectan a los inferiores, y cómo resolver problemas superiores permite la recuperación de inferiores
**Propósito:** Explicar visualmente cómo un fallo no resuelto en niveles superiores conduce al colapso de los inferiores, y por qué es fundamental abordar primero los problemas superiores para evitar este deterioro progresivo.
---
**Estilo visual general:**
- Colores suaves y profesionales (rojos/naranjas para urgencia, amarillos para riesgo, verdes para normalidad, azules para información)
- Iconografía clara y reconocible, sin detalles anatómicos complejos
- Diseño limpio y no sobrecargado
- Tipografía legible con jerarquía clara
- Elementos visuales que facilitan la comprensión conceptual sin abrumar con detalles técnicos
**Lo que NO muestran estos diagramas:**
- No muestran técnicas específicas de evaluación
- No muestran maniobras o procedimientos
- No muestran valores numéricos o escalas
- No muestran pasos operativos numerados
- No muestran checklist o lista de verificación
- No desarrollan cada letra del ABCDE con acciones específicas
- No muestran algoritmos operativos
**Propósito pedagógico general:**
Estos diagramas ayudan al TES a visualizar y comprender la jerarquía fisiológica que fundamenta el ABCDE, la importancia del orden, y las consecuencias de abordar problemas en el orden incorrecto. La comprensión visual de estos conceptos facilita la internalización de por qué el ABCDE funciona y por qué el orden es fundamental, preparando al usuario para entender mejor las secciones siguientes sobre algoritmo y aplicación práctica.
<!--
Descripción interna (no renderizar en la UI):
Infografía de fisiopatología con tres diagramas: pirámide de prioridad vital,
comparación evaluación desordenada vs estructurada ABCDE y flujo de deterioro
fisiológico. Enfatiza jerarquía A→E, gradiente de gravedad y orden de evaluación.
-->
---