/* ============================================================
   slide-21.css — BACKUP 3-2-1
   Modifica qui: 3 colonne numeri giganti, callout in basso
   ============================================================ */

/* Griglia 3 colonne (numeri 3, 2, 1) */
.slide-21 .r321 {
  padding: 10px 48px 8px;
  gap: 2px;
}

/* Numero gigante */
.slide-21 .r321-n {
  font-size: clamp(80px, 10vw, 130px);
  color: var(--red);            /* cambia qui il colore del numero */
  line-height: 1;
  margin-bottom: 6px;
}

/* Titolo sotto il numero */
.slide-21 .r321-t {
  font-size: clamp(16px, 1.8vw, 22px);
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

/* Descrizione */
.slide-21 .r321-d {
  font-size: clamp(13px, 1.4vw, 16px);
  color: rgba(255,255,255,.5);
  line-height: 1.6;
}

/* Riga callout in basso (2 colonne) */
.slide-21 .callout-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 8px 48px 8px;
  flex: 0;
}

/* Callout rosso "backup sincronizzato non protegge" */
.slide-21 .callout.cr {
  margin: 0;
}

/* Callout verde "test mensile" */
.slide-21 .callout.cg {
  margin: 0;
}

.slide-21 .callout-txt {
  font-size: clamp(13px, 1.4vw, 17px);
  line-height: 1.5;
}