/* ==========================================================================
   HERO — classe sul modulo Section
   sy-hero            hero landing grande (ex .hero2)
   sy-page-hero       hero delle pagine interne (ex .page-hero)
   sy-hero-chiaro     variante chiara, da aggiungere a una delle due
   ========================================================================== */

.et_pb_section.sy-hero,
.et_pb_section.sy-page-hero{
  background:var(--sy-nero) var(--sy-bg-network) bottom center / 100% auto no-repeat;
  color:#fff;text-align:center;
}
.et_pb_section.sy-hero{padding:84px 24px 150px;}
.et_pb_section.sy-page-hero{padding:72px 24px 140px;}
.sy-hero .et_pb_column,
.sy-page-hero .et_pb_column{align-items:center;text-align:center;}
.sy-hero .et_pb_module,
.sy-page-hero .et_pb_module{text-align:center;}

.et_pb_section.sy-hero-chiaro{background:var(--sy-grad-chiaro);color:#0f1722;}

/* ---------- BADGE · modulo Text ---------- */
.et_pb_module.sy-hero-badge{
  display:inline-block;width:auto;
  border:1px solid rgba(47,157,244,.45);background:rgba(47,157,244,.08);color:#9ed1fb;
  font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 18px;border-radius:999px;--sy-mb:30px;line-height:1.6;
}
.sy-hero-chiaro .et_pb_module.sy-hero-badge{border-color:#cedfeb;background:#f8fbfe;color:var(--sy-blu-testo);}

/* ---------- SOPRATITOLO · modulo Text ---------- */
.et_pb_module.sy-hero-eyebrow{color:var(--sy-muted-dark);letter-spacing:.3em;font-size:.85rem;text-transform:uppercase;--sy-mb:18px;}

/* ---------- LOGO IN RIQUADRO SCURO · modulo Image ---------- */
.et_pb_module.sy-logo-box{
  width:fit-content;max-width:100%;
  background:var(--sy-nero);border-radius:18px;padding:22px 30px;
  box-shadow:0 24px 60px rgba(25,63,101,.18);margin-left:auto;margin-right:auto;--sy-mb:22px;
}
/* Nel JPG del logo (970×820) il disegno non è centrato: fascia vuota di ~90px in alto e
   scritta spostata di ~45px a destra. Ritaglio vero: mostriamo solo l'area x 90–970,
   y 80–820 (880×740), ingrandendo l'immagine dentro un contenitore che nasconde il resto.
   --sy-logo-w = larghezza visibile del logo. */
.et_pb_module.sy-logo-box{--sy-logo-w:min(420px,78vw);}
.et_pb_module.sy-logo-box .et_pb_image_wrap{
  display:block;width:var(--sy-logo-w);aspect-ratio:880/740;overflow:hidden;margin:0 auto;
}
.et_pb_module.sy-logo-box .et_pb_image_wrap img{
  display:block;max-width:none;height:auto;
  width:calc(var(--sy-logo-w) * 970 / 880);
  margin:calc(var(--sy-logo-w) * -80 / 880) 0 0 calc(var(--sy-logo-w) * -90 / 880);
}

/* ---------- TITOLO H1 · modulo Heading ---------- */
.et_pb_module.sy-hero-title{--sy-mb:26px;}
.et_pb_module.sy-hero-title .et_pb_module_header{
  font-weight:800;font-size:clamp(2.4rem,6.5vw,4.4rem);line-height:1.04;
  letter-spacing:.01em;text-transform:uppercase;color:#f4f8fc;
}
.sy-page-hero .et_pb_module.sy-hero-title{margin-left:auto;margin-right:auto;--sy-mb:16px;max-width:900px;}
.sy-page-hero .et_pb_module.sy-hero-title .et_pb_module_header{
  font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.12;text-transform:none;
}
.sy-hero-chiaro .et_pb_module.sy-hero-title .et_pb_module_header{color:#0f1722;}

/* ---------- SOTTOTITOLO · modulo Text ---------- */
.et_pb_module.sy-hero-sub{max-width:640px;margin-left:auto;margin-right:auto;--sy-mb:36px;color:var(--sy-muted-dark);font-size:1.08rem;}
.sy-page-hero .et_pb_module.sy-hero-sub{max-width:680px;--sy-mb:0px;font-size:1.05rem;}
.sy-hero-chiaro .et_pb_module.sy-hero-sub{color:#607082;}

/* ---------- NUMERO DI TELEFONO GRANDE · modulo Text ---------- */
.et_pb_module.sy-numero{font-weight:800;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:.04em;color:#fff;margin-top:24px;line-height:1.3;}
.et_pb_module.sy-numero a:hover{color:var(--sy-blu);}
.sy-hero-chiaro .et_pb_module.sy-numero,
.sy-section-light .et_pb_module.sy-numero{color:#0f1722;}
.sy-hero-chiaro .et_pb_module.sy-numero a:hover{color:var(--sy-blu-testo);}

/* ---------- STATISTICHE · Group "sy-hero-stats" con Blurb "sy-hero-stat" ----------
   Nel Blurb: titolo = valore (es. "PLC·HMI"), testo = etichetta. Nessuna icona. */
.et_pb_module.sy-hero-stats{
  --flex-direction:row;
  flex-wrap:wrap;justify-content:center;gap:2px;margin-top:60px;width:100%;
}
.et_pb_module.sy-hero-stat{
  background:rgba(29,33,39,.85);border:1px solid var(--sy-bordo-dark);
  padding:22px 34px;min-width:170px;width:auto;
}
.sy-hero-stats > .sy-hero-stat:first-child{border-radius:var(--sy-r) 0 0 var(--sy-r);}
.sy-hero-stats > .sy-hero-stat:last-child{border-radius:0 var(--sy-r) var(--sy-r) 0;}
.sy-hero-stat .et_pb_blurb_container{text-align:center;}
.sy-hero-stat .et_pb_module_header{font-weight:800;font-size:1.7rem;color:#fff;letter-spacing:.02em;line-height:1.6;}
/* "7 su 7": la seconda parte del valore in pedice (<sub>) */
.sy-hero-stat .et_pb_module_header sub{font-size:.85rem;color:var(--sy-blu);vertical-align:baseline;bottom:0;margin-left:2px;}
.sy-hero-stat .et_pb_blurb_description{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sy-muted-dark);margin-top:4px;}
.sy-hero-chiaro .et_pb_module.sy-hero-stat{background:var(--sy-nero);border-color:rgba(16,24,32,.06);box-shadow:var(--sy-ombra-card);}

@media (max-width:820px){
  .et_pb_module.sy-hero-stat{min-width:44%;flex:1 1 40%;border-radius:var(--sy-r) !important;}
}