/*
 * Sección de contenido de las páginas internas.
 *
 *   Contenedor sección        → content   (content--tint para fondo suave)
 *     Cabecera                → section-head
 *     Contenedor de tarjetas  → content__grid   (content__grid--2 para dos columnas)
 */

.content {
	display: block;
	width: 100%;
	padding: 72px var(--wrap-gutter);
}

.content--tint { background: #F7F6FA; }

.content__grid {
	--row-gap: var(--space-6);
	--column-gap: var(--space-6);

	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
	.content__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1025px) {
	.content { padding-block: 104px; }
	.content__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.content__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.content__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}