/* SOBRE · CONTAINER 03 · JORNADA (único container gráfico) — v0.64.0
   Linha do tempo em lista ordenada. Fundo aurora animado por CSS (_shared/05-aurora.css, variante bl).
   Ajuste de contraste: --uos-abj-veil (véu, p.ex. rgba(255,255,255,.55)). Nada depende só de cor. */
.uos-abt-journey {
  --uos-abj-veil: rgba(255, 255, 255, 0);
  background:
    linear-gradient(var(--uos-abj-veil), var(--uos-abj-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-abt-journey__line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 24px);
  margin: clamp(28px, 3.5vw, 48px) 0 0;
  padding: 0;
  list-style: none;
}
.uos-abt-journey__line li {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(22px, 2.2vw, 32px);
  border: 1px solid var(--uos-line);
  border-radius: var(--hm-radius);
  background: var(--uos-white);
}
.uos-abt-journey__line li.is-current { border-color: var(--uos-orange); background: var(--uos-white); }
.uos-abt-journey__line li.is-current .uos-abt-journey__when { background: var(--uos-orange); border-color: var(--uos-orange); }

.uos-abt-journey__when {
  align-self: flex-start;
  padding: 5px 14px;
  border: 1px solid var(--uos-line);
  border-radius: 999px;
  background: var(--uos-paper);
  color: var(--uos-black);
  font-size: 0.8125rem;
  font-weight: 600;
}
.uos-main .uos-abt-journey__line h3 {
  margin: 18px 0 0;
  font-family: var(--uos-font-display);
  font-size: clamp(1.25rem, 1.65vw, 1.5rem);
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.uos-abt-journey__line p { margin: 12px 0 0; color: var(--uos-gray-800); font-size: 0.9375rem; line-height: 1.55; }
.uos-abt-journey .uos-sec__note { margin-top: clamp(24px, 3vw, 36px); }

@media (max-width: 1100px) {
  .uos-abt-journey__line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .uos-abt-journey__line { grid-template-columns: minmax(0, 1fr); }
}
