/* catalog.css — vista de resultados a pantalla completa */
.catalog{position:fixed;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;
  animation:catIn .32s var(--ease);}
@keyframes catIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

.cat-top{position:relative;z-index:5;background:var(--header-bg);
  backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--header-border);flex:none;}
.cat-top-in{max-width:var(--maxw);margin:0 auto;padding:16px 28px;
  display:flex;align-items:center;gap:14px;}
.cat-back{flex:none;}
.cat-title{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ink);
  display:flex;flex-direction:column;line-height:1.15;margin-right:auto;}
.cat-title span{white-space:nowrap;}
.cat-title small{font-family:var(--font-mono);font-weight:400;font-size:12.5px;color:var(--ink-3);margin-top:5px;letter-spacing:.01em;}
.cat-wa{flex:none;}

.cat-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.cat-body > .grid,.cat-body > .empty{max-width:var(--maxw);margin:0 auto;padding:28px;}
.cat-body > .grid{padding-top:30px;padding-bottom:60px;}

@media (max-width:760px){
  .cat-top-in{flex-wrap:wrap;padding:12px 18px;}
  .cat-title{font-size:18px;order:2;width:100%;margin:8px 0 0;}
  .cat-back{order:1;}
  .cat-wa{order:3;margin-left:auto;}
  .cat-body > .grid{padding:18px;}
}