# Copiloto Page Overrides

> **Page Type:** AI-Native UI (conversational)
> ⚠️ **IMPORTANT:** Rules in this file **override** the Master file (`design-system/pulso/MASTER.md`).

## Page-Specific Rules

### Layout Overrides
Sin rejilla Bento. Columna `.chat` con gap 12. Mensajes con ancho máximo del 88 %: los del usuario a la derecha (`msg--user`, fondo `--action-secondary`), los del copiloto a la izquierda (`msg--bot`, fondo `--bg-surface` con borde). Esquina inferior del lado del emisor en `--radius-sm`, el resto `--radius-lg`. Citas `.cite` dentro del mensaje del copiloto con borde izquierdo de 2 px en `--text-accent`. Adjuntos `.attachment` alineados al lado del emisor. Acciones `.chat__actions` con `.btn`. Sugerencias `.suggestions` en fila desplazable de chips de 44 px. Compositor `.composer` `sticky` encima de la tabbar (`bottom: 64px + safe-area`), con el aviso legal como último elemento del hilo.

### Spacing Overrides
Padding de mensaje 12 × 16. Padding de cita 8 × 12. Compositor 8 × 16.

### Typography Overrides
Mensajes 16/22 Rubik 300 con cifras en 400 (`tile__strong`). Fuente de cita 11/14 versalitas en `--text-accent`. Chips de sugerencia sin versalitas (14 px, frase natural).

### Color Overrides
Ninguno nuevo. Botón de enviar en `--action-primary` con icono en `--text-on-accent`; el de adjuntar en `--action-secondary`.

### Patrones documentados, no implementados en el prototipo
- Indicador de escritura: tres puntos de 6 px en `--text-secondary` con pulso de 900 ms escalonado 150 ms; estático con movimiento reducido.
- Texto en streaming: aparece por frases, sin animar la altura del contenedor.