/**
 * Spacing utilities
 *
 * Conjunto deliberadamente pequeño para evitar convertir el CSS
 * del tema en un framework de utilidades.
 */

.flow > * + * {
    margin-block-start: var(--flow-space, var(--hemik-space-6));
}

.section {
    padding-block: clamp(var(--hemik-space-12), 7vw, var(--hemik-space-20));
}

.section--compact {
    padding-block: clamp(var(--hemik-space-8), 5vw, var(--hemik-space-12));
}

.section--spacious {
    padding-block: clamp(var(--hemik-space-16), 9vw, var(--hemik-space-24));
}

.gap-sm {
    gap: var(--hemik-space-3);
}

.gap-md {
    gap: var(--hemik-space-6);
}

.gap-lg {
    gap: var(--hemik-space-8);
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}