/* ═══════════════════════════════════════
   OLVEX — extras.css  (elementos adicionales)
═══════════════════════════════════════ */

/* ── Proceso sidebar ── */
.proceso-sidebar { position: sticky; top: 90px; }
.tiempo-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.tiempo-item:last-child { border-bottom: none; }
.tiempo-item span  { color: rgba(255,255,255,0.5); }
.tiempo-item strong { color: #fff; font-weight: 600; }
.tl-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }

/* ── Stat block standalone ── */
.stat-block { display: flex; flex-direction: column; align-items: center; }

/* ── Grids responsive extras ── */
@media (max-width: 960px) {
  .proceso-sidebar { position: static; }
  .grid-2.timeline-layout { grid-template-columns: 1fr; }
  .timeline { padding-left: 28px; }
}