/* Cadastro livre: passos do onboarding e escolha do plano (claro e escuro) */
.ob-passo{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1f5fd6;margin-top:6px}
.ob-opc{font-weight:400;color:var(--muted)}
.ob-email{color:var(--muted);font-size:.82rem;word-break:break-all}
.ob-planos{display:grid;gap:10px;margin-bottom:14px}
.ob-plano{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nome valor" "info info";align-items:center;gap:2px 10px;text-align:left;border:2px solid #d5dff0;background:#fff;color:#14213d;border-radius:12px;padding:12px 14px}
.ob-plano:hover{border-color:#7aa7ff}
.ob-plano[aria-pressed="true"]{border-color:#1f5fd6;background:#eaf1ff}
.ob-plano-nome{grid-area:nome;font-weight:700;display:flex;align-items:center;gap:6px}
.ob-plano-valor{grid-area:valor;font-weight:800;font-size:1.1rem;color:#0a2a5e}
.ob-plano-valor small{font-size:.75rem;font-weight:600;color:#5b6782}
.ob-plano-info{grid-area:info;font-size:.8rem;color:#5b6782}
.ob-selo{font-size:.7rem;font-weight:700;background:#14804a;color:#fff;border-radius:99px;padding:1px 8px}
.ob-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ob-linha small{display:block;font-size:.78rem;color:var(--muted)}
.ob-qtd{display:flex;align-items:center;gap:6px}
.ob-qtd button{width:36px;height:36px;border-radius:10px;border:1.5px solid #d5dff0;background:#fff;color:#0a2a5e;font-size:1.1rem;font-weight:700}
.ob-qtd span{min-width:24px;text-align:center;font-weight:700}
.ob-formas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ob-formas button{border:2px solid #d5dff0;background:#fff;color:#14213d;border-radius:10px;padding:10px;font-weight:600}
.ob-formas button[aria-pressed="true"]{border-color:#1f5fd6;background:#eaf1ff;color:#0a2a5e}
.ob-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:12px;margin-bottom:12px}
.ob-total small{color:var(--muted);font-size:.78rem}
.ob-total b{font-size:1.3rem;color:#0a2a5e}
.ob-nota{font-size:.78rem;color:var(--muted);text-align:center;margin-top:8px}
/* barra da demonstração */
.demo-bar #demo-buy{color:#0a2a5e;font-weight:700}

html[data-theme="dark"] .ob-passo{color:#9cc2ff}
html[data-theme="dark"] :is(.ob-plano,.ob-formas button,.ob-qtd button){background:#0b1424;border-color:#2c4167;color:#e6edf8}
html[data-theme="dark"] .ob-plano:hover{border-color:#5792ff}
html[data-theme="dark"] :is(.ob-plano,.ob-formas button)[aria-pressed="true"]{background:#1a2b4a;border-color:#7aa7ff;color:#fff}
html[data-theme="dark"] .ob-plano-valor,html[data-theme="dark"] .ob-total b{color:#dbe7ff}
html[data-theme="dark"] :is(.ob-plano-info,.ob-plano-valor small){color:#9fb0c9}
html[data-theme="dark"] .ob-selo{background:#123b28;color:#7be0a5}
html[data-theme="dark"] .demo-bar{background:#13233f;border-bottom-color:#24344f;color:#e6edf8}
html[data-theme="dark"] .demo-bar #demo-buy{color:#9cc2ff}