/* La pantalla de compra y los botones de pago (web/pago.js). Usa los colores de estilos.css. */
.pago-dialogo{padding:28px 20px 130px}.pago-interior{max-width:620px;margin:20px auto}.pago-interior h1{font-size:clamp(1.9rem,6vw,3rem);margin:8px 0 14px}
.pago-precio{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;line-height:1.35;color:var(--oro);margin-bottom:6px}
.pago-prueba{display:inline-block;border:1px dashed var(--oro);border-radius:7px;padding:6px 12px;font-size:.82rem;color:var(--oro)}
.pago-sub{font-size:1.15rem;margin:22px 0 8px}.pago-incluye{margin:0 0 8px;padding-left:20px;color:#d0cfd6;font-size:.94rem}.pago-incluye li{margin-bottom:6px}
.pago-interior #pago-retracto{color:#d0cfd6;font-size:.94rem}.pago-interior .casilla{margin:18px 0 0;font-size:.9rem}
.pago-aviso{font-size:.78rem;color:var(--suave);margin-top:26px;border-top:1px solid var(--borde);padding-top:14px}.pago-aviso a{color:var(--oro)}
.pago-caja{margin-top:16px;border-top:1px solid var(--borde);padding-top:14px}.pago-caja .suave{margin-bottom:10px}
.pago-botones{display:flex;flex-wrap:wrap;gap:10px}.pago-caja .boton{min-height:44px;padding:10px 18px}
.pago-mensaje{border:1px solid var(--oro);border-radius:var(--radio);padding:14px 18px;margin:16px 0;color:var(--texto);background:#191e2b;overflow-wrap:anywhere}
@media(max-width:600px){.pago-botones .boton,.pago-interior .botones .boton{width:100%}}
.pago-nota{border-left:2px solid var(--oro);padding:6px 0 6px 14px;font-size:.9rem;color:var(--texto)}
.pronto{border:1px solid #947e58;border-radius:var(--radio);background:#ffffff08;padding:18px 20px;margin:18px 0}.pronto>p{margin:0 0 12px}.pronto>p:last-child{margin-bottom:0}.pronto .nivel-pronto{margin-left:0}.pronto .boton{display:inline-flex;align-items:center;min-height:44px}
.pronto-formatos{margin:12px 0 0}.pronto-formatos a{color:var(--oro)}
@media(max-width:600px){.pronto .boton{width:100%;justify-content:center}}