/* ==========================================================================
   UTILITY — piccoli aggiustamenti riutilizzabili su qualsiasi modulo.
   Sostituiscono gli style="" inline degli esempi.
   ========================================================================== */

.sy-text-center{text-align:center;}
.sy-text-left{text-align:left;}
.et_pb_module.sy-mx-auto{margin-left:auto;margin-right:auto;}
.et_pb_module.sy-max-640{max-width:640px;}
.et_pb_module.sy-max-680{max-width:680px;}
.et_pb_module.sy-max-720{max-width:720px;}
.et_pb_module.sy-max-760{max-width:760px;}

.et_pb_module.sy-mt-0{margin-top:0;}
.et_pb_module.sy-mt-10{margin-top:10px;}
.et_pb_module.sy-mt-26{margin-top:26px;}
.et_pb_module.sy-mt-44{margin-top:44px;}
.et_pb_module.sy-mt-56{margin-top:56px;}
.et_pb_module.sy-mb-0{--sy-mb:0px;}
.et_pb_module.sy-mb-8{--sy-mb:8px;}
.et_pb_module.sy-mb-34{--sy-mb:34px;}

.sy-color-blu,
.sy-color-blu .et_pb_module_header{color:var(--sy-blu) !important;}

/* Contenitore centrato verticalmente (es. colonna con solo un'immagine) */
.sy-center-items{align-items:center;justify-content:center;}

/* Nascondi per breakpoint */
@media (max-width:820px){ .sy-hide-mobile{display:none !important;} }
@media (min-width:821px){ .sy-hide-desktop{display:none !important;} }