/* MF Esperienza v2 — Massimiliano Fotografo
   Tutto ciò che si muove usa solo transform e opacity; will-change solo dove serve.
   Le classi "mf-*" le mette il JavaScript: senza JS (o con prefers-reduced-motion)
   la pagina è quella di sempre, statica e completa.
   v2 (15/09 sera, «effetto WOW»): intro cinematografica della copertina (titolo da
   maschera, Ken Burns, vignettatura, grana, invito allo scroll), cursore proprio,
   titoli parola per parola, foto scoperte da una tendina, tilt 3D con riflesso,
   pulsanti magnetici, striscia scorrevole delle serie, sipario fra le pagine. */

:root {
  --mf-facile: cubic-bezier(.22, .61, .36, 1);
  --mf-morbido: cubic-bezier(.76, 0, .24, 1);
  --mf-oro: #e6d9a6;
  --mf-fondo: var(--wp--preset--color--base, #1b1b1b);
}

/* ---------- Sipario fra le pagine ----------
   Un pannello fisso sopra la pagina: all'arrivo sale e scopre il contenuto, all'uscita
   risale dal basso e lo copre. Un pannello, non l'opacità del body: il contenuto viene
   dipinto subito (FCP/LCP veri). */
html.mf-js body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: var(--mf-fondo);
  border-top: 2px solid var(--mf-oro);
  z-index: 2000;
  pointer-events: none;
  animation: mf-sipario-su .75s var(--mf-morbido) both;
}
html.mf-js.mf-uscita body::before {
  animation: mf-sipario-giu .45s var(--mf-morbido) both;
}
@keyframes mf-sipario-su {
  from { transform: translate3d(0, 0, 0); visibility: visible; }
  to   { transform: translate3d(0, -101%, 0); visibility: hidden; }
}
@keyframes mf-sipario-giu {
  from { transform: translate3d(0, 101%, 0); visibility: visible; }
  to   { transform: translate3d(0, 0, 0); visibility: visible; }
}

/* ---------- Grana da pellicola (solo desktop: sul telefono non serve e costa) ---------- */
@media (min-width: 783px) {
  html.mf-js body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1999;
    pointer-events: none;
    opacity: .055;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    background-size: 220px 220px;
    animation: mf-grana .9s steps(6) infinite;
  }
}
@keyframes mf-grana {
  0%   { background-position: 0 0; }
  20%  { background-position: -60px 40px; }
  40%  { background-position: 40px -70px; }
  60%  { background-position: -30px -20px; }
  80%  { background-position: 70px 30px; }
  100% { background-position: -50px 60px; }
}

/* ---------- Barra di avanzamento dello scroll ---------- */
.mf-avanzamento {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--mf-oro), #fff);
  transform: scaleX(0);
  transform-origin: 0 50%;
  z-index: 1000;
  pointer-events: none;
}

/* ---------- Testata che reagisce allo scroll ---------- */
html.mf-js header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 100;
}
html.mf-js header.wp-block-template-part::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(27, 27, 27, .72);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 10px 30px rgba(0, 0, 0, .35);
  opacity: 0;
  transition: opacity .4s ease;
  z-index: -1;
  pointer-events: none;
}
html.mf-js header.wp-block-template-part.mf-scorso::before {
  opacity: 1;
}
html.mf-js header.wp-block-template-part > .wp-block-group {
  transition: padding .4s var(--mf-facile);
}
html.mf-js header.wp-block-template-part.mf-scorso > .wp-block-group {
  padding-top: calc(var(--wp--preset--spacing--30) * .6);
  padding-bottom: calc(var(--wp--preset--spacing--30) * .6);
}
.wp-block-site-title a {
  letter-spacing: 0;
  transition: letter-spacing .6s var(--mf-facile), opacity .3s ease;
}
.wp-block-site-title a:hover {
  letter-spacing: .04em;
}

/* ---------- Copertina: parallasse + Ken Burns (dal JS), vignettatura, titolo da maschera ---------- */
html.mf-js .wp-block-cover.mf-parallasse > .wp-block-cover__image-background {
  transform: scale(1.4); /* scala, non altezza: nessuno spostamento di layout (CLS) */
  will-change: transform;
}
html.mf-js .mf-copertina::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 72% 62% at 50% 45%, transparent 38%, rgba(0, 0, 0, .42) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .18), transparent 28%, transparent 72%, rgba(27, 27, 27, .82) 100%);
}
html.mf-js .mf-copertina .wp-block-cover__inner-container > * {
  animation: mf-sali .9s var(--mf-facile) both;
}
html.mf-js .mf-copertina .wp-block-cover__inner-container > .mf-titolo { animation: none; }
html.mf-js .mf-copertina .wp-block-cover__inner-container > :nth-child(2) { animation-delay: .9s; }
html.mf-js .mf-copertina .wp-block-cover__inner-container > :nth-child(3) { animation-delay: 1.1s; }
@keyframes mf-sali {
  from { opacity: 0; transform: translate3d(0, 28px, 0); }
  to   { opacity: 1; transform: none; }
}
/* filo d'oro che si disegna sotto il titolo della copertina */
html.mf-js .mf-copertina h1.mf-titolo::after {
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin: .45em auto 0;
  background: var(--mf-oro);
  transform: scaleX(0);
  transition: transform 1.1s var(--mf-facile) .9s;
}
html.mf-js .mf-copertina h1.mf-titolo.mf-visto::after {
  transform: none;
}

/* ---------- Video di copertina (v2.1): sotto il velo e il titolo, sopra la foto, che resta come poster ---------- */
html.mf-js .mf-copertina > .mf-video-copertina {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0;
  transform: scale(1.4);
  will-change: transform;
  transition: opacity 1.4s ease;
  pointer-events: none;
}
html.mf-js .mf-copertina.mf-video-vivo > .mf-video-copertina {
  opacity: 1;
}

/* ---------- Showreel (v2.1): fascia a tutta larghezza con anteprima muta e play ---------- */
.mf-showreel {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #000;
  aspect-ratio: 21 / 9;
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 782px) {
  .mf-showreel { aspect-ratio: 1 / 1; }
  .mf-showreel__cerchio { width: 78px; height: 78px; }
}
.mf-showreel__poster,
.mf-showreel__anteprima {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .78;
  transition: opacity 1.2s ease;
}
.mf-showreel__anteprima { opacity: 0; }
.mf-showreel--vivo .mf-showreel__anteprima { opacity: .9; }
.mf-showreel--vivo .mf-showreel__poster { opacity: 0; }
.mf-showreel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(27, 27, 27, .55), transparent 25%, transparent 75%, rgba(27, 27, 27, .7));
  pointer-events: none;
}
.mf-showreel__play {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  color: #fff;
  text-decoration: none;
  font-family: var(--wp--preset--font-family--manrope, sans-serif);
  font-size: 11px;
  letter-spacing: .3em;
  text-transform: uppercase;
}
.mf-showreel__cerchio {
  position: relative;
  width: 96px;
  height: 96px;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, .28);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: transform .5s var(--mf-facile), background-color .5s ease;
}
.mf-showreel__cerchio::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 1px solid var(--mf-oro);
  animation: mf-pulsa 2.4s ease-out infinite;
}
@keyframes mf-pulsa {
  0%   { transform: scale(1); opacity: .9; }
  100% { transform: scale(1.7); opacity: 0; }
}
.mf-showreel__cerchio svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  margin-left: 5px;
}
.mf-showreel__play:hover .mf-showreel__cerchio {
  transform: scale(1.08);
  background: rgba(230, 217, 166, .28);
}
.mf-showreel__titolo {
  position: absolute;
  left: 5%;
  bottom: 8%;
  z-index: 1;
  font-family: var(--wp--preset--font-family--literata, serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.3rem, 2.6vw, 2.3rem);
  color: #fff;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .7);
  pointer-events: none;
}
.mf-showreel__nascosto { display: none; }
body .glightbox-container .gslide-inline { max-height: none; }
body .glightbox-container .ginlined-content {
  width: auto;
  max-width: 92vw;
  max-height: none;
  overflow: visible;
  background: #000;
  padding: 0;
}
.mf-showreel__pieno {
  display: block;
  width: min(92vw, 1500px);
  height: auto;
  max-height: 86vh;
  object-fit: contain;
  background: #000;
}

/* ---------- Titoli parola per parola (copertina subito, gli altri allo scroll) ---------- */
html.mf-js .mf-titolo .mf-parola {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding: 0 .06em .08em;
  margin: 0 -.06em -.08em;
}
html.mf-js .mf-titolo .mf-parola-i {
  display: inline-block;
  transform: translate3d(0, 112%, 0);
  transition: transform 1s var(--mf-morbido);
  transition-delay: calc(var(--mf-i, 0) * .08s);
}
html.mf-js .mf-titolo.mf-visto .mf-parola-i {
  transform: none;
}
html.mf-js .mf-titolo.mf-finito .mf-parola { overflow: visible; }

/* ---------- Invito allo scroll nella copertina ---------- */
.mf-cue {
  position: absolute;
  left: 50%;
  bottom: 26px;
  z-index: 2;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: var(--wp--preset--font-family--manrope, sans-serif);
  font-size: 10px;
  letter-spacing: .28em;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0;
  animation: mf-appari 1s ease 1.6s both;
  transition: opacity .4s ease;
}
.mf-cue__linea {
  display: block;
  width: 1px;
  height: 46px;
  background: rgba(255, 255, 255, .28);
  position: relative;
  overflow: hidden;
}
.mf-cue__linea::after {
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 40%;
  background: var(--mf-oro);
  animation: mf-cue-goccia 1.8s var(--mf-facile) infinite;
}
@keyframes mf-cue-goccia {
  from { transform: translate3d(0, -100%, 0); }
  to   { transform: translate3d(0, 260%, 0); }
}
@keyframes mf-appari { from { opacity: 0; } to { opacity: 1; } }
html.mf-scorso-via .mf-cue { opacity: 0 !important; pointer-events: none; }

/* ---------- Striscia scorrevole delle serie (Home, sotto la copertina) ---------- */
.mf-striscia {
  overflow: hidden;
  white-space: nowrap;
  padding: 1.1rem 0;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  font-family: var(--wp--preset--font-family--literata, serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.5rem, 3.6vw, 3rem);
  line-height: 1.2;
  color: rgba(255, 255, 255, .5);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.mf-striscia__scorri {
  display: inline-flex;
  align-items: center;
  animation: mf-scorri 46s linear infinite;
  will-change: transform;
}
.mf-striscia:hover .mf-striscia__scorri { animation-play-state: paused; }
.mf-striscia span { padding: 0 1.6rem; }
.mf-striscia i {
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--mf-oro);
  vertical-align: middle;
}
@keyframes mf-scorri { to { transform: translate3d(-50%, 0, 0); } }

/* ---------- Parallasse interna sulle figure delle pagine interne ---------- */
html.mf-js .mf-cornice {
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 2;
}
html.mf-js .mf-cornice > img {
  display: block;
  height: 120%;
  width: 100%;
  object-fit: cover;
  margin-top: -10%;
  will-change: transform;
}

/* ---------- Rivelazione allo scroll (testi, colonne, card) ---------- */
html.mf-js .mf-rivela {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
  transition: opacity .9s var(--mf-facile), transform .9s var(--mf-facile);
  transition-delay: var(--mf-ritardo, 0s);
}
html.mf-js .mf-rivela.mf-visto {
  opacity: 1;
  transform: none;
}
html.mf-js .mf-rivela.mf-finito {
  transition: none;
}

/* ---------- Tendina: le foto si scoprono da destra a sinistra, e "atterrano" ---------- */
html.mf-js .mf-tenda {
  position: relative;
}
html.mf-js .mf-tenda::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--mf-fondo);
  box-shadow: inset 3px 0 0 var(--mf-oro);
  transform-origin: 100% 50%;
  transition: transform 1.05s var(--mf-morbido);
  transition-delay: var(--mf-ritardo, 0s);
  pointer-events: none;
}
html.mf-js .mf-tenda > img,
html.mf-js .mf-tenda > a > img {
  transform: scale(1.18);
  transition: transform 1.5s var(--mf-facile);
  transition-delay: var(--mf-ritardo, 0s);
}
html.mf-js .mf-tenda.mf-visto::before {
  transform: scaleX(0);
}
html.mf-js .mf-tenda.mf-visto > img,
html.mf-js .mf-tenda.mf-visto > a > img {
  transform: none;
}
html.mf-js .mf-tenda.mf-finito::before { display: none; }
html.mf-js .mf-tenda.mf-finito > img,
html.mf-js .mf-tenda.mf-finito > a > img { transition-delay: 0s; }

/* ---------- Griglia del Portfolio: tilt 3D, riflesso, zoom lento, didascalia che sale ---------- */
.wp-block-gallery.has-nested-images {
  perspective: 1100px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
  overflow: hidden;
  border-radius: 2px;
  transform-style: preserve-3d;
  transition: transform .6s var(--mf-facile), box-shadow .6s var(--mf-facile);
}
.wp-block-gallery.has-nested-images figure.wp-block-image.mf-inclinato {
  transition: transform .12s linear, box-shadow .6s var(--mf-facile);
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .7);
  z-index: 3;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
  transition: transform 1.4s var(--mf-facile), filter 1.4s var(--mf-facile);
  transform-origin: 50% 50%;
}
.wp-block-gallery.has-nested-images figure.wp-block-image a.mf-foto {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: zoom-in;
}
/* riflesso che segue il cursore */
.wp-block-gallery.has-nested-images figure.wp-block-image a.mf-foto::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 42%);
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image a.mf-foto::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .55) 100%);
  opacity: 0;
  transition: opacity .6s ease;
  pointer-events: none;
}
@media (hover: hover) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    transform: translate3d(0, 110%, 0);
    opacity: 0;
    transition: transform .6s var(--mf-facile), opacity .6s ease;
    background: none;
  }
  .wp-block-gallery.has-nested-images figure.wp-block-image:hover img {
    transform: scale(1.06);
  }
  .wp-block-gallery.has-nested-images figure.wp-block-image:hover a.mf-foto::before,
  .wp-block-gallery.has-nested-images figure.wp-block-image:hover a.mf-foto::after,
  .wp-block-gallery.has-nested-images figure.wp-block-image:focus-within a.mf-foto::after {
    opacity: 1;
  }
  .wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption,
  .wp-block-gallery.has-nested-images figure.wp-block-image:focus-within figcaption {
    transform: none;
    opacity: 1;
  }
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  z-index: 1;
  pointer-events: none; /* il tocco sulla didascalia va alla foto sotto (apre il lightbox) */
  font-family: var(--wp--preset--font-family--literata, serif);
  font-style: italic;
  font-size: 1rem;
  letter-spacing: .02em;
}

/* Lightbox: fondo scuro coerente col sito (il CSS di GLightbox arriva dopo: "body" per vincere) */
body .glightbox-clean .gslide-description {
  background: #1b1b1b;
  color: #f0f0f0;
}
body .glightbox-clean .gslide-title {
  font-family: var(--wp--preset--font-family--literata, serif);
  font-style: italic;
  color: #f0f0f0;
}
body .glightbox-clean .gslide-desc {
  color: #cbcbcb;
}
body .glightbox-container .gcontainer {
  background: rgba(0, 0, 0, .92);
}

/* ---------- Cursore proprio (solo mouse vero) ---------- */
@media (hover: hover) and (pointer: fine) {
  html.mf-cursore,
  html.mf-cursore a,
  html.mf-cursore button,
  html.mf-cursore [role="button"] {
    cursor: none;
  }
  html.mf-cursore input,
  html.mf-cursore textarea,
  html.mf-cursore select {
    cursor: auto;
  }
  .mf-cursore-punto,
  .mf-cursore-anello {
    position: fixed;
    top: 0; left: 0;
    z-index: 3000;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease;
  }
  html.mf-cursore-visto .mf-cursore-punto,
  html.mf-cursore-visto .mf-cursore-anello { opacity: 1; }
  .mf-cursore-punto {
    width: 6px; height: 6px;
    margin: -3px 0 0 -3px;
    background: #fff;
    mix-blend-mode: difference;
  }
  .mf-cursore-anello {
    width: 38px; height: 38px;
    margin: -19px 0 0 -19px;
    border: 1px solid rgba(255, 255, 255, .85);
    mix-blend-mode: difference;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wp--preset--font-family--manrope, sans-serif);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #fff;
    transition: width .35s var(--mf-facile), height .35s var(--mf-facile), margin .35s var(--mf-facile),
                background-color .35s ease, border-color .35s ease, color .35s ease, opacity .3s ease;
  }
  .mf-cursore-anello.mf-su-link {
    width: 58px; height: 58px;
    margin: -29px 0 0 -29px;
    background: rgba(255, 255, 255, .14);
  }
  .mf-cursore-anello.mf-su-foto {
    width: 92px; height: 92px;
    margin: -46px 0 0 -46px;
    background: rgba(230, 217, 166, .92);
    border-color: transparent;
    color: #1b1b1b;
    mix-blend-mode: normal;
  }
  .mf-cursore-anello.mf-su-foto::after { content: "Apri"; }
}

/* ---------- Micro-interazioni: link e pulsanti ---------- */
.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
}
.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform .45s var(--mf-facile);
}
.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
  position: relative;
}
.wp-block-navigation .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__label::after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}

.wp-element-button,
.wp-block-button__link {
  transition: transform .35s var(--mf-facile), box-shadow .35s var(--mf-facile), background-color .35s ease, color .35s ease;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, .4);
}
.wp-element-button:active,
.wp-block-button__link:active {
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
  transition-duration: .12s;
}
/* i pulsanti magnetici (JS) portano il transform inline: al passaggio la molla è loro */
.mf-magnete { will-change: transform; }

.entry-content p a:not(.wp-element-button),
.wp-block-latest-posts__read-more,
.wp-block-post-title a,
.wp-block-latest-posts__post-title {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 0 100%;
  transition: background-size .4s var(--mf-facile);
}
.entry-content p a:not(.wp-element-button):hover,
.wp-block-latest-posts__read-more:hover,
.wp-block-post-title a:hover,
.wp-block-latest-posts__post-title:hover {
  background-size: 100% 1px;
}

/* Card del diario e "ultimi articoli": immagine che respira al passaggio */
.wp-block-latest-posts__featured-image,
.wp-block-post-featured-image {
  overflow: hidden;
}
.wp-block-latest-posts__featured-image img,
.wp-block-post-featured-image img {
  transition: transform 1.2s var(--mf-facile);
}
.wp-block-latest-posts li:hover .wp-block-latest-posts__featured-image img,
.wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.04);
}

/* ---------- Chi chiede meno movimento vede tutto fermo ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
  .mf-avanzamento, .mf-cue, .mf-striscia, .mf-cursore-punto, .mf-cursore-anello { display: none; }
}