.checkout-page{background:#070405;isolation:isolate}
.checkout-page>.bg-fx{display:none}
.checkout-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 25%,#64101b55,transparent 55%),radial-gradient(ellipse at 95% 75%,#a20c1938,transparent 50%),#070405}
.checkout-atmosphere:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(125deg,transparent 0 140px,#ed344f66 141px,transparent 143px 280px),repeating-linear-gradient(35deg,transparent 0 260px,#ffb58b2b 261px,transparent 263px 470px);animation:checkout-grid 24s ease-in-out infinite alternate}
.checkout-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,#04020345)}
.checkout-atmosphere i{position:absolute;width:1px;height:220px;background:linear-gradient(transparent,#ff384baa,transparent);left:8%;top:-35%;transform:rotate(35deg);animation:checkout-streak 11s linear infinite;box-shadow:0 0 12px #fc213366}
.checkout-atmosphere i:nth-child(2){left:25%;animation-delay:-5s;animation-duration:15s;height:140px}
.checkout-atmosphere i:nth-child(3){left:47%;animation-delay:-8s;animation-duration:18s}
.checkout-atmosphere i:nth-child(4){left:69%;animation-delay:-2s;animation-duration:13s;height:320px}
.checkout-atmosphere i:nth-child(5){left:88%;animation-delay:-10s;animation-duration:17s}
.checkout-atmosphere i:nth-child(6){left:105%;animation-delay:-4s;animation-duration:14s;height:150px}
@keyframes checkout-grid{to{transform:translate(3%,-2%);opacity:.65}}
@keyframes checkout-streak{to{transform:translate(0,150vh) rotate(35deg)}}
.checkout-page .checkout-card{background:linear-gradient(145deg,#160c1099,#0c080b99);border-color:#85222c80;box-shadow:0 20px 90px #0008}
.checkout-page .metodos-grid{grid-template-columns:1fr}
.checkout-page .metodo-card[data-tipo="stripe"]{aspect-ratio:auto;min-height:154px;display:flex;align-items:center;gap:20px;padding:24px 36px 24px 20px;border:1px solid #61222d;background:linear-gradient(120deg,#251016,#100a0e);border-radius:10px}
.checkout-page .metodo-card[data-tipo="stripe"]:hover,.checkout-page .metodo-card[data-tipo="stripe"].active{border-color:#ff3446;box-shadow:0 0 24px #ec23341c}
.checkout-page .metodo-card:focus-visible{outline:2px solid #ff6c79;outline-offset:4px}
.checkout-page .metodo-card[data-tipo="stripe"]>.nombre{display:none}
.payment-art{width:104px;flex-shrink:0}.payment-art svg{display:block;width:100%;height:auto}
.payment-copy{min-width:0}.payment-copy>strong{display:block;font-size:15px;color:#fff;line-height:1.4}.payment-copy>span{display:block;font-size:12px;color:#bcadb2;margin-top:5px}
.payment-brands{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.payment-brands b{font-family:Arial,sans-serif;font-size:10px;white-space:nowrap;background:#f2edf0;color:#261b24;padding:5px 7px;border-radius:4px;line-height:1.2}
.payment-selected{position:absolute;top:12px;right:12px;width:19px;height:19px;display:grid;place-items:center;border:1px solid #80505a;border-radius:50%;font-size:12px;color:transparent}.active .payment-selected{background:#ed1b2e;border-color:#ed1b2e;color:white}
@media(max-width:480px){.checkout-page .checkout-wrap{padding:0 12px;margin:24px auto}.checkout-page .checkout-card h2{font-size:22px;line-height:1.35}.checkout-page .metodo-card[data-tipo="stripe"]{gap:12px;padding:22px 25px 20px 12px}.payment-art{width:64px}.payment-copy>strong{font-size:13px}.payment-brands{gap:5px}.payment-brands b{font-size:9px;padding:4px 5px}}
@media(prefers-reduced-motion:reduce){.checkout-atmosphere:before,.checkout-atmosphere i{animation:none}.checkout-atmosphere i{top:35%;opacity:.35}}