:global(body){background:#eee!important}main{padding-top:0!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-4);padding-bottom:var(--space-3);flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-link{font-size:var(--font-size-sm);color:var(--color-azul);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{font-size:var(--font-size-sm);color:#bbb}.breadcrumb-actual{font-size:var(--font-size-sm);color:#888}.catalogo-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:start;padding-bottom:var(--space-12)}.catalogo-main{min-width:0;width:100%}.sidebar{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:calc(var(--navbar-height) + var(--space-4));max-height:calc(100vh - var(--navbar-height) - var(--space-8));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent;box-shadow:var(--shadow-sm)}.filtro-grupo{margin-bottom:var(--space-1)}.filtro-titulo{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-negro);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3) 0}.filtro-lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.filtro-link{display:block;font-size:var(--font-size-sm);color:#555;text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.filtro-link:hover{color:var(--color-negro);background:#f5f5f5}.filtro-link.activo{color:var(--color-azul);font-weight:var(--font-weight-semibold);background:#eef0f8}.filtro-divisor{height:1px;background:#f0f0f0;margin:var(--space-4) 0}.precio-inputs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.precio-input-wrap{display:flex;align-items:center;border:1px solid #ddd;border-radius:var(--radius-sm);overflow:hidden;flex:1}.precio-prefix{padding:0 var(--space-2);font-size:var(--font-size-sm);color:#888;background:#f9f9f9;border-right:1px solid #ddd;line-height:32px}.precio-input{border:none;outline:none;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);width:100%;color:var(--color-negro);background:#fff;font-family:var(--font-base)}.precio-guion{color:#bbb;font-size:var(--font-size-sm);flex-shrink:0}.btn-aplicar-precio{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-negro);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-base)}.btn-aplicar-precio:hover{background:#333}.tallas-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.talla-chip{padding:4px 10px;border:1.5px solid #ddd;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#555;text-decoration:none;transition:all var(--transition-fast);background:#fff}.talla-chip:hover{border-color:var(--color-negro);color:var(--color-negro)}.talla-chip.activo{background:var(--color-negro);border-color:var(--color-negro);color:#fff}.catalogo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}.catalogo-header-izq{display:flex;align-items:baseline;gap:var(--space-3)}.catalogo-titulo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-negro);margin:0}.catalogo-count{font-size:var(--font-size-sm);color:#888}.catalogo-header-der{display:flex;align-items:center;gap:var(--space-3)}.btn-filtros-mobile{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1.5px solid #ddd;border-radius:var(--radius-sm);background:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-negro);font-family:var(--font-base)}.ordenar-select{border:1.5px solid #ddd;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-negro);background:#fff;cursor:pointer;outline:none;font-family:var(--font-base);transition:border-color var(--transition-fast)}.ordenar-select:focus{border-color:var(--color-azul)}.filtros-activos{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chip-activo{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;background:#eef0f8;border:1px solid var(--color-azul);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-azul);text-decoration:none;transition:background var(--transition-fast)}.chip-activo:hover{background:#dde1f5}.chip-limpiar{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#888;text-decoration:none;border:1px solid #ddd;background:#fff;transition:color var(--transition-fast)}.chip-limpiar:hover{color:var(--color-negro);border-color:#aaa}.productos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.sin-resultados{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:#aaa;background:#fff;border-radius:var(--radius-lg)}.sin-resultados p{margin:0;font-size:var(--font-size-md)}.btn-limpiar-filtros{padding:var(--space-2) var(--space-5);background:var(--color-negro);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast)}.btn-limpiar-filtros:hover{background:#333}.drawer-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:var(--z-drawer);backdrop-filter:blur(2px)}.drawer-overlay.open{display:block}.drawer-filtros{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:calc(var(--z-drawer) + 1);transform:translateY(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;max-height:85vh}.drawer-filtros.open{transform:translateY(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid #f0f0f0;flex-shrink:0}.drawer-titulo{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-negro)}.drawer-cerrar{background:none;border:none;cursor:pointer;color:#888;padding:var(--space-1);display:flex;align-items:center}.drawer-contenido{flex:1;overflow-y:auto;padding:var(--space-5)}.drawer-footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid #f0f0f0;flex-shrink:0}.btn-limpiar-drawer{flex:1;padding:var(--space-3);border:1.5px solid #ddd;border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#555;text-decoration:none;transition:border-color var(--transition-fast)}.btn-limpiar-drawer:hover{border-color:#aaa}.btn-aplicar-drawer{flex:2;padding:var(--space-3);background:var(--color-negro);color:var(--color-dorado);border:1.5px solid var(--color-dorado);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;font-family:var(--font-base);transition:background var(--transition-fast),color var(--transition-fast)}.btn-aplicar-drawer:hover{background:var(--color-dorado);color:var(--color-negro)}@media (max-width: 1024px){.catalogo-layout{grid-template-columns:200px 1fr;gap:var(--space-5)}.productos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.catalogo-layout{display:block;padding-bottom:var(--space-8)}.sidebar{display:none}.btn-filtros-mobile{display:flex}.productos-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.catalogo-titulo{font-size:var(--font-size-lg)}.catalogo-main{overflow-x:hidden}}@media (max-width: 480px){.productos-grid{gap:var(--space-2)}}
