13. Rejilla y responsividad fluida
| Medio | Rejilla | Adaptación |
|---|---|---|
| Documento | Márgenes 2.54 cm; interlineado múltiplo de 4-6 pt | 60-75 caracteres por línea |
| Dashboard | 12 columnas, gutter 24px | Container queries por tarjeta |
| Aplicación | 4 (móvil) / 8 (tablet) / 12 (escritorio) | clamp() + objetivo táctil ≥ 44px |
Anchos de contenedor de referencia (para container queries): 320 (compacto), 480 (medio), 768 (amplio), 1024+ (completo). Un mismo componente pasa de layout horizontal a vertical según su contenedor, no según la ventana.