/* Mappa dello studio (partials/studio-map.njk), in Contatti e nella landing.
   Nelle immagini il segnaposto è al centro: con object-fit: cover resta in vista a qualsiasi proporzione. */
.studio-map { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.studio-map__frame { position: relative; flex: 1; display: block; min-height: 320px; border-radius: 23px; overflow: hidden; background: #f3f3f8; }
.studio-map__frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.studio-map__open {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  background: var(--c-accent);
  color: var(--c-text);
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
  transition: background-color .3s, color .3s;
}
.studio-map__frame:is(:hover, :focus-visible) .studio-map__open { background: var(--c-violet); color: var(--c-accent); }
.studio-map__credit { font-size: 12px; text-align: right; opacity: .8; }
.studio-map__credit a { color: inherit; }

@media (max-width: 767px) {
  /* su mobile la mappa ha le proporzioni della sua immagine (mappa-studio-m) */
  .studio-map__frame { flex: none; min-height: 0; aspect-ratio: 380 / 300; }
}