.highlight-gradient {
  background: -webkit-linear-gradient(45deg, #ffffff, #68ba80);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.highlight-gradient-anim {
  /* 1. Crea il gradiente. 
     NOTA: È importante che l'ultimo colore sia uguale al primo 
     se vuoi un loop perfetto in una sola direzione, 
     altrimenti usa l'animazione 'infinite alternate' come sotto. */
  background: linear-gradient(
    45deg,#ffffff, #68ba80);
  
  /* 2. Ingrandisci lo sfondo per poterlo "muovere" */
  background-size: 300% 300%;
  
  /* 3. Ritaglia lo sfondo sulla forma del testo */
  -webkit-background-clip: text;
  background-clip: text;
  
  /* 4. Rendi il testo trasparente per mostrare lo sfondo */
  -webkit-text-fill-color: transparent;
  color: transparent;
  
  /* 5. Imposta l'animazione */
  animation: gradient-flow 4s ease infinite;
  
  /* Opzionale: Grassetto per vedere meglio l'effetto */
  font-weight: 700; 
}

/* Definiamo i movimenti dell'animazione */
@keyframes gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bg-custom-gradient {
    background: #0c1059; /* Fallback per vecchi browser */
    background: -webkit-linear-gradient(to right, #0c1059, #68ba80); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0c1059, #68ba80); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    /* Opzionale: Rende il testo bianco per leggibilità */
    color: #ffffff; 
}

.content-center {
    display: flex;
    flex-direction: column; /* Mantiene gli elementi impilati verticalmente */
    justify-content: center; /* Centra verticalmente (se c'è altezza disponibile) */
    align-items: center;     /* Centra orizzontalmente */
    text-align: center;      /* Assicura che anche il testo interno sia centrato */
    height: 100%;            /* Opzionale: assicura che usi tutta l'altezza della colonna padre */
}