Grid and space

El layout llega hasta el borde con paddings mínimos; lo único que se acota es la medida del texto (≤46rem por párrafo). Un contenedor angosto desperdicia la pantalla; un párrafo a doce columnas es ilegible. Las dos cosas son ciertas a la vez.

En documentos, la prosa explica en 5 columnas y la evidencia ocupa 7. Este mismo documento usa ese reparto. El producto diario usa otra regla, porque un panel lateral puede cambiar el ancho disponible sin cambiar el viewport.

Los KPIs y grupos repetibles responden al ancho del bloque, no al ancho de la ventana. Cuando se abre el Supervisor, una fila de cuatro pasa a dos y después a una sin esperar otro breakpoint del viewport.

Se usa auto-fit cuando la cantidad de elementos varía: dos elementos ocupan dos pistas, nunca dos pistas más un hueco. Las columnas fijas quedan para documentos donde la relación editorial es parte del mensaje.

Todo hueco del producto sale de estos nueve valores. Si un diseño pide 18px, la respuesta es 16 o 20 — el paso intermedio no existe y eso es lo que mantiene el ritmo.

El aire alrededor de un elemento es parte de su valor: recortarlo para que quepa otro elemento es pagar dos veces.

Tres alturas de control, tokenizadas. En pantallas táctiles el sistema sube solo: con puntero grueso todo control crece al objetivo mínimo de 44px — lo hace el token, no cada componente.

La densidad compacta también es un interruptor de datos, nunca un ajuste manual por vista.