
/* ===== Formas de pago: logos + ventana con los datos ===== */
button.pago{font:inherit;color:inherit;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none}
.pago-btn:focus-visible{outline:2px solid var(--cian);outline-offset:3px}
.pago-img{display:block;width:118px;height:auto;border-radius:10px;margin-bottom:.45rem}
.pago-bancos{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-bottom:.45rem}
.pago-bancos img{display:block;width:74px;height:auto;border-radius:6px}
.pago .pago-ver{font-size:.74rem;font-weight:700;color:var(--cian);margin-top:.15rem}
.pago-modal{margin:auto;border:1px solid var(--line-2);border-radius:18px;background:var(--surface);color:var(--text);padding:0;width:min(440px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;box-shadow:var(--shadow-lg)}
.pago-modal::backdrop{background:rgba(5,8,14,.74);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.pm-in{display:grid;gap:.85rem;padding:1.2rem}
.pm-cab{display:flex;align-items:center;gap:.8rem}
.pm-cab h3{font-family:var(--display);font-size:1.2rem;margin:0;flex:1}
.pm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;flex:0!important}
.pm-logo{display:block;width:132px;height:auto;border-radius:10px;margin-right:auto}
.pm-x{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--text-2);font-size:1.4rem;line-height:1;cursor:pointer;margin-left:auto}
.pm-x:hover{border-color:var(--cian);color:var(--cian)}
.pm-titular{margin:0;font-size:.85rem;color:var(--muted)}
.pm-titular strong{color:var(--text);font-weight:600}
.pm-banco{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.pm-bh{display:flex;align-items:center;gap:.75rem}
.pm-bh img{display:block;width:92px;height:auto;border-radius:8px;flex:none}
.pm-bh strong{font-family:var(--display);font-size:.98rem}
.pm-fila{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .7rem;border-radius:10px;background:var(--surface-3)}
.pm-fila small{display:block;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pm-fila b{display:block;font-family:var(--mono);font-size:.98rem;font-weight:600;word-break:break-all}
.pm-grande b{font-size:1.55rem;letter-spacing:.03em}
.pm-cop{flex:none;border:1px solid var(--line-2);background:transparent;color:var(--cian);border-radius:9px;padding:.45rem .8rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;min-width:5.6rem}
.pm-cop:hover{border-color:var(--cian)}
.pm-cop.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}
.pm-nota{margin:0;font-size:.8rem;color:var(--muted)}
.pm-wa{display:flex;justify-content:center;padding:.8rem 1rem;border-radius:12px;background:#25D366;color:#06210F;font-weight:700;text-decoration:none;text-align:center}
.pm-wa:hover{filter:brightness(1.06)}
@media (max-width:420px){.pm-bh img{width:80px}.pm-fila b{font-size:.9rem}.pm-grande b{font-size:1.35rem}}
.pago-img-sq{width:58px;height:58px}
.pm-logo-sq{width:64px;height:64px}

/* Más formas de pago: PayPal y cripto (consulta por WhatsApp) + rejilla centrada */
.pagos{display:flex;flex-wrap:wrap;justify-content:center}
.pagos>.pago{flex:0 0 calc((100% - 2.4rem)/4);min-width:0;box-sizing:border-box}
a.pago{color:inherit;text-decoration:none}
.pago span.pago-paypal{background:#0070BA;color:#fff;font-size:1.1rem}
.pago span.pago-cripto{background:#F7931A;color:#1A1000;font-size:1.4rem}
@media (max-width:900px){.pagos>.pago{flex-basis:calc((100% - 1.6rem)/3)}}
@media (max-width:560px){.pagos>.pago{flex-basis:calc((100% - .8rem)/2)}}
.pm-consulta{font-size:.92rem;color:var(--text-2);line-height:1.5}
.pago-dual{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.45rem}
.pago-dual .pago-img{width:auto;height:46px;margin:0}
.pago-dual .pago-img-sq{width:46px;height:46px;border-radius:11px}
.pm-logos{display:flex;align-items:center;gap:.5rem;margin-right:auto}
.pm-logos img{display:block;height:48px;width:auto;border-radius:10px}
.pm-logos .pm-logo-sq{width:48px}
@media (max-width:420px){.pago-dual .pago-img{height:38px}.pago-dual .pago-img-sq{width:38px;height:38px}}
