#cntListaAvv {
 display: flex;
 flex-direction: column;
 gap: 24px;
}
   
.avvocato-box {
 border: 1px solid #0d2725;
 border-radius: 10px;
 padding: 22px;
 background-color: #0a0a0a;
 text-align: right;
 font-family: "Segoe UI", sans-serif;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 width: 24%;
 max-height: 100%;
 overflow: auto;

}
  
.avvocato-foto{
 width: 100px;
 height: 100px;
 border-radius: 6px;
 margin-bottom: 12px;
 border: 1px solid #10312e;
}

.avvocato-box h3 {
 margin-top: 0;
 color: #306185;
 font-size: 18px;
}
  
.avvocato-box p {
 margin: 6px 0;
 font-size: 14px;
 line-height: 1.45;
}
  
@media (max-width: 1300px) {
 #cntListaAvv {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;

 }
  
 .avvocato-box {
  width: 48.5%;
  max-height: 48%;
  overflow: auto;
 }
} 

@media (max-width: 768px) {
    #cntListaAvv {
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-between;
    }
     
    .avvocato-box {
     width: 48.5%;
     max-height: 48%;
     overflow: auto;
    }
   } 


 @media (max-width: 480px) {
  #cntListaAvv {
   display: flex;
   flex-direction: row;
   padding: 0 !important;
  }

  .avvocato-box {
   width: 100%;
   height: auto;        /* 🔹 altezza automatica */
   max-height: none;    /* 🔹 nessun limite forzato */
   overflow: visible;   /* 🔹 segue il contenuto, niente scrollbar */
   border: none;
   background-color: transparent;
   border-bottom: 1px solid #1f4651;
   border-radius: 0;
  }
 }