/* ============================================================
   Griglia BB a 12 colonne — condivisa da sito e gestionale.

   Uso:
     <div class="riga">
       <div class="col-md-6 col-lg-4">…</div>   ← 12 col su mobile,
       <div class="col-md-6 col-lg-4">…</div>      6 da 760px, 4 da 1100px
     </div>

   .col-N sempre; .col-md-N da 760px; .col-lg-N da 1100px.
   Gutter 1.2rem; .g-1 (0.45rem) e .g-2 (0.9rem) per righe fitte.
   ============================================================ */

.riga {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.2rem;
  align-items: start;
}
.riga > * { grid-column: span 12; min-width: 0; }

.riga.g-1 { gap: 0.45rem; }
.riga.g-2 { gap: 0.9rem; }

/* .uniforme: celle a pari altezza; serve un contenuto elastico interno (es. .lista-voci.scorrevole) */
.riga.uniforme { align-items: stretch; }

.col-1  { grid-column: span 1; }
.col-2  { grid-column: span 2; }
.col-3  { grid-column: span 3; }
.col-4  { grid-column: span 4; }
.col-5  { grid-column: span 5; }
.col-6  { grid-column: span 6; }
.col-7  { grid-column: span 7; }
.col-8  { grid-column: span 8; }
.col-9  { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }

@media (min-width: 760px) {
  .col-md-1  { grid-column: span 1; }
  .col-md-2  { grid-column: span 2; }
  .col-md-3  { grid-column: span 3; }
  .col-md-4  { grid-column: span 4; }
  .col-md-5  { grid-column: span 5; }
  .col-md-6  { grid-column: span 6; }
  .col-md-7  { grid-column: span 7; }
  .col-md-8  { grid-column: span 8; }
  .col-md-9  { grid-column: span 9; }
  .col-md-10 { grid-column: span 10; }
  .col-md-11 { grid-column: span 11; }
  .col-md-12 { grid-column: span 12; }
}

@media (min-width: 1100px) {
  .col-lg-1  { grid-column: span 1; }
  .col-lg-2  { grid-column: span 2; }
  .col-lg-3  { grid-column: span 3; }
  .col-lg-4  { grid-column: span 4; }
  .col-lg-5  { grid-column: span 5; }
  .col-lg-6  { grid-column: span 6; }
  .col-lg-7  { grid-column: span 7; }
  .col-lg-8  { grid-column: span 8; }
  .col-lg-9  { grid-column: span 9; }
  .col-lg-10 { grid-column: span 10; }
  .col-lg-11 { grid-column: span 11; }
  .col-lg-12 { grid-column: span 12; }
}