/*
 * Villa Pojana — pagina "Tour virtuale"
 * ------------------------------------------------------------------
 * Incorporamento del tour 360° (iframe esterno, vp/tour-virtuale-embed)
 * nella pagina "Tour virtuale". Caricato solo su questa pagina, vedi
 * villa_pojana_enqueue_assets() in functions.php.
 *
 * Variabili, reset e .section base sono in main.css; .page-hero (incl.
 * arco della Serliana) è in page-hero.css.
 */

.vt-frame-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--ink);
  border: 1px solid var(--line);
  overflow: hidden;
}
.vt-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.vt-note {
  margin-top: 20px;
  font-size: 13px;
  color: var(--stone);
}
.vt-note a {
  color: var(--ink);
  border-bottom: 1.5px solid var(--ink);
  padding-bottom: 2px;
  transition: color 0.2s, border-color 0.2s;
}
.vt-note a:hover {
  color: var(--terracotta);
  border-color: var(--terracotta);
}

/* RESPONSIVE */
@media (max-width: 640px) {
  .vt-frame-wrap { aspect-ratio: 3 / 4; }
}