/* KlipTok v79 · lista de Audios/Podcasts de las categorías (kt-v79-audio-view.js). El reproductor es el de la v78. */
/* ================= vista de biblioteca (Audios / Podcasts) ================= */
.ktav{width:100%;max-width:42rem;margin:0 auto;padding:.3rem .5rem 1rem}
.ktav-tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.2rem 0 .8rem}
.ktav-big,.ktav-sec{border:0;border-radius:999px;padding:.55rem 1.1rem;font:700 .82rem system-ui;cursor:pointer;transition:transform .12s,filter .15s}
.ktav-big{background:linear-gradient(90deg,#2563eb,#ec4899);color:#fff;box-shadow:0 6px 18px rgba(168,85,247,.35)}
.ktav-sec{background:rgba(148,163,184,.18);color:inherit}
.ktav-big:hover,.ktav-sec:hover{filter:brightness(1.08)}.ktav-big:active,.ktav-sec:active{transform:scale(.96)}
.ktav-count{margin-left:auto;font-size:.76rem;color:#64748b;font-weight:600}
.ktav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.ktav-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(255,255,255,.75);transition:background .15s,border-color .15s}
html.dark .ktav-row{background:rgba(15,23,42,.7);border-color:rgba(71,85,105,.5)}
.ktav-row:hover{border-color:#a855f7}
.ktav-row.cur{border-color:#a855f7;background:rgba(168,85,247,.12)}
.ktav-p{flex:0 0 34px;height:34px;border:0;border-radius:50%;background:rgba(148,163,184,.2);color:inherit;cursor:pointer;display:grid;place-items:center;font:700 .76rem system-ui;padding:0}
.ktav-p:hover{background:linear-gradient(135deg,#2563eb,#ec4899);color:#fff}
.ktav-p:focus-visible,.ktav-a:focus-visible{outline:2px solid #a855f7;outline-offset:2px}
.ktav-c{flex:0 0 40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:1.2rem;background:linear-gradient(135deg,#1e1b4b,#6d28d9 60%,#db2777)}
.ktav-i{flex:1;min-width:0;display:flex;flex-direction:column}
.ktav-i b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
.ktav-i small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.74rem}
.ktav-row.cur .ktav-i b{color:#a855f7}
.ktav-a{border:0;background:transparent;color:#64748b;cursor:pointer;border-radius:8px;min-width:32px;height:32px;display:inline-grid;place-items:center;text-decoration:none;font-size:.95rem;padding:0}
.ktav-a:hover{background:rgba(148,163,184,.2);color:inherit}

.ktav-eq{display:none;gap:2px;align-items:flex-end;height:14px}.ktav-eq i{width:3px;background:#c084fc;border-radius:2px;height:30%}
.ktav-row.cur .ktav-eq{display:inline-flex}.ktav-row.cur .ktav-n{display:none}
.ktav-row.playing .ktav-eq i{animation:ktav-eq .9s ease-in-out infinite}.ktav-row.playing .ktav-eq i:nth-child(2){animation-delay:.2s}.ktav-row.playing .ktav-eq i:nth-child(3){animation-delay:.4s}
@keyframes ktav-eq{0%,100%{height:25%}50%{height:100%}}
@media (prefers-reduced-motion:reduce){.ktav-row.playing .ktav-eq i{animation:none}}

/* con la barra del reproductor global (kt-v78-music.css) visible, el Tablón flotante sube para no quedar tapado */
body.ktm-on .k39-fab{bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))}