@font-face {
    font-family: ParkinsansLight;
    src: url(../font/Parkinsans-Light.ttf);
    }

@font-face {
    font-family: ParkinsansMedium;
    src: url(../font/Parkinsans-Medium.ttf);
    }

:root{
  --fluid-64-128: clamp(4rem, 3.2rem + 4vw, 8rem);
}


html{
  font-size: 16px;
}    
body{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: #FAF8F4;
    color: #212121;
    font-family: ParkinsansLight, 'san-serif';
}

.contenitore{
  width: 94%;
  max-width: 900px;
  margin: 0 auto;
}

.logo{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: clamp(1rem, 0.8rem + 1vw, 2rem);
}

.logo img{
  width : var(--fluid-64-128);
  height: var(--fluid-64-128);
}


.contenuto .testo h2{
    font-family: ParkinsansMedium, 'san-serif';  
font-size: clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);
line-height: clamp(1.375rem, 1.15rem + 1.125vw, 2.5rem);
padding: 0;
margin: 0;
text-align: left;
}
.contenuto .testo p{
font-size: clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);
line-height: clamp(1.375rem, 1.15rem + 1.125vw, 2.5rem);
margin: 0;
padding: 0;
padding-bottom: clamp(0.75rem, 0.5rem + 1.25vw, 2rem);
text-align: justify;

}
a, a:visited{
  text-decoration: none;
  color: #194a7a;
  font-family: ParkinsansMedium, 'san-serif';

}

a:hover{
  text-decoration: underline;
  color: #FF5A06;
}

/* Contenitore del link */
.menu-item {
    position: relative;
    display: inline-block; /* Per il posizionamento relativo all"interno del link */
    text-decoration: none;
    color:#194a7a;
    font-family: ParkinsansMedium, 'san-serif';
    }

      /* Immagine di anteprima */
      .image-preview {
        display: none;
        position: absolute;
        top: -30px;
        left: 100%;
        padding: 5px;
        z-index: 10;
        opacity: 0;
        transform: translateY(10px); /* Effetto scorrimento */
        transition: opacity 0.5s ease, transform 0.5s ease;
      }

      .menu-item:hover{
        color: #FF5A06;
        text-decoration: underline;
      }

      .menu-item:visited{
        color: #194a7a;
      }
      .menu-item:hover .image-preview {
        display: block;
        opacity: 1;
        transform: translateY(0);
      }

.contenuto .info h3{
  text-align: justify;
  font-size: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
  line-height: clamp(1.25rem, 0.9022rem + 1.7391vw, 2.25rem);
  margin: 0;
  padding: 0;
  padding-top: clamp(0.875rem, 0.788rem + 0.4348vw, 1.125rem);
}
.contenuto .info p{
  text-align: justify;
  font-size: clamp(0.875rem, 0.788rem + 0.4348vw, 1.125rem);
  line-height: clamp(1.25rem, 0.9022rem + 1.7391vw, 2.25rem);
  margin: 0;
  padding: 0;
}
.contenuto .info ul{
  padding: 0;
  margin: 0;
  padding-left: clamp(0.875rem, 0.788rem + 0.4348vw, 1.125rem);
}
.contenuto .info li{
  text-align: justify;
  font-size: clamp(0.875rem, 0.788rem + 0.4348vw, 1.125rem);
  line-height: clamp(1.25rem, 0.9022rem + 1.7391vw, 2.25rem);
  margin: 0;
  padding: 0;
}



















        .footer .dati{
          background-image: url('../immagini/logo_icona_contorno.png');
          background-repeat: no-repeat;
          background-position: left top;
          padding-left: 50px;
          font-size: clamp(0.625rem, 0.55rem + 0.375vw, 1rem);
          line-height: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem);
          margin-top: clamp(0.875rem, 0.65rem + 1.125vw, 2rem);
        }

        .footer .social{
          text-align: right;
        }

        .footer .social a{
        color:#212121;
        text-decoration: none;
          font-size: clamp(0.625rem, 0.55rem + 0.375vw, 1rem);
          margin-left: 0.5rem;
        
        }

        .footer .social a:visited{
        color:#212121;}

        .footer .social a:hover{
        color:#FF5A06;}

        .footer .legal{
          margin: 10px 0;
          text-align: center;
        }

        .footer .legal a{
        color:#212121;
        text-decoration: none;
          font-size: clamp(0.625rem, 0.55rem + 0.375vw, 1rem);
          margin: 0.5rem;
        
        }
        
        .footer .legal a:visited{
        color:#212121;}
        .footer .legal a:hover{
        color:#FF5A06;
        text-decoration: underline;}

.tricolore{
    display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: normal;
  width: 100%;
  margin-top: 5px;
}

.tricolore .verde{
  width: 33.33%;
  height: 4px;
  background-color: green;
}

.tricolore .rosso{
  width: 33.33%;
  height: 4px;
  background-color: red;
}

.tricolore .bianco{
  width: 33.3%;
  height: 4px;
  background-color: white;
}