/* Widget: Pasos (.srw-steps) — lista ordenada (<ol>) en mosaico; el número 01, 02… lo pone el CSS */
.srw-steps .srw-steps__grid {
	display: grid;
	grid-template-columns: minmax(0, var(--srw-col-aside)) minmax(0, var(--srw-col-main));
	grid-template-areas: "head list" "media list";
	grid-template-rows: auto 1fr;
	column-gap: var(--srw-gap);
	row-gap: 28px;
	align-items: start;
}
.srw-steps.srw-steps--img-none .srw-steps__grid { grid-template-areas: "head list"; grid-template-rows: auto; }
.srw-steps .srw-steps__head { grid-area: head; }
.srw-steps .srw-steps__head .srw-title + .srw-rich { margin-top: 18px; }
.srw-steps .srw-steps__list { grid-area: list; counter-reset: srw-step; }
.srw-steps .srw-steps__media { grid-area: media; align-self: stretch; min-height: 300px; }
.srw-steps .srw-steps__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.srw-steps .srw-steps__item { counter-increment: srw-step; padding: 26px 28px 28px; }
.srw-steps .srw-steps__item::before {
	content: counter(srw-step, decimal-leading-zero);
	display: block;
	margin-bottom: 14px;
	font-size: 2em;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.02em;
	color: var(--srw-color-primary);
}
.srw-steps .srw-steps__title { margin: 0 0 6px; font-size: 1.1em; font-weight: 600; line-height: 1.3; color: var(--srw-color-dark); }
.srw-steps .srw-steps__text { font-size: .97em; line-height: 1.55; }
.srw-steps .srw-actions { grid-column: 2; }

@media (max-width: 900px) {
	.srw-steps .srw-steps__grid, .srw-steps.srw-steps--img-none .srw-steps__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "list" "media"; grid-template-rows: none; row-gap: 26px; }
	.srw-steps .srw-steps__media { min-height: 0; }
	.srw-steps .srw-steps__media img { position: static; height: auto; aspect-ratio: 4 / 3; }
	.srw-steps .srw-actions { grid-column: auto; }
}
@media (max-width: 767px) {
	.srw-steps .srw-steps__item { padding: 20px 20px 22px; }
	.srw-steps .srw-steps__item::before { font-size: 1.7em; margin-bottom: 10px; }
}