/* La targhetta di ogni anteprima: dice che foto e testi sono di esempio e
   riporta all'elenco degli stili. Ogni stile la colora con --targa-fondo e
   --targa-testo. */
.targa-anteprima {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 24px);
  padding: 7px 12px 7px 10px;
  border-radius: 999px;
  background: var(--targa-fondo, rgba(17, 17, 17, 0.88));
  color: var(--targa-testo, #fff);
  font: 500 12px/1.3 system-ui, -apple-system, 'Segoe UI', sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.45);
}
.targa-anteprima svg {
  width: 14px;
  height: 14px;
  flex: none;
}
.targa-anteprima:hover {
  filter: brightness(1.15);
}
@media (max-width: 520px) {
  .targa-anteprima .targa-lunga { display: none; }
}