:root{--color-bg:#fafafa;--color-surface:#fff;--color-text:#0a0a0a;--color-text-secondary:#737373;--color-border:#e5e5e5;--color-accent:#0a0a0a;--color-accent-hover:#262626;--header-height:65px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s}.header{z-index:100;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);grid-template-columns:var(--sidebar-width) 1fr;display:grid;position:fixed;top:0;left:0;right:0}.header.no-sidebar{grid-template-columns:1fr}.header-sidebar-area{border-right:1px solid var(--color-border);align-items:center;height:100%;padding:0 1.5rem;display:flex}.header-inner{align-items:center;gap:1.5rem;height:100%;padding:0 2rem;display:flex}.header.no-sidebar .header-inner{justify-content:space-between;width:100%;max-width:1400px;margin:0 auto}.header.no-sidebar .logo-flex{flex-shrink:0}.search-container{flex:1;max-width:640px;margin:0 auto;position:relative}.header.no-sidebar .search-container{margin:0 2rem}.search-input{background-color:var(--color-bg);border:1.5px solid var(--color-border);width:100%;color:var(--color-text);border-radius:9999px;padding:.75rem 1.25rem .75rem 3rem;font-family:inherit;font-size:.875rem;transition:all .25s}.search-input::placeholder{color:var(--color-text-secondary)}.search-input:focus{border-color:var(--color-accent);background-color:var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 12%, transparent);outline:none}.search-icon{color:var(--color-text-secondary);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:1.125rem;transform:translateY(-50%)}.search-input:focus~.search-icon,.search-container:focus-within .search-icon{color:var(--color-accent)}.header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.icon-button{width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.icon-button:hover{background-color:var(--color-bg)}.content{margin-top:var(--header-height);margin-left:var(--sidebar-width);min-width:0;min-height:calc(100vh - var(--header-height));padding:2rem}.content.no-sidebar{margin-left:0}.mobile-categories{scrollbar-width:none;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;display:none;overflow-x:auto}.mobile-categories::-webkit-scrollbar{display:none}.mobile-cat-pill{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s}.mobile-cat-pill.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.section{margin-bottom:4rem}.section-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-title{letter-spacing:-.02em;color:var(--color-text);font-size:1.5rem;font-weight:600}.section-subtitle{color:var(--color-text-secondary);font-size:.875rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}@media (width<=1024px){:root{--sidebar-width:220px}.header-sidebar-area{padding:0 1.25rem}.header-inner{padding:0 1.5rem}.content{padding:1.5rem}}@media (width<=768px){.header{grid-template-columns:1fr}.header-sidebar-area{display:none}.header-inner{gap:.5rem;padding:.75rem 1rem}.header-inner .logo-flex{flex-shrink:1;min-width:0}.header-inner .logo-flex span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-container{flex:1;margin:0 .5rem}.content{margin-left:0;padding:1rem}.mobile-categories{display:flex}.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.section{margin-bottom:2.5rem}.section-title{font-size:1.25rem}}@media (width<=480px){.product-grid{grid-template-columns:1fr}}.btn-add-cart:not(.btn-variantes),.btn-primary,.btn-registrar,.btn-confirmar,.btn-save-config,.btn-cupon,.btn-save,.btn-submit,.btn-nueva{background:var(--color-accent)!important}.btn-add-cart:not(.btn-variantes):hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-registrar:hover:not(:disabled),.btn-confirmar:hover:not(:disabled),.btn-save-config:hover:not(:disabled),.btn-cupon:hover:not(:disabled),.btn-save:hover:not(:disabled),.btn-submit:hover:not(:disabled),.btn-nueva:hover:not(:disabled){background:var(--color-accent-hover)!important}