/* ==========================================================
   AutoApply Onboarding v14 — wizard, prefijo .ob-*
   Reutiliza tokens y componentes de css/styles.css.
   ========================================================== */
.ob-wrap { padding-top: 32px; padding-bottom: 48px; }
.ob-card { max-width: 680px; margin: 0 auto; padding: 28px; position: relative; }
.ob-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--li-border); background: #fff; color: var(--li-text-secondary); font-size: 22px; line-height: 1; cursor: pointer; }
.ob-close:hover { color: var(--li-text); background: rgba(0,0,0,0.05); }
.ob-title { font-size: 26px; letter-spacing: -0.018em; margin-top: 8px; text-wrap: balance; }
.ob-progress { margin-top: 16px; }
.ob-progress .progress__bar { height: 10px; }
.ob-pct { font-size: 13px; color: var(--li-text-secondary); margin-top: 8px; }
.ob-pct strong { color: var(--li-blue-dark); font-variant-numeric: tabular-nums; }

.ob-check { list-style: none; padding: 0; margin: 16px 0 4px; display: grid; gap: 6px; }
@media (min-width: 640px) { .ob-check { grid-template-columns: 1fr 1fr; } }
.ob-check li { font-size: 13px; color: var(--li-text-secondary); display: flex; gap: 8px; align-items: center; }
.ob-check li::before { content: "○"; font-weight: 800; color: var(--li-border-strong); }
.ob-check li.is-done { color: var(--li-text); }
.ob-check li.is-done::before { content: "✓"; color: var(--li-green); }
.ob-check li.is-now { color: var(--li-blue-dark); font-weight: 700; }

.ob-step { display: none; border: 0; padding: 0; margin: 20px 0 0; }
.ob-step.is-active { display: block; }
.ob-step legend { font-size: 17px; font-weight: 800; letter-spacing: -0.01em; padding: 0; margin-bottom: 4px; }

.ob-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--li-border); }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}