/* PRIVACIDADE · CONTAINER 04 · FLUXO DO DADO (único container gráfico) — v0.58.0
   Três etapas em linha (Origem → Tratamento → Apoio necessário) + subtítulo e nota de transferências. No celular as etapas empilham. */

.uos-pri-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(8px, 1.4vw, 20px);
  margin: clamp(32px, 4vw, 56px) 0 0;
  padding: 0;
  list-style: none;
}

.uos-pri-flow li:not(.uos-pri-flow__arrow) {
  display: grid;
  gap: 8px;
  align-content: center;
  padding: clamp(20px, 2.2vw, 30px);
  border: 1px solid var(--uos-line);
  border-radius: var(--hm-radius);
  background: var(--uos-white);
}
.uos-pri-flow li:nth-child(3) { border-color: var(--uos-orange); background: var(--uos-orange); }
.uos-pri-flow span { font-size: 0.875rem; font-weight: 600; color: var(--uos-red); }
.uos-pri-flow li:nth-child(3) span { color: var(--uos-black); }
.uos-pri-flow strong { font-family: var(--uos-font-display); font-size: clamp(1.15rem, 1.5vw, 1.4rem); font-weight: 400; line-height: 1.25; }

.uos-pri-flow__arrow { align-self: center; color: var(--uos-orange); font-size: 1.5rem; font-weight: 700; }

.uos-main .uos-pri-sub {
  margin: clamp(40px, 5vw, 72px) 0 clamp(20px, 2.4vw, 32px);
  font-family: var(--uos-font-display);
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.uos-main .uos-pri-transfer {
  max-width: 62rem;
  margin: clamp(28px, 3.6vw, 48px) auto 0;
  padding: clamp(20px, 2.4vw, 30px) clamp(22px, 2.6vw, 34px);
  border: 1px solid var(--uos-line);
  border-left: 6px solid var(--uos-orange);
  border-radius: var(--hm-radius);
  background: var(--uos-paper);
  color: var(--uos-gray-600);
  font-size: 0.9688rem;
  line-height: 1.6;
}
.uos-main .uos-pri-transfer strong { color: var(--uos-black); font-weight: 600; }

@media (max-width: 760px) {
  .uos-pri-flow { grid-template-columns: minmax(0, 1fr); }
  .uos-pri-flow__arrow { justify-self: center; transform: rotate(90deg); }
}
