/* KlipTok v92 · Reconocimientos. Variables de kt-v65-tiempo.css (claro por defecto; html.dark lo decide KlipTok). Diseño propio. */
.kk{width:100%;max-width:980px;margin:0 auto;padding:8px 0 40px}
.kk h1{font-size:1.7rem;margin:6px 0 14px}
.kk h2{font-size:1.05rem;margin:0 0 10px}
.kk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
@media(max-width:760px){.kk-grid{grid-template-columns:1fr}}
.kk-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.kk-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:12px}
.kk-bar label{display:flex;flex-direction:column;font-size:.75rem;color:var(--tx2);gap:3px}
.kk select,.kk input,.kk textarea{background:var(--inp);color:var(--tx);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;min-width:0}
.kk textarea{resize:vertical;min-height:64px;width:100%}
.kk-btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
.kk-btn:disabled{opacity:.5;cursor:not-allowed}
.kk-btn.sec{background:var(--btn);color:var(--tx)}
.kk-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;margin-bottom:14px}
.kk-pod{border-radius:16px;padding:12px 8px;text-align:center;background:var(--btn);border:1px solid var(--border)}
.kk-pod.p1{background:linear-gradient(180deg,rgba(250,204,21,.35),var(--btn));padding-top:22px}
.kk-pod .n{font-size:1.6rem}.kk-pod b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kk-pod span{font-size:.8rem;color:var(--tx2)}
.kk-list{list-style:none;display:grid;gap:6px}
.kk-list li{display:flex;align-items:center;gap:10px;background:var(--btn);border-radius:12px;padding:8px 12px}
.kk-list .pos{width:28px;text-align:center;font-weight:700;color:var(--tx2)}
.kk-list .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kk-list .tt{font-weight:700}
.kk-ring{--p:0;width:120px;height:120px;border-radius:50%;margin:4px auto 10px;display:grid;place-items:center;
  background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--btn) 0)}
.kk-ring div{width:92px;height:92px;border-radius:50%;background:var(--bg3);display:grid;place-items:center;text-align:center;font-size:.72rem;color:var(--tx2)}
.kk-ring strong{display:block;font-size:1.7rem;color:var(--tx);line-height:1}
.kk-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.85rem;margin-bottom:12px}
.kk-meta div{background:var(--btn);border-radius:10px;padding:8px;text-align:center}
.kk-msg{min-height:1.3em;font-size:.85rem;margin-top:8px}.kk-msg.err{color:var(--danger)}.kk-msg.ok{color:var(--ok)}
.kk-note{font-size:.82rem;color:var(--tx2);margin-top:8px}
.kk-empty{padding:18px;text-align:center;color:var(--tx2)}