:root{--bg:#0b0b0c;--paper:#f4eddf;--muted:#a7a097;--gold:#ffbc27;--panel:#171716;--line:#41382a;--display:'Anton',Impact,sans-serif;--text:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:14px/1.6 var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.25;background:radial-gradient(circle at 85% 12%,#ffbc2710,transparent 42%);}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 28px}.gold{color:var(--gold)}.muted{color:var(--muted)}.smallcaps{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--gold)}.display,h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1.03}h1{font-size:clamp(56px,7.7vw,100px);letter-spacing:-.028em;margin:18px 0 16px}h2{font-size:clamp(29px,3vw,41px);margin:0 0 15px}h3{font-size:22px;margin:0 0 12px}.top{border-bottom:1px solid var(--line);background:#0b0b0ceF}.top-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{font:34px/1 var(--display);letter-spacing:-.025em}.brand em{color:var(--gold);font-style:normal}.back{font-size:11px;font-weight:900;letter-spacing:.07em;color:#c9c0b0}.back:hover{color:var(--gold)}.hero{padding:62px 0 25px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow:before{content:'✦';color:var(--gold);font-size:22px}.intro{font-size:15px;color:#b9b0a3;max-width:570px;line-height:1.8}.flow{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 35px}.flow span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#aaa093;border:1px solid var(--line);padding:8px 11px}.flow span.on{color:#111;background:var(--gold);border-color:var(--gold)}.columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);gap:20px;padding-bottom:95px}.panel{border:1px solid var(--line);background:var(--panel);padding:29px;min-width:0}.panel-lite{background:#11100f}.card-caption{font-weight:900;font-size:10px;letter-spacing:.18em;color:var(--gold);margin-bottom:17px}.line{height:1px;background:var(--line);margin:23px 0}.btn{border:1px solid var(--gold);background:var(--gold);color:#13100b;font-weight:900;font-size:12px;letter-spacing:.04em;padding:14px 19px;min-height:48px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.alt{background:transparent;border-color:#66563a;color:var(--paper)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.full{width:100%}.alert{border-left:3px solid var(--gold);background:#262015;padding:14px 17px;margin:17px 0;color:#ead5ae;font-size:12px;line-height:1.7}.alert.error{border-color:#e96c54;background:#281815;color:#ffc7bb}.field{display:flex;flex-direction:column;gap:7px;margin:18px 0}.field label{font-size:11px;letter-spacing:.09em;font-weight:900;color:#ded3c1}.field input{width:100%;background:#0c0c0c;color:#fff;border:1px solid #554835;padding:14px;outline:none;border-radius:0}.field input:focus{border-color:var(--gold)}.chooser{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.role{flex:1 1 175px;display:flex;gap:10px;align-items:flex-start;border:1px solid #544834;padding:14px;background:#10100f;cursor:pointer;font-size:12px;font-weight:900}.role:has(input:checked){border-color:var(--gold);background:#332718}.role input{accent-color:var(--gold)}.role small{display:block;font-weight:500;color:var(--muted);margin-top:3px}.tabbar{display:flex;gap:0;margin:0 0 29px;border-bottom:1px solid #55452d}.tabbar button{background:transparent;border:none;color:#aaa092;padding:14px 17px;font-weight:900;font-size:11px;letter-spacing:.07em;border-bottom:2px solid transparent}.tabbar button.active{color:var(--gold);border-bottom-color:var(--gold)}.orders{display:grid;gap:11px;margin-top:17px}.order{padding:15px;border:1px solid var(--line);background:#11100f}.order strong{display:block}.order span{font-size:12px;color:var(--muted)}.receipt-title{font:400 36px var(--display);line-height:1.07}.total{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.total strong{font:400 39px var(--display);color:var(--gold)}.checkout-cover{display:block;width:100%;max-height:205px;object-fit:cover;margin-bottom:18px}.tiny{font-size:11px;color:#9a9184}.seller{font-weight:900;font-size:11px;color:var(--gold)}.protected{padding:20px;border:1px dashed #6b5a3c;text-align:center;background:#13120e}.hidden,[hidden]{display:none!important}.footer{border-top:1px solid #2f291e;padding:25px 0;color:#8e8577;font-size:11px}.help{color:#ada395;font-size:12px;line-height:1.7}#authStatus{min-height:22px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:760px){.columns{grid-template-columns:1fr}.hero{padding-top:40px}.panel{padding:21px}.brand{font-size:27px}h1{font-size:57px}.top-inner{padding:14px 0}}@media(max-width:430px){.wrap{padding:0 17px}.tabbar button{padding:12px;font-size:10px}.flow span{font-size:9px}}

/* APOLO · elección de perfil antes del formulario (sólo UI) */
#roleGate h2{font:400 clamp(31px,4.5vw,52px)/1.07 Anton,Impact,sans-serif;margin:13px 0 14px}#roleGate .muted{max-width:540px}
.role-gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.gate-card{border:1px solid #584a32;border-radius:3px;background:#11100e;padding:25px 20px;color:#f5f0e7;text-align:left;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:15px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.gate-card:hover,.gate-card:focus-visible{border-color:#ffbc27;background:#251f16;transform:translateY(-2px)}.gate-icon{font-size:29px;line-height:1;color:#ffbc27}.gate-card strong{font:400 clamp(21px,2.9vw,29px)/1.1 Anton,Impact,sans-serif;letter-spacing:.025em}.gate-card small{font-size:12px;font-weight:500;line-height:1.6;color:#bbb1a2;min-height:58px}.gate-arrow{color:#ffbc27;font-size:10px;font-weight:900;letter-spacing:.06em;margin-top:auto}.existing{margin-top:10px;border-top:1px solid #3d3528;padding-top:21px;display:flex;gap:16px;align-items:center;justify-content:space-between}.existing>span{font-size:11px;letter-spacing:.08em;color:#bfb4a5;font-weight:900}.role-back{display:inline-block;border:0;background:transparent;margin:0 0 20px;padding:0;cursor:pointer}.role-back:hover{color:#ffbc27}@media(max-width:640px){.role-gate-grid{grid-template-columns:1fr}.gate-card small{min-height:0}.existing{align-items:flex-start;flex-direction:column}}