:root{--primary-h: 340;--primary-s: 75%;--primary-l: 60%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover: hsl(var(--primary-h), var(--primary-s), 50%);--primary-light: hsl(var(--primary-h), var(--primary-s), 95%);--primary-glow: hsla(var(--primary-h), var(--primary-s), 60%, .25);--secondary: #8b5cf6;--accent: #f59e0b;--success: #10b981;--danger: #ef4444;--mercadolibre-yellow: #fff159;--mercadolibre-blue: #2d3277;--mercadopago-blue: #009ee3;--font-heading: "Outfit", "Playfair Display", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}body:not(.dark-mode){--bg-page: #f8fafc;--bg-gradient: linear-gradient(135deg, #fdf2f8 0%, #f1f5f9 50%, #eff6ff 100%);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .8);--glass-shadow: 0 20px 40px -15px rgba(0, 0, 0, .07);--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--card-bg: rgba(255, 255, 255, .85);--input-bg: rgba(255, 255, 255, .9);--border-color: rgba(226, 232, 240, .8)}body.dark-mode{--bg-page: #0b0f19;--bg-gradient: radial-gradient(circle at 50% 0%, #1e112a 0%, #0b0f19 70%);--glass-bg: rgba(18, 24, 38, .7);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--text-main: #f8fafc;--text-muted: #94a3b8;--text-light: #64748b;--card-bg: rgba(18, 26, 43, .65);--input-bg: rgba(15, 23, 42, .8);--border-color: rgba(255, 255, 255, .1)}body.theme-emerald{--primary-h: 160;--primary-s: 84%;--primary-l: 39%}body.theme-golden{--primary-h: 38;--primary-s: 92%;--primary-l: 50%}body.theme-cyber{--primary-h: 270;--primary-s: 90%;--primary-l: 65%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-page);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px -10px #00000026;border-color:var(--primary-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.08)}.btn-secondary{background:#ffffff1a;color:var(--text-main);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#fff3;border-color:var(--primary)}.btn-mercadopago{background:linear-gradient(135deg,#009ee3,#007bb3);color:#fff;box-shadow:0 4px 15px #009ee359}.btn-mercadopago:hover{filter:brightness(1.1);box-shadow:0 6px 20px #009ee380}.btn-mercadolibre{background:#ffe600;color:#2d3277;font-weight:700;box-shadow:0 4px 12px #ffe6004d}.btn-mercadolibre:hover{background:#ffd000}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.form-control{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-available{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-reserved{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-purchased{background:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.badge-mercadolibre{background:#ffe60033;color:#d97706;border:1px solid rgba(255,230,0,.4)}.progress-bar-track{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width .6s ease-out}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}