/* ------------------------ */
/*          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;}
/* ------------------------ */
/*          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; line-height: 1.5 }
.generatore-blocchi .p21px p { font-size: 21px; line-height: 1.5 } 
.generatore-blocchi .p22px p { font-size: 22px; line-height: 1.5 }
.generatore-blocchi .p23px p { font-size: 23px; line-height: 1.5 }
.generatore-blocchi .p24px p { font-size: 24px; line-height: 1.5 }
.generatore-blocchi .p25px p { font-size: 25px; line-height: 1.5 }
.generatore-blocchi .p26px p { font-size: 26px; line-height: 1.5 }
.generatore-blocchi .p27px p { font-size: 27px; line-height: 1.5 }
.generatore-blocchi .p28px p { font-size: 28px; line-height: 1.4 }
.generatore-blocchi .p29px p { font-size: 29px; line-height: 1.4 }
.generatore-blocchi .p30px p { font-size: 30px; line-height: 1.4 }
.generatore-blocchi .p31px p { font-size: 31px; line-height: 1.3 }
.generatore-blocchi .p32px p { font-size: 32px; line-height: 1.3 }
.generatore-blocchi .p33px p { font-size: 33px; line-height: 1.3 }
.generatore-blocchi .p34px p { font-size: 34px; line-height: 1.3 }
.generatore-blocchi .p35px p { font-size: 35px; line-height: 1.3 }
.generatore-blocchi .p36px p { font-size: 36px; line-height: 1.3 }
.generatore-blocchi .p37px p { font-size: 37px; line-height: 1.2 }
.generatore-blocchi .p38px p { font-size: 38px; line-height: 1.2 }
.generatore-blocchi .p39px p { font-size: 39px; line-height: 1.2 }
.generatore-blocchi .p40px p { font-size: 40px; line-height: 1.2 }
.generatore-blocchi .p41px p { font-size: 41px; line-height: 1.2 }
.generatore-blocchi .p42px p { font-size: 42px; line-height: 1.2 }
.generatore-blocchi .p43px p { font-size: 43px; line-height: 1.2 }
.generatore-blocchi .p44px p { font-size: 44px; line-height: 1.2 }
.generatore-blocchi .p45px p { font-size: 45px; line-height: 1.2 }
.generatore-blocchi .p46px p { font-size: 46px; line-height: 1.2 }
.generatore-blocchi .p47px p { font-size: 47px; line-height: 1.2 }
.generatore-blocchi .p48px p { font-size: 48px; line-height: 1.2 }
.generatore-blocchi .p49px p { font-size: 49px; line-height: 1.2 }
.generatore-blocchi .p50px p { font-size: 50px; line-height: 1.2 }
.generatore-blocchi .p51px p { font-size: 51px; line-height: 1.2 }
.generatore-blocchi .p52px p { font-size: 52px; line-height: 1.2 }
.generatore-blocchi .p53px p { font-size: 53px; line-height: 1.2 }
.generatore-blocchi .p54px p { font-size: 54px; line-height: 1.2 }
.generatore-blocchi .p55px p { font-size: 55px; line-height: 1.2 }
.generatore-blocchi .p56px p { font-size: 56px; line-height: 1.2 }
.generatore-blocchi .p57px p { font-size: 57px; line-height: 1.2 }
.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; }

.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;

}



/*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;
}


/* 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%);

}




#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*/




/* ---------------------------------------------------- */
/*                     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;  }


/* ---------------------------------------------------- */
/*                  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: 340px;
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;
}


/* Immagini per generatore di blocchi */

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

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

}

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

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

}

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

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

}

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

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

}

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

}






/* ---------------------------------------------------- */
/* 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;

}



/* ---------------------------------------------------- */
/*                   Blocchi alternati                  */
/* ---------------------------------------------------- */




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




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

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

.block .text {
    text-align: left; /* Allinea il testo a sinistra nel blocco "normale" */
    padding-left: 48px;
}

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

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

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


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

.contiene-img-fit img {
 width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.block .contiene-img-fit img {
float:right;
margin-right: 42px;
}

.block.reverse .contiene-img-fit img {
float:left;
margin-left: 42px;
}
.text h2,
.text p {
    margin: 0;
    padding: 0;
}

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


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


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

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

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


/* ---------------------------------------------------- */
/*         Blocchi alternati disallinati                */
/* ---------------------------------------------------- */



.contenitore-bloc-alter-dis {
    display: flex;
    flex-wrap: wrap;
    width: 100%; 
}




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

.text-dis {
  width: 50%;
  padding: 20px;
  line-height: 1.4;
  max-width: 700px;
  margin-bottom: 33px;
}

.block-dis .text-dis {
    text-align: left; /* Allinea il testo a sinistra nel blocco "normale" */
    padding-left: 0px;
    margin-left: 64px;
}

.reverse-dis .text-dis {
    text-align: right; /* Allinea il testo a destra nel blocco "reverse" */
    padding-right: 0px;
    margin-right: 64px;
    margin-left: 0px;
    padding-left: 0px;
}

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

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


.contiene-img-fit-dis {
  width: 48%;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  max-height: 440px;
  min-height: 380px;
  min-width: 520px;
  max-width: 520px;
}

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


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

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


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


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

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

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



/* ---------------------------------------------------- */
/*         Blocchi verticali               */
/* ---------------------------------------------------- */

.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%);

}