body{background:var(--bg-page)}.page-header{background:linear-gradient(135deg,#260f52,#3d1a72 45%,#1e2840);min-height:0;display:flex;align-items:center;position:relative;overflow:hidden}.page-header-bg{position:absolute;inset:0;z-index:1}.page-header-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.page-header-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#260f52ed,#371664e0,#141e37eb)}.page-header-inner{position:relative;z-index:2;text-align:center;width:100%;max-width:960px;margin:0 auto;padding:90px var(--space-3xl) 32px}.page-header h1{font-family:var(--font-display);font-size:clamp(22px,3.2vw,42px);font-weight:900;color:var(--white);line-height:1.12;margin-bottom:0;letter-spacing:-.5px;animation:blurFadeUp .6s ease-out .15s both}.ph-search-wrap{display:flex;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);padding:6px 6px 6px 20px;gap:10px;width:100%;margin:0 auto;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);animation:blurFadeUp .6s ease-out .3s both}.ph-search-wrap:focus-within{background:#ffffff2e;border-color:#ffffff73}.ph-search-icon{color:#ffffff8c;flex-shrink:0}.ph-search-input{flex:1;border:none;background:none;outline:none;font-size:15px;color:var(--white);font-family:var(--font-body);min-width:0;padding:6px 0}.ph-search-input::placeholder{color:#fff6}.ph-search-btn{width:38px;height:38px;min-width:38px;background:var(--white);color:var(--purple);border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ph-search-btn svg{display:block;flex-shrink:0}.ph-search-btn:hover{background:#ffffffe6;transform:scale(1.06)}@keyframes blurFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#00000080;backdrop-filter:blur(4px)}.sidebar-overlay.open{display:block}.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:0;max-width:1280px;margin:0 auto;padding:var(--space-xl) var(--site-pad) var(--space-4xl);align-items:start}.sidebar{position:sticky;top:88px;padding-right:var(--space-md);display:flex;flex-direction:column}.sidebar-footer{order:0}.sidebar-scroll-area{order:1}.sidebar-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--neutral);margin-bottom:var(--space-md)}.sidebar-header-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--dark)}.sidebar-close{width:32px;height:32px;border-radius:var(--radius-full);background:var(--pastel);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);transition:background var(--duration-fast) var(--ease-out)}.sidebar-close:hover{background:var(--neutral)}.filtros-aplicados{display:none;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) 0 var(--space-sm);border-bottom:1px solid var(--neutral);margin-bottom:var(--space-sm)}.filtros-aplicados.visible{display:flex}.filtros-aplicados-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.filtros-aplicados-title{font-size:13px;font-weight:700;color:var(--dark)}.btn-borrar-filtros{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--purple);font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;padding:0;white-space:nowrap;transition:opacity var(--duration-fast)}.btn-borrar-filtros:hover{opacity:.7}.filtros-aplicados-tags{display:flex;flex-wrap:wrap;gap:6px}.fa-tag{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid #ccc;border-radius:var(--radius-sm);padding:7px 13px;font-size:13px;font-weight:500;color:var(--dark);cursor:pointer;font-family:var(--font-body);transition:border-color var(--duration-fast),background var(--duration-fast)}.fa-tag:hover{border-color:var(--purple);background:var(--pastel);color:var(--purple)}.fa-tag svg{flex-shrink:0;opacity:.6}.fa-tag:hover svg{opacity:1}.active-filters-bar{display:none}.sidebar-block{background:none;border:none;border-radius:0;padding:0;margin-bottom:0}.sidebar-block:hover{border-color:transparent}.sidebar-scroll-area{display:block}.sidebar-footer{display:block;padding:0;margin-bottom:var(--space-sm)}.sidebar-mostrar-btn,.sht-m{display:none}.sht-d{display:inline}.ftb-m{display:none}.ftb-d{display:inline}.sf-search{margin-bottom:4px}.sf-input-wrap{display:flex;align-items:center;height:44px;background:var(--white);border:1.5px solid var(--neutral);border-radius:var(--radius-lg);padding:0 14px;gap:10px;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.sf-input-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #6e2c9114}.sf-icon{color:#c8c8c8;flex-shrink:0}.sf-input-wrap input{border:none;background:none;outline:none;font-size:13px;color:var(--dark);width:100%;font-family:var(--font-body)}.sf-input-wrap input::placeholder{color:#c4c4c4}.sf-panel{border-bottom:1px solid #f0f0f0}.sf-panel:last-of-type{border-bottom:none}.sf-panel-hd{width:100%;display:flex;align-items:center;padding:14px 2px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.8px;gap:8px;transition:color .15s ease}.sf-panel-hd:hover{color:var(--purple)}.sf-panel-label{flex:1;text-align:left}.sf-chevron{flex-shrink:0;color:#d0d0d0;transition:transform .22s ease}.sf-panel.open .sf-chevron{transform:rotate(180deg)}.sf-panel-bd{max-height:0;overflow:hidden;transition:max-height .28s ease}.sf-panel.open .sf-panel-bd{max-height:600px;padding-bottom:12px}.cat-list{list-style:none}.cat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,border-color .12s ease;margin-bottom:1px;border-left:2px solid transparent}.cat-item:hover{background:var(--pastel)}.cat-item.active{background:var(--pastel);border-left-color:var(--purple)}.cat-item.active .cat-item-name{color:var(--purple);font-weight:700}.cat-item-left{display:flex;align-items:center;gap:10px}.cat-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0;opacity:.7}.cd-all{background:var(--purple)}.cd-ceramica{background:#c49040}.cd-decorados{background:#d28fb5}.cd-banos{background:#5a7aaa}.cd-cocina{background:#9a6a5a}.cd-instalacion{background:#5a8a6a}.cd-pinturas{background:#d47a2c}.cd-limpieza{background:#4fa8c2}.cat-item-name{font-size:15px;color:var(--dark);font-weight:500}.cat-count{font-size:11px;font-weight:700;background:var(--pastel);color:#bbb;padding:2px 8px;border-radius:var(--radius-full)}.cat-item.active .cat-count{background:var(--purple);color:var(--white)}.subcat-list{display:none;list-style:none;padding-left:20px;margin-top:2px}.subcat-list.open{display:block}.subcat-item{padding:7px 8px;font-size:14px;color:#999;cursor:pointer;border-radius:var(--radius-sm);transition:color .12s ease,background .12s ease}.subcat-item:hover{color:var(--purple);background:var(--pastel)}.subcat-item.active{color:var(--purple);background:var(--pastel);font-weight:600}.sf-opts{display:flex;flex-direction:column;gap:1px}.chip{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:15px;color:#666;cursor:pointer;border:none;background:none;font-family:var(--font-body);text-align:left;width:100%;transition:color .12s ease,background .12s ease}.chip:before{content:"";width:15px;height:15px;border-radius:3px;border:1.5px solid #e0e0e0;flex-shrink:0;transition:all .15s ease}.chip:hover{color:var(--purple);background:var(--pastel)}.chip:hover:before{border-color:var(--purple-light)}.chip.active{color:var(--purple);font-weight:600;background:var(--pastel)}.chip.active:before{background:var(--purple);border-color:var(--purple);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}.ver-mas-btn{display:block;background:none;border:none;color:var(--purple);font-size:13px;font-weight:600;cursor:pointer;padding:8px 0 4px;text-align:left}.ver-mas-btn:hover{text-decoration:underline}.btn-clear{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--neutral);background:none;color:#bbb;font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-clear:hover{border-color:var(--purple);color:var(--purple)}.main-content{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);gap:var(--space-sm);background:var(--white);border:1px solid var(--neutral);border-radius:var(--radius-xl);padding:12px var(--space-md);box-shadow:var(--shadow-xs)}.toolbar-left{display:flex;align-items:center;gap:var(--space-sm)}.results-count{font-size:14px;color:var(--medium);white-space:nowrap}.results-count strong{color:var(--dark);font-weight:700;font-size:16px}.filter-toggle-btn{display:none;align-items:center;gap:6px;background:none;border:1.5px solid var(--neutral);color:var(--dark);padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.filter-toggle-btn:hover{border-color:var(--purple);color:var(--purple)}.toolbar-divider{width:1px;height:22px;background:var(--neutral);flex-shrink:0}.toolbar-right{display:flex;align-items:center;gap:10px}.toolbar-search-wrap{display:flex;align-items:center;gap:8px;width:0;overflow:hidden;opacity:0;pointer-events:none;border:1.5px solid transparent;border-radius:var(--radius-sm);padding:0;transition:width .28s ease-out,opacity .2s ease-out,border-color .2s ease-out,padding .28s ease-out}.toolbar-search-wrap.open{width:400px;opacity:1;pointer-events:auto;border-color:var(--purple);padding:0 10px 0 12px}.toolbar-search-icon-left{color:var(--purple);flex-shrink:0;opacity:0;transition:opacity .15s ease-out .1s}.toolbar-search-wrap.open .toolbar-search-icon-left{opacity:1}.toolbar-search-input{flex:1;border:none;background:transparent;padding:9px 0;font-size:14px;font-family:var(--font-body);color:var(--dark);outline:none;min-width:0}.toolbar-search-input::placeholder{color:#bbb}.toolbar-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:#aaa;cursor:pointer;flex-shrink:0;padding:0;border-radius:var(--radius-full);transition:background var(--duration-fast),color var(--duration-fast)}.toolbar-search-clear:hover{background:var(--pastel);color:var(--purple)}.toolbar-search-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1.5px solid var(--neutral);background:var(--white);color:var(--medium);cursor:pointer;flex-shrink:0;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.toolbar-search-btn:hover,.toolbar-search-btn.active{border-color:var(--purple);color:var(--purple);background:var(--pastel)}.sort-group{display:flex;align-items:center;gap:8px;border:1.5px solid var(--neutral);border-radius:var(--radius-sm);padding:0 4px 0 12px;background:var(--white)}.sort-label{font-size:14px;font-weight:600;color:var(--dark);white-space:nowrap;user-select:none}.sort-select{padding:9px 30px 9px 0;border:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 6px center;font-size:14px;color:var(--dark);font-family:var(--font-body);cursor:pointer;outline:none!important;min-width:150px;-webkit-appearance:none;appearance:none}.sort-select:hover,.sort-select:focus,.sort-select:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.view-btns{display:flex;gap:4px}.view-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--neutral);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999;transition:all var(--duration-fast) var(--ease-out)}.view-btn svg{width:16px;height:16px}.view-btn.active{background:var(--purple);border-color:var(--purple);color:var(--white)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.products-grid.vista-lista{grid-template-columns:1fr}.products-grid.vista-lista .prod-card{flex-direction:row;align-items:stretch}.products-grid.vista-lista .prod-img{width:160px;flex-shrink:0;aspect-ratio:unset;height:auto;min-height:160px;align-self:stretch}.products-grid.vista-lista .prod-body{padding:var(--space-md) var(--space-lg)}.products-grid.vista-lista .prod-name{font-size:15px}.products-grid.vista-lista .prod-footer{justify-content:flex-start;gap:16px}.products-grid.vista-lista .prod-actions{gap:8px}.products-grid.vista-lista .btn-detail{padding:9px 20px;font-size:13px}.prod-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--neutral);box-shadow:0 1px 4px #321c3d0f;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;display:flex;flex-direction:column}.prod-card:hover{box-shadow:0 8px 32px #321c3d21;transform:translateY(-3px);border-color:#6e2c9126}.prod-img{aspect-ratio:1 / 1;position:relative;display:flex;align-items:center;justify-content:center;font-size:44px;overflow:hidden;color:#ffffff26}.prod-img--photo{background:#f7f5f2;overflow:hidden}.prod-img--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;transition:transform .35s ease,opacity .25s ease}.prod-img-primary{opacity:1;z-index:1}.prod-img-hover{opacity:0;z-index:2}.prod-card:hover .prod-img--photo .prod-img-primary{transform:scale(1.04)}.prod-img--fit{background:#f0ede8}.prod-img--fit img{object-fit:contain;padding:0}.prod-img:hover .prod-img-primary{opacity:0}.prod-img:hover .prod-img-hover{opacity:1}.prod-img--broken{background:linear-gradient(145deg,var(--neutral-100),var(--neutral-200))}.prod-img--broken .prod-img-primary,.prod-img--broken .prod-img-hover{display:none}.prod-img--broken:before{content:"Foto próximamente";position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:10px;font-family:var(--font-body);color:#64506e66;letter-spacing:.6px;z-index:1;pointer-events:none}.prod-img--broken:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 24 24' fill='none' stroke='%23b8a8c4' stroke-width='1.2'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center 42%;background-size:56px;opacity:.65}.tex-pisos-1,.tex-pisos-2,.tex-pisos-3,.tex-pisos-4,.tex-pared-1,.tex-pared-2,.tex-pared-3,.tex-banos-1,.tex-banos-2,.tex-cocina-1,.tex-compl-1,.tex-compl-2{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.045) 0,rgba(0,0,0,.045) 1px,transparent 1px,transparent 52px),repeating-linear-gradient(0deg,rgba(0,0,0,.045) 0,rgba(0,0,0,.045) 1px,transparent 1px,transparent 52px);background-size:52px 52px,52px 52px,auto}.tex-pisos-1{background-color:#c8ab82}.tex-pisos-2{background-color:#a88a6a}.tex-pisos-3{background-color:#9a9a9a}.tex-pisos-4{background-color:#b89282}.tex-pared-1{background-color:#8aaab8}.tex-pared-2{background-color:#8aaa8a}.tex-pared-3{background-color:#a890a8}.tex-banos-1{background-color:#c8c8c8}.tex-banos-2{background-color:#6a8ab0}.tex-cocina-1{background-color:#a07868}.tex-compl-1{background-color:#829882}.tex-compl-2{background-color:#a09272}.prod-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:4px;z-index:3}.badge{font-size:9px;font-weight:700;letter-spacing:.4px;padding:9px 10px;border-radius:var(--radius-full);color:var(--white);width:fit-content;line-height:1}.b-new{background:var(--green)}.b-hot{background:#e04040}.b-promo{background:#e07a20}.b-stock{background:var(--purple)}.prod-body{padding:14px 14px 12px;flex:1;display:flex;flex-direction:column}.prod-cat-tag{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prod-cat-tag span{color:#bbb;font-weight:400;letter-spacing:0;text-transform:none;font-size:10px}.prod-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--dark);margin-bottom:3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-ref{font-size:11px;color:#ccc;margin-bottom:6px}.prod-specs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.spec-tag{background:var(--pastel);color:#888;font-size:10px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--neutral)}.prod-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #f3f1f5}.prod-precio{font-family:var(--font-display);font-size:17px;font-weight:900;color:var(--dark);letter-spacing:-.4px;flex-shrink:0}.prod-actions{display:flex;gap:6px;align-items:center}.btn-detail{text-align:center;background:none;color:var(--dark);padding:8px 14px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:12px;border:1.5px solid var(--neutral);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-detail:hover{border-color:var(--purple);color:var(--purple);background:var(--pastel)}.btn-wa-small{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-wa-small svg{width:16px;height:16px}.btn-wa-small:hover{background:var(--green-hover);transform:translateY(-1px)}.cat-section-header{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-xs)}.cat-section-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;color:var(--white)}.cat-section-icon svg{width:18px;height:18px}.csi-ceramica{background:linear-gradient(135deg,#8b6914,#c49040)}.csi-decorados{background:linear-gradient(135deg,#a84f7a,#d28fb5)}.csi-banos{background:linear-gradient(135deg,#2a4a7a,#5a7aaa)}.csi-cocina{background:linear-gradient(135deg,#5a3a2a,#9a6a5a)}.csi-instalacion{background:linear-gradient(135deg,#3a5a3a,#6a8a6a)}.csi-pinturas{background:linear-gradient(135deg,#c45a1a,#d47a2c)}.csi-limpieza{background:linear-gradient(135deg,#2f7ea0,#4fa8c2)}.cat-section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:800;color:var(--dark)}.cat-section-line{flex:1;height:1px;background:var(--neutral)}.cat-section-count{font-size:var(--text-xs);color:#bbb;white-space:nowrap}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-4xl) var(--space-lg);color:#ccc}.empty-state .empty-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--pastel);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:#aaa}.empty-state .empty-icon svg{width:24px;height:24px}.empty-state p{font-size:14px;color:#aaa}.prod-modal-overlay{display:none;position:fixed;inset:0;z-index:3000;background:#0000008c;align-items:center;justify-content:center;padding:var(--space-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.prod-modal-overlay.open{display:flex}.prod-modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:92vh;overflow-y:auto;position:relative;animation:modalIn .25s var(--ease-out);scrollbar-width:none;box-shadow:var(--shadow-xl)}.prod-modal::-webkit-scrollbar{display:none}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:100;width:32px;height:32px;border-radius:var(--radius-full);background:#00000080;backdrop-filter:blur(8px);border:none;cursor:pointer;color:var(--white);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.modal-close:hover{background:#000000b3}.modal-visual{height:500px;display:flex;align-items:center;justify-content:center;font-size:60px;position:relative;color:#ffffff26;overflow:hidden}.modal-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:4px;z-index:10}.modal-slider{position:absolute;inset:0;overflow:hidden;background:var(--white)}.modal-slide{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.modal-slide.active{opacity:1;z-index:1}.modal-slide{pointer-events:none}.modal-slide.active{pointer-events:auto;cursor:zoom-in}.modal-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease;transform-origin:50% 50%}.modal-zoom-hint{position:absolute;bottom:10px;right:10px;z-index:10;background:#0006;color:var(--white);border-radius:var(--radius-full);width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:none;backdrop-filter:blur(4px)}.zoom-overlay{display:none;position:fixed;inset:0;z-index:6000;background:#000000ed;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 48px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}.zoom-overlay.open{display:flex;animation:modalIn .2s var(--ease-out)}.zoom-overlay img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 12px 60px #0009;user-select:none;pointer-events:auto;transition:transform .3s ease;transform-origin:50% 50%;touch-action:manipulation}@media(hover:hover){.zoom-overlay img{cursor:zoom-in}}.zoom-overlay:after{content:"Toca fuera de la imagen para cerrar";position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff59;letter-spacing:.5px;pointer-events:none;white-space:nowrap}.zoom-close{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:var(--radius-full);background:#ffffff2e;border:1px solid rgba(255,255,255,.25);cursor:pointer;color:var(--white);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out);z-index:1;pointer-events:all;font-size:20px}.zoom-close:hover{background:#ffffff4d}.modal-slide-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:var(--radius-full);background:#ffffffeb;backdrop-filter:blur(6px);border:none;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--dark);box-shadow:0 2px 10px #00000026;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.modal-slide-btn:hover{background:var(--white);transform:translateY(-50%) scale(1.08)}.modal-slide-prev{left:10px}.modal-slide-next{right:10px}.modal-slide-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:7px;align-items:center}.modal-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#00000040;cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.modal-dot.active{background:var(--purple);transform:scale(1.35)}.modal-handle{display:none}.modal-body{padding:var(--space-lg)}.modal-cat{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:var(--space-xs)}.modal-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:var(--space-xs)}.modal-ref{font-size:12px;color:#bbb;margin-bottom:var(--space-md)}.modal-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-md)}.modal-precio{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--dark);margin-bottom:var(--space-md);letter-spacing:-.5px}.modal-desc{font-size:var(--text-sm);color:#666;line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.modal-actions{display:flex;gap:var(--space-sm)}.modal-btn-wa{flex:1;text-align:center;background:var(--green);color:var(--white);padding:14px var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:background var(--duration-fast) var(--ease-out)}.modal-btn-wa svg{width:18px;height:18px}.modal-btn-wa:hover{background:var(--green-hover)}.modal-btn-close{padding:14px var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--neutral);background:none;color:#888;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.modal-btn-close:hover{border-color:var(--dark);color:var(--dark)}@media(max-width:1100px){.catalog-layout{grid-template-columns:220px 1fr}.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.page-header{min-height:0}.page-header-inner{padding:90px var(--space-lg) 32px}.page-header h1{font-size:clamp(18px,5vw,26px);margin-bottom:18px}.page-header-bg-img{object-position:center 35%}.ph-search-wrap{padding:5px 5px 5px 16px}.ph-search-input{font-size:14px}.ph-search-btn{width:36px;height:36px;min-width:36px}.catalog-layout{display:block;padding:var(--space-md) var(--space-md) var(--space-2xl)}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:900;width:min(300px,85vw);max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--white);padding:0 var(--space-lg) var(--space-2xl);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:8px 0 40px #00000026}.sidebar-header,.filter-toggle-btn{display:flex}.toolbar{flex-wrap:nowrap;padding:8px var(--space-sm);gap:8px}.toolbar-left{min-width:0}.results-count{font-size:11px}.results-count strong{font-size:13px}.sort-label{display:none}.sort-group{padding:0 4px 0 6px}.sort-select{font-size:11px;min-width:100px}.toolbar-search-btn,.toolbar-search-wrap{display:none}.toolbar{position:sticky;top:80px;z-index:99;background:var(--white)}.active-filters-bar{display:none;padding:8px var(--space-md);background:var(--white);border-bottom:1px solid rgba(0,0,0,.06)}.active-filters-bar.visible{display:block}.afb-tags{display:flex;flex-wrap:wrap;gap:6px}.afb-tags .fa-tag{font-size:12px;padding:5px 10px;gap:6px}.products-grid{grid-template-columns:1fr;gap:10px}.prod-img{aspect-ratio:4 / 3;max-height:300px}.prod-img--photo img{padding:4px}.prod-body{padding:14px 16px}.prod-cat-tag{font-size:10px;margin-bottom:6px}.prod-name{font-size:16px;margin-bottom:6px;-webkit-line-clamp:2}.prod-ref{font-size:12px}.prod-specs{display:none}.prod-footer{padding-top:12px;gap:8px}.prod-precio{font-size:18px}.prod-actions{gap:8px}.btn-detail{padding:9px 14px;font-size:13px}.btn-wa-small{width:36px;height:36px}.btn-wa-small svg{width:16px;height:16px}.prod-card:hover .prod-img-primary{opacity:1}.prod-card:hover .prod-img-hover{opacity:0}.prod-card:hover .prod-img--photo .prod-img-primary{transform:none}.prod-modal-overlay{padding:var(--space-md);align-items:center;background:#0000008c}.prod-modal{border-radius:var(--radius-xl);max-height:92vh;height:auto;overflow-y:auto;display:block;animation:modalIn .25s var(--ease-out);box-shadow:var(--shadow-xl)}.modal-handle{display:none}.modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);align-self:unset;margin:0;width:32px;height:32px;background:#00000080;color:var(--white);backdrop-filter:blur(8px);box-shadow:none;flex-shrink:unset;border-radius:var(--radius-full)}.modal-visual{height:300px;min-height:unset;max-height:none;flex-shrink:unset}.modal-body{flex:unset;overflow-y:unset;padding:var(--space-lg);border-top:none}.modal-name{font-size:18px}.toolbar{flex-wrap:wrap;padding:12px var(--space-md);gap:8px;row-gap:6px;align-items:center}.toolbar:before{content:"Ordenar por";display:block;width:100%;font-size:13px;font-weight:700;color:var(--dark)}.toolbar-right{order:2;flex:1;min-width:0}.toolbar-left{order:2;flex-shrink:0}.results-count,.view-btns,.sort-label{display:none}.sort-group{display:flex;flex-direction:row;align-items:center;border:none;background:none;padding:0;width:100%}.sort-select{font-size:13px;min-width:0;width:100%;border:1.5px solid rgba(50,28,61,.15);border-radius:var(--radius-sm);padding:10px 32px 10px 12px;height:44px}.ftb-d{display:none}.ftb-m{display:inline}.filter-toggle-btn{height:44px;padding:0 14px;border:1.5px solid rgba(50,28,61,.2);border-radius:var(--radius-sm);gap:6px;font-size:13px;font-weight:600;color:var(--dark);background:none;white-space:nowrap}.sidebar{position:fixed;inset:0;z-index:1001;width:100vw;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:0;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out)}.sidebar.open{transform:translate(0);box-shadow:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px var(--space-lg) 16px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.sidebar-header-title{font-size:17px;font-weight:700}.sht-d{display:none}.sht-m{display:inline}.sidebar-close{width:38px;height:38px;border:1.5px solid rgba(50,28,61,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;color:var(--dark)}.sidebar-scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 var(--space-lg) var(--space-lg);order:2}.sidebar-footer{display:none;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--white);border-top:1px solid rgba(0,0,0,.08);flex-shrink:0;order:3;margin-bottom:0}.sidebar-footer.visible{display:flex}.sidebar-mostrar-btn{display:block;width:100%;padding:16px;background:var(--purple);color:var(--white);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sidebar-mostrar-btn:hover{background:var(--purple-hover)}.filtros-aplicados{border-top:none;border-bottom:1px solid rgba(0,0,0,.07);margin-top:0;padding:0 0 var(--space-sm)}.filtros-aplicados-tags{flex-wrap:wrap}.ver-mas-btn{display:block}.cat-dot,.cat-item[data-cat=todos]{display:none}.cat-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer}.cat-item:before{content:"";flex-shrink:0;width:18px;height:18px;border:1.5px solid rgba(50,28,61,.28);border-radius:3px;background:#fff;transition:background .15s,border-color .15s}.cat-item.active:before{background:var(--purple);border-color:var(--purple);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.cat-count{margin-left:auto;font-size:12px;color:#321c3d66}.subcat-list{padding-left:28px}.subcat-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px;cursor:pointer;color:#321c3db3}.subcat-item:before{content:"";flex-shrink:0;width:16px;height:16px;border:1.5px solid rgba(50,28,61,.28);border-radius:3px;background:#fff;transition:background .15s,border-color .15s}.subcat-item.active{color:var(--dark);font-weight:500}.subcat-item.active:before{background:var(--purple);border-color:var(--purple);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.sf-opts{flex-direction:column;gap:0}.chip{display:flex;align-items:center;gap:10px;padding:11px 0;border-radius:0;border:none;border-bottom:1px solid rgba(0,0,0,.05);background:none!important;color:#321c3dbf!important;font-size:13px;letter-spacing:0;text-transform:none;font-weight:400}.chip.active{color:var(--dark)!important;font-weight:500}.chip:before{content:"";flex-shrink:0;width:18px;height:18px;border:1.5px solid rgba(50,28,61,.28);border-radius:3px;background:#fff;transition:background .15s,border-color .15s}.chip.active:before{background:var(--purple);border-color:var(--purple);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.chip[data-valor=todos],.chip[data-valor=todas]{display:none}}@media(max-width:480px){.catalog-layout{padding:var(--space-sm) var(--space-sm) var(--space-2xl)}.page-header{min-height:0}.page-header-inner{padding:80px var(--space-md) 28px}.page-header h1{font-size:18px}.page-header-bg-img{object-position:center 30%}.ph-search-wrap{padding:4px 4px 4px 14px;gap:8px}.ph-search-input{font-size:13px}.ph-search-btn{width:34px;height:34px;min-width:34px}.ph-search-btn svg{width:14px;height:14px}.products-grid{grid-template-columns:1fr}.prod-ref{display:block}.prod-specs{display:flex}.prod-body{padding:12px}.prod-name{font-size:14px}.btn-detail{padding:9px 12px;font-size:12px}.btn-wa-small{width:34px;height:34px}.modal-visual{height:260px}}@media(min-width:821px){.view-btn[data-vista=lista]{display:none}}#pagination-bar,#pagination-bar-top{display:flex;justify-content:flex-end}#pagination-bar-top{padding:var(--space-sm) 0 var(--space-md)}#pagination-bar{padding:var(--space-xl) 0 var(--space-2xl)}@media(max-width:820px){#pagination-bar,#pagination-bar-top{justify-content:center}}.pag-nav{display:flex;align-items:center;gap:6px}.pag-num,.pag-btn{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;border-radius:var(--radius-sm);border:1.5px solid var(--neutral);background:var(--white);color:var(--dark);font-size:14px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.pag-num:hover,.pag-btn:hover:not(:disabled){border-color:var(--purple);color:var(--purple)}.pag-num.active{background:var(--purple);border-color:var(--purple);color:var(--white);font-weight:700;cursor:default}.pag-btn:disabled{opacity:.35;cursor:default}.pag-ellipsis{min-width:28px;text-align:center;color:#bbb;font-size:14px;user-select:none}.products-grid .prod-card,.products-grid .cat-section-header{opacity:0;transform:translateY(16px);transition:opacity .32s ease-out,transform .32s ease-out;transition-delay:var(--stagger-delay, 0ms)}.products-grid.stagger-visible .prod-card,.products-grid.stagger-visible .cat-section-header{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.page-header h1,.ph-search-wrap{animation:none;opacity:1;transform:none;filter:none}.products-grid .prod-card,.products-grid .cat-section-header{opacity:1;transform:none;transition:none}}