/* ==========================================================================
   SEZIONI · CONTATTI
   Recapiti nella cornice a doppio bordo, mappa incorniciata a fianco.
   Nessun form: i contatti passano da telefono, email e visita in sede.
   ========================================================================== */

.contact { display: grid; gap: var(--space-6); }

.contact__info .frame { background: rgba(255, 255, 255, 0.6); height: 100%; }

.contact__address { line-height: 1.9; color: var(--ink-muted); }
.contact__address strong { color: var(--granata); font-size: var(--step-1); }
.contact__address a { border-bottom: 1px solid var(--oro); }

.map {
  padding: 4px;
  border: 2px solid var(--granata);
  background: var(--paper-alt);
}

.map iframe {
  width: 100%;
  height: 300px;
  filter: saturate(0.85) contrast(1.05);   /* la mappa non deve urlare */
}

@media (min-width: 768px) {

  .contact {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: var(--space-7);
    align-items: stretch;
  }

  /* la mappa segue in altezza la scheda dei recapiti */
  .map { display: flex; }
  .map iframe { height: 100%; min-height: 360px; }
}