/* Navegación de categorías (22-oct): un solo renglón de texto. Los atajos con icono (.quick) repetían las mismas
   categorías y se ocultan. En el teléfono el renglón se desliza con letra legible; nada se monta ni se parte. */
.catnav .catnav__inner { display:flex; flex-wrap:nowrap; gap:12px; overflow:visible; }
.catnav .catnav__list { display:flex; flex:0 1 auto; width:auto; min-width:0; overflow:visible; }
.catnav .catnav__link { gap:3px; padding-inline:8px; min-height:48px; font-size:.8125rem; white-space:nowrap; }
.catnav .quick { display:none; }
@media(min-width:1280px) { .catnav .catnav__link { padding-inline:12px; font-size:1rem; } }
@media(max-width:767px) {
 .catnav .catnav__inner { gap:0; padding-inline:8px 0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; scroll-padding-inline:8px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent); }
 .catnav .catnav__list { flex:none; }
 .catnav .catnav__link { flex:none; padding-inline:12px; font-size:.875rem; }
 .catnav .catnav__list > li:last-child { padding-right:32px; }
}