:root{--bg:#f4f5f7;--panel:#fff;--panel-2:#f0f1f3;--border:#e3e5e8;--text:#1a1a1a;--muted:#5c6370;--red:#ed1522;--green:#1f8a3b;--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:3px solid var(--red);background:#fff;align-items:center;gap:20px;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.header .brand-logo{width:auto;height:52px;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;min-width:8px}.header .cliente-nombre{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:11rem;font-size:13px;overflow:hidden}.header .salir-btn,.header .cart-btn{flex-shrink:0}@media (width<=1180px){.header{gap:10px;padding:0 12px}.header nav a{padding:8px;font-size:13px}}.cart-btn{position:relative}.cart-badge{background:var(--red);color:#fff;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:#fff;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:#f4f5f7;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{color:var(--red);margin-top:auto;font-size:20px;font-weight:800}.prod .stock{font-size:12px}.stock.ok{color:#157a32}.stock.no{color:#b10f16}.btn{background:var(--red);color:#fff;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:#c10e18}.btn.sec{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.sec:hover{background:#e6e8ec}.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:#444;background:#eceff3}.badge.green{color:#157a32;background:#e5f6ea}.badge.blue{color:#1a5fa8;background:#e7f1fb}.badge.orange{color:#9a5b00;background:#fff4e5}.badge.red{color:#b10f16;background:#fde8e8}.login-bg{background:linear-gradient(#fff,#f4f5f7);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 16px 40px #11111114}.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:100%;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:#9d1c1c;background:#fdecec;border:1px solid #f3c0c0;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.ok-box{color:#146b32;background:#e8f7ec;border:1px solid #b7e0c2;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,.equiv-layout{grid-template-columns:1fr 320px;align-items:start;gap:18px;display:grid}.equiv-grupo{margin-bottom:14px}.equiv-ref{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.equiv-code{color:var(--red);font-size:22px;font-weight:800}.equiv-form p{margin-bottom:8px}@media (width<=800px){.cart-layout,.equiv-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:#111}.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:#fff}