# Manifiesto audiovisual — Linde

## 1. Dirección común

Campaña visual original para un bosque mediterráneo completamente ficticio. Realismo
cinematográfico, lente de 35–70 mm según el plano, amanecer o última hora de la tarde, verdes
profundos, tierra tostada, marfil y ámbar. Textura visible de suelo, corteza y hojas, sombras con
detalle, luz volumétrica moderada y grano fino. Ningún recurso incorpora texto, logotipos,
uniformes, ubicaciones o datos reales.

Los titulares, marcadores, estados de reporte y CTA se implementan en HTML/SVG. Las imágenes no
representan incendios, emergencias activas ni diagnósticos.

## 2. Estrategia de movimiento

La entrega activa usa una composición multicapa: desplazamiento óptico muy lento del póster,
topografía independiente, ramas de primer plano, variación de luz, marcadores HTML y parallax
controlado. Es la alternativa prevista por el brief cuando no se produce un vídeo generativo
consistente.

- Escritorio: póster 16:9 + tres capas de profundidad.
- Móvil: composición vertical generada desde cero, no un recorte del escritorio.
- Reducción de movimiento: póster inmóvil; las transiciones y pulsos se desactivan.
- Conexión lenta: `hero-forest-low.webp` de menos de 80 KB.
- Fallo de formato: cada AVIF dispone de un WebP equivalente.

Fuentes opcionales preparadas para una futura exportación aprobada:

| Archivo previsto | Uso | Duración | Exportación | Peso máximo |
|---|---|---:|---|---:|
| `public/media/hero/hero-forest-loop.webm` | Fondo hero | 10 s, loop | VP9, 1280×720, sin audio | 1.8 MB |
| `public/media/hero/hero-forest-loop.mp4` | Fallback hero | 10 s, loop | H.264, 1280×720, sin audio | 2.4 MB |
| `public/media/final-cta/forest-network-loop.webm` | CTA final | 8 s, loop | VP9, 1280×720, sin audio | 1.6 MB |
| `public/media/final-cta/forest-network-loop.mp4` | Fallback CTA | 8 s, loop | H.264, 1280×720, sin audio | 2.2 MB |

La landing no depende de esos archivos: su fallback está integrado y es plenamente funcional.

## 3. Inventario de producción

Los tamaños indicados son los tamaños exportados. Los presupuestos son máximos, no el peso real.

| Archivo | Tipo / sección | Relación y resolución | Formato / máx. | Texto alternativo | Recorte y zona segura | Versión móvil / fallback | Función narrativa |
|---|---|---|---|---|---|---|---|
| `hero/hero-forest-poster.avif` | Imagen principal / hero | 16:9 · 1600×900 | AVIF · 180 KB | Decorativa en el hero; `alt=""` | Foco en sendero centro-derecha; 42% izquierdo reservado para copy | `hero-forest-mobile.avif` / WebP y low WebP | Belleza inicial y vulnerabilidad discreta |
| `hero/hero-forest-poster.webp` | Fallback / hero | 16:9 · 1600×900 | WebP · 260 KB | Decorativa | Igual que AVIF | Móvil WebP | Compatibilidad |
| `hero/hero-forest-mobile.avif` | Hero móvil | 9:16 · 900×1600 | AVIF · 130 KB | Decorativa | Sendero a la derecha; mitad inferior izquierda oscura para copy | WebP | Composición móvil específica |
| `hero/hero-forest-mobile.webp` | Fallback hero móvil | 9:16 · 900×1600 | WebP · 190 KB | Decorativa | Igual que AVIF | Low WebP si falla | Compatibilidad móvil |
| `hero/hero-forest-low.webp` | Fallback conexión lenta | 16:9 · 960×540 | WebP · 90 KB | Decorativa | Copy a la izquierda | Imagen móvil si el viewport es estrecho | Pintado inicial rápido |
| `scroll-story/scene-01-environment.*` | Fotograma 1 / relato | 3:2 · 1320×880 | AVIF 150 KB / WebP 240 KB | Sendero tranquilo en un bosque mediterráneo al amanecer | Sendero centrado; bordes calmados | Se muestra a ancho completo en móvil | Presentar el entorno |
| `scroll-story/scene-02-risk-signs.*` | Fotograma 2 / relato | 1:1 · 880×880 | AVIF 90 KB / WebP 150 KB | Tallos y hojas secas entre vegetación verde | Sujeto central; etiqueta HTML arriba a la derecha | Mismo recurso | Acercar la mirada a una señal |
| `scroll-story/scene-03-observer.*` | Fotograma 3 / relato | 3:2 · 1440×960 | AVIF 180 KB / WebP 260 KB | Senderista observa ramas acumuladas sin abandonar el camino | Persona en tercio derecho; izquierda para copy/anotación | Mismo recurso, recorte `object-fit` | Mostrar una conducta segura |
| `scroll-story/scene-04-photo.*` | Fotograma 4 / relato | 3:2 · 1440×960 | AVIF 90 KB / WebP 130 KB | Manos fotografían ramas secas desde el sendero | Teléfono centro-derecha; izquierda limpia | Mismo recurso | Documentación responsable |
| `scroll-story/scene-05-report.*` | Fotograma 5 / relato | 1:1 · 960×960 | AVIF 80 KB / WebP 140 KB | Fotografía transformándose en reporte conceptual | Foto de base; tarjeta HTML en esquina inferior derecha | Tarjeta simplificada en móvil | Convertir imagen en contexto |
| `scroll-story/scene-06-review.*` | Fotograma 6 / relato | 3:2 · 1320×880 | AVIF 100 KB / WebP 160 KB | Voluntaria revisa una foto junto a un mapa ficticio | Persona izquierda; estado HTML abajo a la derecha | Mismo recurso | Explicar la revisión humana |
| `scroll-story/scene-07-network.*` | Fotograma 7 / relato | 3:2 · 1320×880 | AVIF 120 KB / WebP 180 KB | Bosque aéreo con una red conceptual de observaciones | Centro oscuro; líneas SVG superpuestas | SVG simplificado en móvil | Devolver el aprendizaje a la red |
| `risk-signals/excessive-brush.*` | Tarjeta / señales | 1:1 · 512×512 | AVIF 65 KB / WebP 95 KB | Maleza densa junto al borde de un sendero | Foco centro-izquierda; 28% inferior para etiqueta | Mismo recurso | Maleza excesiva |
| `risk-signals/dry-vegetation.*` | Tarjeta / señales | 1:1 · 512×512 | AVIF 65 KB / WebP 95 KB | Tallos secos y quebradizos entre arbustos verdes | Foco central; 28% inferior para etiqueta | Mismo recurso | Vegetación seca |
| `risk-signals/pruning-remains.*` | Tarjeta / señales | 1:1 · 512×512 | AVIF 65 KB / WebP 95 KB | Ramas y restos de poda acumulados | Foco centro; 28% inferior para etiqueta | Mismo recurso | Restos de poda |
| `risk-signals/abandoned-waste.*` | Tarjeta / señales | 1:1 · 512×512 | AVIF 65 KB / WebP 95 KB | Dos envases genéricos entre tierra y hojas | Foco centro-inferior; etiqueta sobre degradado HTML | Mismo recurso | Residuos abandonados |
| `risk-signals/blocked-path.*` | Tarjeta / señales | 1:1 · 512×512 | AVIF 65 KB / WebP 95 KB | Rama caída bloquea parcialmente un sendero | Rama diagonal; 28% inferior para etiqueta | Mismo recurso | Sendero bloqueado |
| `risk-signals/damaged-sign.*` | Tarjeta / señales | 1:1 · 512×512 | AVIF 65 KB / WebP 95 KB | Señal de madera ficticia deteriorada | Señal en tercio derecho; sin símbolos legibles | Mismo recurso | Información preventiva deteriorada |
| `participation/volunteer-reviewer.*` | Imagen editorial / revisión | 3:2 · 1440×960 | AVIF 120 KB / WebP 180 KB | Voluntaria revisa una imagen junto a notas y mapa conceptual | Sujeto izquierdo; 43% derecho oscuro para copy | Recorte superior en móvil | Humanizar la revisión |
| `final-cta/forest-network-poster.*` | Fondo / CTA final | 16:9 · 1600×900 | AVIF 140 KB / WebP 220 KB | Decorativa; `alt=""` | Valle central oscuro para titular y botones | `object-position: 58%` en móvil | Esperanza, escala y continuidad |
| `map/topographic-lines.svg` | Decorativo / hero y mapa | 16:9 · vector | SVG · 20 KB | `alt=""`, `aria-hidden` | Lado derecho del hero | Se oculta en móvil | Profundidad y continuidad visual |
| `map/observation-markers.svg` | Decorativo / relato móvil | 5:3 · vector | SVG · 20 KB | `aria-hidden` | Cubrir el fotograma 7 | Mismo recurso | Mostrar conexión entre observaciones |
| `textures/organic-mask.svg` | Máscara / recursos futuros | 1:1 · vector | SVG · 10 KB | Decorativa | Márgenes de 7% | Mismo recurso | Bordes orgánicos |
| Grano CSS embebido | Textura global | Repetible | SVG data URI · 2 KB | Decorativo | Toda la página, 3–5% de opacidad | Menor opacidad en móvil | Unificar el tratamiento cinematográfico |

`*` significa que existen las variantes `.avif` y `.webp`.

## 4. Prompts exactos de generación

### P-01 · Bosque ancla del hero

> Use case: photorealistic-natural. Asset type: landing page hero background and visual campaign
> anchor. Plano cinematográfico hiperrealista de un bosque mediterráneo completamente ficticio al
> amanecer, como el fotograma de apertura de un documental ambiental contemporáneo; belleza serena
> con señales discretas de vulnerabilidad, sin dramatismo. Sendero natural estrecho entre pinos
> mediterráneos, encinas y arbustos; vegetación seca y maleza acumulada visibles solo de forma sutil
> cerca del borde del sendero; ramas cercanas ligeramente desenfocadas en primer plano, sendero y
> matorral en plano medio, árboles y rayos de luz volumétrica al fondo; partículas ambientales casi
> imperceptibles. Fotografía cinematográfica hiperrealista, documental ambiental premium, textura
> auténtica de tierra, corteza y hojas, grano fino analógico, sin aspecto de banco de imágenes.
> Panorámica horizontal 16:9, cámara a baja altura, lente de 35 mm, cinco capas claras de
> profundidad; el sendero y la luz guían la mirada hacia centro-derecha; reservar el 42% izquierdo
> con detalle calmado y contraste controlado. Verdes bosque profundos, tierra tostada, marfil cálido
> y ámbar. Sin texto, letras, logotipos, marcas, fuego, humo, edificios, carreteras, señales,
> vehículos, personas, animales en peligro, ubicaciones reconocibles ni watermark.

Uso derivado: `hero-forest-poster`, `hero-forest-low` y `scene-01-environment`.

### P-02 · Hero móvil

> Use case: photorealistic-natural. Asset type: mobile landing page hero alternative, not a crop
> of the desktop composition. Usar P-01 como referencia exacta de entorno, amanecer, textura y
> color. Composición vertical 9:16 creada específicamente para móvil. El sendero nace en el tercio
> inferior derecho y conduce hacia la luz en el tercio superior derecho. Reservar una franja amplia,
> oscura y visualmente tranquila en el centro e inferior izquierdo para titular, subtítulo y CTA
> HTML. Mismos pinos, encinas, matorral, lente de 35 mm, grano y texturas. Sin texto, letras,
> logotipos, fuego, humo, edificios, señales, vehículos, personas, animales, ubicaciones reconocibles
> ni watermark. Evitar un simple recorte horizontal, postal turística, sol quemado, HDR artificial,
> naranja excesivo, fantasía o emergencia.

Uso derivado: `hero-forest-mobile`.

### P-03 · Observación segura

> Use case: photorealistic-natural. Asset type: scroll narrative observer scene. Mantener exactamente
> el bosque, amanecer, verdes, tierra, ámbar, lente y grano de P-01. Una única persona senderista
> adulta vista de espaldas observa responsablemente desde el sendero una zona discreta de
> vegetación seca y maleza acumulada; permanece en terreno seguro, sin acercarse ni abandonar el
> camino. Ropa de montaña neutra verde oliva y tierra sin marcas, pequeña mochila sencilla. Plano
> general editorial horizontal 3:2, lente de 35 mm, persona en el tercio derecho, amplio espacio
> negativo a la izquierda, cuerpo entero y ambos pies sobre el sendero. Sin texto, logotipos,
> marcas, uniformes, equipamiento oficial, fuego, humo, dramatismo, otros rostros, edificios,
> vehículos ni watermark. Evitar pose heroica, turista posando, escena de emergencia o stock.

Uso derivado: `scene-03-observer`.

### P-04 · Documentación con teléfono

> Use case: photorealistic-natural. Asset type: responsible photo documentation. Mantener el mismo
> bosque, luz, observadora y chaqueta verde oliva de P-03. Primer plano cinematográfico desde detrás
> del hombro: la misma senderista sostiene con ambas manos un teléfono móvil genérico para
> documentar vegetación seca y ramas acumuladas desde el sendero. En pantalla solo aparece la vista
> de cámara del bosque, sin interfaz reconocible ni texto legible. Horizontal 3:2, lente de 50 mm,
> teléfono y manos en el tercio derecho, izquierda calmada para contenido HTML, dedos anatómicamente
> naturales. Sin texto, letras, logotipos, marcas, fuego, humo, peligro, rostro visible, uniforme,
> edificio, datos reales ni watermark. Evitar manos deformes, dedos extra, teléfono imposible, pose
> publicitaria, flash o HDR.

Uso derivado: `scene-04-photo` y el recorte `scene-05-report`.

### P-05 · Lámina de seis señales

> Use case: photorealistic-natural. Asset type: source contact sheet for six separate risk-signal
> cards. Mantener el bosque, amanecer, verdes, tierra, ámbar y grano de P-01. Lámina editorial exacta
> de 3 columnas por 2 filas, seis encuadres cuadrados independientes, sin marcos, gutter ni texto.
> Superior izquierda: maleza excesiva junto a un sendero. Superior centro: vegetación seca
> quebradiza entre arbustos verdes. Superior derecha: restos de poda y ramas apiladas irregularmente.
> Inferior izquierda: dos residuos abandonados discretos, genéricos y sin marcas. Inferior centro:
> sendero parcialmente bloqueado por una rama pequeña. Inferior derecha: señal preventiva de madera
> completamente ficticia, envejecida y sin símbolos legibles. Misma lente macro de 70 mm, luz
> lateral cálida, bordes tranquilos para etiquetas HTML. Exactamente seis celdas. Sin texto, letras,
> números, logotipos, personas, fuego, humo, peligro activo, ubicaciones reconocibles ni watermark.
> Evitar collage superpuesto, basura extrema, catástrofe, señal real o HDR.

Uso derivado: los seis archivos de `risk-signals/` y `scene-02-risk-signs`.

### P-06 · Revisión humana

> Use case: photorealistic-natural. Asset type: reviewer section and narrative review frame.
> Traducir los verdes profundos, tierra, marfil y ámbar de P-01 a un interior editorial. Persona
> voluntaria con formación ambiental revisa fotografías conceptuales del bosque en un portátil.
> Espacio sencillo junto a una ventana; mesa de madera con cuaderno, lápiz, hojas secas y mapa
> topográfico ficticio; pared verde bosque. Vista tres cuartos lateral, vestimenta neutra, pantalla
> con bloques abstractos y una foto pequeña del bosque, sin interfaz ni texto legible. Horizontal
> 3:2, lente de 50 mm, persona y portátil en el tercio izquierdo, espacio negativo oscuro a la
> derecha. Luz natural cálida, textura real de piel, papel y madera, grano fino. Sin texto,
> logotipos, marcas, uniformes, insignias, emblemas, nombres, datos reales, equipamiento de emergencia
> ni watermark. Evitar centro de control, oficina corporativa, bata o pantallas azules.

Uso derivado: `volunteer-reviewer` y `scene-06-review`.

### P-07 · CTA aéreo

> Use case: photorealistic-natural. Asset type: final conversion CTA background. Vista aérea
> cinematográfica hiperrealista sobre las copas de un bosque mediterráneo completamente ficticio al
> atardecer. Pinos, encinas y matorral forman un relieve orgánico continuo; ligera neblina cálida en
> el horizonte. Panorámica 16:9, cámara alta con ángulo oblicuo, copas en capas hasta el horizonte;
> reservar una zona central amplia, más oscura y de detalle calmado para titular HTML y dos botones.
> Luz cálida rasante, sombras con detalle, emoción serena, expansiva y esperanzadora. Verdes bosque,
> oliva, tierra y ámbar; textura y grano coherentes con P-01. Sin texto, letras, logotipos, líneas
> gráficas incorporadas, fuego, humo, edificios, carreteras, vehículos, personas, lugares reales ni
> watermark. Evitar vista satelital plana, paisaje tropical, postal, naranja excesivo o HDR.

Uso derivado: `forest-network-poster` y `scene-07-network`. Las líneas de red se añaden en SVG.

### P-08 · Vídeo opcional del hero

> Plano cinematográfico hiperrealista del mismo bosque y encuadre de P-01 al amanecer. Cámara avanza
> muy lentamente a baja altura por el sendero durante 10 segundos; ramas cercanas se desplazan con
> parallax suave, unas pocas hojas se mueven de forma natural, partículas ambientales casi
> imperceptibles y sombras cambian ligeramente. La vegetación seca aparece solo como señal discreta.
> Movimiento estable, velocidad uniforme y final visualmente compatible con el primer fotograma
> para un loop sin salto. Mantener el 42% izquierdo oscuro y tranquilo para copy HTML. Sin diálogo,
> música, texto, logos, fuego, humo, personas, edificios, señales reales ni cambios luminosos
> agresivos. 16:9, 1280×720, 24 fps, 10 s, sin audio.

Zona segura: 42% izquierdo y 14% inferior. Recorte móvil: usar P-02 como póster, no el vídeo
horizontal. Fallback: `hero-forest-poster.avif`.

### P-09 · Vídeo opcional del CTA

> Vista aérea lenta del mismo paisaje de P-07 al atardecer. Cámara avanza de forma estable sobre las
> copas durante 8 segundos. Movimiento muy suave, sin cambios bruscos y final preparado para un
> loop. No incorporar líneas de red al vídeo: se dibujan en SVG para mantener control, contraste y
> reducción de movimiento. Zona central visualmente tranquila para titular y dos CTA HTML. Sin
> audio, texto, logos, fuego, humo, edificios, carreteras, personas ni lugares reales. 16:9,
> 1280×720, 24 fps, 8 s.

Fallback: `forest-network-poster.avif`.

### P-10 · Mapa abstracto (si se rasteriza en el futuro)

> Mapa topográfico abstracto y completamente ficticio inspirado en un entorno forestal
> mediterráneo, curvas de nivel orgánicas, relieve sutil, textura de papel y terreno, red de
> pequeños nodos luminosos conectados y marcadores ambientales. Fondo verde bosque profundo,
> detalles beige y ámbar, composición tecnológica y natural, diseño premium. Sin nombres,
> coordenadas, carreteras reales, fronteras, logotipos ni texto. Horizontal 5:3, zona segura de 18%
> a la derecha para leyenda HTML.

La entrega actual usa SVG nativo para que las líneas sean nítidas, ligeras y pausables.

## 5. Recortes fuente y trazabilidad

Los PNG `*-source.png` son las salidas maestras de ImageGen y no se cargan en la web. Las variantes
AVIF/WebP se exportaron sin metadatos:

- Hero escritorio: 1672×941 → 1600×900.
- Hero móvil: 941×1672 → 900×1600.
- Observadora y teléfono: 1536×1024 → 1440×960.
- Revisora: 1536×1024 → 1440×960 y 1320×880.
- CTA: 1672×941 → 1600×900.
- Lámina de señales: seis recortes exactos de 512×512.

## 6. Reglas de integración

- Preload únicamente del AVIF crítico del hero según el viewport.
- `loading="lazy"` para todos los recursos posteriores.
- `picture` con AVIF y WebP.
- Imágenes informativas con texto alternativo; fondos y decoración con `alt=""`.
- `object-fit: cover` y posiciones específicas por breakpoint.
- Todo movimiento usa `transform`/`opacity`, se pausa desde el control y respeta
  `prefers-reduced-motion`.
- No se cargan vídeos pesados simultáneamente.
- Los estados, mapas y reportes se identifican como conceptuales.
- El contenido esencial siempre existe en HTML y no depende de una imagen.