/* ==========================================================================
   Presentazione ARDISK · foglio di stile
   Stile ripreso dalla visita digitale (ardisk-digital-card/css/styles.css):
   stessi colori, stesso font di sistema, stessi pulsanti, stesso splash.
   Impostazione mobile-first (telefono in verticale), poi orizzontale e schermi grandi.
   Nessuno stile inline nell'HTML: la CSP del sito (vedi _headers) ha style-src 'self'.
   ========================================================================== */

:root{
  /* Palette della visita digitale */
  --bg:#ffffff;
  --bg2:#f7faff;
  --text:#0b1530;
  --muted:#5e6b85;
  --line:rgba(11,21,48,.10);
  --brand:#4f8cff;
  --brand2:#2f6fff;
  --brand-scuro:#123b8f;
  /* Blu per i testi piccoli: #2f6fff su bianco ha contrasto 4,3:1 (sotto la soglia AA di 4,5:1);
     questa tonalità, quasi identica alla vista, arriva a 5,3:1 su #fff e 5,0:1 su #f7faff. */
  --brand-testo:#2b62e6;

  /* Misure dell'impaginazione (telefono in verticale) */
  --barra-h:56px;
  --comandi-h:80px;
  --margine-slide:12px;           /* se cambia, aggiornare SIZES in js/main.js */
  --raggio-slide:10px;
  --ombra-slide:0 12px 32px rgba(37,73,140,.16), 0 2px 6px rgba(11,21,48,.08);

  --font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}

/* ---------- Base ---------- */

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}

html,body{height:100%;margin:0}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior:none;        /* niente «tira per aggiornare» né rimbalzi della pagina */
}

body{
  font:16px/1.5 var(--font);
  color:var(--text);
  background:
    radial-gradient(circle at 50% 18%, rgba(79,140,255,.06), transparent 30%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow:hidden;                 /* la pagina non scorre: scorre solo il binario delle slide */
  overscroll-behavior:none;
  -webkit-tap-highlight-color:transparent;
}

img,svg{display:block}
p{margin:0}
button{font:inherit;color:inherit}

.sr-only{
  position:absolute !important;
  width:1px;height:1px;
  margin:-1px;padding:0;border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}

.icona{width:20px;height:20px;fill:currentColor;flex:0 0 auto}

/* Focus sempre visibile per chi usa la tastiera */
:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}

/* ==========================================================================
   SPLASH (come nella visita digitale: rete animata, logo al centro)
   ========================================================================== */

.splash{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 36%, rgba(79,140,255,.08), transparent 42%),
    linear-gradient(180deg, #ffffff, #f7faff);
  opacity:1;
  transition:opacity 400ms ease;
  cursor:pointer;
  /* Rete di sicurezza: se il JavaScript non partisse, lo splash sparisce comunque. */
  animation:splashSicurezza 1ms linear 3200ms forwards;
}

.splash.in-uscita{opacity:0}

/* Stesso valore in from e in to: lo splash risulta nascosto qualunque sia l'avanzamento
   dell'animazione (con una durata di 1 ms i browser possono fermarsi a 0,9999…, e per
   visibility qualunque valore sotto 1 resterebbe «visible»). */
@keyframes splashSicurezza{
  from,to{opacity:0;visibility:hidden}
}

.splash-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.splash-inner{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:20px;
  padding:0 16px;
  text-align:center;
}

.splash-logo{
  width:min(78vw, 520px);
  height:auto;
  opacity:0;
  transform:scale(.94);
  animation:splashLogo 1000ms ease 80ms forwards;
  filter:
    drop-shadow(0 0 10px rgba(90,140,255,.10))
    drop-shadow(0 0 30px rgba(90,140,255,.08));
}

.splash-testo{
  font-size:15px;
  line-height:1.4;
  letter-spacing:.01em;
  color:var(--muted);
  opacity:0;
  animation:splashTesto 700ms ease 600ms forwards;
}

@keyframes splashLogo{
  to{opacity:1;transform:scale(1)}
}

@keyframes splashTesto{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

/* ==========================================================================
   STRUTTURA: sfondo statico, barra in alto, visore, comandi in basso
   ========================================================================== */

.sfondo-rete{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
}

.app{
  position:fixed;
  inset:0;
  z-index:1;
  display:grid;
  grid-template-rows:var(--barra-h) minmax(0, 1fr) var(--comandi-h);
  overflow:hidden;                 /* nulla deve sbordare: i browser mobili allargherebbero la pagina */
  touch-action:manipulation;       /* niente zoom della pagina con il doppio tocco sui comandi */
}

/* ---------- Barra in alto ---------- */

.barra{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 var(--margine-slide);
}

.barra-logo{
  height:30px;
  width:auto;
}

.btn-pdf{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:8px 14px 8px 11px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
  box-shadow:0 8px 20px rgba(20,45,90,.07);
  color:var(--text);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  letter-spacing:-0.01em;
  white-space:nowrap;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.btn-pdf .icona{color:var(--brand2)}
.pdf-breve{display:none}

/* ---------- Visore e binario orizzontale ---------- */

.visore{
  position:relative;
  min-height:0;
}

.binario{
  position:absolute;
  inset:0;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;    /* una slide per schermata, swipe nativo */
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}

.binario::-webkit-scrollbar{display:none}
.binario:focus-visible{outline-offset:-3px}

.pannello{
  flex:0 0 100%;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  scroll-snap-align:center;
  scroll-snap-stop:always;         /* uno swipe veloce non salta più slide */
  container-type:size;             /* le misure della slide si basano su questo pannello */
  overflow:hidden;
}

/* ---------- Slide ---------- */

.slide{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  /* Valore di riserva per i browser senza unità cq*: larghezza dello schermo meno i margini */
  width:calc(100vw - 2 * var(--margine-slide));
  max-width:1400px;
}

@supports (width:1cqw){
  /* In verticale comanda la larghezza; quando lo spazio è basso comanda l'altezza
     (104 px restano per il titolo sotto la slide). */
  .slide{width:min(100cqw - 2 * var(--margine-slide), (100cqh - 104px) * 16 / 9, 1400px)}
}

.slide-cornice{
  position:relative;
  aspect-ratio:16 / 9;
  border-radius:var(--raggio-slide);
  overflow:hidden;
  background:#e9eff9;              /* segnaposto finché l'immagine non è arrivata */
  box-shadow:var(--ombra-slide);
  touch-action:pan-x;              /* sulla slide il pizzico apre lo zoom invece di ingrandire la pagina */
}

.slide-img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .35s ease;
}

.slide-img.caricata,
.slide-img.errore{opacity:1}

/* Pulsante trasparente sopra tutta la slide: un tocco apre lo zoom */
.slide-zoom{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  cursor:zoom-in;
}

/* La cornice taglia ciò che sborda: il focus va disegnato all'interno */
.slide-zoom:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 3px var(--brand2), inset 0 0 0 6px #ffffff;
}

.slide-zoom-icona{
  position:absolute;
  right:8px;
  bottom:8px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.9);
  color:var(--brand-scuro);
  box-shadow:0 2px 8px rgba(11,21,48,.22);
}

.slide-zoom-icona .icona{width:19px;height:19px}

.slide-didascalia{padding:0 2px}

.slide-titolo{
  margin:0;
  font-size:15px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:-0.005em;
  color:var(--text);
}

.slide-etichetta{
  color:var(--brand-testo);
  font-weight:700;
}

/* ==========================================================================
   SCHERMATA FINALE: contatti
   ========================================================================== */

.pannello-contatti{
  align-items:flex-start;
  overflow-x:hidden;
  overflow-y:auto;                 /* sui telefoni piccoli il contenuto scorre in verticale */
  overscroll-behavior-y:contain;
  padding:20px 16px 24px;
}

.contatti{
  margin:auto;                     /* centrato se c'è spazio, dall'alto se deve scorrere */
  width:min(100%, 560px);
  display:grid;
  gap:22px;
}

.occhiello{
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--brand-testo);
}

.contatti-titolo{
  margin:6px 0 0;
  font-size:clamp(25px, 7vw, 36px);
  line-height:1.14;
  letter-spacing:-0.025em;
  font-weight:800;
  color:var(--text);
}

.contatti-sottotitolo{
  margin-top:8px;
  font-size:19px;
  line-height:1.35;
  font-weight:700;
  color:var(--brand-testo);
}

.contatti-invito{
  margin-top:10px;
  font-size:16px;
  line-height:1.5;
}

.identita{
  margin-top:18px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 26px rgba(20,45,90,.06);
}

.identita-nome{
  font-size:18px;
  font-weight:800;
  letter-spacing:-0.01em;
}

.identita-ruolo{
  margin-top:2px;
  font-size:14px;
  line-height:1.4;
  font-weight:600;
  color:var(--brand-testo);
}

.identita-luogo{
  margin-top:4px;
  font-size:14px;
  color:var(--muted);
}

/* ---------- Pulsanti (stile della visita digitale) ---------- */

.azioni{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.btn{
  min-width:0;
  min-height:56px;
  padding:10px 14px 10px 12px;
  border-radius:16px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  font-weight:700;
  font-size:15px;
  letter-spacing:-0.01em;
  border:1px solid rgba(11,21,48,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
  color:var(--text);
  box-shadow:0 10px 24px rgba(20,45,90,.06);
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

/* Primario e WhatsApp su tutta la riga: i quattro restanti formano una griglia 2 × 2 */
.btn-primary,
.btn-whatsapp{grid-column:1 / -1}

.btn-primary{
  justify-content:center;
  background:linear-gradient(135deg, #123b8f, #2f6fff);
  color:#ffffff;
  border:1px solid rgba(18,59,143,.34);
  box-shadow:0 14px 30px rgba(18,59,143,.22);
}

.btn-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:rgba(10,102,194,.08);
  color:currentColor;
}

.btn-primary .btn-icon{background:rgba(255,255,255,.14)}

.icon{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
}

.btn-website .icon{color:#123b8f}
.btn-linkedin .icon{color:#0a66c2}
.btn-whatsapp .icon{color:#128c4a}
.btn-whatsapp .btn-icon{background:rgba(18,140,74,.10)}

/* ==========================================================================
   COMANDI: frecce, puntini, contatore
   ========================================================================== */

.comandi{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:0 var(--margine-slide) 12px;
}

.freccia{
  flex:0 0 auto;
  width:48px;
  height:48px;
  padding:0;
  border-radius:50%;
  border:1px solid var(--line);
  background:linear-gradient(180deg, #ffffff, #f5f8ff);
  box-shadow:0 8px 20px rgba(20,45,90,.09);
  color:var(--text);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .16s ease, opacity .2s ease, box-shadow .16s ease, border-color .16s ease;
}

.freccia .icona{width:28px;height:28px}

/* La freccia «avanti» è l'azione principale: stesso gradiente del pulsante primario */
.freccia-succ{
  background:linear-gradient(135deg, #123b8f, #2f6fff);
  border-color:rgba(18,59,143,.34);
  color:#ffffff;
  box-shadow:0 10px 24px rgba(18,59,143,.24);
}

.freccia:active{transform:scale(.95)}

.freccia[aria-disabled="true"]{
  opacity:.32;
  cursor:default;
  box-shadow:none;
  transform:none;
}

.comandi-centro{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:2px;
}

.puntini{
  display:flex;
  align-items:center;
}

.puntino{
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.puntino::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:4px;
  background:rgba(11,21,48,.45);
  transition:width .2s ease, background-color .2s ease;
}

.puntino[aria-current="true"]::before{
  width:18px;
  background:var(--brand2);
}

/* L'ultimo puntino (contatti) è un anello: si distingue dalle slide */
.puntino-contatti::before{
  background:transparent;
  box-shadow:inset 0 0 0 1.5px rgba(11,21,48,.55);
}

.puntino-contatti[aria-current="true"]::before{
  background:var(--brand2);
  box-shadow:none;
}

.contatore{
  font-size:13px;
  line-height:1.2;
  font-weight:600;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}

/* ---------- Suggerimento «Ruoti il telefono» ---------- */

.suggerimento{
  position:absolute;
  left:50%;
  bottom:16px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:calc(100% - 32px);
  padding:10px 16px 10px 12px;
  border-radius:999px;
  border:1px solid rgba(47,111,255,.18);
  background:rgba(255,255,255,.95);
  box-shadow:0 12px 30px rgba(20,45,90,.14);
  color:var(--text);
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  opacity:0;
  transform:translate(-50%, 8px);
  transition:opacity .35s ease, transform .35s ease;
  pointer-events:none;             /* non intralcia lo swipe */
}

.suggerimento.visibile{
  opacity:1;
  transform:translate(-50%, 0);
}

.suggerimento .icona{
  width:22px;
  height:22px;
  color:var(--brand2);
}

/* ---------- Messaggio senza JavaScript ---------- */

.noscript{
  position:absolute;
  left:16px;
  right:16px;
  top:50%;
  z-index:5;
  transform:translateY(-50%);
  padding:16px 18px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#ffffff;
  box-shadow:var(--ombra-slide);
}

.noscript a{color:var(--brand-testo);font-weight:700}

/* ==========================================================================
   ZOOM a schermo intero
   ========================================================================== */

.zoom{
  position:fixed;
  inset:0;
  z-index:50;
  background:#070d22;              /* opaco: la pagina sotto non deve trasparire */
  opacity:0;
  transition:opacity .2s ease;
}

.zoom.visibile{opacity:1}

.zoom-superficie{
  position:absolute;
  inset:0;
  overflow:hidden;
  touch-action:none;               /* pizzico e trascinamento gestiti in js/zoom.js */
  -webkit-user-select:none;
  user-select:none;
  cursor:zoom-in;
}

.zoom-superficie.ingrandita{cursor:grab}
.zoom-superficie.trascina{cursor:grabbing}

.zoom-img{
  position:absolute;
  left:0;
  top:0;
  max-width:none;
  transform-origin:0 0;
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);   /* bordo appena visibile per le slide scure */
}

/* Animazione solo per doppio tocco, tasti e ritorno a 1× (non durante il pizzico) */
.zoom-img.animata{transition:transform .25s ease, width .25s ease, height .25s ease}

.zoom-chiudi{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:48px;
  height:48px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(11,21,48,.72);
  color:#ffffff;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.zoom-chiudi .icona{width:26px;height:26px}
.zoom-chiudi:focus-visible{outline-color:#ffffff}

.zoom-aiuto{
  position:absolute;
  left:50%;
  bottom:20px;
  z-index:2;
  width:max-content;
  max-width:calc(100% - 32px);
  transform:translateX(-50%);
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(11,21,48,.88);   /* leggibile sia sopra le slide chiare sia sopra quelle scure */
  color:#ffffff;
  font-size:13px;
  line-height:1.3;
  text-align:center;
  pointer-events:none;
  transition:opacity .5s ease;
}

.zoom-aiuto.nascosto{opacity:0}

/* ==========================================================================
   VARIANTI
   ========================================================================== */

/* Effetti al passaggio del mouse solo dove esiste davvero il mouse */
@media (hover:hover){
  .btn:hover,
  .btn-pdf:hover{
    transform:translateY(-1px);
    border-color:rgba(47,111,255,.22);
    background:linear-gradient(180deg, #ffffff, #f5f8ff);
    box-shadow:0 14px 30px rgba(20,45,90,.10);
  }

  .btn-primary:hover{
    background:linear-gradient(135deg, #0f3279, #2b66ea);
    border-color:rgba(18,59,143,.44);
    box-shadow:0 18px 34px rgba(18,59,143,.28);
  }

  .freccia:not([aria-disabled="true"]):hover{
    border-color:rgba(47,111,255,.30);
    box-shadow:0 12px 26px rgba(20,45,90,.14);
  }

  .freccia-succ:not([aria-disabled="true"]):hover{
    background:linear-gradient(135deg, #0f3279, #2b66ea);
  }

  .puntino:hover::before{background:rgba(11,21,48,.65)}
  .puntino[aria-current="true"]:hover::before{background:var(--brand2)}
  .zoom-chiudi:hover{background:rgba(11,21,48,.9)}
}

/* Suggerimento di rotazione: solo in verticale */
@media (orientation:landscape){
  .suggerimento{display:none}
}

/* Telefoni stretti (es. 360 px): frecce e margini più piccoli perché 10 puntini da 24 px ci stiano.
   Larghezza dei comandi: 2 × 44 + 10 × 24 + 2 × 2 + 2 × 8 = 348 px. */
@media (max-width:380px){
  .comandi{gap:2px;padding:0 8px 12px}
  .freccia{width:44px;height:44px}
  .freccia .icona{width:26px;height:26px}
}

/* Schermi stretti come 320 px: restano frecce e contatore, i puntini non entrerebbero */
@media (max-width:340px){
  .puntini{display:none}
}

/* ---------- Telefono in orizzontale: la slide occupa tutta l'altezza, comandi ridotti ---------- */
@media (orientation:landscape) and (max-height:540px){
  :root{--margine-slide:8px}

  .app{grid-template-rows:minmax(0, 1fr)}

  /* La barra diventa un pulsante PDF compatto in alto a destra */
  .barra{
    position:absolute;
    top:8px;
    right:8px;
    padding:0;
  }

  .barra-logo{display:none}

  .btn-pdf{
    flex-direction:column;
    gap:2px;
    min-height:0;
    padding:7px 9px;
    border-radius:12px;
    font-size:11px;
    line-height:1.15;
    text-align:center;
  }

  .pdf-esteso{display:none}
  .pdf-breve{display:block}

  /* Frecce ai lati, contatore in alto a sinistra, puntini nascosti */
  .comandi{
    position:absolute;
    inset:0;
    display:block;
    padding:0;
    pointer-events:none;
  }

  .freccia{
    position:absolute;
    top:50%;
    width:44px;
    height:44px;
    margin-top:-22px;
    pointer-events:auto;
  }

  .freccia:active{transform:none}
  .freccia-prec{left:8px}
  .freccia-succ{right:8px}

  .comandi-centro{
    position:absolute;
    top:8px;
    left:8px;
    pointer-events:auto;
  }

  .puntini{display:none}

  .contatore{
    padding:5px 10px;
    border-radius:999px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.9);
    font-size:12px;
  }

  /* Slide alta quanto lo schermo, con 60 px liberi per lato per frecce e pulsanti */
  .slide{width:min(100vw - 128px, (100vh - 16px) * 16 / 9)}

  @supports (width:1cqw){
    .slide{width:min(100cqw - 128px, (100cqh - 16px) * 16 / 9)}
  }

  /* Il titolo resta per i lettori di schermo ma non ruba altezza alla slide */
  .slide-didascalia{
    position:absolute;
    width:1px;height:1px;
    margin:-1px;padding:0;border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
  }

  .pannello-contatti{padding:14px 64px}

  .contatti{
    width:min(100%, 900px);
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    align-items:center;
    gap:24px;
  }

  .contatti-titolo{font-size:24px}
  .contatti-sottotitolo{font-size:17px}
  .contatti-invito{font-size:15px}
  .identita{margin-top:12px;padding:10px 14px}
  .btn{min-height:50px}
}

/* ---------- Schermi grandi (tablet in orizzontale, computer) ---------- */
@media (min-width:900px) and (min-height:541px){
  :root{
    --barra-h:68px;
    --comandi-h:88px;
    --margine-slide:32px;
  }

  .barra-logo{height:36px}
  .slide{gap:16px}
  .slide-titolo{font-size:17px}

  /* Frecce vicine ai puntini invece che agli angoli dello schermo */
  .comandi{
    width:min(100%, 640px);
    justify-self:center;
  }

  .contatti{
    width:min(100%, 1040px);
    grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
    align-items:center;
    gap:48px;
  }

  .contatti-titolo{font-size:40px}
}

/* ---------- Riduci movimento ---------- */
@media (prefers-reduced-motion:reduce){
  /* Lo splash resta (breve e statico); la rete di sicurezza dello splash non viene toccata. */
  .splash{transition:none}

  .splash-logo,
  .splash-testo{
    animation:none;
    opacity:1;
    transform:none;
  }

  .slide-img,
  .suggerimento,
  .zoom,
  .zoom-img.animata,
  .zoom-aiuto,
  .btn,
  .btn-pdf,
  .freccia,
  .puntino::before{transition:none}
}