html {
  --coloreSfondoSito: #fcfcfc;                       /*var(--coloreSfondoSito)*/
  --coloreSfondoBanner: #fff;                                  /*var(--sfondoBanner)*/
  
  --coloreWhite: #F2F2F2;                                 /*var(--coloreWhite)*/
  --coloreGrigio1: #E6E6E6 ;                            /*var(--coloreGrigio1)*/
  --coloreGrigio2: #CCCCCC ;                            /*var(--coloreGrigio2)*/
  --coloreGrigio3: #B3B3B3 ;                            /*var(--coloreGrigio3)*/
  --coloreGrigio4: #999999 ;                            /*var(--coloreGrigio4)*/
  --coloreGrigio5: #808080 ;                            /*var(--coloreGrigio5)*/
  --coloreGrigio6: #666666 ;                            /*var(--coloreGrigio6)*/
  --coloreGrigio7: #4D4D4D ;                            /*var(--coloreGrigio7)*/
  --coloreBlack: black;                                   /*var(--coloreWhite)*/
  
  
  --coloreEvidenza:  #85c10c;                          /*var(--coloreEvidenza)*/
}

    /*
    border: 1px solid red; */


/*-----------------------------------
CSS Reset universale per uniformare tutti i browser
-----------------------------------*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Assicurarsi che il testo sia visibile su sfondo bianco */
html {
  line-height: 1.15; /* Imposta l'altezza di linea */
  -webkit-text-size-adjust: 100%; /* Disabilita il ridimensionamento automatico del testo in Safari */
  scroll-behavior: smooth; /* Scorrimento fluido */
}

/* Blocchi */
body {
  margin: 0;
  font-family: sans-serif;
  line-height: 1.5;
  text-rendering: optimizeSpeed; /* Ottimizza la leggibilità del testo */
}

/* Rimozione dei margini sui titoli */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: inherit;
}

/* Collegamenti senza decorazione e colore ereditato */
a {
  text-decoration: none;
  color: inherit;
}

/* Rimozione elenchi puntati */
ul, ol {
  list-style: none;
  padding-left: 0;
}

/* Rimozione dello stile dai bottoni */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Ottimizzazione dei form */
input, button, textarea, select {
  font: inherit; /* Inherit font style */
  border-radius: 0;
}

/* Tavolozze di stile di base per immagini e media */
img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Rimozione bordi per iframe e embed */
iframe {
  border: 0;
}

/* Miglioramento della leggibilità sui piccoli schermi */
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto;
  }
}