[hidden]{display:none!important}body{color:var(--paper);background:radial-gradient(circle at 16% 18%,rgba(65,91,145,.28),transparent 32%),radial-gradient(circle at 82% 72%,rgba(81,65,129,.2),transparent 38%),linear-gradient(145deg,#03050c 0%,#0b192e 42%,#182344 100%);min-height:100vh;position:relative}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 12%,rgba(224,192,120,.12),transparent 22%)}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.checkout-nav,.checkout-shell{position:relative;z-index:1}
.checkout-nav{border-color:rgba(224,192,120,.15);background:rgba(3,5,12,.36);backdrop-filter:blur(14px)}.checkout-nav img{filter:none}.checkout-nav__back{color:rgba(240,230,210,.72)}
.checkout-intro h1{color:var(--paper)}.checkout-intro h1 em,.order-success em{color:#e0c078}.checkout-intro>p:last-child{color:rgba(240,230,210,.66)}.eyebrow,.step{color:#e0c078}
.checkout-form{gap:24px}.checkout-section{padding:clamp(24px,3vw,34px);padding-left:clamp(58px,6vw,76px);border:1px solid rgba(224,192,120,.2);border-radius:32px 10px 32px 10px;background:linear-gradient(135deg,rgba(240,230,210,.075),rgba(240,230,210,.025));box-shadow:0 24px 70px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.checkout-section h2{color:var(--paper)}.checkout-section .step{left:24px;right:auto;top:36px}
label{color:rgba(240,230,210,.82)}label span{color:rgba(240,230,210,.48)}input,select,textarea{color:var(--paper);background:rgba(4,10,22,.38);border-color:rgba(224,192,120,.3);border-radius:18px 6px 18px 6px}input::placeholder,textarea::placeholder{color:rgba(240,230,210,.38)}select option{background:#0b192e;color:var(--paper)}input:focus,select:focus,textarea:focus{border-color:#e0c078;box-shadow:0 0 0 3px rgba(224,192,120,.12)}
.delivery-note,.secure-note{color:rgba(240,230,210,.52)}.payment-option{border-color:rgba(224,192,120,.22);background:rgba(4,10,22,.3);border-radius:22px 7px 22px 7px;padding:20px}.payment-option span{color:var(--paper)}.payment-option small{color:rgba(240,230,210,.56)}.payment-option b{background:#e0c078;color:#0b192e;border-radius:999px}
.submit-order{background:var(--paper);color:#0b192e;border-radius:999px;padding:19px 26px;box-shadow:0 14px 38px rgba(0,0,0,.22)}.submit-order:hover{background:#e0c078}.form-message--error{background:rgba(115,37,32,.34);color:#ffd7cf;border-color:rgba(240,184,168,.5);border-radius:18px 6px 18px 6px}
.order-summary{border:1px solid rgba(224,192,120,.24);border-radius:38px 12px 38px 12px;background:linear-gradient(145deg,rgba(16,31,57,.94),rgba(7,13,27,.96));box-shadow:0 34px 90px rgba(0,0,0,.3)}.order-success{border:1px solid rgba(224,192,120,.25);border-radius:42px 12px 42px 12px;background:linear-gradient(145deg,rgba(16,31,57,.98),rgba(7,13,27,.98));box-shadow:0 34px 100px rgba(0,0,0,.35)}.transfer-instructions{border-radius:24px 8px 24px 8px;background:rgba(240,230,210,.04)}
.order-subtotal,.order-shipping,.order-discount{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0;font-size:14px;color:rgba(240,230,210,.78);border-bottom:1px solid rgba(240,230,210,.1)}
.order-subtotal strong,.order-shipping strong,.order-discount strong{font-weight:400;color:var(--paper);white-space:nowrap}
.order-discount{color:#9fe0b0}.order-discount strong{color:#9fe0b0}
.coupon{padding:20px 0 4px}.coupon label{display:block;margin:0 0 10px;font-size:12px;letter-spacing:.04em;color:rgba(240,230,210,.6)}
.coupon__row{display:flex;gap:8px;align-items:stretch}
.coupon__row input{flex:1;min-width:0;padding:12px 14px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.coupon__row button{flex:0 0 auto;padding:0 18px;border:1px solid rgba(224,192,120,.45);border-radius:999px;background:transparent;color:#e0c078;font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.coupon__row button:hover:not(:disabled){background:#e0c078;color:#0b192e}
.coupon__row button:disabled{opacity:.5;cursor:wait}
.coupon__msg{margin:10px 0 0;font-size:12px;line-height:1.5}
.coupon__msg--ok{color:#9fe0b0}.coupon__msg--error{color:#ffb3a7}
.success-tracking{margin:18px auto 0;max-width:460px;font-size:14px;line-height:1.7;color:rgba(240,230,210,.78)}
.success-tracking a{display:inline-block;margin-top:8px;color:#e0c078;border-bottom:1px solid currentColor;text-decoration:none}
.wa-comprobante{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:14px 24px;border-radius:999px;background:#25D366;color:#04240f;font:500 13px var(--sans);letter-spacing:.04em;text-decoration:none;box-shadow:0 12px 30px rgba(37,211,102,.22);transition:transform .2s,box-shadow .2s}
.wa-comprobante:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(37,211,102,.3)}
.wa-comprobante svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
@media(prefers-reduced-motion:reduce){.wa-comprobante{transition:none}.wa-comprobante:hover{transform:none}}
@media(max-width:780px){.checkout-section{padding:24px 20px 24px 54px;border-radius:26px 8px 26px 8px}.checkout-section .step{left:18px;top:34px}.order-summary{border-radius:30px 10px 30px 10px}.checkout-nav__back{font-size:11px}}@media(prefers-reduced-motion:reduce){#particles{display:none}}
