/* ServicePompe – animazioni leggere (attive solo se il sistema non chiede "riduci movimento") */
.sp-sott{text-decoration:none!important;background-image:linear-gradient(#ffed00,#ffed00);background-repeat:no-repeat;background-position:0 100%;background-size:100% .19em}
@media (prefers-reduced-motion:no-preference){
  /* Ingresso: widget e schede del contenuto pagina */
  .sp-js [data-elementor-type="wp-page"] .elementor-widget,
  .sp-js [data-elementor-type="wp-page"] :is(.sp-card,.sp-riga,.sp-tappa,.sp-box){transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--sp-d,0s)}
  .sp-js [data-elementor-type="wp-page"] .elementor-widget:not(.sp-in),
  .sp-js [data-elementor-type="wp-page"] :is(.sp-card,.sp-riga,.sp-tappa,.sp-box):not(.sp-in){opacity:0;transform:translate3d(0,16px,0)}
  .sp-js [data-elementor-type="wp-page"] :is(.sp-card,.sp-riga,.sp-tappa,.sp-box) .elementor-widget{opacity:1;transform:none;transition:none}
  .sp-js .sp-done{transition-delay:0s!important}

  /* Foto: leggero zoom all'indietro mentre compaiono */
  .sp-js [data-elementor-type="wp-page"] .elementor-widget-image:not(.sp-logo) .elementor-widget-container{overflow:hidden;border-radius:12px}
  .sp-js [data-elementor-type="wp-page"] .elementor-widget-image:not(.sp-logo) img{transform:scale(1.06);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
  .sp-js [data-elementor-type="wp-page"] .elementor-widget-image.sp-in:not(.sp-logo) img{transform:none}

  /* Sottolineatura gialla che si disegna */
  .sp-js .sp-sott{background-size:0 .19em;transition:background-size .9s cubic-bezier(.65,0,.35,1) .5s}
  .sp-js .sp-in .sp-sott{background-size:100% .19em}

  /* Fascia diagonale: resta fermo lo sfondo, entra da sinistra solo la linea colorata */
  .sp-js .e-con.sp-fascia{position:relative}
  .sp-js .sp-fascia--giallo,.sp-js .sp-fascia--verde,.sp-js .sp-fascia--grigio{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 64L1440 19.2V64z'/%3E%3C/svg%3E")}
  .sp-js .sp-fascia--chiaro{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0h1440v64H0z'/%3E%3Cpath fill='%23e3e9ec' d='M0 0h1440L0 44.8z'/%3E%3C/svg%3E")}
  .sp-js .sp-fascia::after{content:"";position:absolute;inset:0;background:var(--sp-band) no-repeat 0 0/100% 100%;clip-path:inset(0 100% 0 0);animation:spWipe 1s cubic-bezier(.65,0,.35,1) .2s forwards;pointer-events:none}
  .sp-fascia--giallo{--sp-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23ffed00' d='M0 44.8L1440 0v19.2L0 64z'/%3E%3C/svg%3E")}
  .sp-fascia--verde{--sp-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23328d77' d='M0 44.8L1440 0v19.2L0 64z'/%3E%3C/svg%3E")}
  .sp-fascia--grigio{--sp-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%235d686e' d='M0 44.8L1440 0v19.2L0 64z'/%3E%3C/svg%3E")}
  .sp-fascia--chiaro{--sp-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23ffed00' d='M0 44.8L1440 0v19.2L0 64z'/%3E%3C/svg%3E")}
  @keyframes spWipe{to{clip-path:inset(0 0 0 0)}}

  /* Linee che si disegnano (righe settori, storia, servizi) */
  .sp-line{position:relative;border-top-color:transparent!important}
  .sp-line::after{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--sp-lw,2px));height:var(--sp-lw,2px);background:var(--sp-lc,#2a3439);transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.65,0,.35,1) calc(var(--sp-d,0s) + .1s);pointer-events:none}
  .sp-line.sp-in::after{transform:scaleX(1)}

  /* Header che si alleggerisce allo scorrimento (solo transform) */
  .e-con.sp-header,.e-con.sp-header>.e-con-inner{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
  .sp-header .sp-logo img{transition:transform .4s cubic-bezier(.2,.7,.2,1);transform-origin:left center}
  .sp-scrolled .e-con.sp-header{transform:translate3d(0,-16px,0)}
  .sp-scrolled .e-con.sp-header>.e-con-inner{transform:translate3d(0,8px,0)}
  .sp-scrolled .sp-header .sp-logo img{transform:scale(.87)}

  /* Hover */
  @media (hover:hover){
    .sp-js .sp-card.sp-done,.sp-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1)}
    .sp-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(42,52,57,.10)}
    .elementor-widget-image:not(.sp-logo) .elementor-widget-container{overflow:hidden;border-radius:12px}
    .sp-js [data-elementor-type="wp-page"] .elementor-widget-image.sp-done:not(.sp-logo) img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
    .elementor-widget-image:not(.sp-logo):hover img{transform:scale(1.03)}
    .sp-btn .elementor-button,.sp-form .wpcf7-submit{transition:background-color .28s cubic-bezier(.2,.7,.2,1),transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1)}
    .sp-btn .elementor-button:hover,.sp-form .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(42,52,57,.18)}
    .sp-arr{display:inline-block;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
    a:hover .sp-arr{transform:translate(3px,-3px)}
    a.sp-card .sp-logo img{filter:grayscale(1);opacity:.8;transition:filter .3s cubic-bezier(.2,.7,.2,1),opacity .3s cubic-bezier(.2,.7,.2,1)}
    a.sp-card:hover .sp-logo img{filter:none;opacity:1}
    .elementor-widget-icon.elementor-view-framed .elementor-icon{transition:color .28s cubic-bezier(.2,.7,.2,1),border-color .28s cubic-bezier(.2,.7,.2,1),transform .28s cubic-bezier(.2,.7,.2,1)}
    .elementor-widget-icon.elementor-view-framed .elementor-icon:hover{transform:translateY(-2px)}
  }

  @media (max-width:767px){
    .sp-js [data-elementor-type="wp-page"] .elementor-widget:not(.sp-in),
    .sp-js [data-elementor-type="wp-page"] :is(.sp-card,.sp-riga,.sp-tappa,.sp-box):not(.sp-in){transform:translate3d(0,12px,0)}
    .sp-js [data-elementor-type="wp-page"] .elementor-widget,
    .sp-js [data-elementor-type="wp-page"] :is(.sp-card,.sp-riga,.sp-tappa,.sp-box){transition-duration:.45s}
    /* i contenuti delle schede si muovono con la scheda, non da soli */
    .sp-js [data-elementor-type="wp-page"] :is(.sp-card,.sp-riga,.sp-tappa,.sp-box) .elementor-widget{transform:none}
  }
}