/* Catálogo */
.cat-page{max-width:1320px;margin:0 auto;padding:22px 6% 40px;}
.cat-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.cat-hero h1{font-weight:800;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.2;}
.cat-hero p{color:var(--ink-soft);font-size:.86rem;margin-top:4px;}
.cat-hero p b{color:var(--pink-header);}
.cat-hero-ico{flex:none;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,var(--pink-light) 78%);display:grid;place-items:center;box-shadow:0 8px 18px rgba(225,77,149,.16);}
.cat-hero-ico img{width:70%;height:70%;object-fit:contain;}
.cat-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start;}
.filtros{position:sticky;top:96px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:18px;max-height:calc(100vh - 116px);overflow-y:auto;}
.filtros-head{display:none;}
.f-grupo{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f4e6ee;}
.f-grupo h4{font-size:.86rem;margin-bottom:10px;}
.f-cats{display:flex;flex-direction:column;gap:2px;max-height:330px;overflow-y:auto;}
.f-cats a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;text-decoration:none;font-size:.82rem;color:var(--ink);}
.f-cats a small{color:var(--ink-soft);}
.f-cats a:hover{background:var(--pink-section);}
.f-cats a.activo{background:var(--pink-header);color:#fff;font-weight:600;}
.f-cats a.activo small{color:#fff;}
.f-precio{display:flex;align-items:center;gap:8px;}
.f-precio input{width:100%;min-width:0;padding:9px 10px;border:1.5px solid var(--pink-light);border-radius:10px;font:inherit;font-size:.84rem;}
.f-precio input:focus{outline:none;border-color:var(--pink-header);}
.f-rangos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.f-rangos a{font-size:.74rem;padding:5px 10px;border-radius:999px;background:var(--pink-section);color:var(--ink);text-decoration:none;}
.f-rangos a:hover{background:var(--pink-light);color:var(--pink-header);}
.f-check{display:flex;align-items:center;gap:10px;font-size:.85rem;padding:5px 0;cursor:pointer;}
.f-check input{width:18px;height:18px;accent-color:var(--pink-header);}
.f-limpiar{display:block;text-align:center;margin-top:10px;font-size:.8rem;color:var(--pink-header);font-weight:600;}
.res-barra{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.btn-filtrar{display:none;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--pink-light);color:var(--pink-header);font-weight:700;font-size:.84rem;}
.btn-filtrar svg{width:17px;height:17px;}
.chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--pink-header);color:#fff;font-size:.76rem;font-weight:600;text-decoration:none;}
.chip span{opacity:.8;}
.orden{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink-soft);margin-left:auto;}
.orden select{padding:9px 12px;border:1.5px solid var(--pink-light);border-radius:12px;font:inherit;font-size:.84rem;color:var(--ink);background:#fff;cursor:pointer;}
.cat-grid .product-card{flex:1 1 calc(50% - 16px);}
@media(min-width:640px){.cat-grid .product-card{flex:1 1 calc(33.333% - 15px);max-width:calc(33.333% - 14px);}}
@media(min-width:1200px){.cat-grid .product-card{flex:1 1 calc(25% - 19.5px);max-width:calc(25% - 19.5px);}}
@media(max-width:639px){.cat-grid .product-card{max-width:calc(50% - 8px);}}
.paginacion{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:34px;flex-wrap:wrap;}
.paginacion a{min-width:40px;height:40px;padding:0 10px;border-radius:12px;display:grid;place-items:center;text-decoration:none;font-weight:600;font-size:.86rem;background:#fff;box-shadow:var(--shadow-soft);color:var(--ink);}
.paginacion a:hover{color:var(--pink-header);}
.paginacion a.activo{background:var(--pink-header);color:#fff;}
.paginacion svg{width:16px;height:16px;}
.pg-sep{color:var(--ink-soft);padding:0 4px;}
.pg-info{text-align:center;color:var(--ink-soft);font-size:.78rem;margin-top:10px;}
.filtros-overlay{position:fixed;inset:0;background:rgba(36,21,33,.45);opacity:0;pointer-events:none;transition:opacity .3s;z-index:270;}
.filtros-overlay.active{opacity:1;pointer-events:auto;}
@media(max-width:899px){
  .cat-page{padding:16px 4% 30px;}
  .cat-layout{grid-template-columns:minmax(0,1fr);}
  .filtros{position:fixed;top:0;left:-100%;bottom:0;width:min(330px,88vw);max-height:none;border-radius:0 20px 20px 0;z-index:280;transition:left .35s var(--ease-pop);padding-top:0;}
  .filtros.open{left:0;}
  .filtros-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:16px 0;margin-bottom:6px;z-index:1;}
  .filtros-cerrar svg{width:22px;height:22px;}
  .btn-filtrar{display:inline-flex;}
  .orden{margin-left:0;}
  .orden select{max-width:170px;}
  .chips{flex:1 1 100%;order:3;}
}
@media(max-width:899px){.f-cats{max-height:none;}}