.product-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:10px;transition:border-color .22s,transform .22s,box-shadow .22s;overflow:hidden}.product-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 32px #fbac0c1f}[data-theme=light] .product-card{box-shadow:0 2px 14px #00000017}[data-theme=light] .product-card:hover{box-shadow:0 10px 32px #fbac0c33}.product-img{background:linear-gradient(135deg, var(--bg-surface), var(--bg));border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:175px;display:flex;position:relative;overflow:hidden}.product-badge{background:var(--accent);color:#111;font-family:var(--font-condensed);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:3px 9px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px}.product-info{padding:1rem 1.1rem 1.15rem}.product-ref{color:var(--text-hint);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem}.product-name{font-family:var(--font-condensed);color:var(--text-primary);margin-bottom:5px;font-size:1rem;font-weight:700;line-height:1.2}.product-compat{color:var(--text-muted);margin-bottom:.9rem;font-size:.76rem}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{font-family:var(--font-condensed);color:var(--accent);font-size:1.25rem;font-weight:800}.btn-add{color:var(--accent);font-family:var(--font-condensed);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fbac0c1a;border:1px solid #fbac0c47;border-radius:4px;padding:7px 13px;font-size:.78rem;font-weight:700;transition:background .2s}.btn-add:hover{background:#fbac0c38}.product-name-link{color:inherit;text-decoration:none;display:block}.product-name-link:hover .product-name{color:var(--accent);transition:color .2s}
.nav-active{color:var(--accent)!important}.nav-active:after{transform:scaleX(1)!important}.page-hero{border-bottom:1px solid var(--border);padding:2.5rem 2.5rem 2rem;position:relative;overflow:hidden}.page-hero-bg{z-index:0;background:radial-gradient(70% 100% at 100%,#fbac0c12 0%,#0000 70%),radial-gradient(40% 80% at 0%,#fbac0c0a 0%,#0000 60%);position:absolute;inset:0}[data-theme=light] .page-hero{background:linear-gradient(135deg,#ede9e0 0%,#f4f0e8 100%)}[data-theme=light] .page-hero-bg{background:radial-gradient(70% 100% at 100%,#fbac0c29 0%,#0000 70%),radial-gradient(40% 80% at 0%,#fbac0c14 0%,#0000 60%)}.page-hero-content{z-index:1;position:relative}.breadcrumb{color:var(--text-hint);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;margin-bottom:.75rem;font-size:.75rem;display:flex}.breadcrumb a{color:var(--text-hint);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent)}.page-hero-title{margin-bottom:.5rem;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;line-height:1}.page-hero-title span{color:var(--accent)}.page-hero-sub{color:var(--text-muted);font-size:.9rem}.productos-main{grid-template-columns:268px 1fr;align-items:start;display:grid}.filtros-panel{border-right:1px solid var(--border);background:var(--bg-surface);scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:calc(100vh - 64px);padding:1.5rem 1.25rem;position:sticky;top:64px;overflow-y:auto}[data-theme=light] .filtros-panel{background:#faf8f5;box-shadow:2px 0 12px #0000000d}.filtros-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.filtros-title{letter-spacing:.06em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:800}.btn-reset-filtros{cursor:pointer;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;border-radius:3px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:background .2s}.btn-reset-filtros:hover{background:#fbac0c1a}.filtro-grupo{border-bottom:1px solid var(--border);margin-bottom:1.4rem;padding-bottom:1.4rem}.filtro-grupo:last-child{border-bottom:none}.filtro-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.65rem;font-size:.7rem;font-weight:600}.filtro-search-wrap{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .2s;display:flex}.filtro-search-wrap:focus-within{border-color:var(--border-hover)}.filtro-search-icon{color:var(--text-hint);font-size:.82rem}.filtro-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:Barlow,sans-serif;font-size:.86rem}.filtro-search-input::placeholder{color:var(--text-hint)}.filtro-chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:4px 11px;font-family:Barlow,sans-serif;font-size:.76rem;font-weight:500;transition:all .2s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{border-color:var(--accent);color:var(--accent);background:#fbac0c26;font-weight:600}.precio-slider-wrap{flex-direction:column;gap:.5rem;display:flex}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.precio-labels{color:var(--text-muted);justify-content:space-between;font-size:.76rem;display:flex}#precio-val{color:var(--accent);font-weight:700}.filtro-select-full{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:4px;outline:none;padding:8px 12px;font-family:Barlow,sans-serif;font-size:.86rem;transition:border-color .2s}.filtro-select-full:focus{border-color:var(--border-hover)}.filtro-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.filtro-toggle input{display:none}.toggle-track{background:var(--input-bg);border:1px solid var(--input-border);border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .2s,border-color .2s;position:relative}.toggle-track:after{content:"";background:var(--text-hint);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.filtro-toggle input:checked+.toggle-track{border-color:var(--accent);background:#fbac0c33}.filtro-toggle input:checked+.toggle-track:after{background:var(--accent);transform:translate(16px)}.toggle-label{color:var(--text-muted);font-size:.8rem;line-height:1.3}.productos-content{min-width:0;padding:1.5rem 2rem}.productos-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.productos-meta{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.84rem;display:flex}.productos-count{color:var(--text-primary);font-weight:700}.topbar-right{align-items:center;gap:.6rem;display:flex}.btn-filtros-mobile{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:7px 14px;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:700;transition:border-color .2s;display:none}.btn-filtros-mobile:hover{border-color:var(--accent);color:var(--accent)}.view-toggle{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.view-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:7px 10px;font-size:.95rem;transition:background .2s,color .2s}.view-btn.active{color:var(--accent);background:#fbac0c26}.view-btn:hover:not(.active){background:var(--input-bg)}.active-filters{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.filter-tag{color:var(--accent);background:#fbac0c1a;border:1px solid #fbac0c47;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.73rem;font-weight:600;display:inline-flex}.filter-tag-remove{cursor:pointer;color:var(--accent);opacity:.7;background:0 0;border:none;padding:0;font-size:.8rem;transition:opacity .2s}.filter-tag-remove:hover{opacity:1}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;transition:opacity .25s;display:grid}.productos-grid.fading{opacity:0}.productos-grid.list-view{grid-template-columns:1fr}.productos-grid.list-view .product-card{flex:none;grid-template-columns:120px 1fr;min-width:0;display:grid}.productos-grid.list-view .product-img{border-bottom:none;border-right:1px solid var(--border);height:auto;min-height:120px}.productos-grid.list-view .product-info{flex-direction:column;justify-content:center;padding:.85rem 1rem;display:flex}.productos-grid.list-view .product-compat{margin-bottom:.5rem}.productos-grid.list-view .product-name{font-size:.95rem}.no-results{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.no-results-icon{opacity:.3;font-size:3rem}.no-results-title{font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:700}.no-results-sub{color:var(--text-muted);font-size:.88rem}.paginacion{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.pag-btn{background:var(--bg-card);border:1px solid var(--border);min-width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-family:Barlow,sans-serif;font-size:.84rem;font-weight:500;transition:all .2s;display:flex}.pag-btn:hover{border-color:var(--accent);color:var(--accent)}.pag-btn.active{background:var(--accent);border-color:var(--accent);color:#111;cursor:default;font-weight:700}.pag-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:900px){.productos-main{grid-template-columns:1fr}.filtros-panel{z-index:150;width:290px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:64px;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.filtros-panel.open{transform:translate(0)}.filtros-overlay{z-index:149;background:#00000080;display:none;position:fixed;inset:0}.filtros-overlay.open{display:block}.btn-filtros-mobile{display:flex}.productos-content{padding:1.25rem}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-template-columns:1fr!important}.product-card{grid-template-columns:110px 1fr;display:grid}.product-img{border-bottom:none;border-right:1px solid var(--border);height:auto;min-height:110px}.product-info{flex-direction:column;justify-content:center;padding:.75rem .9rem;display:flex}.view-toggle{display:none}}@media (max-width:480px){.page-hero{padding:1.75rem 1.25rem 1.5rem}.productos-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}}.product-card-skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-surface) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:10px;height:320px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-img{position:relative;overflow:hidden}