# Prompt — Infografía Horizontal LoopX / Modelo de Demanda Orbital
**Uso:** Pega este prompt en Claude (Cowork o web) para generar la infografía como HTML interactivo.

---

Crea una infografía horizontal en HTML que muestre el modelo completo de generación de demanda orbital LoopX, con fondo blanco, lista para proyectar en pantalla o imprimir.

## ESTILO VISUAL

- Fondo: blanco (#FFFFFF)
- Tipografía: Arial Black para títulos e IDs, Arial para cuerpo
- Cards con borde superior de color (6px), sombra sutil, esquinas redondeadas (6px)
- Flechas entre stages: rectángulo rojo pequeño (#C0392B) centrado verticalmente
- Agrupación en dos fases con etiqueta flotante encima
- Layout: 100% ancho de pantalla, scroll horizontal si necesario, sin cortes de contenido

## PALETA DE COLORES (exacta)

```
RED    = #C0392B   (acento global, flechas, bordes de fase)
PURP   = #7D3C98   (M∅ — Atracción)
PURPL  = #A569BD   (M∅ texto claro)
GRAY   = #707070   (M0 — Brief)
BLUL   = #5DADE2   (M1 / M4 — CI y Seguimiento)
GRN    = #27AE60   (Reunión / M5 — Cierre)
ORG    = #E67E22   (M3 — Propuesta)
GOLD   = #C9A227   (M6 — Delivery)
DARK   = #1A1A1A   (texto principal)
MUTED  = #484848   (texto secundario)
BORDER = #C8C8C8   (borde de cards)
```

## LAS 9 ETAPAS DEL MODELO

### FASE 1 — ATRACCIÓN Y DIAGNÓSTICO (fondo etiqueta: #EEE8F5)

**M∅ — MasterPlaybook Inteligente**
- ID color: #A569BD
- Top bar: #7D3C98
- Subtítulo: Sherpa Calificador
- Descripción: Educa al mercado · Diagnóstico conversacional · Score CI preliminar · Activa la demanda

**M0 — Brief**
- ID color: #888888
- Top bar: #707070
- Subtítulo: Sala de Análisis
- Descripción: Investigación y análisis · 10X más velocidad · Brief de 8 secciones · Cheat Sheet

**M1 — Coherence Index**
- ID color: #C0392B
- Top bar: #C0392B
- Subtítulo: Diagnóstico cuantificado
- Descripción: Cultura · Marca · Reputación · Score 0–100 · Vértice débil identificado

**⚡ Reunión**
- ID color: #27AE60
- Top bar: #1A5C1A
- Subtítulo: Co-diagnóstico, no pitch
- Descripción: El score abre la conversación · El prospecto co-construye el diagnóstico

### FASE 2 — GESTIÓN ORBITAL Y CIERRE (fondo etiqueta: #E8F4FD)

**M2 — BrainX Loop**
- ID color: #5DADE2
- Top bar: #1A2A5C
- Subtítulo: Gestión orbital post-reunión
- Descripción: Gravity score · Dark social · Siguiente movimiento · Jay como motor de criterio

**M3 — Propuesta**
- ID color: #E67E22
- Top bar: #A04000
- Subtítulo: Solución personalizada
- Descripción: CI como base del plan · Solución por vértice débil · Propuesta económica con impacto estimado

**M4 — Seguimiento LoopX**
- ID color: #5DADE2
- Top bar: #1A2A5C
- Subtítulo: Gestión de objeciones
- Descripción: Jay monitorea señales post-propuesta · Score de cierre · Dark social · Ajuste en tiempo real

**M5 — Cierre**
- ID color: #27AE60
- Top bar: #1A5C1A
- Subtítulo: Conversión a cliente
- Descripción: Firma del acuerdo · KPIs definidos · Baseline CI establecido · Plan de onboarding

**M6 — Delivery**
- ID color: #C9A227
- Top bar: #6D4C00
- Subtítulo: Orquestación estratégica
- Descripción: CI tracking mensual · BrainX Loop activo · Crecimiento medido · Referenciación orbital

## LAYOUT ESPECÍFICO

```
[Encabezado]
Título: "El Modelo de Demanda Orbital — LoopX"
Subtítulo: "De la atracción al delivery · M∅ → M6"
Logo text: "FCB NEWLINK × EMPOWERLABS"

[Cuerpo — fila horizontal de cards]
FASE 1 (etiqueta arriba, fondo #EEE8F5 suave):
  [M∅] → [M0] → [M1] → [⚡]
                          ↓ (flecha de continuación)
FASE 2 (etiqueta arriba, fondo #E8F4FD suave):
  [M2] → [M3] → [M4] → [M5] → [M6]

Entre cada card: flecha → (triángulo rojo o rectángulo rojo, centrado)

[Footer]
Línea roja de 4px full-width en la base
"M6 no es el cierre del ciclo — es el inicio del siguiente."
```

## DIMENSIONES DE CADA CARD

- Ancho de card: 160–180px (ajustar para que quepan 9 en pantalla 1440px)
- Alto de card: 260px
- Top bar: 8px de altura, color sólido
- ID (M∅, M0, M1...): 36px bold, Arial Black, color del ID
- Nombre de la etapa: 13px bold, negro
- Subtítulo: 10px, color del ID, negrita
- Separador: línea gris 1px
- Descripción: 10px, #484848, line-height: 1.5

## ELEMENTOS ADICIONALES

- Tooltip al hover en cada card que muestre descripción extendida
- Barra de progreso en el header mostrando las 9 etapas como puntos
- Badge de fase (FASE 1 / FASE 2) como pill coloreada sobre cada grupo
- Nota al pie: "CI = Coherence Index · LoopX = BrainX Loop"

## OUTPUT REQUERIDO

Entrega el HTML en un solo archivo, con CSS inline o en `<style>`, sin dependencias externas.
El archivo debe verse correctamente en Chrome a 1440px de ancho y ser imprimible en landscape A3.