/* ==========================================================================
   BASE — tipografia globale e neutralizzazione dei default di Divi
   ========================================================================== */

html{scroll-behavior:smooth;}
body{font-family:var(--sy-font);font-weight:400;font-size:16px;line-height:1.6;color:var(--sy-grigio);background:var(--sy-bianco);}
#main-content{background:var(--sy-bianco);}
img{max-width:100%;}

h1,h2,h3,h4,h5,h6{font-family:var(--sy-font);color:var(--sy-titolo);font-weight:700;line-height:1.2;padding-bottom:0;}
p{padding-bottom:0;}
a{color:inherit;}

/* Testo dei moduli: Divi aggiunge padding-bottom ai <p>; usiamo margini come negli esempi */
.et_pb_module p{padding-bottom:0;}
.et_pb_text_inner > p + p{margin-top:1em;}
.et_pb_module .et_pb_module_header{padding-bottom:0;}

/* Spaziatura verticale dei componenti.
   Divi azzera il margin-bottom dei moduli con un selettore molto specifico: questa
   regola lo restituisce ai moduli con classi sy-* (o dentro una Section sy-*), leggendo --sy-mb.
   Nei componenti quindi si scrive  --sy-mb:14px  invece di  margin-bottom:14px. */
body .et_pb_section .et_pb_row .et_flex_column > .et_pb_module[class*="sy-"],
body .et_pb_section .et_pb_row .et_flex_group > .et_pb_module[class*="sy-"],
body .et_pb_section[class*="sy-"] .et_pb_row .et_flex_column > .et_pb_module,
body .et_pb_section[class*="sy-"] .et_pb_row .et_flex_group > .et_pb_module{margin-bottom:var(--sy-mb,0);}

/* Blurb: Divi limita la larghezza a 550px */
.et_pb_blurb[class*="sy-"] .et_pb_blurb_content{max-width:none;}

@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }