.responsive-img {
        width: 370px; /* Larghezza fissa */
        height: auto; /* Mantiene le proporzioni */
        max-height: 250px; /* Altezza massima */
        object-fit: cover; /* Ritaglia l'immagine per adattarla */
      }

      /* Stile base bottoni */
      .bottoni button {
        padding: 10px 20px;
        margin: 0;
        cursor: pointer;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 0.9em;
        transition: background-color 0.3s ease;
        width: 150px; /* puoi modificare come preferisci */
      }

      .bottoni button:hover {
        background-color: #0056b3;
      }

      /* Nascondi bottoni di default (desktop) */
      .bottoni {
        display: none;
      }

      .bottoni-section {
        display: none;
      }

      /* Tablet: bottoni affiancati */
      /* Mostra la sezione su tablet e mobile */
      @media (max-width: 1024px) {
        .bottoni-section {
          display: block;
        }
      }
      
      @media (min-width: 768px) and (max-width: 1024px) {
        .bottoni {
          display: flex;
          flex-direction: row;
          gap: 10px;
          justify-content: center;
        }
        .bottoni button {
          width: auto;
          font-size: 1em;
        }
      }

      /* Mobile: bottoni in colonna */
      @media (max-width: 767px) {
        .bottoni {
          display: flex;
          flex-direction: column;
          gap: 10px;
          align-items: center;
        }
        .bottoni button {
          width: 100%;
          font-size: 1.1em;
          max-width: 300px; /* per non allungare troppo su schermi piccoli */
        }
      }