/* Lasteis – Come arrivare */

body.lstz .lstz-arrivare { padding: 0 0 96px; }
body.lstz .lstz-arrivare__in { display: flex; flex-wrap: wrap; gap: 40px; }

/* Riquadro della mappa: solo un disegno (nessuna mappa incorporata), tutto il riquadro è il link */
body.lstz .lstz-arrivare__mappa {
	position: relative;
	display: flex;
	flex: 1.4 1 520px;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 460px;
	overflow: hidden;
	border-radius: 22px;
	background-color: rgba(171, 196, 199, .3);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 460' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M0 300 C160 250 280 340 440 280 S700 210 800 250' stroke='%23ABC4C7' stroke-width='26' fill='none'/%3E%3Cpath d='M140 0 C170 150 260 220 250 460' stroke='%23fff' stroke-width='12' fill='none'/%3E%3Cpath d='M560 0 C540 140 600 260 680 460' stroke='%23fff' stroke-width='9' fill='none'/%3E%3C/svg%3E");
	background-position: center;
	background-size: cover;
	color: var(--lstz-testo);
	text-decoration: none;
}
body.lstz a.lstz-arrivare__mappa:hover { color: var(--lstz-testo); }
body.lstz .lstz-arrivare__pin { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 16px; text-align: center; }
body.lstz .lstz-arrivare__casa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--lstz-petrolio);
	color: #fff;
	box-shadow: 0 0 0 12px rgba(13, 82, 89, .18);
}
body.lstz .lstz-arrivare__dove { margin-top: 8px; padding: 8px 14px; border-radius: 999px; background: #fff; font: 600 14px/1.4 var(--lstz-f-etichette); color: var(--lstz-testo); }
body.lstz .lstz-arrivare__apri {
	position: absolute;
	right: 18px;
	bottom: 18px;
	padding: 12px 18px;
	border-radius: 999px;
	background: #fff;
	font: 600 14px/1.4 var(--lstz-f-etichette);
	color: var(--lstz-petrolio);
	box-shadow: 0 6px 20px rgba(0, 23, 56, .15);
	transition: box-shadow .2s ease, transform .2s ease;
}
body.lstz a.lstz-arrivare__mappa:hover .lstz-arrivare__apri,
body.lstz a.lstz-arrivare__mappa:focus-visible .lstz-arrivare__apri { color: var(--lstz-blu); box-shadow: 0 10px 26px rgba(0, 23, 56, .25); transform: translateY(-1px); }

/* Indicazioni */
body.lstz .lstz-arrivare__testi { display: flex; flex: 1 1 360px; flex-direction: column; gap: 22px; min-width: 0; }
body.lstz .lstz-arrivare .lstz-arrivare__etichetta { margin: 0; padding-top: 4px; font-size: 13px; line-height: 1.4; }
body.lstz .lstz-arrivare__modo { display: flex; align-items: flex-start; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--lstz-linea); }
body.lstz .lstz-arrivare__icona { flex: none; color: var(--lstz-petrolio); stroke-width: 1.5; }
body.lstz .lstz-arrivare .lstz-arrivare__titolo { margin: 0; font: 600 17px/1.4 var(--lstz-f-etichette); color: var(--lstz-blu); }
body.lstz .lstz-arrivare__testo { margin: 4px 0 0; font-size: 15px; line-height: 1.6; color: var(--lstz-testo-3); }
body.lstz .lstz-arrivare__nota { margin: 0; font-size: 14px; line-height: 1.6; color: var(--lstz-testo-2); }

@media (max-width: 820px) {
	body.lstz .lstz-arrivare { padding-bottom: 64px; }
	body.lstz .lstz-arrivare__in { gap: 36px; }
	body.lstz .lstz-arrivare__mappa { flex-basis: 100%; min-height: 300px; }
	body.lstz .lstz-arrivare__testi { flex-basis: 100%; }
	body.lstz .lstz-arrivare__apri { right: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	body.lstz .lstz-arrivare__apri { transition: none; }
	body.lstz a.lstz-arrivare__mappa:hover .lstz-arrivare__apri { transform: none; }
}