/* Park Space — como funciona (medidas do Figma) */

/* Hero (233:2253): 708px; coluna 806 @ y=77 após header; gap 32; selos: moldura r16 stroke pad 16/24, 3 colunas 252 */
.ps-how-hero { background-color: var(--ps-white); padding: 2.5rem 0 3rem; }
.ps-how-hero-content { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2rem; max-width: 52.38rem; }
.ps-how-hero-icon { width: 5.69rem; height: auto; }
.ps-how-hero-content .ps-display, .ps-how-hero-content .ps-lead { max-width: 40.75rem; }
.ps-how-pills {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	width: 100%;
	padding: 1rem 1.5rem;
	border: 0.06rem solid var(--ps-border);
	border-radius: var(--ps-radius);
}
.ps-how-pills li { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
@media (min-width: 48rem) { .ps-how-pills { grid-template-columns: repeat(3, 1fr); gap: 0; } }
@media (min-width: 62rem) { .ps-how-hero { padding: 4.81rem 0 4.88rem; } }

/* Espaço parado (233:2656): #f8f9f8 699px; foto 668x375 @ x=39, y=161 | texto 550 @ x=847 (gap 24) */
.ps-how-space { background-color: #f8f9f8; padding: 4rem 0; }
.ps-how-space-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; }
.ps-how-space-media { aspect-ratio: 668 / 375; }
.ps-how-space-text { display: flex; flex-direction: column; gap: 1.5rem; }
.ps-how-space-text .ps-h2 { letter-spacing: -0.02em; }
@media (min-width: 62rem) {
	.ps-how-space { padding: 10.06rem 0 10.19rem; }
	.ps-how-space-grid { grid-template-columns: 41.75rem 34.38rem; justify-content: space-between; gap: 2rem; }
}

/* Como cadastrar (233:2745): #f9f9f9 951px; coluna 550 @ y=185 (título 48, gap 48, lista pad-bottom 24) | foto à direita */
.ps-how-register { padding: 4rem 0; }
.ps-how-register-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; }
.ps-how-register-content { display: flex; flex-direction: column; gap: 3rem; }
.ps-how-register-content .ps-h2 { letter-spacing: -0.02em; max-width: 33.56rem; }
.ps-how-register-list .ps-iconlist-item { padding-bottom: 1.5rem; }
.ps-how-register-media { aspect-ratio: 633 / 559; }
@media (min-width: 62rem) {
	.ps-how-register { padding: 11.56rem 0; }
	.ps-how-register-grid { grid-template-columns: 34.38rem 39.56rem; justify-content: space-between; gap: 2rem; }
}