Render ABCDE section 4 visuals

This commit is contained in:
planetazuzu 2026-01-20 21:17:27 +01:00
parent 4e2efa0bed
commit 8cffa970d3
2 changed files with 38 additions and 306 deletions

View file

@ -90,150 +90,21 @@ La demostración se centra en el proceso mental y visual del ABCDE, no en técni
### Secuencia Visual del Proceso ABCDE
**Tipo de visual:** Secuencia fotográfica conceptual
![Escaneo inicial ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_01_ESCANEO_INICIAL.jpg)
**Número de imágenes:** 5
![Prioridad vital ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_02_PRIORIDAD_VITAL.jpg)
**Estilo:** Fotografías limpias, fondo neutro, sin distracciones
![Transición controlado ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_03_TRANSICION_CONTROLADO.jpg)
---
![Reevaluación ciclo ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_04_REEVALUACION_CICLO.jpg)
### Qué Muestra la Secuencia
![Evaluación global ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_05_VISION_GLOBAL.jpg)
Cada imagen representa un aspecto clave del proceso mental y visual del ABCDE, no pasos técnicos:
#### Imagen 1: Visión Global — Escaneo Inicial
![Escaneo Inicial ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_01_ESCANEO_INICIAL.jpg)
La imagen muestra una vista amplia donde se observa al TES frente al paciente en una posición que permite una visión global. La escena refleja el momento inicial de la valoración, donde el TES tiene una perspectiva completa de la situación. Se percibe visualmente que el TES está comenzando el proceso mental de evaluación, con una visión general que le permite contextualizar antes de enfocarse en niveles específicos.
**Texto conceptual:** "Escaneo inicial"
**Elementos visuales:**
- TES y paciente en relación espacial clara
- Vista amplia que muestra el conjunto
- Postura del TES que indica evaluación inicial
- Sin enfoque específico en ninguna parte del cuerpo
- Ambiente que sugiere inicio del proceso
---
#### Imagen 2: Enfoque Progresivo — Prioridad Vital
![Prioridad Vital ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_02_PRIORIDAD_VITAL.jpg)
La imagen muestra cómo la atención visual del TES se centra en el primer nivel del ABCDE (vía aérea y respiración). El resto del cuerpo del paciente aparece atenuado visualmente o fuera de foco, mientras que el área de la vía aérea y el tórax aparece destacada. La escena refleja el proceso mental de priorización, donde el TES enfoca su atención en lo más crítico primero.
**Texto conceptual:** "Prioridad vital"
**Elementos visuales:**
- Enfoque visual en vía aérea y tórax
- Resto del cuerpo atenuado o fuera de foco
- Postura del TES que indica concentración en el nivel A
- Visual que comunica "esto es lo primero"
- Sin detalles técnicos, solo enfoque visual
---
#### Imagen 3: Transición — Continuar Solo Si Está Controlado
![Transición Controlado ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_03_TRANSICION_CONTROLADO.jpg)
La imagen muestra el momento de transición entre niveles, donde el TES cambia su foco visual de un nivel al siguiente. La escena refleja que los elementos anteriores están controlados (representado visualmente por una postura de confianza o de "avance") y que la atención se mueve al siguiente nivel. Se percibe visualmente el proceso mental de "controlar antes de continuar".
**Texto conceptual:** "Continuar solo si está controlado"
**Elementos visuales:**
- Cambio de foco visual del TES
- Postura que indica transición
- Visual que muestra que el nivel anterior está "resuelto" mentalmente
- Preparación para enfocar el siguiente nivel
- Sin indicadores técnicos, solo proceso mental visual
---
#### Imagen 4: Reevaluación — Ciclo Continuo
![Reevaluación Ciclo ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_04_REEVALUACION_CICLO.jpg)
La imagen muestra cómo el TES vuelve visualmente a niveles anteriores, realizando una reevaluación. La escena refleja que el proceso ABCDE no termina después de evaluar el nivel E, sino que continúa con una reevaluación constante. Se percibe visualmente que el TES está volviendo a evaluar niveles superiores, mostrando que el ABCDE es un ciclo continuo.
**Texto conceptual:** "Reevaluación constante"
**Elementos visuales:**
- TES con atención visual en niveles anteriores
- Postura que indica retorno y reevaluación
- Visual que comunica "volver a verificar"
- Continuidad del proceso, no finalización
- Sin indicadores de tiempo, solo proceso continuo
---
#### Imagen 5: Visión Integradora — Evaluación Global
![Visión Global ABCDE]/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_05_VISION_GLOBAL.jpg)
La imagen muestra una vista integradora donde se observa al paciente completo junto con el entorno. La escena refleja el nivel E del ABCDE, donde se evalúa la exposición y se realiza una evaluación global que integra todos los niveles anteriores. Se percibe visualmente que el TES tiene una comprensión completa de la situación, integrando todos los elementos evaluados.
**Texto conceptual:** "Evaluación global"
**Elementos visuales:**
- Vista amplia que incluye paciente y entorno
- Postura del TES que indica evaluación integradora
- Visual que comunica "visión completa"
- Integración de todos los niveles evaluados
- Sin detalles técnicos, solo visión global
---
### Lo que NO Muestra esta Secuencia
**❌ Numeración:**
- No hay números o pasos numerados en las imágenes
- No se muestra como "Paso 1", "Paso 2", etc.
- No se presenta como secuencia operativa
**❌ Técnicas:**
- No se muestran técnicas de evaluación específicas
- No se muestran maniobras o procedimientos
- No se muestran posiciones técnicas exactas
**❌ Valores:**
- No hay indicadores de valores numéricos
- No hay escalas o medidas
- No hay referencias temporales específicas
**❌ Textos instructivos:**
- No hay textos del tipo "evalúa esto" o "verifica aquello"
- No se observan instrucciones escritas sobre las imágenes
- No hay indicaciones verbales o textuales de ejecución
**❌ Checklist:**
- No se presenta como lista de verificación
- No hay elementos marcados o verificados
- No se muestra como tareas completadas
**❌ Pasos clínicos operativos:**
- No se presentan pasos numerados de ejecución
- No se muestran secuencias operativas paso a paso
- No se incluyen instrucciones de cómo realizar la valoración
Esta secuencia fotográfica es exclusivamente formativa y tiene como objetivo reforzar la comprensión visual del proceso mental del ABCDE. No sustituye al protocolo operativo, que contiene los pasos exactos, técnicas específicas, escalas precisas y secuencia operativa detallada necesarios para la ejecución clínica durante una emergencia.
---
### Propósito Pedagógico de la Secuencia
Esta secuencia fotográfica permite al TES:
- **Observar el proceso mental de forma estática:** Percibir visualmente cómo se estructura mentalmente el recorrido del ABCDE, estudiando cada fase del proceso de manera individual y pausada
- **Analizar el cambio de atención entre niveles:** Estudiar cómo la atención visual se mueve de manera ordenada entre los diferentes niveles, comprendiendo la jerarquía y el orden mental
- **Crear una imagen mental detallada:** Complementar la visión del vídeo con referencias visuales específicas y estáticas del proceso mental del ABCDE
- **Preparar la identificación de desviaciones:** Tener referencias visuales claras de cómo debe verse el proceso mental correcto antes de analizar errores frecuentes en la siguiente sección
- **Revisar aspectos específicos:** Volver a consultar imágenes particulares según necesidad, especialmente el orden mental y el cambio de atención, sin depender de pausar o rebobinar un vídeo
Las imágenes actúan como "instantáneas" del proceso mental correcto, permitiendo al TES estudiar aspectos específicos de la estructura mental, el orden de evaluación, y la continuidad del proceso, facilitando la construcción de una imagen mental precisa que servirá como referencia para reconocer la calidad del proceso mental durante la ejecución real.
<!--
Descripción interna (no renderizar en la UI):
Secuencia fotográfica conceptual del proceso mental ABCDE (escaneo inicial,
prioridad vital, transición, reevaluación y visión global). Sin pasos técnicos.
-->
---
@ -259,26 +130,16 @@ Al fijar visualmente el orden del ABCDE, previenes errores comunes como saltar n
## Bloque 4: Enlace Operativo
### Enlace al Protocolo Operativo
<div style="text-align: center; margin: 20px 0;">
<a href="/escena?tab=abcde" style="color: #94a3b8; text-decoration: none;">
Consultar Protocolo Operativo ABCDE →
</a>
</div>
**Texto del enlace:** "Consultar Protocolo Operativo ABCDE"
**Tipo de enlace:** Enlace discreto (no botón primario)
**Mensaje contextual:**
> Esta sección es visual y formativa, enfocada en el proceso mental del ABCDE. Para la ejecución clínica durante una emergencia, consulta el Protocolo Operativo ABCDE, que contiene las técnicas específicas, escalas precisas, secuencia operativa detallada y procedimientos exactos que necesitas para la acción inmediata.
**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 el proceso mental y visual del ABCDE, necesitan consultar las 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.
<!--
Descripción interna (no renderizar en la UI):
Enlace discreto al protocolo operativo para uso en emergencia real.
-->
---

View file

@ -90,140 +90,21 @@ La demostración se centra en el proceso mental y visual del ABCDE, no en técni
### Secuencia Visual del Proceso ABCDE
**Tipo de visual:** Secuencia fotográfica conceptual
![Escaneo inicial ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_01_ESCANEO_INICIAL.jpg)
**Número de imágenes:** 5
![Prioridad vital ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_02_PRIORIDAD_VITAL.jpg)
**Estilo:** Fotografías limpias, fondo neutro, sin distracciones
![Transición controlado ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_03_TRANSICION_CONTROLADO.jpg)
---
![Reevaluación ciclo ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_04_REEVALUACION_CICLO.jpg)
### Qué Muestra la Secuencia
![Evaluación global ABCDE](/assets/infografias/bloque-0-fundamentos/ABCDE_IMAGEN_05_VISION_GLOBAL.jpg)
Cada imagen representa un aspecto clave del proceso mental y visual del ABCDE, no pasos técnicos:
#### Imagen 1: Visión Global — Escaneo Inicial
La imagen muestra una vista amplia donde se observa al TES frente al paciente en una posición que permite una visión global. La escena refleja el momento inicial de la valoración, donde el TES tiene una perspectiva completa de la situación. Se percibe visualmente que el TES está comenzando el proceso mental de evaluación, con una visión general que le permite contextualizar antes de enfocarse en niveles específicos.
**Texto conceptual:** "Escaneo inicial"
**Elementos visuales:**
- TES y paciente en relación espacial clara
- Vista amplia que muestra el conjunto
- Postura del TES que indica evaluación inicial
- Sin enfoque específico en ninguna parte del cuerpo
- Ambiente que sugiere inicio del proceso
---
#### Imagen 2: Enfoque Progresivo — Prioridad Vital
La imagen muestra cómo la atención visual del TES se centra en el primer nivel del ABCDE (vía aérea y respiración). El resto del cuerpo del paciente aparece atenuado visualmente o fuera de foco, mientras que el área de la vía aérea y el tórax aparece destacada. La escena refleja el proceso mental de priorización, donde el TES enfoca su atención en lo más crítico primero.
**Texto conceptual:** "Prioridad vital"
**Elementos visuales:**
- Enfoque visual en vía aérea y tórax
- Resto del cuerpo atenuado o fuera de foco
- Postura del TES que indica concentración en el nivel A
- Visual que comunica "esto es lo primero"
- Sin detalles técnicos, solo enfoque visual
---
#### Imagen 3: Transición — Continuar Solo Si Está Controlado
La imagen muestra el momento de transición entre niveles, donde el TES cambia su foco visual de un nivel al siguiente. La escena refleja que los elementos anteriores están controlados (representado visualmente por una postura de confianza o de "avance") y que la atención se mueve al siguiente nivel. Se percibe visualmente el proceso mental de "controlar antes de continuar".
**Texto conceptual:** "Continuar solo si está controlado"
**Elementos visuales:**
- Cambio de foco visual del TES
- Postura que indica transición
- Visual que muestra que el nivel anterior está "resuelto" mentalmente
- Preparación para enfocar el siguiente nivel
- Sin indicadores técnicos, solo proceso mental visual
---
#### Imagen 4: Reevaluación — Ciclo Continuo
La imagen muestra cómo el TES vuelve visualmente a niveles anteriores, realizando una reevaluación. La escena refleja que el proceso ABCDE no termina después de evaluar el nivel E, sino que continúa con una reevaluación constante. Se percibe visualmente que el TES está volviendo a evaluar niveles superiores, mostrando que el ABCDE es un ciclo continuo.
**Texto conceptual:** "Reevaluación constante"
**Elementos visuales:**
- TES con atención visual en niveles anteriores
- Postura que indica retorno y reevaluación
- Visual que comunica "volver a verificar"
- Continuidad del proceso, no finalización
- Sin indicadores de tiempo, solo proceso continuo
---
#### Imagen 5: Visión Integradora — Evaluación Global
La imagen muestra una vista integradora donde se observa al paciente completo junto con el entorno. La escena refleja el nivel E del ABCDE, donde se evalúa la exposición y se realiza una evaluación global que integra todos los niveles anteriores. Se percibe visualmente que el TES tiene una comprensión completa de la situación, integrando todos los elementos evaluados.
**Texto conceptual:** "Evaluación global"
**Elementos visuales:**
- Vista amplia que incluye paciente y entorno
- Postura del TES que indica evaluación integradora
- Visual que comunica "visión completa"
- Integración de todos los niveles evaluados
- Sin detalles técnicos, solo visión global
---
### Lo que NO Muestra esta Secuencia
**❌ Numeración:**
- No hay números o pasos numerados en las imágenes
- No se muestra como "Paso 1", "Paso 2", etc.
- No se presenta como secuencia operativa
**❌ Técnicas:**
- No se muestran técnicas de evaluación específicas
- No se muestran maniobras o procedimientos
- No se muestran posiciones técnicas exactas
**❌ Valores:**
- No hay indicadores de valores numéricos
- No hay escalas o medidas
- No hay referencias temporales específicas
**❌ Textos instructivos:**
- No hay textos del tipo "evalúa esto" o "verifica aquello"
- No se observan instrucciones escritas sobre las imágenes
- No hay indicaciones verbales o textuales de ejecución
**❌ Checklist:**
- No se presenta como lista de verificación
- No hay elementos marcados o verificados
- No se muestra como tareas completadas
**❌ Pasos clínicos operativos:**
- No se presentan pasos numerados de ejecución
- No se muestran secuencias operativas paso a paso
- No se incluyen instrucciones de cómo realizar la valoración
Esta secuencia fotográfica es exclusivamente formativa y tiene como objetivo reforzar la comprensión visual del proceso mental del ABCDE. No sustituye al protocolo operativo, que contiene los pasos exactos, técnicas específicas, escalas precisas y secuencia operativa detallada necesarios para la ejecución clínica durante una emergencia.
---
### Propósito Pedagógico de la Secuencia
Esta secuencia fotográfica permite al TES:
- **Observar el proceso mental de forma estática:** Percibir visualmente cómo se estructura mentalmente el recorrido del ABCDE, estudiando cada fase del proceso de manera individual y pausada
- **Analizar el cambio de atención entre niveles:** Estudiar cómo la atención visual se mueve de manera ordenada entre los diferentes niveles, comprendiendo la jerarquía y el orden mental
- **Crear una imagen mental detallada:** Complementar la visión del vídeo con referencias visuales específicas y estáticas del proceso mental del ABCDE
- **Preparar la identificación de desviaciones:** Tener referencias visuales claras de cómo debe verse el proceso mental correcto antes de analizar errores frecuentes en la siguiente sección
- **Revisar aspectos específicos:** Volver a consultar imágenes particulares según necesidad, especialmente el orden mental y el cambio de atención, sin depender de pausar o rebobinar un vídeo
Las imágenes actúan como "instantáneas" del proceso mental correcto, permitiendo al TES estudiar aspectos específicos de la estructura mental, el orden de evaluación, y la continuidad del proceso, facilitando la construcción de una imagen mental precisa que servirá como referencia para reconocer la calidad del proceso mental durante la ejecución real.
<!--
Descripción interna (no renderizar en la UI):
Secuencia fotográfica conceptual del proceso mental ABCDE (escaneo inicial,
prioridad vital, transición, reevaluación y visión global). Sin pasos técnicos.
-->
---
@ -249,26 +130,16 @@ Al fijar visualmente el orden del ABCDE, previenes errores comunes como saltar n
## Bloque 4: Enlace Operativo
### Enlace al Protocolo Operativo
<div style="text-align: center; margin: 20px 0;">
<a href="/escena?tab=abcde" style="color: #94a3b8; text-decoration: none;">
Consultar Protocolo Operativo ABCDE →
</a>
</div>
**Texto del enlace:** "Consultar Protocolo Operativo ABCDE"
**Tipo de enlace:** Enlace discreto (no botón primario)
**Mensaje contextual:**
> Esta sección es visual y formativa, enfocada en el proceso mental del ABCDE. Para la ejecución clínica durante una emergencia, consulta el Protocolo Operativo ABCDE, que contiene las técnicas específicas, escalas precisas, secuencia operativa detallada y procedimientos exactos que necesitas para la acción inmediata.
**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 el proceso mental y visual del ABCDE, necesitan consultar las 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.
<!--
Descripción interna (no renderizar en la UI):
Enlace discreto al protocolo operativo para uso en emergencia real.
-->
---