/* Presentación uniforme para todas las regiones del paso 2. */
.asp-guide__zone-layout {
	align-items: stretch;
}

.asp-guide__figure,
.asp-guide__zones {
	box-sizing: border-box;
	height: 540px;
	min-height: 540px;
}

.asp-guide__figure {
	justify-content: space-between;
}

.asp-guide__figure > img {
	min-height: 0;
	flex: 1 1 auto;
}

.asp-guide__figure > p {
	flex: 0 0 auto;
	padding-top: 10px;
}

.asp-guide__zones {
	grid-auto-rows: minmax(96px, auto);
	scrollbar-gutter: stable;
}

.asp-guide__zones.is-short-list {
	align-content: center;
}

.asp-guide__zones button {
	box-sizing: border-box;
	min-height: 96px;
}

.asp-guide__zones button.is-selected {
	box-shadow: inset 0 0 0 1px var(--guide-green);
}

@media (max-width: 900px) {
	.asp-guide__figure,
	.asp-guide__zones {
		height: 440px;
		min-height: 440px;
	}

	.asp-guide__zones {
		grid-auto-rows: minmax(78px, auto);
	}

	.asp-guide__zones button {
		min-height: 78px;
	}
}

@media (max-width: 560px) {
	.asp-guide__figure {
		height: 360px;
		min-height: 360px;
	}

	.asp-guide__zones {
		height: auto;
		min-height: 0;
		max-height: 520px;
		align-content: start;
	}
}