:root{--color-bg:#f8f9fc;--color-surface:#fff;--color-surface-2:#f1f3f8;--color-border:#e2e6f0;--color-border-light:#cbd2e0;--color-primary:#6d28d9;--color-primary-light:#7c3aed;--color-primary-glow:#6d28d91a;--color-accent:#059669;--color-accent-dark:#047857;--color-text:#0f1117;--color-text-muted:#4a5170;--color-text-dim:#6b7290;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius:10px;--radius-lg:16px;--radius-sm:6px;--shadow:0 1px 4px #00000012, 0 4px 16px #0000000d;--shadow-md:0 4px 24px #0000001a;--neon-purple:#b347ff;--neon-cyan:#00f5ff;--neon-green:#0f8;--neon-pink:#ff2d78}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);outline:none;width:100%;padding:.6rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-glow)}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6d28d940}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 16px #6d28d959}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--color-border-light);color:var(--color-text-muted);background:0 0}.btn-outline:hover{border-color:var(--color-primary-light);color:var(--color-primary-light);background:var(--color-primary-glow)}.btn-danger{background:var(--color-error);color:#fff}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-primary{background:var(--color-primary-glow);color:var(--color-primary-light)}.badge-success{color:var(--color-success);background:#16a34a1a}.badge-warning{color:var(--color-warning);background:#d977061a}.badge-error{color:var(--color-error);background:#dc26261a}.badge-muted{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.precio{font-family:var(--font-display);color:var(--color-accent);font-weight:700}.precio-antes{color:var(--color-text-dim);font-size:.85em;text-decoration:line-through}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid-cats,.grid-prods{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.grid-steps{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=1024px){.grid-cats{grid-template-columns:repeat(2,1fr)}.grid-prods{grid-template-columns:repeat(3,1fr)}.grid-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.container{padding:0 1rem}.grid-cats,.grid-prods{grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-steps{grid-template-columns:1fr;gap:1.5rem}.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}.btn-lg{padding:.75rem 1.5rem;font-size:.92rem}}.admin-layout{--color-bg:#0a0a0f!important;--color-surface:#13131a!important;--color-surface-2:#1c1c28!important;--color-border:#2a2a3d!important;--color-border-light:#3a3a52!important;--color-text:#e8e8f0!important;--color-text-muted:#8888a8!important;--color-text-dim:#55556a!important;--color-primary:#7c3aed!important;--color-primary-light:#9f67ff!important;--color-primary-glow:#7c3aed40!important;--color-accent:#06d6a0!important;--color-accent-dark:#04b589!important;--color-success:#22c55e!important;--color-warning:#f59e0b!important;--color-error:#ef4444!important;color:#e8e8f0!important;background:#0a0a0f!important}.tema-oscuro{--color-bg:#080810;--color-surface:#0e0e1a;--color-surface-2:#141425;--color-border:#1e1e35;--color-border-light:#2a2a45;--color-text:#f0f0ff;--color-text-muted:#7878a8;--color-text-dim:#444468;--color-primary:#9333ea;--color-primary-light:#b347ff;--color-primary-glow:#b347ff26;--color-accent:#0f8;--color-accent-dark:#00cc6a;--color-success:#0f8;--color-warning:#fa0;--color-error:#ff2d78}.neon-text{text-shadow:0 0 10px,0 0 20px,0 0 40px}.neon-border{box-shadow:0 0 8px,inset 0 0 8px #ffffff0d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}