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