/* ==========================================================================
   CARD — tutte costruite con il modulo Blurb (icona/immagine + titolo + testo)
   e messe dentro un Group con classe "sy-grid ...".

   Card scure:  sy-h-card, sy-sc-card, sy-sc-card-tile, sy-servizio-cta
   Card chiare: sy-servizio, sy-p-card, sy-care-card, sy-contatto, sy-step
   ========================================================================== */

/* ---------- BASE COMUNE A TUTTE LE CARD ----------
   Basta UNA classe (es. "sy-h-card"). "sy-card" / "sy-card-dark" = card generica chiara / scura. */
.et_pb_blurb:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step){
  border-radius:var(--sy-r);
  border:1px solid var(--sy-bordo-light);
  background:var(--sy-card-light);
  transition:border-color .2s, box-shadow .2s;
  margin:0;
}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_blurb_content{max-width:none;text-align:left;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_blurb_container{text-align:left;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_main_blurb_image{margin:0 0 18px;text-align:left;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_main_blurb_image .et_pb_image_wrap{display:inline-flex !important;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et-pb-icon{color:var(--sy-blu);}
/* Dimensione icona: ogni card imposta --sy-icon (vale sia per icone Divi sia per immagini SVG) */
.et_pb_blurb[class*="sy-"] .et_pb_main_blurb_image .et_pb_image_wrap img{width:var(--sy-icon,22px);height:var(--sy-icon,22px);max-width:none;}
.et_pb_blurb[class*="sy-"] .et_pb_main_blurb_image .et-pb-icon{font-size:var(--sy-icon,22px);}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_module_header{font-weight:600;font-size:1.02rem;color:var(--sy-titolo);line-height:1.6;margin-bottom:8px;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_module_header a{color:inherit;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_blurb_description{font-size:.94rem;color:var(--sy-grigio-chiaro);}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_blurb_description p + p{margin-top:10px;}
:is(.sy-card,.sy-h-card,.sy-sc-card,.sy-sc-card-tile,.sy-servizio,.sy-p-card,.sy-care-card,.sy-contatto,.sy-step) .et_pb_blurb_description a{color:var(--sy-blu-testo);font-weight:600;}

/* Card scura (base per h-card / sc-card) */
.et_pb_blurb:is(.sy-card-dark,.sy-h-card,.sy-sc-card,.sy-sc-card-tile){background:var(--sy-card-dark);border-color:var(--sy-bordo-dark);}
.et_pb_blurb:is(.sy-card-dark,.sy-h-card,.sy-sc-card,.sy-sc-card-tile):hover{border-color:rgba(47,157,244,.5);}
:is(.sy-card-dark,.sy-h-card,.sy-sc-card,.sy-sc-card-tile) .et_pb_module_header{color:#fff;}
:is(.sy-card-dark,.sy-h-card,.sy-sc-card,.sy-sc-card-tile) .et_pb_blurb_description{color:var(--sy-muted-dark);}

/* ---------- H-CARD · card scura con icona in riquadro e titolo blu ---------- */
.et_pb_blurb.sy-h-card{padding:30px 28px;}
.sy-h-card .et_pb_main_blurb_image .et_pb_image_wrap{
  width:42px;height:42px;border-radius:10px;background:rgba(47,157,244,.12);
  align-items:center;justify-content:center;
}
.sy-h-card .et_pb_module_header{font-weight:800;font-size:1.45rem;color:var(--sy-blu);letter-spacing:.02em;margin-bottom:4px;}
.sy-h-card .et_pb_blurb_description{font-size:.93rem;}
/* Sottotitolo opzionale: un Titolo 3 all'inizio del testo del Blurb */
.sy-h-card .et_pb_blurb_description h3{font-weight:600;font-size:1rem;line-height:1.6;color:#fff;margin:0 0 10px;padding:0;}
.sy-h-card .et_pb_blurb_description a{display:inline-block;margin-top:2px;color:var(--sy-blu);font-size:.9rem;}

/* ---------- SC-CARD · card scura con icona grigia, etichetta a pillola e descrizione ---------- */
.et_pb_blurb.sy-sc-card{padding:26px 24px;min-height:230px;}
.sy-sc-card .et_pb_main_blurb_image{margin-bottom:20px;}
.sy-sc-card{--sy-icon:52px;}
.sy-sc-card .et-pb-icon{color:#46535f;}
.sy-sc-card .et_pb_module_header,
.sy-sc-card-tile .et_pb_module_header{
  display:inline-block;
  font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#cdd8e3;
  background:rgba(16,18,20,.85);border:1px solid var(--sy-bordo-dark);
  padding:6px 12px;border-radius:999px;line-height:1.35;margin-bottom:14px;
}
.sy-sc-card .et_pb_module_header::before,
.sy-sc-card-tile .et_pb_module_header::before{
  content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--sy-blu);margin-right:7px;vertical-align:middle;
}
.sy-sc-card .et_pb_blurb_description{color:#aab8c5;font-size:.9rem;line-height:1.55;}

/* Variante più alta, per descrizioni lunghe in griglie a 4 colonne */
.et_pb_blurb.sy-sc-card.sy-sc-card-alta{min-height:310px;padding:28px 24px;}
@media (max-width:620px){ .et_pb_blurb.sy-sc-card.sy-sc-card-alta{min-height:0;} }

/* Variante "tile": riquadro 4:3 con icona al centro ed etichetta in basso a sinistra */
.et_pb_blurb.sy-sc-card-tile{aspect-ratio:4/3;position:relative;}
.sy-sc-card-tile .et_pb_blurb_content{height:100%;display:flex;align-items:center;justify-content:center;}
.sy-sc-card-tile .et_pb_main_blurb_image{margin:0;}
.sy-sc-card-tile{--sy-icon:52px;}
.sy-sc-card-tile .et-pb-icon{color:#46535f;}
.sy-sc-card-tile .et_pb_module_header{position:absolute;left:14px;bottom:12px;margin:0;}
.sy-sc-card-tile .et_pb_blurb_description{display:none;}

/* Su sezione grigia le card scure prendono ombra (ex .section-grigio .sc-card) */
.sy-section-grigio .et_pb_blurb.sy-sc-card,
.sy-section-grigio .et_pb_blurb.sy-sc-card-tile{background:var(--sy-nero);border-color:rgba(16,24,32,.06);box-shadow:var(--sy-ombra-card);}
.sy-section-grigio .et_pb_blurb.sy-sc-card:hover,
.sy-section-grigio .et_pb_blurb.sy-sc-card-tile:hover{border-color:rgba(47,157,244,.55);}

/* ---------- SERVIZIO · card chiara con icona blu ---------- */
.et_pb_blurb.sy-servizio{padding:32px 30px;}
.et_pb_blurb.sy-servizio:hover{border-color:var(--sy-blu);}
.sy-servizio{--sy-icon:44px;}
.sy-servizio .et_pb_module_header{font-size:1.06rem;}
/* Variante scura (card "call to action" nella griglia servizi) */
.et_pb_blurb.sy-servizio-cta{background:var(--sy-nero);border-color:var(--sy-bordo-dark);}
.sy-servizio-cta .et_pb_module_header{color:#fff;}
.sy-servizio-cta .et_pb_blurb_description{color:var(--sy-muted-dark);}
.sy-servizio-cta:hover .et_pb_module_header{color:var(--sy-blu);}

/* ---------- P-CARD · card chiara cliccabile con fascia icona in alto ---------- */
.et_pb_blurb.sy-p-card{overflow:hidden;padding:0;}
.et_pb_blurb.sy-p-card:hover{border-color:var(--sy-blu);box-shadow:0 10px 30px rgba(16,24,32,.08);}
.sy-p-card .et_pb_main_blurb_image{
  background:var(--sy-alt);margin:0;padding:34px 0;
  display:flex;justify-content:center;
}
.sy-p-card .et_pb_main_blurb_image .et_pb_image_wrap{
  width:64px;height:64px;background:#fff;border:1px solid var(--sy-bordo-light);border-radius:14px;
  align-items:center;justify-content:center;
}
.sy-p-card{--sy-icon:28px;}
.sy-p-card .et_pb_blurb_container{padding:22px 24px 26px;}
.sy-p-card .et_pb_blurb_description{font-size:.92rem;}
.sy-p-card .et_pb_blurb_description a{display:inline-block;margin-top:12px;font-size:.9rem;}

/* ---------- CARE-CARD · card chiara con icona a sinistra ---------- */
.et_pb_blurb.sy-care-card{padding:20px 22px;}
.sy-care-card .et_pb_blurb_content{display:flex;gap:16px;align-items:flex-start;}
.sy-care-card .et_pb_main_blurb_image{flex:0 0 38px;margin:0;}
.sy-care-card .et_pb_main_blurb_image .et_pb_image_wrap{
  width:38px;height:38px;border-radius:10px;background:rgba(47,157,244,.1);
  align-items:center;justify-content:center;
}
.sy-care-card{--sy-icon:20px;}
.sy-care-card .et_pb_module_header{font-size:.98rem;margin-bottom:4px;}
.sy-care-card .et_pb_blurb_description{font-size:.9rem;}

/* ---------- CONTATTO · card chiara senza icona, titolo come etichetta ---------- */
.et_pb_blurb.sy-contatto{padding:26px 28px;}
.sy-contatto .et_pb_main_blurb_image{display:none;}
.sy-contatto .et_pb_module_header{font-size:.78rem;font-weight:600;letter-spacing:.18em;color:var(--sy-blu-testo);text-transform:uppercase;margin-bottom:10px;}
.sy-contatto .et_pb_module_header::before{content:"— ";}
.sy-contatto .et_pb_blurb_description{color:var(--sy-grigio);font-size:1rem;}
.sy-contatto .et_pb_blurb_description a{color:inherit;font-weight:400;}
.sy-contatto .et_pb_blurb_description a:hover{color:var(--sy-blu-testo);}

/* ---------- STEP NUMERATI · Group "sy-grid sy-steps" con Blurb "sy-step" ---------- */
.et_pb_module.sy-steps{counter-reset:sy-step;margin-top:26px;--sy-mb:26px;}
.et_pb_blurb.sy-step{padding:28px 26px;counter-increment:sy-step;}
.sy-step .et_pb_main_blurb_image{display:none;}
.sy-step .et_pb_module_header::before{
  content:counter(sy-step);
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:1px solid var(--sy-blu);color:var(--sy-blu-testo);
  border-radius:50%;font-weight:700;font-size:.85rem;margin-right:11px;
}