/* KlipToc v236 · buscador global (paleta). Usa las variables de tema del sitio (--kt-*), claro y oscuro. */
.kgs{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:max(4vh,env(safe-area-inset-top)) .75rem 1rem;opacity:0;transition:opacity .15s ease}
.kgs[hidden]{display:none}
.kgs.on{opacity:1}
.kgs-bd{position:absolute;inset:0;background:rgba(8,10,24,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.kgs-box{position:relative;width:min(44rem,100%);max-height:min(80vh,40rem);display:flex;flex-direction:column;background:var(--kt-card,#fff);color:var(--kt-ink,#0f172a);border:1px solid var(--kt-line,rgba(100,116,139,.3));border-radius:1.1rem;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden;transform:translateY(-10px) scale(.98);transition:transform .18s ease}
.kgs.on .kgs-box{transform:none}
.kgs-bar{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-bottom:1px solid var(--kt-line,rgba(100,116,139,.25))}
.kgs-ic{display:inline-flex;color:var(--kt-acc,#7c3aed)}
.kgs-in{flex:1;min-width:0;background:transparent;border:0;outline:0;font:inherit;font-size:1.05rem;color:inherit}
.kgs-in::placeholder{color:var(--kt-mute,#64748b)}
.kgs-mic,.kgs-clr,.kgs-esc{border:1px solid var(--kt-line,rgba(100,116,139,.3));background:transparent;color:var(--kt-mute,#64748b);border-radius:.5rem;font-size:.75rem;padding:.25rem .5rem;cursor:pointer}
.kgs-mic[hidden],.kgs-clr[hidden]{display:none}
.kgs-mic.on{color:#fff;background:#ef4444;border-color:#ef4444}
.kgs-mic:hover,.kgs-clr:hover,.kgs-esc:hover{background:var(--kt-hover,rgba(99,102,241,.1))}
.kgs-chips{display:flex;gap:.4rem;padding:.55rem 1rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--kt-line,rgba(100,116,139,.2))}
.kgs-chips::-webkit-scrollbar{display:none}
.kgs-chip{flex:none;border:1px solid var(--kt-line,rgba(100,116,139,.3));background:transparent;color:var(--kt-mute,#64748b);border-radius:999px;padding:.25rem .8rem;font-size:.8rem;cursor:pointer}
.kgs-chip.on{background:var(--kt-grad,linear-gradient(135deg,#7c3aed,#4f46e5));color:#fff;border-color:transparent}
.kgs-list{overflow-y:auto;padding:.4rem .5rem .6rem;overscroll-behavior:contain}
.kgs-h{padding:.7rem .6rem .25rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kt-mute,#64748b)}
.kgs-r{display:flex;align-items:center;gap:.7rem;padding:.55rem .6rem;border-radius:.7rem;cursor:pointer;width:100%;text-align:left;background:transparent;border:0;color:inherit;font:inherit}
.kgs-r.on{background:var(--kt-hover,rgba(99,102,241,.12))}
.kgs-ri{flex:none;width:2.1rem;height:2.1rem;display:grid;place-items:center;font-size:1.15rem;border-radius:.6rem;background:var(--kt-hover,rgba(99,102,241,.1))}
.kgs-rt{flex:1;min-width:0;display:flex;flex-direction:column}
.kgs-rt b{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kgs-rt small{font-size:.76rem;color:var(--kt-mute,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kgs mark{background:rgba(168,85,247,.25);color:inherit;border-radius:.2rem;padding:0 .05rem}
.kgs-tag{flex:none;font-style:normal;font-size:.68rem;color:var(--kt-mute,#64748b);border:1px solid var(--kt-line,rgba(100,116,139,.3));border-radius:999px;padding:.1rem .5rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kgs-go{flex:none;opacity:0}
.kgs-r.on .kgs-go{opacity:.8}
.kgs-del{flex:none;border:0;background:transparent;color:var(--kt-mute,#64748b);cursor:pointer;padding:.2rem .4rem;border-radius:.4rem}
.kgs-del:hover{background:var(--kt-hover)}
.kgs kbd{font:inherit;font-size:.68rem;border:1px solid var(--kt-line,rgba(100,116,139,.35));border-bottom-width:2px;border-radius:.35rem;padding:0 .35rem;color:var(--kt-mute,#64748b);background:var(--kt-card,#fff)}
.kgs-empty{text-align:center;padding:1.6rem 1rem 1rem;color:var(--kt-mute,#64748b)}
.kgs-empty div{font-size:2rem}
.kgs-empty p{margin:.3rem 0;color:var(--kt-ink,inherit)}
.kgs-foot{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;padding:.5rem 1rem;border-top:1px solid var(--kt-line,rgba(100,116,139,.25));font-size:.72rem;color:var(--kt-mute,#64748b)}
.kgs-foot .kgs-tip{margin-left:auto}
html.kgs-lock,html.kgs-lock body{overflow:hidden}
@media (max-width:640px){.kgs{padding:0}.kgs-box{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}.kgs-hd,.kgs-tip{display:none}.kgs-list{flex:1}}
@media (prefers-reduced-motion:reduce){.kgs,.kgs-box{transition:none}}
.kgs .kgs-in,.kgs .kgs-in:focus,.kgs .kgs-in:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}

/* v324 · filtros como botones de verdad (sin barra de desplazamiento ni texto recortado) y pie decorativo en vez de la lista de atajos */
.kgs-chips{flex-wrap:wrap;overflow:visible;gap:.45rem;padding:.65rem 1rem}
.kgs-chip{display:inline-flex;align-items:center;min-height:2.1rem;padding:.35rem 1rem;font:600 .82rem/1 system-ui,sans-serif;color:var(--kt-ink,#0f172a);background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.28);box-shadow:0 1px 2px rgba(15,23,42,.08);transition:background .15s,transform .1s,box-shadow .15s}
.kgs-chip:hover{background:rgba(124,58,237,.18);box-shadow:0 3px 8px rgba(124,58,237,.25)}
.kgs-chip:active{transform:scale(.96)}
.kgs-chip:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}
.kgs-chip.on{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(124,58,237,.4)}
.kgs-foot{display:block;flex:none;height:.5rem;padding:0;border:0;background:linear-gradient(90deg,#f472b6,#fb923c,#facc15,#4ade80,#22d3ee,#818cf8,#c084fc,#f472b6);background-size:200% 100%;animation:kgsflow 9s linear infinite}
@keyframes kgsflow{to{background-position:200% 0}}
@media (prefers-reduced-motion:reduce){.kgs-foot{animation:none}}
