/* KlipTok v77 · vistas por categoría y módulos (kt-v77-view.js). Tokens de la plataforma: --kt-* */
.k77{--a:var(--kt-acc,#7c3aed);--ink:var(--kt-ink,#0f172a);--mute:var(--kt-mute,#5b6478);--line:var(--kt-line,rgba(15,23,42,.11));--card:var(--kt-card,#fff);--hov:var(--kt-hover,rgba(99,102,241,.09));color:var(--ink);padding:1rem clamp(.6rem,2vw,1.4rem) 3rem;max-width:1400px;margin:0 auto}
.k77-head{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:.6rem}
.k77-ic{font-size:2rem;width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:1rem;background:var(--hov)}
.k77-tt{flex:1 1 220px;min-width:0}.k77-tt h1{font-size:clamp(1.3rem,3.4vw,1.8rem);font-weight:800;line-height:1.15;margin:0}.k77-tt p{margin:.15rem 0 0;color:var(--mute);font-size:.92rem}
.k77-acts{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.k77-search{height:2.4rem;padding:0 .9rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:.88rem;min-width:12rem}
.k77-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.4rem;padding:0 1rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 .85rem/1 inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.k77-btn:hover{background:var(--hov)}.k77-btn.on{color:var(--a);border-color:var(--a)}
.k77-btn.k77-pri{background:var(--kt-grad,linear-gradient(90deg,#2563eb,#9333ea,#ec4899));color:#fff;border-color:transparent}.k77-btn.k77-pri:hover{filter:brightness(1.08)}
.k77-btn.k77-sm{height:2rem;padding:0 .75rem;font-size:.78rem}
.k77 :focus-visible{outline:2px solid var(--a);outline-offset:2px}
.k77-sib{display:flex;gap:.4rem;overflow-x:auto;padding:.3rem 0 .8rem;scrollbar-width:thin}
.k77-sib a{flex:none;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.8rem;font-weight:600;text-decoration:none}
.k77-sib a:hover{background:var(--hov)}.k77-sib a.on{background:var(--kt-grad,var(--a));color:#fff;border-color:transparent}
.k77-status{min-height:1.2rem;color:var(--mute);font-size:.9rem;margin:.4rem 0}
/* v79: las rejillas y tarjetas de categoría se retiraron (las pinta el feed de index.html). */