/* Pro / Elite (3-oct-2026): tarjeta unica con selector Pro/Elite debajo, mismo formato que el selector Solo bridge / Bridge + SFCloud. */
.sf-premium-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.sf-premium-column>[data-sf-premium-card]{flex:1;width:100%;margin:0}
.sf-premium-switch{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:var(--ink-3)}
.sf-premium-switch [data-sf-premium-label]{color:var(--ink-3);font-weight:400;transition:color .2s}
.sf-premium-switch [data-sf-premium-label].is-on{color:var(--ink-1,var(--ink,#f4f4f2));font-weight:600}
.sf-premium-switch button{width:52px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);position:relative;cursor:pointer;padding:0;transition:background .2s,border-color .2s;flex-shrink:0}
.sf-premium-switch button[aria-checked="true"]{background:var(--lime);border-color:var(--lime)}
.sf-premium-switch button::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.sf-premium-switch button[aria-checked="true"]::after{transform:translateX(24px)}
.sf-premium-switch button:disabled{cursor:default;opacity:.6}
.sf-premium-switch button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.sf-premium-soon{display:inline-block;font-family:var(--mono);font-size:10.5px;line-height:1.5;letter-spacing:.02em;color:#ffb84a;margin-top:2px}
.sf-premium-fine{font-size:12px;line-height:1.5;color:var(--ink-3);margin:0;text-align:center}
[data-sf-premium-card] .per{white-space:nowrap}
.plan-grid.plan-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px}
@media(max-width:900px){.plan-grid.plan-grid-3{grid-template-columns:1fr;max-width:480px}}
@media(prefers-reduced-motion:reduce){.sf-premium-switch button::after{transition:none}}