body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{background-color:#f5f5f5;display:flex;flex-direction:column;max-width:100%;min-height:100vh}.header{background-color:#d40c14;box-shadow:0 2px 4px #0000001a;color:#fff;padding:15px 20px}.title{font-size:24px;margin:0 0 10px}.status-bar{align-items:center;display:flex;font-size:14px;gap:15px}.status{border-radius:12px;font-weight:700;padding:4px 12px}.status.online{background-color:#4caf50}.status.offline{background-color:#f44336}.sync-info{font-size:12px;opacity:.9}.nav{border-bottom:1px solid #ddd;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav,.nav-btn{background-color:#fff}.nav-btn{border:none;border-bottom:3px solid #0000;cursor:pointer;flex:1 1;font-size:14px;padding:15px;transition:background-color .3s}.nav-btn:hover{background-color:#f5f5f5}.nav-btn.active{background-color:#e3f2fd;border-bottom-color:#2196f3;font-weight:700}.content{flex:1 1;overflow-y:auto;padding:20px}.categorias{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.categorias::-webkit-scrollbar{height:6px}.categorias::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.categoria-btn{background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s;white-space:nowrap}.categoria-btn:hover{background-color:#f5f5f5}.categoria-btn.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.productos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.title{font-size:20px}.nav-btn{font-size:12px;padding:12px}}@media (max-width:480px){.productos-grid{grid-template-columns:1fr}.content{padding:15px}.categorias{gap:8px}.categoria-btn{font-size:12px;padding:6px 12px}}
/*# sourceMappingURL=main.975344cb.css.map*/