/* Onboarding additions: native-language picker, personalized plan, 3-option plan cards. Glass + pink/violet. */

/* native language */
.native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 6px}
@media (min-width:560px){.native-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.native-opt{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border-radius:16px;border:1px solid var(--edge);background:var(--glass-2);color:var(--on-card);font:inherit;font-weight:600;text-align:start;cursor:pointer;box-shadow:var(--sh-sm);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:transform .12s ease,box-shadow .12s ease}
.native-opt .nf{font-size:1.5rem;line-height:1}
.native-opt .nn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-opt:active{transform:scale(.98)}
.native-opt.on{border:2px solid var(--violet-soft);box-shadow:0 0 0 4px rgba(124,58,237,.16),var(--sh-sm);background:linear-gradient(135deg,rgba(255,77,141,.14),rgba(124,58,237,.14)),var(--glass-2)}
.native-ask .native-ask-actions{justify-content:flex-end;gap:10px;margin-top:6px}

/* plan screen */
.plan-screen{text-align:center;max-width:560px;margin-left:auto;margin-right:auto}
.plan-kicker{display:inline-block;margin:0 0 6px;padding:5px 12px;border-radius:999px;background:linear-gradient(90deg,#ff4d8d,#7c3aed);color:#fff;font-size:.8rem;font-weight:700}
.plan-screen h1{margin:.2em 0 .3em;letter-spacing:-.02em}
.plan-lead{color:var(--on-card-mut);margin:0 0 10px}
.plan-chart-wrap{margin:8px -6px 4px;padding:10px 6px 4px;border-radius:20px;background:var(--glass-3);border:1px solid var(--line)}
.plan-chart{width:100%;height:auto;display:block;overflow:visible}
.plan-chart .pc-line{fill:none;stroke-width:4;stroke-linecap:round}
.plan-chart .pc-grid{stroke:var(--line);stroke-dasharray:3 4}
.plan-chart .pc-tick{fill:var(--on-card-mut);font-size:11px;font-weight:600}
.plan-chart .pc-goal-tick{fill:#7c3aed;font-weight:800}
.plan-chart .pc-dot{fill:#fff;stroke:#ff4d8d;stroke-width:3}
.plan-chart .pc-goal-dot{fill:#7c3aed;stroke:#fff;stroke-width:3}
.plan-chart .pc-lv{fill:var(--on-card);font-size:12px;font-weight:800}
.plan-chart .pc-goal rect{fill:#7c3aed}
.plan-chart .pc-goal text{fill:#fff;font-size:12px;font-weight:800}
.plan-eta{margin:8px 0 12px;font-size:1.05rem}
.plan-pickers{display:grid;gap:12px;text-align:start;margin:6px 0 14px}
.plan-pick-h{display:block;font-size:.82rem;font-weight:700;color:var(--on-card-mut);margin-bottom:6px}
.plan-can-h{font-size:1.1rem;margin:10px 0 8px;text-align:start}
.plan-can{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px;text-align:start}
.plan-can li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--glass-2);border:1px solid var(--edge)}
.plan-can .lv-badge{flex:none}
.plan-note{text-align:start}
.btn.wide{width:100%}
.plan-recap{margin:6px auto 4px;max-width:520px;padding:8px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,77,141,.12),rgba(124,58,237,.12));font-weight:600}

/* plan cards: "Mejor precio", strikethrough base price, about-per-month */
.plan-card{padding-top:22px}
.plan-best{position:absolute;top:-12px;left:14px;padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#ff4d8d);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 6px 16px -6px rgba(124,58,237,.6)}
.plan-tags{display:flex;gap:6px;flex-wrap:wrap;min-height:4px}
.plan-tags .plan-trial{position:static}
.plan-tags .plan-save{margin:0}
.plan-full{display:block;font-size:.95rem;font-weight:500;opacity:.6;letter-spacing:0;margin-bottom:-4px}
.plan-permonth{margin:0 0 4px;font-weight:700;color:var(--violet-soft)}
.plan-card.plan-rec .plan-permonth{color:#7c3aed}

/* admin: users per native language */
.native-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.native-list li{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto 44px;gap:10px;align-items:center}
.native-list .nl-bar{height:8px;border-radius:999px;background:var(--glass-3);overflow:hidden}
.native-list .nl-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff4d8d,#7c3aed)}

/* profile premium card */
#premium-card .row{gap:10px;flex-wrap:wrap}

/* 3 plan cards (Mensual · 6 meses · Anual): one row on wide screens, stacked on phones */
.plan-grid:has(> .plan-card:nth-child(3)){max-width:960px}
@media (min-width:780px){.plan-grid:has(> .plan-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}
.plan-best.plan-best-pop{background:linear-gradient(90deg,#ff4d8d,#ff7ab0);box-shadow:0 6px 16px -6px rgba(255,77,141,.6)}
.plan-card.plan-pop{border-color:rgba(255,77,141,.55);box-shadow:0 0 0 3px rgba(255,77,141,.12)}