/* ==========================================================================
   NUOVA SALTINI — contatti                                      v1.0.0
   Si carica: pagina contatti e ogni pagina con [ns_mappa].
   ========================================================================== */

/* Recapiti: etichetta con icona e valore, due moduli Testo. */
.ns-site .ns-recapito p {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding-top: 16px;
	border-top: 1px solid var(--kw-filetto);
	color: var(--ns-muto);
	font-size: .76rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ns-site .ns-recapito p::before { width: 20px; height: 20px; color: var(--kw-primario); }
.ns-site .ns-recapito--sede { --ns-i: var(--ns-i-sede); }
.ns-site .ns-recapito--telefono { --ns-i: var(--ns-i-telefono); }
.ns-site .ns-recapito--email { --ns-i: var(--ns-i-posta); }
.ns-site .ns-recapito--orari { --ns-i: var(--ns-i-orario); }

.ns-site .ns-recapito__valore p { margin: 4px 0 16px 32px; color: var(--kw-inchiostro); }
.ns-site .ns-recapito__valore a { color: var(--kw-inchiostro); font-weight: 600; }

/* Mappa a due clic. */
.ns-site .ns-mappa {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	border-radius: var(--kw-raggio);
	background: var(--kw-scuro);
}

.ns-site .ns-mappa__copertina {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	padding: clamp(24px, 4vw, 48px);
	background: linear-gradient(135deg, var(--kw-scuro), color-mix(in srgb, var(--kw-primario) 40%, var(--kw-scuro)));
}

.ns-site .ns-mappa__nota { margin: 0; color: var(--ns-chiaro); font-size: .9rem; }
.ns-site .ns-mappa__copertina .button { margin: 0; }
.ns-site .ns-mappa__strada { color: #fff; }
.ns-site .ns-mappa iframe { display: block; width: 100%; height: 100%; border: 0; }
.ns-site .ns-mappa__sotto { margin-top: 12px; }
.ns-site .ns-mappa__sotto .ns-mappa__strada { color: var(--kw-primario-sc); }