.tabplayer .at-main{position:relative;overflow:hidden}.tabplayer .at-cursor-bar{background:#fbbf2452}.tabplayer .at-cursor-beat{background:#1e40afd9;width:3px}.tabplayer .at-highlight *{fill:#1e40af;stroke:#1e40af}.tabplayer [data-el=main]{position:relative}.tabplayer .tramos{position:absolute;inset:0;pointer-events:none}.tabplayer .tramo{position:absolute;pointer-events:auto}.tabplayer .tramo .velo{position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,#1e3a8a0d,#1e3a8a1a);border:1px solid rgba(30,58,138,.18);border-left:3px solid #1e3a8a}.tabplayer .tramo .etiqueta{position:absolute;left:8px;top:6px;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #c7d2fe;border-left:4px solid #1e3a8a;border-radius:9px;padding:5px 10px 5px 9px;cursor:pointer;box-shadow:0 2px 6px #0f172a1a;white-space:nowrap;font:600 12.5px/1.15 system-ui,-apple-system,sans-serif;color:#1e293b}.tabplayer .tramo .etiqueta:hover{border-color:#1e3a8a;box-shadow:0 3px 10px #0f172a29}.tabplayer .tramo .etiqueta .ico{width:15px;height:15px;flex:none;color:#1e3a8a}.tabplayer .tramo .etiqueta .dur{font-weight:500;color:#64748b}.tabplayer .tramo.on .velo{background:linear-gradient(180deg,#f59e0b1a,#f59e0b2e);border-color:#b4530959;border-left-color:#b45309}.tabplayer .tramo.on .etiqueta{border-color:#f59e0b;border-left-color:#b45309;background:#fffbeb;color:#7c2d12}.tabplayer .tramo.on .etiqueta .ico{color:#b45309}.tabplayer .tramo .barra{position:absolute;left:0;bottom:0;height:3px;width:0;background:#b45309;border-radius:0 3px 3px 0;transition:width .25s linear}@media(prefers-reduced-motion:reduce){.tabplayer .tramo .barra{transition:none}}.tabplayer .mastil{background:#f8fafc}.tabplayer .mastil-cab{display:flex;align-items:center;gap:10px;padding:8px 12px}.tabplayer .mastil-tit{font:700 12.5px/1 system-ui,-apple-system,sans-serif;color:#334155;letter-spacing:.01em}.tabplayer .mastil-nota{font:600 12px/1 system-ui,-apple-system,sans-serif;color:#64748b}.tabplayer .mastil-btn{margin-left:auto;font:600 12px/1 system-ui,-apple-system,sans-serif;color:#475569;background:#e2e8f0;border-radius:6px;padding:5px 10px;cursor:pointer}.tabplayer .mastil-btn:hover{background:#cbd5e1}.tabplayer .mastil-lienzo{overflow-x:auto;overflow-y:hidden;padding:0 12px 12px;-webkit-overflow-scrolling:touch}.tabplayer .mastil-lienzo svg{display:block;min-width:680px;width:100%;height:auto}.tabplayer .mastil-lienzo .dedo circle{fill:#1e40af}.tabplayer .mastil-lienzo .dedo text{fill:#fff;font:700 11px/1 system-ui,-apple-system,sans-serif}.tabplayer .mastil-lienzo .aire circle{fill:#fff;stroke:#1e40af;stroke-width:2.5}.tabplayer .mastil-lienzo .aire text{fill:#1e40af;font:700 11px/1 system-ui,-apple-system,sans-serif}.tabplayer .mastil-lienzo .muteado text{fill:#94a3b8;font:700 15px/1 system-ui,-apple-system,sans-serif}.tabplayer .acordes{display:flex;align-items:center;gap:18px;padding:12px 16px;background:#0f172a;color:#fff}.tabplayer .ac-ahora{display:flex;align-items:center;gap:14px}.tabplayer .ac-nombre{font:800 40px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.02em;min-width:2.2em}.tabplayer .ac-diagrama svg{display:block}.tabplayer .ac-luego{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:3px}.tabplayer .ac-luego-tit{font:700 10px/1 system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#64748b}.tabplayer .ac-siguiente{font:700 22px/1 system-ui,-apple-system,sans-serif;color:#94a3b8}.tabplayer .ac-tel{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tabplayer .ac-btn{font:600 11.5px/1 system-ui,-apple-system,sans-serif;color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:7px;padding:6px 10px;cursor:pointer}.tabplayer .ac-btn:hover{background:#334155;color:#fff}.tabplayer .ac-btn[aria-pressed=true]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.tabplayer .ac-sala{font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;letter-spacing:.16em}@media(max-width:520px){.tabplayer .ac-nombre{font-size:30px}.tabplayer .ac-siguiente{font-size:17px}.tabplayer .acordes{gap:12px;padding:10px 12px}}
