/* =====================================================================
   CONTATTI · stile della pagina (restyling v3 · 30/09/2026)
   ===================================================================== */
/* nella testata la foto della facciata è inquadrata sull'insegna e sulla vetrina ad arco */
.testata__foto img.pos-insegna { object-position: 74% center; }

.contatti { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 6vw, 96px); align-items: start; }
.contatti__telefono {
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--linea);
  font: 600 clamp(2.3rem, 1.6rem + 3vw, 4rem)/1.05 var(--serif);
  letter-spacing: -.02em;
  white-space: nowrap;
  transition: color .3s, border-color .3s;
}
.contatti__telefono:hover { color: var(--bronzo-testo); border-color: currentColor; }
.contatti__nota { margin: 0 0 clamp(28px, 4vw, 44px); color: var(--testo-2); }
.contatti__dati { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin: 0 0 36px; }
.contatti__dati div { padding: 18px 0; border-top: 1px solid var(--linea); }
.contatti__dati dt { margin-bottom: 6px; font: 600 .7rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--bronzo-testo); }
.contatti__dati dd { margin: 0; line-height: 1.6; }
.contatti__azioni { display: flex; flex-wrap: wrap; gap: 12px; }
.map-wrap { overflow: hidden; border-radius: var(--raggio); background: var(--sabbia-scura); }
.map-wrap iframe { display: block; width: 100%; height: 100%; min-height: 480px; border: 0; }

@media (max-width: 760px) {
  .contatti { grid-template-columns: 1fr; }
  .map-wrap iframe { min-height: 340px; }
}
@media (max-width: 400px) {
  .contatti__dati { grid-template-columns: 1fr; }
}