/* EDITORIAL PROJECTS — TORCIA PULITA V45
   Unica definizione della torcia della pagina Progetti.
   La dimensione viene controllata dal JavaScript in pages/progetti.html.
*/

.projects-v10 .projects-light-spot {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
  background:
    radial-gradient(
      circle var(--spot-size, 370px) at var(--spot-x, 50%) var(--spot-y, 50%),
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 28%,
      rgba(0,0,0,.025) 40%,
      rgba(0,0,0,.10) 54%,
      rgba(0,0,0,.25) 68%,
      rgba(0,0,0,.48) 84%,
      rgba(0,0,0,.80) 100%
    ) !important;
}

.projects-v10 .projects-light-spot.is-active {
  opacity: 1 !important;
}

/* Il puntatore personalizzato resta visibile e non mostra l'anello. */
.projects-v10,
.projects-v10 * {
  cursor: none !important;
}

.projects-v10 .cursor {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}

/* L'anello non viene nascosto via CSS: main.js lo nasconde solo mentre
   il puntatore si trova realmente sopra la sezione della torcia. */

/* SCORRI centrato in basso. */
.projects-v10 .projects-scroll {
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
}

@media (max-width: 560px) {
  .projects-v10 .projects-scroll {
    bottom: 16px !important;
  }
}