/* TERMOS · CONTAINER 03 · TRÊS CONTEXTOS (único container gráfico) — v0.65.0
   Lista ordenada em três cartões. Fundo aurora animado por CSS (_shared/05-aurora.css, variante bl).
   Ajuste de contraste: --uos-tcx-veil (véu, p.ex. rgba(255,255,255,.55)). Nada depende só de cor: o último contexto também tem a borda laranja e o número. */
.uos-trm-ctx {
  --uos-tcx-veil: rgba(255, 255, 255, 0);
  background:
    linear-gradient(var(--uos-tcx-veil), var(--uos-tcx-veil)),
    var(--uos-aurora-grain),
    var(--uos-aurora-bl),
    var(--uos-sec-bg);
  background-blend-mode: normal, soft-light, normal;
  animation: var(--uos-aurora-motion);
}
.uos-trm-ctx__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 24px);
  margin: clamp(28px, 3.5vw, 48px) 0 0;
  padding: 0;
  list-style: none;
}
.uos-trm-ctx__list li {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(24px, 2.6vw, 38px);
  border: 1px solid var(--uos-line);
  border-radius: var(--hm-radius);
  background: var(--uos-white);
}
.uos-trm-ctx__list li.is-current { border-color: var(--uos-orange); }
.uos-trm-ctx__n {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--uos-line);
  border-radius: 999px;
  background: var(--uos-paper);
  font-size: 0.9375rem;
  font-weight: 600;
}
.uos-trm-ctx__list li.is-current .uos-trm-ctx__n { border-color: var(--uos-orange); background: var(--uos-orange); }
.uos-main .uos-trm-ctx__list h3 { margin: 20px 0 0; font-family: var(--uos-font-display); font-size: clamp(1.3rem, 1.8vw, 1.65rem); font-weight: 300; letter-spacing: -0.01em; line-height: 1.2; }
.uos-main .uos-trm-ctx__list p { margin: 10px 0 0; color: var(--uos-gray-800); font-size: 1rem; line-height: 1.55; }
@media (max-width: 900px) { .uos-trm-ctx__list { grid-template-columns: minmax(0, 1fr); } }