:root{--bg:#0e0e0e;--panel:#1a1a1a;--panel-2:#222;--border:#2e2e2e;--text:#ececec;--muted:#9a9a9a;--red:#ffb800;--green:#2c9f4b;--font:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.header{z-index:20;border-bottom:1px solid var(--border);background:#141414;align-items:center;gap:20px;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.header .brand-logo{width:auto;height:46px;display:block}.header nav{gap:6px;display:flex}.header nav a{color:var(--muted);border-radius:8px;padding:8px 14px;font-size:14px}.header nav a:hover,.header nav a.active{background:var(--panel-2);color:var(--text)}.header .spacer{flex:1}.cart-btn{position:relative}.cart-badge{background:var(--red);color:#111;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.container{max-width:1200px;margin:0 auto;padding:22px 20px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}input,select{border:1px solid var(--border);color:var(--text);font-size:14px;font-family:var(--font);background:#111;border-radius:8px;padding:10px 12px}input:focus,select:focus{border-color:var(--red);outline:none}.grid-cat{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.prod{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.prod .thumb{background:#111;justify-content:center;align-items:center;height:168px;padding:10px;display:flex}.prod .thumb img{object-fit:contain;object-position:center;cursor:zoom-in;width:100%;height:100%}.prod .thumb .ph{color:#555;font-size:13px}.prod .body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.prod .cod,.prod .oem{color:var(--muted);font-size:12px}.prod .desc{font-size:14px;font-weight:600;line-height:1.3}.prod .marca{color:var(--muted);font-size:12px}.prod .precio{margin-top:auto;font-size:20px;font-weight:800}.prod .stock{font-size:12px}.stock.ok{color:#59d67f}.stock.no{color:#ff7676}.btn{background:var(--red);color:#111;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:#e0a200}.btn.sec{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.sec:hover{background:#2c2c2c}.btn.sm{padding:6px 10px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.qty{align-items:center;gap:6px;display:flex}.qty input{text-align:center;width:60px}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.gray{color:#ccc;background:#333}.badge.green{color:#59d67f;background:#16351f}.badge.blue{color:#5fb0ff;background:#12293f}.badge.orange{color:#ffb95f;background:#3a2a12}.badge.red{color:#ff7676;background:#3a1414}.login-bg{background:radial-gradient(circle at top,#202020,#050505);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:36px;box-shadow:0 20px 60px #00000080}.login-card h1{text-align:center;margin-bottom:4px}.login-card h1 span{color:var(--red)}.login-card p{text-align:center;color:var(--muted);margin-bottom:22px;font-size:14px}.login-logo{width:100%;max-width:280px;margin:0 auto 14px;display:block}label{color:var(--muted);margin:12px 0 5px;font-size:13px;display:block}input,select{width:100%}.error-box{color:#ff9a9a;background:#3a1414;border:1px solid #7a2c2c;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.ok-box{color:#8fe6a6;background:#13351b;border:1px solid #2c7a3f;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.muted{color:var(--muted)}.center{text-align:center}.mt{margin-top:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}h2.sec{margin:20px 0 12px;font-size:16px}.summary{position:sticky;top:80px}.cart-layout{grid-template-columns:1fr 320px;align-items:start;gap:18px;display:grid}@media (width<=800px){.cart-layout{grid-template-columns:1fr}.header{flex-wrap:wrap;row-gap:8px;height:auto;padding:10px 12px}.header .brand-logo{height:38px}.header nav{width:100%;overflow-x:auto}}.app-footer{border-top:1px solid var(--border);justify-content:center;padding:24px 20px 28px;display:flex}.gestlub-credit{color:var(--muted);letter-spacing:.04em;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.gestlub-credit:hover{color:#fff}.gestlub-credit img{width:auto;height:56px;display:block}.zoomable{cursor:zoom-in}.img-zoom-bg{z-index:80;cursor:zoom-out;box-sizing:border-box;background:#000000eb;justify-content:center;align-items:center;padding:48px 24px 24px;display:flex;position:fixed;inset:0}.img-zoom-bg .img-zoom-pic{object-fit:contain;object-position:center;cursor:default;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 16px 60px #0000008c}.img-zoom-close{color:#fff;cursor:pointer;background:#222;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:14px;right:18px}.img-zoom-close:hover{background:var(--red);color:#111}