From 99319367ccb085eee09e4960abbe757a7abb765a Mon Sep 17 00:00:00 2001 From: planetazuzu Date: Tue, 20 Jan 2026 10:51:51 +0100 Subject: [PATCH] Fix ABCDE section 2 infographic --- .../consolidado/SECCION_02_ABCDE_OPERATIVO.md | 118 +------------- .../consolidado/SECCION_02_ABCDE_OPERATIVO.md | 152 +----------------- 2 files changed, 16 insertions(+), 254 deletions(-) diff --git a/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md b/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md index f5157ad7..6fd62c51 100644 --- a/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md +++ b/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md @@ -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. + --- diff --git a/public/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md b/public/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md index 37c6f5af..6fd62c51 100644 --- a/public/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md +++ b/public/docs/consolidado/SECCION_02_ABCDE_OPERATIVO.md @@ -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. + ---