.titolo-gradiente-mac {
  display: inline-block;
  background: linear-gradient(90deg, #e4f6f0 0%, #9dcfca 31%, #6b95ca 68%, #45657d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-decoration: none;
}

.titolo-gradiente-distinto,
h1.titolo-gradiente-distinto,
h2.titolo-gradiente-distinto,
h3.titolo-gradiente-distinto,
h4.titolo-gradiente-distinto,
h5.titolo-gradiente-distinto,
h6.titolo-gradiente-distinto {
  display: inline-block;
  background: linear-gradient(180deg, #004c94 45%, #297bc4 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-decoration: none;
}

.bullet-flexi {
  width: 16px;
  height: auto;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 2px;
  position: relative;
  top: -3px;
}

/* CENTRA IL TITOLO (quando serve) */
.titolo-center{
  display:block;          /* prende tutta la riga */
  width:fit-content;      /* si restringe al testo */
  margin:0 auto;          /* centro */
  text-align:center;
}

/* fallback se vuoi massima compatibilità */
@supports not (width: fit-content){
  .titolo-center{
    display:table;
    margin:0 auto;
  }
}