/**
 * Corso ordinario di magistratura tributaria — estensioni.
 * ---------------------------------------------------------
 * La landing riusa quasi interamente i componenti della gemella intensiva
 * (.mti-*: stats, chips, card prezzo) e il design system .ord-* / .tin-*.
 * Qui vivono solo i pochi componenti propri, con prefisso .mto-*.
 */

/* ============================================================
   HERO — callout "Formula sintetica"
   (l'intensivo lo rende con stili inline: qui è una classe vera)
   ============================================================ */

.mto-hero__formula {
  max-width: 680px;
  margin: 1.4rem 0 1.8rem;
  padding: 1.1rem 1.4rem;
  background: rgba(246, 241, 231, .06);
  border-left: 4px solid var(--mag-oro);
  border-radius: 0 var(--mag-radius) var(--mag-radius) 0;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.75;
  color: #f1ece0;
}

/* ============================================================
   TABELLA STRUTTURA — riga di totale
   (regola presente in tar-landing.css, non in catena qui)
   ============================================================ */

.mto-body .ord-tabella__totale td {
  background: #f1ebdc;
  border-top: 2px solid var(--mag-oro);
  color: var(--mag-scuro);
}

/* La colonna "Acconto + rate" della card prezzo è la più lunga delle tre:
   su desktop le si concede più respiro senza mandare a capo le altre. */
.mto-body .mti-prezzo__table td:last-child,
.mto-body .mti-prezzo__table th:last-child {
  min-width: 15rem;
}

@media (max-width: 768px) {
  .mto-body .mti-prezzo__table td:last-child,
  .mto-body .mti-prezzo__table th:last-child {
    min-width: 0;
  }
}

/* ============================================================
   CHIPS — sequenza tematica sotto "Identità del percorso"
   Variante "leggera" delle .mti-chip: qui sono una sequenza,
   non un elenco di criteri, quindi tono più sobrio.
   ============================================================ */

.mto-sequenza {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  list-style: none;
  padding: 0;
  margin: 0 auto 2rem;
  max-width: 860px;
}

.mto-sequenza__item {
  padding: .35rem .85rem;
  border: 1px solid var(--mag-grigio-md);
  border-radius: 999px;
  background: var(--mag-bianco);
  font-size: .85rem;
  letter-spacing: .02em;
  color: var(--mag-testo);
  white-space: nowrap;
}

.mto-sequenza__item::before {
  content: "";
  display: inline-block;
  width: .35rem;
  height: .35rem;
  margin-right: .5rem;
  border-radius: 50%;
  background: var(--mag-oro);
  vertical-align: .12em;
}