/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/* trattino tra titolo e città */
.nz-cp-r1 .nz-cp-citta .elementor-heading-title::before{content:"- "}
/* etichetta prima del nome architetto */
.nz-cp-arch .elementor-heading-title::before{content:"Architetto: "}
/* nasconde trattino/etichetta se il campo è vuoto */
.nz-cp-citta:empty,.nz-cp-arch:empty{display:none}


.elementor-button-icon svg {
    width: 2.5em !important;
    height: auto;
    fill: currentColor !important;
}

.elementor-button:hover .elementor-button-icon svg {
    fill: currentColor !important;
}

.elementor-button:hover .elementor-button-icon svg path {
    fill: #000 !important;
}

/* =====================================================================
   NUZZI METAL DESIGN — Fogli di stile del sito
   Gia' incluso nel plugin NUZZI Design System 1.3.0.
   Modifica pure i valori: l'anteprima si aggiorna in tempo reale.
   ===================================================================== */

/* ============================================================
   1. HEADER — sticky, vetro smerigliato, barra di lettura
   ============================================================ */

.nuzzi-header { transition: background-color .35s ease, box-shadow .35s ease, padding .35s ease; }
.nuzzi-header .nuzzi-logo img { transition: max-width .35s ease; }

/* stato "scrollato": Elementor non ha controlli di stile per questo stato */
.nuzzi-header.elementor-sticky--effects {
  background-color: rgba(21,21,23,.72) !important;
  -webkit-backdrop-filter: saturate(170%) blur(16px);
  backdrop-filter: saturate(170%) blur(16px);
  box-shadow: 0 1px 0 rgba(222,201,180,.18), 0 14px 34px rgba(0,0,0,.30);
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.nuzzi-header.elementor-sticky--effects .nuzzi-logo img { max-width: 150px; }

/* barra di avanzamento lettura: nessun widget nativo equivalente */
@supports (animation-timeline: scroll()) {
  .nuzzi-header { position: relative; }
  .nuzzi-header::after {
    content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%;
    background: #DEC9B4; transform: scaleX(0); transform-origin: 0 50%;
    animation: nuzziProgress linear both; animation-timeline: scroll(root block);
  }
}
@keyframes nuzziProgress { to { transform: scaleX(1); } }


/* ============================================================
   2. HERO — tipografia fluida, riflesso metallico sul titolo
   ============================================================ */

/* ============ 1. TIPOGRAFIA FLUIDA ============
   clamp(minimo, valore-che-scala, massimo).
   Il 5.7vw riproduce i 110px del Figma su un frame da 1920px;
   su schermi piu' piccoli scende in proporzione, senza scalini. */

.nuzzi-hero .nz-h1 .elementor-heading-title{
  font-size: 90px !important;
}
.nuzzi-hero .nz-lead,
.nuzzi-hero .nz-lead p{ font-size: clamp(1rem, 1.28vw, 24px) !important; }
.nuzzi-hero .nz-lead p{ margin: 0; }
.nuzzi-hero .nz-cta .elementor-button{
  font-size: clamp(.875rem, .95vw, 17px) !important;
  padding: clamp(13px, 1vw, 18px) clamp(24px, 2.2vw, 40px) !important;
}
.nuzzi-hero .nz-scroll .elementor-heading-title{ font-size: clamp(.8rem, .85vw, 16px) !important; }
.nuzzi-hero .nz-visual img{ width: clamp(165px, 15vw, 283px) !important; height: auto; }
.nuzzi-hero .nz-row{ gap: clamp(40px, 8.5vw, 132px) !important; }

/* ============ 2. RIFLESSO METALLICO ============
   NB: queste regole si agganciano SOLO alle classi degli <span> dentro il
   titolo. Non dipendono da .nuzzi-hero ne' da .nz-h1: se quelle classi si
   fossero perse nell'importazione, l'effetto funziona lo stesso.
   Se invece mancano gli <span>, nessun CSS puo' funzionare: vanno rimessi. */

.g-base, .g-strong { color: #7A6F66; }

@supports ((-webkit-background-clip: text) or (background-clip: text)){
  .g-base, .g-strong{
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-repeat: no-repeat;
    will-change: background-position, filter;
    animation: nzGlint 8s cubic-bezier(.45,.05,.2,1) infinite,
               nzBreathe 11s ease-in-out infinite alternate;
  }

  .g-base{
    background-image:
      linear-gradient(102deg, transparent 40%,
        rgba(222,201,180,.50) 46.5%, rgba(246,238,229,.95) 50%,
        rgba(222,201,180,.50) 53.5%, transparent 60%),
      linear-gradient(100deg, #7A6F66 0%, #5E5750 24%, #423E3A 44%,
        #353230 58%, #4F4943 78%, #7A6F66 100%);
    background-size: 260% 100%, 100% 100%;
  }

  .g-strong{
    background-image:
      linear-gradient(102deg, transparent 40%,
        rgba(255,255,255,.30) 46.5%, rgba(255,250,243,.98) 50%,
        rgba(255,255,255,.30) 53.5%, transparent 60%),
      linear-gradient(100deg, #7A6F66 0%, #877B70 45%, #6F655D 75%, #7A6F66 100%);
    background-size: 260% 100%, 100% 100%;
  }

  /* la seconda riga sta dopo il <br>: ritardo leggermente diverso,
     cosi' la luce attraversa il titolo in diagonale invece che tutto insieme */
  .g-strong          { animation-delay: .38s,  0s; }
  br ~ .g-base       { animation-delay: .14s, -2s; }
  br ~ .g-strong     { animation-delay: .52s, -2s; }
}

/* la lama entra, attraversa, esce; poi una pausa prima del giro dopo */
@keyframes nzGlint{
  0%,   36%  { background-position: -90% 50%, 0 50%; }
  86%,  100% { background-position: 190% 50%, 0 50%; }
}
/* respiro lento e continuo del fondo, su un ciclo diverso: mai identico */
@keyframes nzBreathe{ from{ filter: brightness(.94); } to{ filter: brightness(1.07); } }

@media (prefers-reduced-motion: reduce){
  .g-base, .g-strong { animation: none; }
}

/* ============================================================
   3. SEZIONE PROGETTI — carosello articoli
   ============================================================ */

/* tipografia fluida, coerente con la hero */
.nuzzi-progetti .nz-eyebrow .elementor-heading-title{ font-size: clamp(.8rem, .83vw, 16px) !important; }
.nuzzi-progetti .nz-h2 .elementor-heading-title{ font-size: clamp(1.4rem, 1.67vw, 32px) !important; }
.nuzzi-progetti .nz-mark img{ width: clamp(44px, 3.5vw, 68px) !important; height: auto; }
.nuzzi-progetti .nz-cta-txt .elementor-heading-title{ font-size: clamp(.95rem, .94vw, 18px) !important; }
.nuzzi-progetti .nz-card-title .elementor-heading-title{ font-size: clamp(1rem, 1.1vw, 21px) !important; }

/* frecce del carosello: pillole allungate in alto a destra, come nel Figma.
   Elementor le disegna tonde: qui diventano ovali e si spostano sopra le card. */
.nuzzi-progetti .elementor-swiper-button{
  width: 74px; height: 38px; border-radius: 100px;
  border: 1px solid rgba(234,234,232,.45);
  background: transparent; color: #EAEAE8;
  display: flex; align-items: center; justify-content: center;
  top: -96px; transform: none;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.nuzzi-progetti .elementor-swiper-button:hover{
  background: #EAEAE8; color: #151517; border-color: #EAEAE8;
}
.nuzzi-progetti .elementor-swiper-button-prev{ right: 96px; left: auto; }
.nuzzi-progetti .elementor-swiper-button-next{ right: 0; }

/* su schermi stretti le frecce tornano ai lati, sotto il carosello */
@media (max-width: 767px){
  .nuzzi-progetti .elementor-swiper-button{ top: auto; bottom: -58px; width: 64px; height: 34px; }
  .nuzzi-progetti .elementor-swiper-button-prev{ right: auto; left: 50%; margin-left: -70px; }
  .nuzzi-progetti .elementor-swiper-button-next{ right: auto; left: 50%; margin-left: 6px; }
}

/* card: leggero sollevamento al passaggio del mouse */
.nuzzi-progetti .nz-card{
  transition: transform .45s cubic-bezier(.2,.6,.2,1), box-shadow .45s ease;
}
.nuzzi-progetti .nz-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 46px rgba(0,0,0,.45);
}

/* il carosello deve poter mostrare l'ombra delle card */
.nuzzi-progetti .swiper{ overflow: visible; }
.nuzzi-progetti .swiper-wrapper{ padding-bottom: 4px; }

/* ============================================================
   4. PAGINA PORTFOLIO — titolo, filtri, griglia progetti
   ============================================================ */

/* --- tipografia fluida: 104px sul frame 1920, poi scala in proporzione --- */
.nuzzi-portfolio .nz-pf-h1 .elementor-heading-title{ font-size: clamp(1.8rem, 5.42vw, 104px) !important; }
.nuzzi-portfolio .nz-pf-title .elementor-heading-title{ font-size: clamp(1rem, .99vw, 19px) !important; }
.nuzzi-portfolio .nz-pf-cat .elementor-heading-title{ font-size: clamp(.85rem, .78vw, 15px) !important; }

/* --- immagini: riempiono il riquadro senza deformarsi --- */
.nuzzi-portfolio .nz-pf-img img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .6s cubic-bezier(.2,.6,.2,1), filter .5s ease;
}
.nuzzi-portfolio .nz-pf-img{ overflow: hidden; }
.nuzzi-portfolio .nz-pf-card:hover .nz-pf-img img{ transform: scale(1.04); filter: brightness(1.06); }

/* la didascalia si schiarisce quando passi sulla card */
.nuzzi-portfolio .nz-pf-cat .elementor-heading-title{ transition: color .4s ease; }
.nuzzi-portfolio .nz-pf-card:hover .nz-pf-cat .elementor-heading-title{ color: #DEC9B4; }

/* --- pillole di filtro: Elementor le fa squadrate, qui diventano ovali --- */
.nuzzi-portfolio .nz-pf-filters .e-filter-item{
  border: 1px solid rgba(243,243,243,.35);
  border-radius: 100px;
  background: transparent;
  color: #F3F3F3;
  padding: 9px 26px;
  line-height: 1.2;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.nuzzi-portfolio .nz-pf-filters .e-filter-item:hover{
  border-color: #F3F3F3;
}
/* pillola attiva: piena Gold Blush con testo scuro */
.nuzzi-portfolio .nz-pf-filters .e-filter-item.e-filter-item-active,
.nuzzi-portfolio .nz-pf-filters .e-filter-item[aria-pressed="true"]{
  background: #DEC9B4;
  border-color: #DEC9B4;
  color: #151515;
}
.nuzzi-portfolio .nz-pf-filters .e-filter{ gap: 12px; flex-wrap: wrap; }

/* --- pulsante "Carica altri progetti" --- */
.nuzzi-portfolio .elementor-button.e-load-more-anchor,
.nuzzi-portfolio .e-load-more-anchor{
  border: 1px solid rgba(243,243,243,.35);
  border-radius: 100px;
  background: transparent;
  color: #F3F3F3;
  padding: 16px 40px;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.nuzzi-portfolio .e-load-more-anchor:hover{
  background: #F3F3F3; border-color: #F3F3F3; color: #151515;
}

/* --- mobile: la didascalia respira meno, le immagini restano leggibili --- */
@media (max-width: 767px){
  .nuzzi-portfolio .nz-pf-filters .e-filter-item{ padding: 8px 18px; }
}

/* ============================================================
   5. PAGINA PROGETTO SINGOLO — mosaico gallery + colonna testo
   ============================================================ */

/* --- tipografia fluida --- */
.nuzzi-progetto .nz-pj-title .elementor-heading-title{ font-size: clamp(2rem, 3.65vw, 70px) !important; }
.nuzzi-progetto .nz-pj-sub .elementor-heading-title{ font-size: clamp(1.2rem, 1.77vw, 34px) !important; }
.nuzzi-progetto .nz-pj-h2 .elementor-heading-title{ font-size: clamp(1.25rem, 1.67vw, 32px) !important; }
.nuzzi-progetto .nz-pj-text,
.nuzzi-progetto .nz-pj-text p{ font-size: clamp(.95rem, .94vw, 18px) !important; }
.nuzzi-progetto .nz-pj-back .elementor-button{ font-size: clamp(.95rem, .94vw, 18px) !important; }

/* --- mosaico: proporzioni 40/60 e 60/40 prese dal Figma --- */
.nuzzi-progetto .nz-pj-row{ display: flex; }
.nuzzi-progetto .nz-pj-row--40-60 > .elementor-element:nth-child(1){ flex: 0 0 calc(39.37% - 8px); }
.nuzzi-progetto .nz-pj-row--40-60 > .elementor-element:nth-child(2){ flex: 0 0 calc(60.63% - 8px); }
.nuzzi-progetto .nz-pj-row--60-40 > .elementor-element:nth-child(1){ flex: 0 0 calc(60.63% - 8px); }
.nuzzi-progetto .nz-pj-row--60-40 > .elementor-element:nth-child(2){ flex: 0 0 calc(39.37% - 8px); }

/* le foto riempiono il riquadro senza deformarsi */
.nuzzi-progetto .nz-pj-img{ overflow: hidden; }
.nuzzi-progetto .nz-pj-img img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .7s cubic-bezier(.2,.6,.2,1);
}
.nuzzi-progetto .nz-pj-img:hover img{ transform: scale(1.03); }

/* altezza righe proporzionale alla larghezza, come nel Figma (1016 x 613) */
.nuzzi-progetto .nz-pj-img img{ height: clamp(180px, 32vw, 613px); }

/* --- colonna testo: resta agganciata mentre scorri la gallery --- */
@media (min-width: 1025px){
  .nuzzi-progetto .nz-pj-side{ position: sticky; top: 120px; align-self: flex-start; }
}

/* --- mobile: una foto sotto l'altra, a tutta larghezza --- */
@media (max-width: 767px){
  .nuzzi-progetto .nz-pj-row--40-60 > .elementor-element,
  .nuzzi-progetto .nz-pj-row--60-40 > .elementor-element{ flex: 1 1 100%; }
  .nuzzi-progetto .nz-pj-img img{ height: clamp(200px, 62vw, 340px); }
}

/* ============================================================
   6. PAGINA METODO — fasi a zigzag, settori, materioteca, finiture
   ============================================================ */

/* --- tipografia fluida (riferimento: frame 1920) --- */
.nuzzi-metodo .nz-mt-h1 .elementor-heading-title{ font-size: clamp(1.9rem, 5.42vw, 104px) !important; }
.nuzzi-metodo .nz-mt-h2 .elementor-heading-title{ font-size: clamp(1.35rem, 1.98vw, 38px) !important; }
.nuzzi-metodo .nz-mt-fase-t .elementor-heading-title{ font-size: clamp(1.15rem, 1.56vw, 30px) !important; }
.nuzzi-metodo .nz-mt-fase-d .elementor-heading-title{ font-size: clamp(.85rem, .78vw, 15px) !important; }
.nuzzi-metodo .nz-mt-set-t .elementor-heading-title{ font-size: clamp(1.05rem, 1.25vw, 24px) !important; }
.nuzzi-metodo .nz-mt-mat-t .elementor-heading-title{ font-size: clamp(.9rem, .94vw, 18px) !important; }
.nuzzi-metodo .nz-mt-fin-t .elementor-heading-title{ font-size: clamp(1.1rem, 1.35vw, 26px) !important; }
.nuzzi-metodo .nz-mt-fin-d .elementor-heading-title{ font-size: clamp(.9rem, .83vw, 16px) !important; }
.nuzzi-metodo .nz-mt-cta-t .elementor-heading-title{ font-size: clamp(.95rem, .94vw, 18px) !important; }
.nuzzi-metodo .nz-mt-mark img{ width: clamp(46px, 4.2vw, 80px) !important; height: auto; }

/* le fasce media sono larghe 1520 dentro un contenitore da 1680 */
.nuzzi-metodo .nz-mt-media,
.nuzzi-metodo .nz-mt-fasi,
.nuzzi-metodo .nz-mt-settori,
.nuzzi-metodo .nz-mt-materiali,
.nuzzi-metodo .nz-mt-finiture{ max-width: 1520px; margin-left: auto; margin-right: auto; }

/* --- immagini: riempiono senza deformarsi --- */
.nuzzi-metodo .nz-mt-hero img,
.nuzzi-metodo .nz-mt-fin-img img,
.nuzzi-metodo .nz-mt-mat-img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.nuzzi-metodo .nz-mt-hero img{ height: clamp(220px, 31vw, 600px); }
.nuzzi-metodo .nz-mt-fin-img img{ height: clamp(120px, 6.2vw, 119px); }
.nuzzi-metodo .nz-mt-mat-img img{ height: clamp(130px, 11vw, 211px); }

/* ============ FASI A ZIGZAG ============ */
.nuzzi-metodo .nz-mt-fasi > .elementor-element{ flex: 1 1 0; min-width: 0; }
.nuzzi-metodo .nz-mt-fase{ padding-right: 24px; }
.nuzzi-metodo .nz-mt-fase--giu{ margin-top: 240px; }
.nuzzi-metodo .nz-mt-fase .nz-num{ color: #DEC9B4; }
.nuzzi-metodo .nz-mt-stelo .elementor-divider{ padding-block: 0; }
.nuzzi-metodo .nz-mt-stelo .elementor-divider-separator{
  height: 52px; width: 2px; border-top: 0; border-left: 2px solid #DEC9B4;
  margin-block: 30px;
}

/* entrata progressiva: ogni fase sale al suo turno */
.nuzzi-metodo .nz-mt-fase{ opacity: 0; transform: translateY(26px); }
.nuzzi-metodo .nz-mt-fase.is-in{ opacity: 1; transform: none;
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.nuzzi-metodo .nz-mt-fase:nth-child(2).is-in{ transition-delay: .10s; }
.nuzzi-metodo .nz-mt-fase:nth-child(3).is-in{ transition-delay: .20s; }
.nuzzi-metodo .nz-mt-fase:nth-child(4).is-in{ transition-delay: .30s; }
.nuzzi-metodo .nz-mt-fase:nth-child(5).is-in{ transition-delay: .40s; }

/* lo stelo dorato si disegna dall'alto quando la fase entra */
.nuzzi-metodo .nz-mt-stelo .elementor-divider-separator{ transform: scaleY(0); transform-origin: top; }
.nuzzi-metodo .nz-mt-fase--giu .nz-mt-stelo .elementor-divider-separator{ transform-origin: bottom; }
.nuzzi-metodo .nz-mt-fase.is-in .nz-mt-stelo .elementor-divider-separator{
  transform: scaleY(1); transition: transform .8s cubic-bezier(.2,.7,.2,1) .25s;
}

/* ============ SETTORI ============ */
.nuzzi-metodo .nz-mt-settori > .elementor-element{ flex: 1 1 0; min-width: 0; }
.nuzzi-metodo .nz-mt-settore{ position: relative; overflow: hidden; }
.nuzzi-metodo .nz-mt-settore::after{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(21,21,21,0) 38%, rgba(21,21,21,.85) 100%);
  transition: opacity .45s ease;
}
.nuzzi-metodo .nz-mt-settore > *{ position: relative; z-index: 2; }
.nuzzi-metodo .nz-mt-settore{ transition: transform .5s cubic-bezier(.2,.6,.2,1); }
.nuzzi-metodo .nz-mt-settore:hover{ transform: translateY(-8px); }
.nuzzi-metodo .nz-mt-settore:hover::after{ opacity: .75; }

/* ============ MATERIOTECA ============ */
.nuzzi-metodo .nz-mt-materiali > .elementor-element{ flex: 1 1 0; min-width: 0; }
.nuzzi-metodo .nz-mt-mat-img{ overflow: hidden; }
.nuzzi-metodo .nz-mt-mat-img img{
  border-radius: 999px 999px 6px 6px;
  transition: transform .6s cubic-bezier(.2,.6,.2,1), filter .5s ease;
}
.nuzzi-metodo .nz-mt-mat:hover .nz-mt-mat-img img{ transform: scale(1.05); filter: brightness(1.12); }
.nuzzi-metodo .nz-mt-mat:hover .nz-mt-mat-t .elementor-heading-title{ color: #DEC9B4; }
.nuzzi-metodo .nz-mt-mat-t .elementor-heading-title{ transition: color .35s ease; }

/* ============ FINITURE: timeline verticale ============ */
.nuzzi-metodo .nz-mt-finiture{ position: relative; }
.nuzzi-metodo .nz-mt-fin{ position: relative; opacity: 0; transform: translateY(30px); }
.nuzzi-metodo .nz-mt-fin.is-in{ opacity: 1; transform: none;
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }

/* filo dorato che collega le finiture, si riempie mentre scorri */
.nuzzi-metodo .nz-mt-fin-media{ position: relative; }
.nuzzi-metodo .nz-mt-fin:not(:last-child) .nz-mt-fin-media::after{
  content: ""; position: absolute; left: -22px; top: 8px; bottom: -78px; width: 1px;
  background: rgba(222,201,180,.22);
}
.nuzzi-metodo .nz-mt-fin-media::before{
  content: ""; position: absolute; left: -26px; top: 6px;
  width: 9px; height: 9px; border-radius: 50%;
  background: #151515; border: 1px solid rgba(222,201,180,.45);
  transition: background-color .4s ease, border-color .4s ease, box-shadow .4s ease;
}
.nuzzi-metodo .nz-mt-fin.is-in .nz-mt-fin-media::before{
  background: #DEC9B4; border-color: #DEC9B4;
  box-shadow: 0 0 0 5px rgba(222,201,180,.12);
}
.nuzzi-metodo .nz-mt-fin-img{ overflow: hidden; }
.nuzzi-metodo .nz-mt-fin-img img{ transition: transform .7s cubic-bezier(.2,.6,.2,1); }
.nuzzi-metodo .nz-mt-fin:hover .nz-mt-fin-img img{ transform: scale(1.04); }

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .nuzzi-metodo .nz-mt-fasi{ flex-wrap: wrap; }
  .nuzzi-metodo .nz-mt-fasi > .elementor-element{ flex: 1 1 46%; }
  .nuzzi-metodo .nz-mt-fase--giu{ margin-top: 0; }
  .nuzzi-metodo .nz-mt-settori{ flex-wrap: wrap; }
  .nuzzi-metodo .nz-mt-settori > .elementor-element{ flex: 1 1 46%; }
  .nuzzi-metodo .nz-mt-materiali{ flex-wrap: wrap; }
  .nuzzi-metodo .nz-mt-materiali > .elementor-element{ flex: 1 1 28%; }
  .nuzzi-metodo .nz-mt-fin-media::before,
  .nuzzi-metodo .nz-mt-fin-media::after{ display: none; }
}
@media (max-width: 767px){
  .nuzzi-metodo .nz-mt-fasi > .elementor-element,
  .nuzzi-metodo .nz-mt-settori > .elementor-element{ flex: 1 1 100%; }
  .nuzzi-metodo .nz-mt-materiali > .elementor-element{ flex: 1 1 44%; }
  .nuzzi-metodo .nz-mt-settore{ min-height: 320px !important; }
  .nuzzi-metodo .nz-mt-fase{ padding-right: 0; }
}

/* chi ha disattivato le animazioni vede tutto fermo e visibile */
@media (prefers-reduced-motion: reduce){
  .nuzzi-metodo .nz-mt-fase,
  .nuzzi-metodo .nz-mt-fin{ opacity: 1; transform: none; }
  .nuzzi-metodo .nz-mt-stelo .elementor-divider-separator{ transform: none; }
}