/*--------------------------------------------------------------
# Gaps — utilidades .gap-* (espaciado vertical entre bloques)
#
# Son elementos con height; no son la propiedad CSS gap de flex/grid.
# Móvil por defecto; desktop ≥992px.
--------------------------------------------------------------*/

.gap-seccion {
	display: block;
	height: 60px;
}

.gap-L {
	display: block;
	height: 32px;
}

.gap-M {
	display: block;
	height: 24px;
}

.gap-S {
	display: block;
	height: 16px;
}

.gap-XS {
	display: block;
	height: 12px;
}

@media (min-width: 992px) {
	.gap-seccion {
		height: 100px;
	}

	.gap-L {
		height: 80px;
	}

	.gap-M {
		height: 56px;
	}

	.gap-S {
		height: 32px;
	}

	.gap-XS {
		height: 24px;
	}
}
.gap8 {
	display: block;
	height: 8px;
}
.gap16 {
	display: block;
	height: 16px;
}

.gap32 {
	display: block;
	height: 32px;
}

.gap48 {
	display: block;
	height: 48px;
}

.gap64 {
	display: block;
	height: 64px;
}