/* =============================================================
   cursore.css — il puntatore in oro, un po' più grande del solito,
   e la pastiglia che dice cosa succede dove non è ovvio.
   ============================================================= */
html, body{
  cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%202.2%20L4%2020.4%20L8.7%2015.9%20L11.7%2022.6%20L14.6%2021.3%20L11.7%2014.9%20L18.2%2014.6%20Z%22%20fill%3D%22%23C6A15B%22%20stroke%3D%22%230E0E10%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 3 2, auto;
}
/* sui collegamenti: manina con l'indice puntato, oro più acceso */
a, button, summary, label, .gara, .arch-voce, .col-riga, .vicina, .fotogramma,
.col-pezzo, .video-uno, .sala-video, .stacco-media, .tacca, [data-lente], [role="button"]{
  cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%22-1%20-1%2018%2018%22%3E%3Cpath%20d%3D%22M8.5%204.466V1.75a1.75%201.75%200%201%200-3.5%200v5.34l-1.2.24a1.5%201.5%200%200%200-1.196%201.636l.345%203.106a2.5%202.5%200%200%200%20.405%201.11l1.433%202.15A1.5%201.5%200%200%200%206.035%2016h6.385a1.5%201.5%200%200%200%201.302-.756l1.395-2.441a3.5%203.5%200%200%200%20.444-1.389l.271-2.715a2%202%200%200%200-1.99-2.199h-.581a5%205%200%200%200-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26%201.26%200%200%200-.56-.642%202.6%202.6%200%200%200-.738-.288c-.31-.062-.739-.058-1.05-.046z%22%20fill%3D%22%23F0CC7A%22%20stroke%3D%22%230E0E10%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 7 1, pointer;
}
input, textarea, select, [contenteditable]{ cursor: text; }
.pista-gare, .brand-pista, .vetrina, .sala{ cursor: grab; }
.pista-gare:active, .brand-pista:active, .vetrina:active, .sala:active{ cursor: grabbing; }

/* ---- la pastiglia ---- */
.tacca-cursore{
  position:fixed; left:0; top:0; z-index:500; pointer-events:none;
  opacity:0; transition:opacity .25s ease; will-change:transform;
}
.tacca-cursore.viva{ opacity:1; }
.tacca-cursore.zitta{ opacity:0; }
.tacca-cursore .parola{
  display:block; margin:18px 0 0 24px;
  max-width:0; overflow:hidden; white-space:nowrap;
  padding:.42rem 0; border-radius:999px;
  background:rgba(14,14,16,.85); color:#F4EFE6;
  border:1px solid rgba(198,161,91,.5);
  font-family:var(--f-dato,"Albert Sans",system-ui,sans-serif);
  font-size:.5rem; letter-spacing:.14em; text-transform:uppercase;
  opacity:0; transform:translateX(-6px);
  transition:max-width .4s cubic-bezier(.16,.84,.24,1), opacity .28s ease,
             transform .4s cubic-bezier(.16,.84,.24,1), padding .28s ease;
}
.tacca-cursore.parlante .parola{
  max-width:14rem; padding:.42rem .8rem; opacity:1; transform:none;
}
.tacca-cursore.premuta .parola{ transform:scale(.96); }

@media (hover: none), (prefers-reduced-motion: reduce){
  .tacca-cursore{ display:none !important; }
  html, body, a, button{ cursor:auto; }
}