/* ------------------------ */
/*        DUE COLONNE       */
/* ------------------------ */


/*Due colonne con float*/
.due-col-base-sx {float:left}


/*Due colonne display inline 50-50 con 49% effettivo*/
.due-col-50-50 {width:100%; display: block;  }
.due-col-50-50 .col-50 {width: 49%; display: inline-block; }


/*Due colonne display inline 75-25*/
.due-col-75-25 {width:100%; display: block; white-space: nowrap;}
.due-col-75-25 .col-75 {width: 75%; display: inline-block; padding-right: 24px;  white-space: nowrap;}
.due-col-75-25 .col-25 {width: 25%; display: inline-block;  white-space: nowrap; }

/*Due colonne display inline 66-33*/
.due-col-66-33 {width:100%; display: block;}
.due-col-66-33 .col-66 {max-width: 66%; width: 66%; display: inline-block; padding-right: 24px;  vertical-align: top;}
.due-col-66-33 .col-33 {max-width: 33%; width: 33%; display: inline-block; vertical-align: top; float: right; padding-left: 24px; }



/*Colonne flex giustificate flessibili*/
.colonne-giustificate-flessibili {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
}

.colonne-giustificate-flessibili .tre-33 {
  max-width: 33%;
  min-width: 33%;
}



.colonne-giustificate-flessibili-spc-btw {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
}

.colonne-giustificate-flessibili-spc-btw .tre-33 {
  max-width: 32%;
  min-width: 32%;
}



/*Griglie*/

 .griglia-ii {
  display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centra i box orizzontalmente */
    max-width: 1400px;
    margin: auto;
    gap: 10px;
  }

  .box-griglia-ii {
  flex: 1 0 380px; /* Cresce per riempire lo spazio ma non oltre 380px */
    max-width: 380px; /* Imposta un massimo per la larghezza del box */
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }


  .box-griglia-ii > div {
    padding: 10px; /* Spaziatura interna per titolo e testo */
  }