diff --git a/public/docs/consolidado/SECCION_01_ABCDE_OPERATIVO.md b/public/docs/consolidado/SECCION_01_ABCDE_OPERATIVO.md index a7189ead..21a91a76 100644 --- a/public/docs/consolidado/SECCION_01_ABCDE_OPERATIVO.md +++ b/public/docs/consolidado/SECCION_01_ABCDE_OPERATIVO.md @@ -56,105 +56,33 @@ Recuerda que esta guía es para formación, repaso y comprensión profunda. Cuan ## Bloque 2: Visual Explicativo -### Descripción de la Infografía de Introducción +### Infografía: ABCDE como Estructura Mental de Priorización -**Tipo de visual:** Infografía conceptual de una página +![Infografía ABCDE - Estructura Mental de Priorización](/assets/infografias/bloque-0-fundamentos/abcde_introduccion_estructura_mental.svg) -**Contenido visual a alto nivel:** - -La infografía muestra un diseño centrado que comunica visualmente el ABCDE como estructura mental de priorización, no como checklist: - -1. **Estructura vertical ordenada:** - - Representación del ABCDE como una estructura vertical clara, con cada letra (A, B, C, D, E) en un nivel jerárquico - - Flujo descendente visual que indica orden de prioridad: A en la parte superior (más crítico), E en la parte inferior (menos crítico en ese momento) - - Tamaño visual que refuerza la jerarquía: A es más prominente visualmente, disminuyendo hacia E - - Color que indica gravedad decreciente: rojo/naranja para A (más crítico), amarillo para B y C (crítico), verde/azul para D y E (importante pero menos crítico en ese momento) - -2. **Indicadores visuales de priorización vital:** - - Texto conceptual: "Lo que mata antes va primero" - - Iconografía que comunica urgencia: símbolos de alerta más intensos en A, disminuyendo hacia E - - Flechas descendentes que indican el flujo lógico del pensamiento: A → B → C → D → E - - Visual que muestra que cada nivel debe evaluarse antes de pasar al siguiente - -3. **Comparación conceptual:** - - **Lado izquierdo — Evaluación desordenada:** - - Representación visual de pensamiento caótico o aleatorio - - Múltiples elementos compitiendo por atención sin orden claro - - Iconografía de confusión o desorganización - - Etiqueta: "Sin estructura → Errores de prioridad" - - - **Lado derecho — Evaluación estructurada (ABCDE):** - - Representación visual del ABCDE como estructura ordenada - - Flujo claro y sistemático - - Iconografía de organización y claridad - - Etiqueta: "Con estructura → Priorización correcta" - -4. **Iconografía conceptual (sin detalles técnicos):** - - **A — Aire/Respiración:** Icono estilizado de pulmones o flujo de aire (no anatómico detallado) - - **B — Circulación:** Icono estilizado de corazón o flujo sanguíneo (no anatómico detallado) - - **C — Cerebro/Consciencia:** Icono estilizado de cerebro o función neurológica (no anatómico detallado) - - **D — Exposición/Entorno:** Icono de exposición o factores ambientales - - **E — Evaluación continua:** Icono de ciclo o evaluación continua - -5. **Badge distintivo:** - - Badge claro en la parte superior: "Modo Formación / Refuerzo" - - Badge contrastante: "Modo Operativo" - - Separación visual clara entre ambos modos - - Texto explicativo breve: "Esta guía explica la estructura mental. Para la acción inmediata, consulta el Protocolo Operativo ABCDE." - -6. **Contexto visual:** - - Elementos sutiles que sitúan el ABCDE en el contexto de emergencias prehospitalarias - - Iconografía de escena de emergencia (sin detalles técnicos) - - Representación conceptual de aplicación universal (no específica de un tipo de emergencia) - -**Estilo visual:** -- Colores suaves y profesionales (rojos/naranjas para urgencia, azules/verdes para información, grises para texto secundario) -- Iconografía clara y reconocible, sin detalles anatómicos complejos -- Tipografía legible y jerárquica -- Diseño limpio que facilita la comprensión rápida -- Elementos visuales que sugieren estructura y orden sin ser rígidos - -**Lo que NO muestra esta infografía:** -- No muestra técnicas específicas de evaluación -- No muestra maniobras o procedimientos -- No muestra valores numéricos o escalas -- No muestra pasos operativos numerados -- No muestra checklist o lista de verificación -- No muestra detalles anatómicos complejos -- No desarrolla cada letra del ABCDE (eso viene en secciones siguientes) - -**Propósito pedagógico:** -Esta infografía introduce visualmente al usuario en el concepto del ABCDE como estructura mental de priorización, comunicando su universalidad, su propósito de ordenar el pensamiento, y su diferencia fundamental con una evaluación desordenada. Transmite la idea de que el ABCDE es una herramienta mental que organiza el pensamiento bajo estrés, preparando mentalmente para el aprendizaje profundo que seguirá en las siguientes secciones. + --- ## Bloque 3: Enlace Operativo -### Texto del Botón Principal +
+ + Ver Protocolo Operativo ABCDE → + +
-**Texto del enlace:** "Ver Protocolo Operativo ABCDE" - -**Tipo de enlace:** Botón primario destacado - -**Mensaje contextual:** - -> **Para acción inmediata durante emergencia, consulta el Protocolo Operativo ABCDE.** -> -> Esta guía de refuerzo es para formación y comprensión profunda del enfoque ABCDE como estructura mental. El Protocolo Operativo contiene los pasos exactos, técnicas específicas, escalas precisas y secuencia operativa detallada que necesitas cuando te encuentres en una situación real de emergencia. - -**Advertencia obligatoria:** - -> **Esta guía es para formación y comprensión.** -> -> **Para acción inmediata durante una emergencia real, utiliza exclusivamente el Protocolo Operativo ABCDE.** - -**Ubicación:** Inmediatamente después del bloque de texto explicativo y antes o junto a la infografía visual. - -**Estilo visual sugerido:** -- Botón de color destacado (diferente del modo operativo, por ejemplo azul/verde para formación) -- Tamaño prominente pero no intrusivo -- Icono de enlace o flecha que indique transición hacia protocolo operativo -- Badge distintivo que indique "Modo Formación / Refuerzo" claramente diferenciado de "Modo Operativo" + --- diff --git a/public/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md b/public/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md index d05e1d30..b0e2e0e7 100644 --- a/public/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md +++ b/public/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md @@ -6,175 +6,16 @@ ## Bloque 1: Visual Explicativo -### Visión Global del Algoritmo ABCDE +### Infografía: Algoritmo ABCDE Completo -**Tipo de visual:** Infografía conceptual del algoritmo completo +![Infografía: Algoritmo ABCDE Completo](/assets/infografias/bloque-0-fundamentos/abcde_introduccion_estructura_mental.svg) -**Descripción de la infografía:** - -La infografía presenta el algoritmo ABCDE como un flujo mental estructurado y vertical, organizado visualmente para transmitir la estructura de priorización vital más que una lista de verificación. El diseño comunica que el ABCDE es un proceso mental de evaluación y control sistemático, donde cada nivel debe estar controlado antes de avanzar al siguiente. - -**Estructura visual principal:** - -1. **Estructura vertical clara:** - - Representación del ABCDE como una columna o estructura vertical - - Cinco niveles claramente diferenciados, uno debajo del otro - - Flujo descendente visual que indica orden de evaluación: de arriba hacia abajo - - Cada nivel ocupa un espacio visual definido, con separación clara entre niveles - -2. **Nivel A — Vía Aérea y Respiración (Prioridad Vital Máxima):** - - Ubicado en la parte superior de la estructura - - Tamaño visual mayor o más prominente - - Color rojo intenso o naranja que indica máxima urgencia - - Iconografía de aire/respiración: pulmones estilizados, flujo de aire, vía aérea abierta - - Etiqueta conceptual: "Vía Aérea y Respiración" - - Indicador visual: "Prioridad Vital Máxima" - - Flujo visual: "Evaluar → Identificar amenaza → Controlar → Continuar" - - Bloque visual que indica: "No avanzar si no está controlado" - -3. **Nivel B — Respiración Efectiva:** - - Ubicado inmediatamente debajo del nivel A - - Tamaño visual medio-grande - - Color naranja o rojo suave que indica urgencia alta - - Iconografía de respiración efectiva: pulmones expandiéndose, intercambio de gases - - Etiqueta conceptual: "Respiración Efectiva" - - Indicador visual: "Crítico si falla" - - Flujo visual: "Evaluar → Identificar amenaza → Controlar → Continuar" - - Bloque visual que indica: "No avanzar si no está controlado" - - Conexión visual clara con el nivel A (dependencia) - -4. **Nivel C — Circulación:** - - Ubicado debajo del nivel B - - Tamaño visual medio - - Color amarillo o naranja suave que indica importancia alta - - Iconografía de circulación: corazón estilizado, flujo sanguíneo, vasos - - Etiqueta conceptual: "Circulación" - - Indicador visual: "Vital para órganos" - - Flujo visual: "Evaluar → Identificar amenaza → Controlar → Continuar" - - Bloque visual que indica: "No avanzar si no está controlado" - - Conexión visual clara con los niveles A y B (dependencia) - -5. **Nivel D — Función Neurológica:** - - Ubicado debajo del nivel C - - Tamaño visual medio-pequeño - - Color amarillo suave que indica importancia moderada - - Iconografía de función neurológica: cerebro estilizado, consciencia, respuesta - - Etiqueta conceptual: "Función Neurológica" - - Indicador visual: "Control del organismo" - - Flujo visual: "Evaluar → Identificar amenaza → Controlar → Continuar" - - Bloque visual que indica: "No avanzar si no está controlado" - - Conexión visual clara con los niveles anteriores (dependencia) - -6. **Nivel E — Exposición y Evaluación Continua:** - - Ubicado en la parte inferior de la estructura - - Tamaño visual menor - - Color verde o azul suave que indica importancia pero menor urgencia inmediata - - Iconografía de exposición: cuerpo completo, entorno, temperatura, evaluación global - - Etiqueta conceptual: "Exposición y Evaluación Continua" - - Indicador visual: "Factores que pueden empeorar" - - Flujo visual: "Evaluar → Identificar amenaza → Controlar → Reevaluar" - - Bloque visual que indica: "Reevaluación constante" - -7. **Flujo de evaluación y control:** - - Flechas descendentes que conectan cada nivel con el siguiente - - Flechas que indican el flujo lógico: A → B → C → D → E - - Indicadores visuales en cada nivel que muestran el ciclo: "Evaluar → Identificar → Controlar → Continuar" - - Flechas de retorno o ciclo que indican reevaluación constante - - Visual que muestra que si un nivel no está controlado, no se avanza al siguiente - -8. **Indicadores de "No avanzar si no está controlado":** - - Bloque visual distintivo en cada nivel (excepto E) - - Iconografía de "pausa" o "control" antes de avanzar - - Color que indica que el avance depende del control del nivel actual - - Texto conceptual: "Controlar antes de continuar" - - Visual que muestra cómo el flujo se detiene si un nivel no está controlado - -9. **Indicadores de reevaluación constante:** - - Flechas circulares o de retorno que conectan E con A - - Visual que muestra que después de evaluar E, se vuelve a evaluar A - - Iconografía de ciclo continuo - - Texto conceptual: "Reevaluación constante" - - Color que indica continuidad del proceso - -10. **Gradiente de gravedad decreciente:** - - Color que va de rojo intenso (arriba) a verde/azul suave (abajo) - - Tamaño visual que disminuye de arriba hacia abajo - - Intensidad visual que refuerza la jerarquía - - Mensaje visual claro: "Lo más crítico arriba, lo menos crítico abajo" - -**Jerarquía visual:** - -- **Elemento superior (más prominente):** Nivel A (Vía Aérea y Respiración) - - Tamaño visual mayor - - Color más saturado o destacado - - Posición superior en la composición - - Indicadores visuales más intensos - -- **Elementos medios (importantes pero secundarios):** Niveles B, C, D - - Tamaño visual medio, disminuyendo gradualmente - - Colores complementarios pero menos intensos - - Posición intermedia en la composición - - Indicadores visuales moderados - -- **Elemento inferior (importante pero menos crítico en ese momento):** Nivel E - - Tamaño visual menor - - Color más suave - - Posición inferior en la composición - - Indicadores visuales sutiles pero presentes - -**Iconografía utilizada:** - -- **Aire/Respiración:** Símbolo estilizado de pulmones, flujo de aire, vía aérea abierta -- **Circulación:** Símbolo estilizado de corazón, flujo sanguíneo, vasos -- **Cerebro:** Símbolo estilizado de cerebro o función neurológica -- **Cuerpo/Entorno:** Símbolo de cuerpo completo, entorno, temperatura -- **Control:** Icono de verificación, control, o pausa antes de avanzar -- **Ciclo:** Símbolo de ciclo, reevaluación, continuidad - -**Indicadores visuales de prioridad:** - -- **Prioridad máxima:** Nivel A (tamaño, color, posición) -- **Prioridad alta:** Niveles B y C (tamaño medio, color moderado) -- **Prioridad media:** Nivel D (tamaño menor, color suave) -- **Prioridad baja (en ese momento):** Nivel E (tamaño menor, color más suave) - -**Indicadores visuales de flujo lógico:** - -- Numeración visual sutil (no numérica, sino posicional): elementos ordenados de arriba hacia abajo -- Flechas que guían la lectura visual en el orden lógico: A → B → C → D → E -- Agrupación visual que muestra qué elementos pertenecen a la misma estructura -- Separación visual clara entre niveles - -**Indicadores visuales de control y avance:** - -- Bloque visual distintivo en cada nivel que indica "Controlar antes de continuar" -- Visual que muestra cómo el flujo se detiene si un nivel no está controlado -- Flechas de avance que solo aparecen cuando el nivel está controlado -- Iconografía de "pausa" o "verificación" antes de avanzar - -**Lo que NO muestra esta infografía:** - -- Pasos numerados (1, 2, 3...) -- Técnicas específicas de evaluación o intervención -- Maniobras o procedimientos -- Valores numéricos o escalas -- Tiempos exactos o duraciones -- Secuencias clínicas operativas -- Checklist o lista de verificación -- Desarrollo técnico de cada letra (A=..., B=...) -- Instrucciones de ejecución - -**Objetivo pedagógico del visual:** - -Esta infografía permite al TES "ver" el algoritmo ABCDE como una estructura mental vertical y ordenada, no como una lista de verificación. Al visualizar el flujo, la jerarquía, y la necesidad de controlar cada nivel antes de avanzar, el TES puede internalizar la lógica del algoritmo, lo que facilita: - -- La comprensión del propósito de cada nivel y su posición en la jerarquía -- El reconocimiento del orden lógico cuando se consulta el protocolo operativo -- La identificación de errores (si se avanza sin controlar, si se salta un nivel, si se invierte el orden) -- La preparación mental para seguir el flujo durante la ejecución real -- La comprensión de por qué no se puede "saltar letras" o avanzar sin controlar - -La infografía actúa como un "mapa mental" del algoritmo, preparando al TES para navegar el protocolo operativo con mayor comprensión y confianza, especialmente en los momentos críticos donde mantener el orden puede marcar la diferencia. + --- @@ -262,26 +103,19 @@ Comprender la lógica del algoritmo te prepara para reconocer su estructura cuan ## Bloque 3: Enlace Operativo -### Enlace al Protocolo Operativo +
+ + Ver pasos operativos exactos del Protocolo ABCDE → + +
-**Texto del enlace:** "Ver pasos operativos exactos del Protocolo ABCDE" - -**Tipo de enlace:** Enlace discreto (no botón primario) - -**Mensaje contextual:** - -> Esta guía explica la lógica del algoritmo como estructura mental. Para la ejecución clínica durante una emergencia, consulta el protocolo operativo. - -**Ubicación:** Al final del bloque de texto explicativo, antes de pasar a la siguiente sección. - -**Estilo visual sugerido:** -- Enlace de texto con estilo discreto (color secundario, sin fondo destacado) -- Icono sutil de enlace o flecha pequeña -- Tamaño de texto normal, no destacado -- Posicionado de manera que no compita visualmente con el contenido principal - -**Propósito:** -Este enlace proporciona acceso al protocolo operativo para aquellos usuarios que, después de comprender la lógica del algoritmo, necesitan consultar los pasos exactos, técnicas específicas, escalas precisas y secuencia operativa detallada. El enlace discreto comunica que esta guía de refuerzo es complementaria al protocolo operativo, no sustituta. + ---