/* ═══════════════ COMO TRABALHAMOS (processo em passos) ═══════════════ */
.processo-lista {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  counter-reset: passo;
}
.processo-item {
  position: relative;
  padding: 0 24px 0 0;
  border-right: 1px dashed var(--border);
}
.processo-item:last-child { border-right: none; padding-right: 0; }
.processo-item::before {
  counter-increment: passo;
  content: "0" counter(passo);
  display: block;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 2rem;
  color: var(--green);
  opacity: 0.5;
  margin-bottom: 18px;
}
.processo-item h3 { margin-bottom: 10px; font-size: 1.1rem; }
.processo-item p { font-size: 0.95rem; color: var(--text-dim); }

@media (max-width: 900px) {
  .processo-lista { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
  .processo-item { border-right: none; padding-right: 0; }
}
@media (max-width: 560px) {
  .processo-lista { grid-template-columns: 1fr; }
}