## Sistema de Espaciado

El sistema usa variables CSS para espaciado consistente:

spacing-4 (0.25rem / 4px)
spacing-8 (0.5rem / 8px)
spacing-16 (1rem / 16px)
spacing-24 (1.5rem / 24px)
spacing-32 (2rem / 32px)
spacing-48 (3rem / 48px)
spacing-64 (4rem / 64px)
spacing-80 (5rem / 80px)
spacing-100 (6.25rem / 100px)
spacing-160 (10rem / 160px)

## Clases Auxiliares de Espaciado

Clases utilitarias para margins y paddings: `.mt-4`, `.mb-8`, `.pt-16`, etc.

### Margin Top (mt-*)

mt-0
mt-8
mt-16
mt-24

### Margin Bottom (mb-*)

mb-8
mb-16
mb-24

### Padding (pt-*, pb-*, pl-*, pr-*)

pt-24 (padding-top)
pb-24 (padding-bottom)
pl-32 (padding-left)
pr-32 (padding-right)

Valores disponibles: 0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 60, 64, 80, 100, 160