/* Vale — pagar.css */
.pagar{max-width:960px;margin:0 auto;padding:clamp(24px,5vw,56px) var(--gutter) 72px}
.pagar__eyebrow{color:var(--violeta);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin:0 0 8px}
.pagar__intro{color:var(--tinta-2);max-width:620px}
.pagar__aviso{background:var(--ambar-tenue);border:1px solid var(--ambar);border-radius:var(--r-sm);padding:12px 16px;color:var(--tinta)}
.pagar__periodo{display:flex;gap:10px;margin:22px 0 18px;flex-wrap:wrap}
.conmutador{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--borde-fuerte);border-radius:var(--r-full);background:var(--superficie);cursor:pointer;font-weight:500}
.conmutador:has(input:checked){border-color:var(--violeta);background:var(--violeta-tenue)}
.conmutador input{accent-color:var(--violeta)}
.pill{background:var(--verde);color:#fff;border-radius:var(--r-full);padding:2px 10px;font-size:.75rem;font-weight:600}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.plan{border:1px solid var(--borde);border-radius:var(--r-lg);background:var(--superficie);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sombra-sm);cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.plan:hover{transform:translateY(-2px)}
.plan--elegido{border-color:var(--violeta);box-shadow:var(--sombra-violeta)}
.plan__nombre{font-family:var(--f-titulo);font-weight:800;font-size:1.15rem;margin:0}
.plan__precio{font-family:var(--f-titulo);font-weight:800;font-size:1.9rem;letter-spacing:-.02em;margin:0}
.plan__precio small{font-size:.9rem;font-weight:600;color:var(--tinta-3)}
.plan__detalle{color:var(--tinta-3);font-size:.9rem;margin:0}
.plan__destacado{background:var(--violeta);color:#fff;border-radius:var(--r-full);padding:2px 10px;font-size:.72rem;font-weight:600;align-self:flex-start}
.pagar__metodo{margin-top:28px;border-top:1px solid var(--borde);padding-top:24px}
.metodos{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.pagar__nota{color:var(--tinta-3);font-size:.9rem}
.spei{background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--r-md);padding:18px;margin-top:12px}
.spei dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
.spei dt{color:var(--tinta-3)}
.spei dd{margin:0;font-weight:600;word-break:break-all}
.spei .ref{font-family:ui-monospace,monospace;background:#fff;border:1px dashed var(--borde-fuerte);padding:2px 8px;border-radius:6px}
.pagar__estado{margin-top:12px;font-weight:500}