/* ============================ 13 · PAGO ============================ */
#pago .pg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
#pago h2{margin-top:22px}
#pago .pg-intro > p{color:var(--mist);margin-top:18px;font-size:1.02rem;max-width:42ch}
#pago .pg-seguro{font-size:.88rem!important;color:var(--silver)!important;padding-left:14px;border-left:2px solid var(--accent)}

#pago .pg-tarjeta{padding:clamp(22px,3vw,32px);border-radius:var(--r-xl);border:1px solid var(--line-2);
  background:linear-gradient(160deg,rgba(19,30,52,.9),rgba(8,13,24,.96));box-shadow:0 50px 100px -60px rgba(0,0,0,.95),0 0 70px -40px rgba(46,123,255,.45),inset 0 1px 0 rgba(255,255,255,.06)}
#pago .pg-cab{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#pago .pg-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(46,123,255,.3)}
#pago .pg-ico svg{width:22px;height:22px}
#pago .pg-cab b{display:block;color:var(--white);font-weight:500}
#pago .pg-cab small{font-size:.7rem;letter-spacing:.16em;color:var(--mist-2)}
#pago .pg-datos{margin:0;display:grid}
#pago .pg-datos > div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
#pago .pg-datos dt{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-2)}
#pago .pg-datos dd{margin:0;color:var(--white);font-size:.95rem;word-break:break-word}
#pago .pg-clabe dd{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;font-size:1rem}
#pago .pg-datos dd.pendiente{color:var(--mist);font-style:italic;font-size:.88rem;font-family:var(--body);letter-spacing:0}
#pago .pg-accion{margin-top:22px}
#pago .pg-accion .btn{width:100%}
#pago .pg-aviso{margin-top:10px;font-size:.8rem;color:var(--accent-2);text-align:center;min-height:1.2em}
#pago .pg-stripe{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);max-width:42ch}
#pago .pg-stripe[hidden]{display:none}
#pago .pg-stripe b{display:block;color:var(--white);font-weight:500}
#pago .pg-stripe-btns{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px}
#pago .pg-stripe-btns .btn{flex:1 1 180px}
#pago .pg-stripe small{font-size:.78rem;color:var(--mist-2)}
@media (max-width:900px){ #pago .pg-grid{grid-template-columns:1fr} }
@media (max-width:420px){ #pago .pg-datos > div{grid-template-columns:1fr;gap:4px} }