/* KlipTok v77 · REPRODUCTOR DE MÚSICA GLOBAL (assets/kt-v77-player.css) */
#ktp{position:fixed;left:0;right:0;bottom:0;z-index:2147482000;display:none;color:#e2e8f0;font:13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(139,92,246,.45);box-shadow:0 -10px 30px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom,0)}
html.ktp-on #ktp{display:block}
html.ktp-on body{padding-bottom:76px!important}
#ktp *{box-sizing:border-box}
#ktp .p-row{display:flex;align-items:center;gap:12px;padding:8px 14px;max-width:1500px;margin:0 auto}
#ktp .p-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 270px}
#ktp .p-cov{width:46px;height:46px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#ec4899);overflow:hidden}
#ktp .p-cov img{width:100%;height:100%;object-fit:cover}
#ktp .p-tt{min-width:0}#ktp .p-tt b{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ktp .p-tt span{display:block;color:#94a3b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ktp .p-ctl{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#ktp button{border:0;background:transparent;color:inherit;cursor:pointer;border-radius:50%;width:34px;height:34px;font-size:16px;display:grid;place-items:center;transition:background .15s}
#ktp button:hover{background:rgba(255,255,255,.1)}#ktp button:focus-visible{outline:2px solid #a78bfa}
#ktp button[aria-pressed=true]{color:#a78bfa;background:rgba(124,58,237,.22)}
#ktp .p-play{width:42px;height:42px;font-size:18px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#ec4899)}#ktp .p-play:hover{filter:brightness(1.1);background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#ec4899)}
#ktp .p-seek{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:120px}
#ktp .p-seek time{font-variant-numeric:tabular-nums;color:#94a3b8;font-size:12px;min-width:38px;text-align:center}
#ktp input[type=range]{-webkit-appearance:none;appearance:none;height:5px;border-radius:99px;background:rgba(255,255,255,.18);outline:0;cursor:pointer;accent-color:#8b5cf6}
#ktp .p-bar{flex:1 1 auto;min-width:60px}#ktp .p-vol{width:80px}
#ktp .p-spd{width:auto;border-radius:8px;padding:0 8px;font:800 12px system-ui}
#ktp .p-q{position:absolute;right:14px;bottom:calc(100% + 8px);width:min(380px,calc(100vw - 28px));max-height:50vh;overflow:auto;background:#0f172a;border:1px solid rgba(139,92,246,.45);border-radius:14px;padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.5);display:none}
#ktp.q-open .p-q{display:block}
#ktp .p-q h5{margin:6px 8px;font:800 11px system-ui;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
#ktp .p-q li{list-style:none;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;cursor:pointer}
#ktp .p-q li:hover{background:rgba(255,255,255,.07)}#ktp .p-q li.on{background:rgba(124,58,237,.22)}
#ktp .p-q li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ktp .p-q ul{margin:0;padding:0}
#ktp .p-eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}#ktp .p-eq i{width:3px;background:#a78bfa;animation:ktpeq 0.9s ease-in-out infinite}#ktp .p-eq i:nth-child(2){animation-delay:.2s}#ktp .p-eq i:nth-child(3){animation-delay:.4s}
#ktp:not(.playing) .p-eq i{animation-play-state:paused}
@keyframes ktpeq{0%,100%{height:3px}50%{height:12px}}
@media(max-width:760px){#ktp .p-row{flex-wrap:wrap;gap:6px 10px}#ktp .p-meta{flex:1 1 55%}#ktp .p-seek{order:3;flex:1 0 100%}#ktp .p-vol,#ktp .p-hide-m{display:none}html.ktp-on body{padding-bottom:128px!important}}
@media(prefers-reduced-motion:reduce){#ktp .p-eq i{animation:none;height:8px}}
/* el tablón flotante sube por encima del reproductor mientras está abierto */
html.ktp-on .k39-fab{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
@media(max-width:760px){html.ktp-on .k39-fab{bottom:calc(138px + env(safe-area-inset-bottom,0px))}}
#ktp .p-q li .p-eq{flex:0 0 18px}#ktp .p-q li small{flex:0 0 18px;color:#94a3b8;text-align:center}
