/* Spacing presets — controlado via classe no : .spacing-compact -> seções mais compactas .spacing-normal -> default (sem alterações) .spacing-spacious -> seções com mais respiro Tailwind define: 1rem = 16px. py-24=6rem, py-32=8rem, py-16=4rem, py-20=5rem. */ /* ===== COMPACT ===== */ body.spacing-compact section.py-24 { padding-top: 4rem; padding-bottom: 4rem; } body.spacing-compact section.py-32 { padding-top: 5rem; padding-bottom: 5rem; } body.spacing-compact section.py-16 { padding-top: 3rem; padding-bottom: 3rem; } body.spacing-compact section.py-20 { padding-top: 3.5rem; padding-bottom: 3.5rem; } body.spacing-compact section.pt-32 { padding-top: 5rem; } body.spacing-compact section.pt-48 { padding-top: 6rem; } body.spacing-compact section.pb-20 { padding-bottom: 3.5rem; } body.spacing-compact section.pb-32 { padding-bottom: 5rem; } body.spacing-compact section .mb-20 { margin-bottom: 3rem; } body.spacing-compact section .mb-24 { margin-bottom: 3.5rem; } body.spacing-compact section .mb-16 { margin-bottom: 2.5rem; } body.spacing-compact section .gap-16 { gap: 2.5rem; } @media (min-width: 1024px) { body.spacing-compact section.lg\:py-32 { padding-top: 5rem; padding-bottom: 5rem; } body.spacing-compact section.lg\:py-24 { padding-top: 4rem; padding-bottom: 4rem; } body.spacing-compact section.lg\:pt-48 { padding-top: 6rem; } body.spacing-compact section.lg\:pb-32 { padding-bottom: 5rem; } } /* ===== SPACIOUS ===== */ body.spacing-spacious section.py-24 { padding-top: 8rem; padding-bottom: 8rem; } body.spacing-spacious section.py-32 { padding-top: 10rem; padding-bottom: 10rem; } body.spacing-spacious section.py-16 { padding-top: 6rem; padding-bottom: 6rem; } body.spacing-spacious section.py-20 { padding-top: 7rem; padding-bottom: 7rem; } body.spacing-spacious section.pt-32 { padding-top: 10rem; } body.spacing-spacious section.pt-48 { padding-top: 14rem; } body.spacing-spacious section.pb-20 { padding-bottom: 7rem; } body.spacing-spacious section.pb-32 { padding-bottom: 10rem; } body.spacing-spacious section .mb-20 { margin-bottom: 6rem; } body.spacing-spacious section .mb-24 { margin-bottom: 7rem; } body.spacing-spacious section .mb-16 { margin-bottom: 5rem; } body.spacing-spacious section .gap-16 { gap: 5rem; } @media (min-width: 1024px) { body.spacing-spacious section.lg\:py-32 { padding-top: 10rem; padding-bottom: 10rem; } body.spacing-spacious section.lg\:py-24 { padding-top: 8rem; padding-bottom: 8rem; } body.spacing-spacious section.lg\:pt-48 { padding-top: 14rem; } body.spacing-spacious section.lg\:pb-32 { padding-bottom: 10rem; } }