/* ============================================================
   slide-24.css — LE PRIME 4 ORE: PROTOCOLLO DI RISPOSTA
   Modifica qui: 5 step a sinistra, card NON fare + callout
   ============================================================ */

/* Layout due colonne */
.slide-24 .grid-side {
  padding-top: 10px;
}

/* Colonna sinistra: steps */
.slide-24 .steps-col {
  gap: 7px;
}

/* Step 01 ISOLA — numero rosso */
.slide-24 .step:nth-child(1) .step-n { color: var(--red); }
/* Step 02 ALLERTA — numero rosso */
.slide-24 .step:nth-child(2) .step-n { color: var(--red); }
/* Step 03 DOCUMENTA — numero ambra */
.slide-24 .step:nth-child(3) .step-n { color: var(--amber); }
/* Step 04 CANALI ALT. — numero ambra */
.slide-24 .step:nth-child(4) .step-n { color: var(--amber); }
/* Step 05 NO RISCATTO — numero verde */
.slide-24 .step:nth-child(5) .step-n { color: var(--green); }

/* Dimensioni numeri step */
.slide-24 .step-n {
  font-size: clamp(26px, 3.2vw, 44px);
}

/* Titolo step */
.slide-24 .step-h {
  font-size: clamp(13px, 1.5vw, 18px);
  font-weight: 700;
  color: #fff;
}

/* Descrizione step */
.slide-24 .step-d {
  font-size: clamp(11px, 1.3vw, 16px);
  color: rgba(255,255,255,.45);
  line-height: 1.5;
}

/* Colonna destra: card NON fare */
.slide-24 .card.cr {
  flex: 1;
}

/* Lista elementi NON fare */
.slide-24 .card-body {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding-top: 4px;
  font-size: clamp(12px, 1.35vw, 16px);
}

/* Callout contatti di emergenza (cyan) */
.slide-24 .callout.cb {
  margin: 0;
}