## Flow Utilities

El sistema incluye clases `.flow` para espaciado automático entre elementos hijos usando el selector `> * + *`.

### Flow básico (.flow)

#### Título dentro de flow

Este párrafo tiene espaciado automático después del título.

Los párrafos también tienen espaciado entre ellos.

- Las listas también
- Mantienen el espaciado

Y cualquier elemento después tiene espaciado correcto.

### Variantes de flow

#### Flow Small (.flow-s)

Espaciado pequeño

Entre elementos

12px de separación

#### Flow Medium (.flow-m)

Espaciado medio

Entre elementos

16px de separación

### Content Flow

#### Contenedor de lectura óptimo

La clase `.content-flow` combina un ancho máximo de 700px (óptimo para lectura) con espaciado automático entre elementos.

Ideal para contenido editorial como artículos, noticias y páginas de contenido.

> Las citas tienen espaciado especial después de ellas para destacar su importancia.

El contenido continúa fluyendo naturalmente después de elementos especiales.