/* Park Space — destination page (medidas do Figma) */

/* Hero (185:1438): foto 1360x650 r24 @ y=40; título 60 #fafafa @ 40px do canto inferior esquerdo; badges gap 8 */
.ps-destino-hero { background-color: var(--ps-white); padding: 1.5rem 0 2.5rem; }
.ps-destino-hero-media {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 24rem;
	padding: 1.5rem;
	border-radius: var(--ps-radius-lg);
	background-color: var(--ps-green-dark);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.ps-destino-hero-media::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 50%); }
.ps-destino-hero-text { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1.06rem; max-width: 43.88rem; }
.ps-destino-highlights { display: flex; flex-wrap: wrap; gap: 0.5rem; }
@media (min-width: 62rem) {
	.ps-destino-hero { padding: 2.5rem 0 2.5rem; }
	.ps-destino-hero-media { min-height: 40.63rem; padding: 2.5rem; }
}

/* Sobre o destino (197:1830): #f9f9f9 pad 64; grid 783 | 437, gap 140; card branco r24 (pad 24/16) + mapa (gap 32) */
.ps-destino-about { padding: 2.5rem 0 4rem; }
.ps-destino-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: start; }
.ps-destino-text { display: flex; flex-direction: column; gap: 2rem; }
.ps-destino-body { color: var(--ps-text-3); }
.ps-destino-paragraphs p + p { margin-top: 2rem; }
.ps-destino-aside { display: flex; flex-direction: column; gap: 2rem; }
.ps-drawer { background-color: var(--ps-white); border-radius: var(--ps-radius-lg); border-bottom: 0.06rem solid var(--ps-border); padding: 1.5rem 1rem 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; }
.ps-drawer-price { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 0.5rem; }
.ps-drawer-price-label { font-size: 1rem; line-height: 1.5; color: var(--ps-text); }
.ps-drawer-price-value { color: var(--ps-text); }
.ps-drawer-rows { display: flex; flex-direction: column; margin: 0; }
.ps-drawer-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.5rem 0; border-top: 0.06rem solid var(--ps-border); font-size: 0.75rem; line-height: 1rem; color: var(--ps-text); }
.ps-drawer-row:last-child { padding-bottom: 2rem; }
.ps-drawer-row dd { margin: 0; text-align: right; }
.ps-destino-map { display: flex; flex-direction: column; gap: 1rem; }
.ps-destino-map-title { color: var(--ps-text); }
.ps-destino-map-media { aspect-ratio: 437 / 290; }
.ps-destino-online { display: flex; flex-direction: column; gap: 2rem; margin-top: 4rem; }
.ps-destino-online-grid { gap: 1.5rem; }
.ps-parking-card { display: flex; flex-direction: column; gap: 0.5rem; }
.ps-parking-card-media { aspect-ratio: 16 / 9; margin-bottom: 0.5rem; background-color: var(--ps-surface-2); }
.ps-destino-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 1.5rem;
	padding: 4rem 0.5rem;
	border-radius: var(--ps-radius-lg);
	background-color: var(--ps-surface-3);
}
.ps-destino-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50%; background-color: var(--ps-white); }
.ps-destino-empty-text { display: flex; flex-direction: column; gap: 0.5rem; }
.ps-destino-empty-text .ps-h5 { color: var(--ps-text); }
.ps-destino-empty-text .ps-body { color: var(--ps-text-3); }
@media (min-width: 62rem) {
	.ps-destino-about { padding: 4rem 0 4rem; }
	.ps-destino-grid { grid-template-columns: 48.94rem 27.31rem; justify-content: space-between; gap: 2rem; }
}

/* Mapeados (200:2024): #f9f9f9 pad 80; título 40 (806) gap 64; linhas 787 gap 16 (pad-bottom 16 + separador) */
.ps-destino-mapped { padding: 4rem 0; }
.ps-destino-mapped-title { max-width: 50.38rem; margin-bottom: 2.5rem; }
.ps-parking-list { display: flex; flex-direction: column; gap: 1rem; max-width: 49.19rem; }
.ps-parking-row { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; border-bottom: 0.06rem solid var(--ps-border); }
.ps-parking-row-name:hover { color: var(--ps-green-dark); }
.ps-parking-row-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1.5rem; }
.ps-parking-row-address { display: flex; flex-direction: column; gap: 0.5rem; }
.ps-parking-row-address .ps-strong { color: var(--ps-text-2); }
@media (min-width: 62rem) {
	.ps-destino-mapped { padding: 5rem 0 12.31rem; }
	.ps-destino-mapped-title { margin-bottom: 4rem; }
}