/* Carrito y métodos de pago (carrito.html). Base: style.css + account.css. */
.step-h{margin:8px 0 0;font-size:12px;font-weight:800;letter-spacing:.16em}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center}
.cart-item img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#F6F6F4}
.ci-t{font-weight:800;font-size:17px;letter-spacing:-.01em}
.ci-d{font-size:14px;color:#5A5D64;line-height:1.5;margin-top:4px}
.ci-act{display:flex;gap:8px;margin-top:2px}.ci-act .link{padding:8px 0;margin-right:14px}.ci-act .link.rm{color:#C2410C}
.ci-p{text-align:right;display:flex;flex-direction:column;gap:2px}
.ci-p b{font-weight:800;font-size:22px;letter-spacing:-.02em;white-space:nowrap}
.ci-p span{font:500 12px 'IBM Plex Mono',monospace;color:#8A8D94}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #E2E2DE;padding-top:14px;font-weight:700}
.cart-total b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.pay-opts{display:flex;flex-direction:column;gap:10px}
.pay-opt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid #E2E2DE;border-radius:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.pay-opt:hover{border-color:#B9BBC0}
.pay-opt:has(input:checked){border-color:#2346FF;box-shadow:0 0 0 3px rgba(35,70,255,.12)}
.pay-opt:has(input:focus-visible){outline:2px solid #2346FF;outline-offset:2px}
.pay-opt input{position:absolute;opacity:0;pointer-events:none}
.pay-opt .po-ic{flex:none;width:40px;height:40px;border-radius:10px;background:#F0F0EE;display:flex;align-items:center;justify-content:center;color:#16181C}
.pay-opt:has(input:checked) .po-ic{background:#EEF1FF;color:#2346FF}
.po-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.po-t{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.po-d{font-size:13.5px;color:#5A5D64;line-height:1.5}
.po-tag{padding:3px 7px;border-radius:6px;background:#F0F0EE;color:#5A5D64;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.po-tag.soon{background:#FFF7E6;color:#9A6700}
.pay-opt.off{cursor:not-allowed;opacity:.6}.pay-opt.off:hover{border-color:#E2E2DE}
.pay-area{display:flex;flex-direction:column;gap:14px}
.pay-area:empty{display:none}
.pay-area .btn svg{margin-left:2px}
.lbl-opt{font-weight:500;color:#8A8D94}
.card .tiny a{color:inherit;text-decoration:underline}
@media (max-width:600px){
  .cart-item{grid-template-columns:56px 1fr;gap:14px}
  .cart-item img{width:56px;height:56px}
  .ci-p{grid-column:1 / -1;flex-direction:row;align-items:baseline;gap:8px;text-align:left}
  .pay-opt{padding:14px}
}
