/* Secciones exclusivas de la portada: por qué elegirnos / servicios complementarios,
   confianza y CTA final. El catálogo en sí (rejilla de atracciones) vive en catalogo.css,
   aunque aquí se controle el espaciado del extracto que aparece en home. */

.hm-porque-elegirnos,
.hm-servicios-complementarios {
	text-align: center;
}

.hm-porque-elegirnos__rejilla {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--espaciado-xl);
	margin-top: var(--espaciado-xl);
}

.hm-porque-elegirnos__item img {
	margin: 0 auto var(--espaciado-sm);
}

.hm-servicios-complementarios {
	background: var(--color-fondo-alterno);
}

.hm-catalogo-extracto {
	text-align: center;
}

.hm-catalogo-extracto .hm-catalogo__rejilla {
	margin-bottom: var(--espaciado-lg);
}

.hm-confianza__inner {
	display: flex;
	align-items: center;
	gap: var(--espaciado-xl);
}

.hm-confianza__inner img {
	flex: 1;
	border-radius: var(--radio-borde-lg);
}

.hm-confianza__inner > div {
	flex: 1;
}

.hm-cta-final {
	background: var(--color-secundario);
	color: var(--color-texto-claro);
	text-align: center;
}

.hm-cta-final h2 {
	color: var(--color-texto-claro);
}

@media (max-width: 900px) {
	.hm-porque-elegirnos__rejilla {
		grid-template-columns: repeat(2, 1fr);
	}

	.hm-confianza__inner {
		flex-direction: column;
	}
}

@media (max-width: 600px) {
	.hm-porque-elegirnos__rejilla {
		grid-template-columns: 1fr;
	}
}