.onb{--violet:#6544c8;--violet-deep:#5132aa;--violet-soft:#ebe4ff;--coral:#ec8d78;--line:#e4ddf0;--bg:#f8f5ff;--ink:#272039;--muted:#665d76;--green:#2b7856;--amber:#8b5d18;max-width:760px;color:var(--ink);margin:0 auto;padding:24px;font-family:DM Sans,Arial,sans-serif}.onb-steps{flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.onb-step{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.onb-step-num{border:1px solid var(--line);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.onb-step-active{color:var(--violet-deep);font-weight:700}.onb-step-active .onb-step-num{background:var(--violet);color:#fff;border-color:var(--violet)}.onb-step-done .onb-step-num{background:var(--violet-soft);color:var(--violet-deep);border-color:var(--violet-soft)}.onb-title{margin:6px 0 10px;font-family:Outfit,Arial,sans-serif;font-size:26px}.onb-text{color:var(--muted);margin:0 0 16px}.onb-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--violet);font-size:11px;font-weight:800}.onb-ok{color:var(--green)}.onb-note{color:var(--muted);margin-top:4px;font-size:13px;display:block}.onb-plans{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px;display:grid}.onb-plan{text-align:left;border:1.5px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.onb-plan:hover{border-color:var(--violet)}.onb-plan-sel{border-color:var(--violet);background:var(--violet-soft)}.onb-plan-name{font-family:Outfit,Arial,sans-serif;font-size:18px;font-weight:800}.onb-plan-price{font-weight:700}.onb-plan-price small{color:var(--muted);font-weight:400}.onb-plan-tag{color:var(--amber);font-size:12px;font-weight:600}.onb-plan-tag-trial{color:var(--green)}.onb-plan-detalle{color:var(--muted);font-size:13px}.onb-ciclo,.onb-tramos{border:0;margin:0 0 16px;padding:0}.onb-ciclo legend,.onb-tramos legend{margin-bottom:8px;font-size:13px;font-weight:700}.onb-regiones{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.onb-chip{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.onb-chip-sel{background:var(--violet);border-color:var(--violet);color:#fff}.onb-chip small{opacity:.75}.onb-field{margin-bottom:12px;font-size:13px;font-weight:600;display:block}.onb-field input{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;margin-top:4px;padding:10px 12px;font-weight:400;display:block}.onb-field input:focus{outline:2px solid var(--violet-soft);border-color:var(--violet)}.onb-field-short input{width:90px;margin:0 8px;display:inline-block}.onb-mono{font-family:JetBrains Mono,monospace}.onb-err{color:#b3261e;font-size:12px;font-weight:500}.onb-hint{color:#6b5f8a;margin:8px 0 4px;font-size:12px}.onb-err-box{color:#8c1d12;background:#fdf1ef;border:1px solid #f2c4bd;border-radius:10px;padding:10px 12px;font-size:13px}.onb-check{color:var(--muted);align-items:flex-start;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.onb-check input{margin-top:3px}.onb-check a{color:var(--violet-deep)}.onb-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.onb-btn{background:var(--violet);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 20px;font-weight:700}.onb-btn:disabled{opacity:.5;cursor:not-allowed}.onb-btn-ghost{color:var(--violet-deep);border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:12px 20px;font-weight:600}.onb-link{color:var(--violet-deep);font-weight:600}.onb-resumen{margin:0 0 16px}.onb-resumen div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:8px;padding:10px 0;font-size:14px;display:grid}.onb-resumen dt{color:var(--muted);font-weight:600}.onb-resumen dd{margin:0}.onb-done{text-align:left;padding:32px 24px}
