/*
 * "Tres categorías para toda la familia" (Inicio). Las tarjetas están en cat-card.css.
 *
 *   Contenedor              → home-cats
 *     Contenedor de cabecera → home-cats__head
 *       Título               → home-cats__title
 *       Editor de texto      → home-cats__lead
 *     Contenedor (grid)      → home-cats__grid   (3 tarjetas cat-card)
 *     Contenedor del botón   → home-cats__cta
 *       Botón                → btn btn--ink
 */

.home-cats {
	gap: 0;
	padding: 0 var(--wrap-gutter) clamp(56px, 6.5vw, 96px);
}

.home-cats__head { gap: 0; margin-bottom: clamp(24px, 3vw, 40px); }
.home-cats__title .elementor-heading-title {
	max-width: 12em;
	margin: 0;
	font-size: clamp(30px, 3.8vw, 54px);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.04em;
}
.home-cats__lead p {
	max-width: 30em;
	margin: 14px 0 0;
	font-size: 18px;
	line-height: 1.55;
	color: var(--color-muted);
}

.home-cats__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
}

.home-cats__cta {
	align-items: center;
	margin-top: clamp(26px, 3vw, 40px);
}

@media (min-width: 768px) {
	.home-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
}

@media (min-width: 1025px) {
	.home-cats__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}