/* ============================================================
   slide-08.css — ANATOMIA DI UNA EMAIL FALSA (Phishing)
   Modifica qui: email mock, 4 card segnali, annotazioni
   ============================================================ */

/* Layout due colonne: email a sinistra, card a destra */
.slide-08 .grid-side {
  padding-top: 10px;
}

/* Container email mock */
.slide-08 .eml {
  flex: 1;
  border-color: rgba(255,255,255,.1);
}

/* Header email (sfondo scuro) */
.slide-08 .eml-h {
  background: #1e2538;
  padding: 12px 16px;
  gap: 5px;
}

/* Righe Da/A/Oggetto/Allegato */
.slide-08 .eml-row {
  font-size: clamp(10px, 1.1vw, 13px);
}

/* Testo del mittente sospetto (rosso sottolineato) */
.slide-08 .eml-sus {
  color: var(--red);
  text-decoration: underline dotted;
}

/* Annotazioni con badge (⚠ "0" al posto di "o") */
.slide-08 .ann {
  font-size: 8px;
  background: rgba(255,45,32,.18);
  color: var(--red);
}

/* Corpo del testo dell'email */
.slide-08 .eml-b {
  font-size: clamp(12px, 1.35vw, 15px);
  color: rgba(255,255,255,.58);
  line-height: 1.7;
}

/* Pulsante CTA rosso nell'email */
.slide-08 .eml-cta {
  background: var(--red);
  color: #fff;
  padding: 7px 20px;
  font-size: 10px;
  letter-spacing: .1em;
}

/* 4 card segnali d'allarme sulla destra */
.slide-08 .card.cr {
  flex: 1;
}

/* Titolo card (🚩 Mittente falso, ecc.) */
.slide-08 .card-title {
  font-size: clamp(15px, 1.8vw, 22px);
}

/* Corpo card */
.slide-08 .card-body {
  font-size: clamp(12px, 1.35vw, 16px);
  line-height: 1.55;
}