.checkout-step{padding:0rem 1rem 5rem;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 120% 120%,#16215b,#000)}.checkout-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.card-form-card{background:linear-gradient(0deg,#16215b,#171c3a,#12141f,#070809,#000);border:1px solid white;border-radius:1rem;padding:2rem;width:100%;max-width:800px;margin:0 auto 2rem;text-align:left}.card-form-header{display:flex;align-items:center;gap:.5rem;color:#ff6a00;font-weight:700;margin-bottom:1rem}.card-payment-form{display:flex;flex-direction:column}.card-payment-form input[type=text],.card-payment-form input[type=email],.card-payment-form input[type=tel],.card-payment-form select{padding:.75rem 1rem;margin-bottom:1rem;border-radius:8px;border:none;font-size:1rem;width:100%;box-sizing:border-box;margin-bottom:.2rem}input[placeholder="Nombre del titular"]{text-transform:uppercase}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.input-wrapper{flex:1;display:flex;flex-direction:column}.form-row input,.form-row select{flex:1}.form-subtitle{margin-bottom:.5rem;color:#ccc;font-size:.95rem}.form-subtitle.highlight{color:#ff4a00;margin-top:1rem}.checkout-button{width:280px;background:linear-gradient(to right,#009dff,#00f2ff);box-shadow:0 0 10px #0ff6;border:none;padding:.75rem 2rem;font-size:1.1rem;color:#fff;border-radius:1rem;cursor:pointer;transition:background .3s ease;align-self:center;margin-top:1.5rem}.checkout-button:hover{background:linear-gradient(to right,#00c2ff,#00e1ff)}.checkout-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.shipping-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.transfer-header{display:flex;align-items:center;gap:.5rem;color:#ff6a00;font-weight:700;margin-bottom:1rem}.icon-button{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;text-decoration:none}.icon-button:hover{transform:translate(-3px)}.input-group{position:relative;margin-bottom:1rem}.input-error{display:block;margin-top:0rem;margin-bottom:.75rem;font-size:.85rem;color:#ff4a00}.input-error.hidden{visibility:hidden;height:0;margin:0}.checkout-layout{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.checkout-left,.checkout-right{flex:1 1 350px;max-width:400px;width:100%;box-sizing:border-box}.payment-summary{background:radial-gradient(circle at 50% 50%,#16215b,#171c3a,#12141f,#070809,#000,#000,#000,#000);color:#fff;padding:1rem;border-radius:1.25rem;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;box-sizing:border-box}.payment-summary h3{font-size:1.3rem;margin-bottom:.25rem}.success-message{font-size:1rem;color:#ff4a00;margin-top:0rem;margin-bottom:.5rem}.card-preview-modern{perspective:1000px;width:100%;max-width:320px;height:220px;position:relative;margin:0 auto;transform-style:preserve-3d;overflow:hidden;z-index:1;border-radius:1.5rem;background:conic-gradient(from 150deg at 40% 110%,#00acff,#1a90e2,#2275c4,#235ba5,#204387,#1a2c6a,#161f53,#151a43,#141533,#111024,#0a0816,#000);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #0099ff40,0 0 25px #0099ff26,0 0 40px #00ffff1a}.card-preview-modern:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;background:radial-gradient(circle,rgba(0,153,255,.3),transparent 60%);border-radius:inherit;filter:blur(25px);z-index:0;pointer-events:none}.card-preview-modern:hover{transform:scale(1.015) translateY(-2px);transition:transform .3s ease}.card-inner{border-radius:1.5rem;position:relative;width:100%;height:100%;transition:transform .8s ease;transform-style:preserve-3d;box-shadow:inset 0 0 25px #ffffff0d}.card-preview-modern.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{box-sizing:border-box;padding-left:0;padding-right:0;padding-top:1.5rem;padding-bottom:1.5rem;top:0;left:0;height:100%;width:100%;position:absolute;border-radius:1.5rem;color:#fff;font-family:Segoe UI,sans-serif;backface-visibility:hidden;box-shadow:0 8px 20px #00000040}.card-front{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(225deg,#16215b,#12141f,#000);box-shadow:0 15px 35px #0099ff4d;z-index:2;padding:1.5rem;position:relative}.card-back{background:linear-gradient(60deg,#16215b,#171c3a,#12141f,#070809,#000,#000,#000,#000);transform:rotateY(180deg);padding:.5rem 0 1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.card-strip-white{width:100%;height:50px;background:#fff;margin:-3rem 0 .5rem;border-radius:0}.cvv-container{position:relative;width:80%;height:50px;display:flex;align-items:center;justify-content:flex-end}.cvv-image{width:100%;height:100%;object-fit:cover;border-radius:4px;opacity:.95}.cvv-overlay{position:absolute;right:10px;text-align:right}.cvv-overlay label{font-size:.6rem;color:#fff;opacity:.7;display:block;margin-bottom:2px}.cvv-overlay p{font-size:.9rem;color:#fff;font-weight:700;margin:0}.card-logo{position:absolute;top:1rem;right:1.5rem;height:35px}.card-logo img{height:35px}.card-chip{width:40px;height:30px;margin-bottom:1rem}.card-chip img{width:100%;height:auto;object-fit:contain;display:block}.card-info-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.card-number{font-size:1.2rem;letter-spacing:1.5px;text-align:center;margin-top:2rem}.card-footer{display:flex;justify-content:space-between;gap:1rem}.card-field label{font-size:.7rem;opacity:.7}.card-field p,.card-cvv-box p{font-size:.9rem;margin:.2rem 0 0;font-weight:600;word-break:break-word}.card-name label,.card-expiry label{font-size:.6rem;opacity:.7;margin-bottom:.1rem}.card-name p,.card-expiry p{font-weight:700;font-size:.9rem;margin:0;text-transform:uppercase;white-space:normal;word-break:break-word;max-width:160px;line-height:1.1}.purchase-details{text-align:left;padding:2rem 0;list-style:none}.purchase-details li{display:flex;justify-content:space-between;margin:.5rem 0;gap:1rem}.purchase-details .total{font-weight:700}.saldo-final{margin-top:0;background:radial-gradient(circle at 50% 50%,#0273ff,#055dee,#094adc,#0c3acb,#1131b2,#142c93,#162776,#16215b);padding:1rem;border-radius:.75rem}.hidden{display:none}.radio-group{display:flex;gap:1rem;margin-bottom:1rem}.factura-msg{color:#e86531;font-size:.8rem;margin-top:.5rem;padding-left:.3rem}@keyframes glowPulse{0%{box-shadow:0 0 10px #0099ff40,0 0 20px #0099ff26}50%{box-shadow:0 0 20px #0099ff80,0 0 40px #00ffff4d}to{box-shadow:0 0 10px #0099ff40,0 0 20px #0099ff26}}.card-preview-modern{animation:glowPulse 4s infinite ease-in-out}.mobile-submit-button{display:none}@media (max-width: 768px){.checkout-step{padding:2rem 1rem 4rem}.checkout-title{font-size:1.7rem}.desktop-submit-button,.card-preview-modern{display:none}.card-form-card{padding:1.5rem;border-radius:.75rem;max-width:250px;margin:0 auto 2rem}.card-form-header{font-size:.95rem;gap:.4rem}.card-payment-form input,.card-payment-form select{font-size:.95rem;padding:.7rem 1rem;margin-bottom:.9rem}.form-row{flex-direction:column;gap:.75rem;margin-bottom:1rem}.form-subtitle{font-size:.9rem;margin-bottom:.4rem}.form-subtitle.highlight{margin-top:1.2rem}.checkout-button{width:100%;max-width:280px;font-size:1rem;padding:.7rem 1.5rem}.checkout-right{max-width:100%;padding:0;margin:0 auto}.payment-summary{padding:1rem;border-radius:1rem;gap:1.2rem}.card-preview-modern{max-width:260px;height:170px;margin:0 auto}.card-inner{border-radius:1rem}.card-front,.card-back{padding:1rem;border-radius:1rem}.card-logo{top:.5rem;right:1rem;height:28px}.card-logo img{height:28px}.card-chip{width:30px;height:22px;margin-bottom:.5rem}.card-number{font-size:1rem;margin-top:1.5rem}.card-name p,.card-expiry p{font-size:.8rem;max-width:110px}.cvv-container{height:40px}.cvv-image{border-radius:4px}.cvv-overlay label{font-size:.55rem}.cvv-overlay p{font-size:.8rem}.purchase-details{padding:1.2rem 0}.purchase-details li{font-size:.9rem}.saldo-final{font-size:.95rem;padding:.75rem;border-radius:.6rem}.mobile-submit-button{display:block;width:100%;max-width:280px;margin:1.5rem auto 0;padding:.7rem 1.5rem;font-size:1rem}}