/* ------------------------ */
/*          CORPO           */
/* ------------------------ */

body {margin: 0px;}

.corpo1200 {max-width: 1200px; margin: 0 auto; padding: 24px; position: relative;}
.corpo1200-pad-lati {max-width: 1200px; margin: 0 auto; padding: 0px 24px; position: relative;}
.corpo1400 {max-width: 1400px; margin: 0 auto; padding: 24px; position: relative;}
.corpo1600 {max-width: 1600px; margin: 0 auto; padding: 24px; position: relative;}
.corpo100-padd {max-width: 100%; margin: 0 auto; padding: 36px; position: relative;}
.corpo1200-mrg-solo-sx {
  margin-left: calc((100% - 1200px) / 2);
  margin-right: 0;
  padding: 24px; /* Adjust as needed */
  position: relative;
  /* Assicurati che la larghezza sia sufficiente per estendersi fino al margine destro della finestra */
  width: calc(100% - ((100% - 1200px) / 2));
}
.corpo100-80 {width:100%; margin:0; height:80vh; position:relative;}
.corpo100 {width:100%; margin:0;  position:relative;}
.standard1200 { max-width: 1200px;
  width: 100%;
  margin-top: 66px;
    
}



.padding-dinamico {
  padding-left: var(--padd-desktop);
  padding-right: var(--padd-desktop);
}

@media (max-width: 1024px) {
  .padding-dinamico {
    padding-left: var(--padd-tablet);
       padding-right: var(--padd-tablet);
  }
}

@media (max-width: 768px) {
  .padding-dinamico {
    padding-left: var(--padd-mobile);
       padding-right: var(--padd-mobile);
  }
}

/* ------------------------ */
/*          DISPLAY         */
/* ------------------------ */

.d-bl {display: block;}
.d-inl-bl {display: inline-block;}


/* ------------------------ */
/*          FLOAT           */
/* ------------------------ */


.floatsx {float:left}
.floatdx {float:right}


/* ---------------------------------------------------- */
/*                   Contenuto principale               */
/* ---------------------------------------------------- */
.contenuto-principale p { color: #444; margin-bottom: 14px;  }
.contenuto-principale  p:contains(' ') {
  margin-bottom: 6px;
}


/* ---------------------------------------------------- */
/*                  Generatore Blocchi                  */
/* ---------------------------------------------------- */

/* paragrafi*/
.generatore-blocchi .separatore-vuoto {height:14px;}
.generatore-blocchi p { color: #444; margin-bottom: 14px;  }
.generatore-blocchi  p:contains(' ') {
  margin-bottom: 6px;
}

.generatore-blocchi .p20px p { font-size: 20px;  }
.generatore-blocchi .p21px p { font-size: 21px;  }
.generatore-blocchi .p22px p { font-size: 22px;  }
.generatore-blocchi .p23px p { font-size: 23px;  }
.generatore-blocchi .p24px p { font-size: 24px;  }
.generatore-blocchi .p25px p { font-size: 25px;  }
.generatore-blocchi .p26px p { font-size: 26px;  }
.generatore-blocchi .p27px p { font-size: 27px;  }
.generatore-blocchi .p28px p { font-size: 28px;  }
.generatore-blocchi .p29px p { font-size: 29px;  }
.generatore-blocchi .p30px p { font-size: 30px;  }
.generatore-blocchi .p31px p { font-size: 31px;  }
.generatore-blocchi .p32px p { font-size: 32px;  }
.generatore-blocchi .p33px p { font-size: 33px;  }
.generatore-blocchi .p34px p { font-size: 34px;  }
.generatore-blocchi .p35px p { font-size: 35px;  }
.generatore-blocchi .p36px p { font-size: 36px;  }
.generatore-blocchi .p37px p { font-size: 37px;  }
.generatore-blocchi .p38px p { font-size: 38px;  }
.generatore-blocchi .p39px p { font-size: 39px;  }
.generatore-blocchi .p40px p { font-size: 40px;  }
.generatore-blocchi .p41px p { font-size: 41px;  }
.generatore-blocchi .p42px p { font-size: 42px; }
.generatore-blocchi .p43px p { font-size: 43px; }
.generatore-blocchi .p44px p { font-size: 44px; }
.generatore-blocchi .p45px p { font-size: 45px; }
.generatore-blocchi .p46px p { font-size: 46px; }
.generatore-blocchi .p47px p { font-size: 47px; }
.generatore-blocchi .p48px p { font-size: 48px; }
.generatore-blocchi .p49px p { font-size: 49px; }
.generatore-blocchi .p50px p { font-size: 50px; }
.generatore-blocchi .p51px p { font-size: 51px; }
.generatore-blocchi .p52px p { font-size: 52px; }
.generatore-blocchi .p53px p { font-size: 53px; }
.generatore-blocchi .p54px p { font-size: 54px; }
.generatore-blocchi .p55px p { font-size: 55px; }
.generatore-blocchi .p56px p { font-size: 56px; }
.generatore-blocchi .p57px p { font-size: 57px; }
.generatore-blocchi .p58px p { font-size: 58px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p59px p { font-size: 59px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p60px p { font-size: 60px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p61px p { font-size: 61px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p62px p { font-size: 62px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p63px p { font-size: 63px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p64px p { font-size: 64px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p65px p { font-size: 65px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p66px p { font-size: 66px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p67px p { font-size: 67px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p68px p { font-size: 68px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p69px p { font-size: 69px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p70px p { font-size: 70px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p71px p { font-size: 71px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p72px p { font-size: 72px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p73px p { font-size: 73px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p74px p { font-size: 74px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p75px p { font-size: 75px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p76px p { font-size: 76px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p77px p { font-size: 77px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p78px p { font-size: 78px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p79px p { font-size: 79px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .p80px p { font-size: 80px; line-height: 1; letter-spacing: -4px; }


.generatore-blocchi h1 { font-size: 74px;  line-height: 1;  letter-spacing: -4px; font-weight: 500;}
.generatore-blocchi h2 { font-size: 48px; line-height: 1; letter-spacing: -2.5px;font-weight: 500; }
.generatore-blocchi h3 { font-size: 38px; line-height: 1; letter-spacing: -1.4px; font-weight: 500 }

.generatore-blocchi .occhiello { font-size: 80px; line-height: 1; letter-spacing: -4px; }
.generatore-blocchi .occhiello-ii { font-size: 14px;   color: #666; text-transform: uppercase;  margin-bottom: 15px;   letter-spacing: 1px; }


.titolo-corpo {font-weight: 500;}

.generatore-blocchi .testo-due-colonne {
            column-count: 2;
            column-gap: 20px; /* Spazio tra le colonne */
            /* Per garantire una distribuzione uniforme */
            width: 100%;
	font-size: 24px;
	margin-bottom:14px;
        } 


.generatore-blocchi .cont-spalla-txt {
      display: flex;
      align-items: flex-start;
      max-width: 100%;
      margin: auto;
      gap: 20px;

    }
.generatore-blocchi .cont-spalla-txt  .cont-spalla {
      flex: 0 0 200px; /* Larghezza fissa per la spalla */
      background-color: #f9f9f9;
      padding: 10px;
/*      border-left: 4px solid #007bff;*/
      border-radius: 12px;
    }
.generatore-blocchi .cont-spalla-txt  .cont-spalla p{
      font-size: 0.9em;
      color: #555;
	font-weight:bold;

    }
.generatore-blocchi .cont-spalla-txt  .cont-txt {
      flex: 1; /* Occupa lo spazio rimanente */
      font-size: 1em;
      color: #333;
 }


/* immagini */

.generatore-blocchi img.imgfloatsx {  float: left; margin-right: 32px;}
.generatore-blocchi img.imgfloatdx { float: right;  margin-left: 32px;}

.generatore-blocchi img.img-gen-bloc-vrt {
  max-width: 258px;
  height: auto;
  margin-bottom: 12px;
  border-radius: 12px;

}

.generatore-blocchi img.img-gen-bloc-orizz-grande {
max-width: 500px;
max-height: 230px;

  margin-bottom: 12px;
  border-radius: 12px;

}

.generatore-blocchi img.img-gen-bloc-orizz-piccola {
max-width: 258px;
max-height: 230px;

  margin-bottom: 12px;
  border-radius: 12px;

}

.generatore-blocchi img.img-gen-bloc-quadr {
max-width: 380px;
max-height: 380px;

  margin-bottom: 12px;
  border-radius: 12px;

}

.generatore-blocchi img.img-gen-bloc-piena {
max-width: 100%;
height: auto;
padding: 8px;
  border-radius: 24px;

}

/* immagine grande */
.generatore-blocchi .blocco-immagine-grande img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 24px;
    max-height: 60vh;
}


/*Blocchi alternati*/


.generatore-blocchi .container {
    display: flex;
    flex-wrap: wrap;
    width: 100%; 
}




.generatore-blocchi .block {
    display: flex;
    width: 100%;
    align-items: center; /* Questo allinea verticalmente il testo rispetto all'immagine */
    margin-bottom: 64px;
}

.generatore-blocchi .block-tipo-ii {
	
	
}

.generatore-blocchi .text {
    width: 50%;
    padding: 20px;
    line-height: 1.4;
}

.generatore-blocchi .block-tipo-ii .text {
    width: auto;
    padding: 20px;
    line-height: 1.4;
}
.generatore-blocchi .block .text {
    text-align: left; /* Allinea il testo a sinistra nel blocco "normale" */
    padding-left: 48px;
}

.generatore-blocchi .reverse .text {
    text-align: right; /* Allinea il testo a destra nel blocco "reverse" */
    padding-right: 48px;
}

.generatore-blocchi .block img {
    margin-left: auto; /* Allinea l'immagine a destra nel blocco "normale" */
}

.generatore-blocchi .reverse img {
    margin-left: 0; /* Assicura che l'immagine sia allineata a sinistra nel blocco "reverse" */
    margin-right: auto;
}


.generatore-blocchi .contiene-img-fit {
    width: 50%;     /* Dimensioni fisse del contenitore */
    height: 30vw;
    overflow: hidden; /* Nasconde qualsiasi parte dell'immagine che esce dal contenitore */
  border-radius: 24px;  /* Solo per visualizzare chiaramente il bordo del contenitore */
  max-height: 530px;
	border-top-right-radius: 24px; max-height: 400px;
}

.generatore-blocchi .block-tipo-ii .contiene-img-fit {
border-top-right-radius: 24px; height: 340px; float: none; width: 100%;
  width:400px; min-width:400px;
}

.generatore-blocchi .contiene-img-fit img {
 width: 100%;
    height: 100%;
    object-fit: cover;
}

.generatore-blocchi .text h2,
.generatore-blocchi .text p {
    margin: 0;
    padding: 0;
}

.generatore-blocchi .reverse {
    flex-direction: row-reverse; /* Questo inverte l'ordine di immagine e testo */
}


.generatore-blocchi .blocchi-alternati h2 {
font-size: 39px;
  margin-bottom: 12px;
}






/*Due blocchi testo / testo o immagine / testo*/

/*
.generatore-blocchi .container {
    display: flex;
    flex-wrap: wrap;
    width: 100%; 
}
*/


.generatore-blocchi .blocco {
    display: flex;
    width: 100%;
    align-items: center; /* Questo allinea verticalmente il testo rispetto all'immagine */
    margin-bottom: 64px;
    align-items: flex-start;
}




.generatore-blocchi .blocco .blocco-testo {
    text-align: left; /* Allinea il testo a sinistra nel blocco "normale" */
   
}

.generatore-blocchi .reverse-ii .blocco-testo {
    text-align: left; /* Allinea il testo a destra nel blocco "reverse" */
    padding-right: 48px;
}

.generatore-blocchi .blocco img {
    margin-left: auto; /* Allinea l'immagine a destra nel blocco "normale" */
}

.generatore-blocchi .reverse-ii img {
    margin-left: 0; /* Assicura che l'immagine sia allineata a sinistra nel blocco "reverse" */
    margin-right: auto;
}


.generatore-blocchi .contiene-img-fit {
    width: 50%;     /* Dimensioni fisse del contenitore */
    height: 30vw;
    overflow: hidden; /* Nasconde qualsiasi parte dell'immagine che esce dal contenitore */
  border-radius: 24px;  /* Solo per visualizzare chiaramente il bordo del contenitore */
  max-height: 530px;
	border-top-right-radius: 24px; max-height: 400px;
}

/*
.contiene-img-fit-grande {
width: 50%;
  overflow: hidden;
  border-radius: 24px;
}
.contiene-img-fit-grande img {
max-width: 700px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;    
} 
*/
.contiene-img-fit-grande {
  width: 50%;
  /* nessuna altezza qui */
}

.contiene-img-fit-grande img {
  width: min(100%, 700px);
  max-height: 660px;     /* crea la “cornice” dell’img */
  height: auto;             /* ok insieme ad aspect-ratio */
  display: block;
  object-fit: cover;
  object-position: center top;
  border-radius: 24px;
}
.generatore-blocchi .block-tipo-ii .contiene-img-fit {
border-top-right-radius: 24px; height: 340px; float: none; width: 100%;
  width:400px; min-width:400px;
}

.generatore-blocchi .contiene-img-fit img {
 width: 100%;
    height: 100%;
    object-fit: cover;
}

.generatore-blocchi .blocco-testo h2,
.generatore-blocchi .blocco-testo p {
    margin: 0;
    padding: 0;
}

.generatore-blocchi .reverse-ii {
    flex-direction: row-reverse; /* Questo inverte l'ordine di immagine e testo */
}

@media only screen and (max-width:700px)  { 
 .generatore-blocchi .blocco {
display: block;
}    
    .blocco-testo {
        margin-top: 36px;
    }
.contiene-img-fit-grande {
width: 100%;
  overflow: hidden;
  border-radius: 24px;
}
.contiene-img-fit-grande img {
max-width: 500px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;    
}
 .generatore-blocchi .contiene-img-fit {
  width: 50%;
  height: 52vw;
  overflow: hidden;
  border-radius: 24px;
  max-height: 600px;
}
.generatore-blocchi .block .text {
  text-align: center;
  padding-left: 12px;
padding-right: 12px;
		width: 100%;
}
}

/* slide */


/* swiper scorrimento rapido tipo I  */

.swiper-scorr_i {border-radius:12px; height: 440px; width:100%;}
.swiper-scorrimento-i.slide-grande .swiper-scorr_i {border-radius:12px; height: 500px; width:100%;}

#swiper-scorrimento-i  .swiper {
      width: 100%;
      height: 100%;
    }

  #swiper-scorrimento-i   .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 24px; 
      overflow: hidden;
    }
    

  #swiper-scorrimento-i   .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  #swiper-scorrimento-i   .swiper-slide {
      width: 360px;
    }
   #swiper-scorrimento-i.swiper-scorrimento-i.slide-grande .swiper-slide {
      width: 480px;
    }

#swiper-scorrimento-i   .swiper-slide:first-child {
	margin-left:40px;
}
.blocco-verticale-titolo {position: absolute;
  top: 40px;
  left: 26px;
  font-weight: 500;
  font-size: 38px;
  color: white;
  z-index: 88888;}
  
.blocco-verticale-paragrafo {

position: absolute; bottom: 27px; left: 25px;text-align: left;font-weight: 400;font-size: 21px; color: white; z-index: 88888; width: 90%; line-height: 1.5;

}

.blocco-verticale-filtro-img {
position:absolute; width:100%; height: 100%; top:0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgb(0,0,0,0.2) 0%, rgb(0,0,0,0.3) 65%, rgb(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(top, rgb(0,0,0,0.2) 0%, rgb(0,0,0,0.3) 65%, rgb(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgb(0,0,0, 0.2) 0%, rgb(0,0,0, 0.3) 65%, rgb(0,0,0,0.6) 100%);

}



/*Slide scorrimento img alta e testo a sinistra */

.contenitore-testo-sx-slide-dx {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;    /* o qualunque sia il tuo breakpoint */
  overflow: hidden;     /* nasconde il pezzo di slide che “esce” */
padding-right:0px!important
}

/* 2) Facciamo sì che il pannello della slide si adatti al contenitore
      e che il contenuto in eccesso scorra internamente */
.testo-sx-slide-dx-p-sx {
       width: 500px;
}

/* (Il pannello di testo fisso rimane a width: 400px) */
.testo-sx-slide-dx-p-dx {

 flex: 1 1 auto;   /* occupa tutto lo spazio rimasto ma può restringersi */
  min-width: 0;
}

#swiper-scorrimento-img-alta .swiper-scorr-img-alta {border-radius:12px; height: 440px; width:100%; background-color: #fff;}
.swiper-scorrimento-img-alta.slide-grande .swiper-scorr-img-alta {border-radius:12px; height: 500px; width:100%;}

#swiper-scorrimento-img-alta  .swiper {
      width: 100%;
      height: 100%;
    }

#swiper-scorrimento-img-alta   .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 24px; 
      overflow: hidden;
    }
    

  #swiper-scorrimento-img-alta   .swiper-slide img {
      display: block;
      width: 100%;
      height: 260px;
      object-fit: cover;
    }

  #swiper-scorrimento-img-alta   .swiper-slide {
      width: 360px;
    }
   #swiper-scorrimento-img-alta.swiper-scorrimento-img-alta.slide-grande .swiper-slide {
      width: 480px;
    }

#swiper-scorrimento-img-alta .swiper-slide:first-child {
	margin-left:40px;
}

#swiper-scorrimento-img-alta .slide-cont-testo
{padding-right: 8px; padding-left: 8px;}
#swiper-scorrimento-img-alta .slide-titolo {
display: block;
  color: #111;
  font-weight: 500;
  font-size: 28px;
  text-align: left;
  position: relative;
  line-height: 1;
  letter-spacing: -1px;
}

#swiper-scorrimento-img-alta .slide-occhiello {
display: block;
  color: #111;
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  position: relative;
  margin-top: 16px;}
  
#swiper-scorrimento-img-alta .slide-paragrafo {
position: relative;
  text-align: left;
  font-weight: 400;
  font-size: 21px;
  color: #888;
  width: 90%;
  line-height: 1.5;
  margin-top: 16px;

}


@media only screen and (max-width:700px)  { 
    .contenitore-testo-sx-slide-dx {
        display: block;
    }
   #swiper-scorrimento-img-alta.swiper-scorrimento-img-alta.slide-grande .swiper-slide {
      width: 90%;
    }
    #swiper-scorrimento-img-alta .swiper-scorr-img-alta {border-radius:12px; height: 100%; width:100%; background-color: #fff;}
    #swiper-scorrimento-img-alta .swiper-slide:first-child {
	margin-left:0px;
}
    .testo-sx-slide-dx-p-dx {margin-top:24px;}
}


/*Slide scorrimento  iii */



#swiper-scorrimento-iii img { height:240px;}
#swiper-scorrimento-iii .swiper-slide {
  width: auto;
}




@media only screen and (max-width:1066px)  { 
 .generatore-blocchi .contiene-img-fit {
  width: 50%;
  height: 52vw;
  overflow: hidden;
  border-radius: 24px;
  max-height: 600px;
}
.generatore-blocchi .block .text {
  text-align: center;
  padding-left: 12px;
padding-right: 12px;
		width: 100%;
}
}

@media only screen and (max-width:950px)  { 

.generatore-blocchi .block {
  display: block;
  width: 100%;
  align-items: center;
  margin-bottom: 64px;
}	
.generatore-blocchi .block .contiene-img-fit {
    width: 100%;
    height: 52vw;
    overflow: hidden;
    border-radius: 24px;
    max-height: 600px;
  }
	
	
}
/*Fine Blocchi alternati*/

/* ---------------------------------------------------- */
/*                     tre blocchetti                   */
/* ---------------------------------------------------- */
.activities {

}

.section-header {
  text-align: left;
  margin-bottom: 50px;
}

.eyebrow {
  display: block;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #666;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.section-title {

}

/* ≡ container flex per i tre blocchi ≡ */
.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}

.card {
  flex: 1 1 0;    /* tutte le card si dividono equamente lo spazio */
  min-width: 250px; /* evitano di rimpicciolirsi sotto una certa soglia */
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 0; /* già gestito da row-gap */
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  
}

/* ≡ immagine “fit-content” ≡ */
.card img {
  display: block;
  width: 100%;           /* riempie la larghezza del card */
  height: 260px;         /* altezza fissa del box immagine */
  object-fit: cover;   /* scala l’immagine per contenerla tutta */
  object-position: center center; /* centra l’immagine nel box */
}

/* ≡ titoli e testo ≡ */
.card-title {
  font-size: 1.25rem;
  margin: 20px 0 12px;
  color: #a32f71;
}

.card-text {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #666;
  padding: 0 20px 20px 0;
}

/* ≡ responsive: su schermi stretti scaliamo a due o una colonna ≡ */
@media (max-width: 900px) {
  .card {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 600px) {
  .card {
    flex: 1 1 100%;
  }
}


/* fine generatore blocchi */








/* ---------------------------------------------------- */
/*                     Pacchetti txt                    */
/* ---------------------------------------------------- */
.pacc-meta-o { font-weight: bold; color: #999; font-size:16px; margin-top:16px;  line-height: 1; margin-bottom: 16px; }
.pacc-meta-i { color: #999; font-size:15px; margin-top:16px;  line-height: 1; margin-bottom: 16px; }
.pacc-meta-ii {  font-size:15px; margin-top:16px;  line-height: 1; margin-bottom: 18px; }

.pacc-tit-i { color: #333; font-size:32px; margin-top:8px;  line-height: 1; font-weight: normal; }

.pacc-par-i, p.pacc-par-i, p .pacc-par-i, .pacc-par-i p {   color: #555; font-size:17px; margin-top:6px; line-height: 1.4   }
.pacc-par-ii, p.pacc-par-ii, p .pacc-par-ii {   color: #555; font-size:16px; margin-top:6px;  }
.pacc-par-iii, p.pacc-par-iii, p .pacc-par-iii {   color: #555; font-size:21px; margin-top:6px;  }


/* ---------------------------------------------------- */
/*                  Gestione box immagini               */
/* ---------------------------------------------------- */


/* Blocco probabilmente non utilizzato */

.cont-img-fit-x {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-x img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*da annullare questa versione. Introdurre la successiva modalità*/
.cont-img-fit-80-100 {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-80-100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*variazioni*/
.img-fit-100-400 { max-width: 100%; height: 400px; border-radius: 12px; margin-bottom: 36px;  }

/* Fine blocco probabilmente non utilizzato */





/*immagine con fit*/
.cont-img-fit {
 overflow: hidden;
}


.cont-img-fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




/* immagine fit larga  */

.cont-img-fit-larg-piena {
  width: 100%;
  height: 380px;;
  overflow: hidden;
    border-radius: 16px;
}
.cont-img-fit-larg-piena img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}





/* ---------------------------------------------------- */
/*                  Gestione box immagini v.2              */
/* ---------------------------------------------------- */

/* Thumbnail con testo a lato */
img.img-in-post {
  max-width: 268px;
  height: auto;
  margin-right: 32px;
  margin-bottom: 12px;
  border-radius: 12px;
  float: left;
}

img.img-in-post-orizz {
max-width: 500px;
max-height: 230px;
  margin-right: 32px;
  margin-bottom: 12px;
  border-radius: 12px;
  float: left;
}

img.img-in-post-quadr {
max-width: 380px;
max-height: 380px;
  margin-right: 32px;
  margin-bottom: 12px;
  border-radius: 12px;
  float: left;
}

/* Immagine a destra per elenco post */

.lista--img-dx {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 204px);
}

.lista-singolo-img-dx {
  display: inline-block;
  vertical-align: top;
  padding-top: 12px;
}

/*griglia immagini da associare con "immagine con fit"*/
.griglia-img-100-300 {
width: 100%;
max-height: 480px;
border-radius: 24px;
margin-bottom: 36px;
/*il seguente display è per il plugn lightbox*/
display: inline-block; 
}

/* immagini con fit - variazioni */
.cont-img-fit-x {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-x img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ---------------------------------------------------- */
/* immagini con fit -> in uso in blocchi  */

.cont-img-fit-100-300 {
width: 100%;
max-height: 340px;
border-radius: 24px;
overflow: hidden;

}



/* ---------------------------------------------------- */
/* immagini con fit -> THUMB e variazioni */

/* Elenco post */

.cont-img-fit-200-120 {
width: 200px; height: auto; overflow: hidden;
}
.cont-img-fit-200-120 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    border-radius: 12px;
    object-position: top;
}

.cont-img-fit-150-220 {
width: 150px; height: 220px; overflow: hidden;
    border-radius: 12px;
}
.cont-img-fit-150-220 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont-img-fit-200-240 {
width: 200px; height: 240px; overflow: hidden;
    border-radius: 12px;
}
.cont-img-fit-200-240 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont-img-fit-200-200 {
width: 200px; height: 240px; overflow: hidden;
    border-radius: 12px;
}
.cont-img-fit-200-200 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont-img-fit-150-150 {
width: 150px; height: 150px; overflow: hidden;
    border-radius: 12px;
}
.cont-img-fit-150-150 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* Immagini grandi */

/* da verificare il seguente */
.cont-img-fit-80-100 {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-80-100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 100% 80vh */
.cont-img-fit-100-80 {
width: 100%; height: 80vh; overflow: hidden;
}
.cont-img-fit-100-80 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}







/* ---------------------------------------------------- */
/* ESSENZIALE: richiamo per tutte le immagini fit */

img.fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
	border-radius: 12px;
}
.cont-img-fit-100-300 img.fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
}





/* ---------------------------------------------------- */
/*                        iframe                        */
/* ---------------------------------------------------- */

.contenuto-principale iframe {
  padding-bottom: 0px;
  border-radius: 12px;
  margin-top: -6px;
    margin-bottom: 24px;
}
.contenuto-principale .lista-ii iframe {
  padding-bottom: 0px;
  border-radius: 12px;

}