@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.border{border-style:var(--tw-border-style);border-width:1px}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pl-safe{padding-left:env(safe-area-inset-left,0px)}.pr-safe{padding-right:env(safe-area-inset-right,0px)}}:root{color-scheme:dark;--ground:#09090b;--surface:#18181b;--surface-2:#1f1f23;--surface-3:#26262b;--sidebar:#050507;--sidebar-ink:#d4d4d8;--sidebar-mut:#71717a;--sidebar-line:#1c1c21;--ink:#f4f4f5;--ink-2:#d4d4d8;--mut:#a1a1aa;--mut-2:#8b8b94;--line:#2a2a30;--line-2:#222227;--track:#2a2a30;--blue:#3b82f6;--blue-soft:#132036;--blue-line:#1e3a66;--btn:#3b82f6;--on-btn:#fff;--violet:#a78bfa;--violet-soft:#221a3a;--acento:#8b5cf6;--green:#34d399;--green-soft:#0f2a22;--amber:#fbbf24;--amber-soft:#2b2310;--red:#ff6b85;--red-soft:#33161d;--teal:#5eead4;--teal-soft:#0f2a28;--bluec:#7fb0fa;--bluec-soft:#132239;--orange:#fb923c;--orange-soft:#2c1c11;--m1:#35b1a5;--m2:#62bd80;--m3:#d3a33f;--m4:#d3823b;--marca:linear-gradient(90deg,var(--m1),var(--m2),var(--m3),var(--m4));--onda:#60a5fa;--onda-2:#a78bfa;--shadow:0 1px 2px #00000080, 0 1px 3px #0006;--r:14px}*{box-sizing:border-box}html,body{height:auto}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.5}h1,h2,h3,h4{text-wrap:balance;margin:0;font-family:Outfit,Inter,sans-serif;font-weight:600}button{font:inherit;color:inherit}a{color:inherit}.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Consolas,SF Mono,ui-monospace,monospace}svg{display:block}.marca-txt{background:var(--marca);color:#0000;-webkit-background-clip:text;background-clip:text}.app{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.side{background:var(--sidebar);color:var(--sidebar-ink);border-right:1px solid var(--sidebar-line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:20px 18px 16px;display:flex}.brand img{flex:none;width:auto;height:40px}.brand .logo{font-family:Outfit,sans-serif;font-size:21px;font-weight:800;line-height:1}.brand .btag{color:var(--sidebar-mut);white-space:nowrap;margin-top:4px;font-size:12px}.banda-sel{border:1px solid var(--sidebar-line);cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:9px;margin:0 12px 10px;padding:9px 10px;text-decoration:none;display:flex}.banda-sel .n{color:#fff;font-size:12.5px;font-weight:600}.banda-sel .m{color:var(--sidebar-mut);font-size:10.5px}.banda-sel:after{content:"⇅";color:var(--sidebar-mut);margin-left:auto;font-size:12px}.nav{flex-direction:column;flex:1;gap:2px;padding:4px 10px 16px;display:flex}.nav a{color:var(--sidebar-ink);opacity:.85;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:flex}.nav a:hover{opacity:1;background:#ffffff0f}.nav a.on{background:linear-gradient(90deg,var(--blue),var(--acento));color:#fff;opacity:1;font-weight:500}.nav a .badge{background:#ffffff1f;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:10px}.nav a .vivo{background:var(--green);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #34d3992e}.pie{border-top:1px solid var(--sidebar-line);padding:8px 10px 2px}.pie a{color:var(--sidebar-ink);opacity:.75;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:flex}.pie a:hover{opacity:1;background:#ffffff0f}.pie a.on{background:var(--blue);color:#fff;opacity:1}.who{align-items:center;gap:9px;padding:10px 14px 14px;display:flex}.who .n{color:#fff;font-size:12px;font-weight:600}.who .r{color:var(--sidebar-mut);font-size:10.5px}.main{flex-direction:column;min-width:0;display:flex}.wrap{width:100%;max-width:1600px;padding:20px 24px 40px}.ph{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ph h1{letter-spacing:-.01em;font-size:23px}.ph p{color:var(--mut);margin:3px 0 0;font-size:12.5px}.ph .sp{flex:1}.acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg{gap:0;display:inline-flex}.seg>.btn{border-radius:0}.seg>.btn:first-child{border-radius:9px 0 0 9px}.seg>.btn:last-child{border-radius:0 9px 9px 0;margin-left:-1px}.seg>.btn:not(:first-child):not(:last-child){margin-left:-1px}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;box-shadow:var(--shadow);color:inherit;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.pri{background:var(--btn);border-color:var(--btn);color:var(--on-btn)}.btn.pri:hover{filter:brightness(1.12)}.btn.vio{background:var(--acento);border-color:var(--acento);color:#fff}.btn.rec{background:var(--red-soft);border-color:var(--red);color:var(--red)}.btn.rec.on{background:var(--red);color:#fff}.btn.gh{box-shadow:none;color:var(--mut);background:0 0;border-color:#0000;padding:6px 8px}.btn.gh:hover{background:var(--line-2);color:var(--ink)}.btn.lg{border-radius:11px;padding:11px 18px;font-size:14px}.btn.ico{padding:7px 9px}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.demo{background:var(--violet-soft);color:var(--ink-2);border:1px solid #8b5cf659;border-radius:9px;align-items:center;gap:9px;margin-bottom:16px;padding:7px 12px;font-size:11.5px;display:flex}.demo b{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.grid{gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;min-width:0;display:flex}.card>.ch{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px 0;display:flex}.card>.ch h2{font-size:14px;font-weight:600}.card>.ch .sp{flex:1}.card>.cb{padding:14px 16px}.card>.cb.flush{padding:0}.card>.cb.tbl{padding:0;overflow-x:auto}.lnk{color:var(--bluec);cursor:pointer;font-size:12px;font-weight:500;text-decoration:none}.foot{border-top:1px solid var(--line-2);align-items:center;gap:8px;padding:11px 16px;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:14px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 15px}.tile .th{align-items:center;gap:9px;display:flex}.tile .ic{background:var(--blue-soft);width:28px;height:28px;color:var(--blue);border-radius:8px;flex:none;place-items:center;display:grid}.tile .lb{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-size:10px;font-weight:600}.tile .v{letter-spacing:-.02em;margin-top:10px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700;line-height:1.1}.tile .d{color:var(--mut);margin-top:6px;font-size:11px}.tile.go{cursor:pointer}.tile.go:hover{border-color:var(--blue)}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--mut);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:11px 14px}tbody tr:last-child td{border-bottom:0}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--surface-2)}td.r,th.r{text-align:right;white-space:nowrap}td.c,th.c{text-align:center}.nm{font-size:12.5px;font-weight:600}.sb{color:var(--mut);font-size:11px}.chip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.k-green{background:var(--green-soft);color:var(--green)}.k-blue{background:var(--bluec-soft);color:var(--bluec)}.k-violet{background:var(--violet-soft);color:var(--violet)}.k-amber{background:var(--amber-soft);color:var(--amber)}.k-red{background:var(--red-soft);color:var(--red)}.k-teal{background:var(--teal-soft);color:var(--teal)}.k-gray{background:var(--track);color:var(--ink-2)}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.tag{background:var(--surface-2);border:1px solid var(--line);color:var(--mut);border-radius:6px;padding:2px 7px;font-size:10.5px;display:inline-block}.per{align-items:center;gap:9px;min-width:0;display:flex}.av{color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid;position:relative}.av.sm{width:24px;height:24px;font-size:9.5px}.av.lg{width:46px;height:46px;font-size:15px}.av .on{background:var(--green);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.av.habla{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--green)}.rows{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;min-width:0;padding:11px 16px;display:flex}.row:last-child{border-bottom:0}.row .sp{flex:1;min-width:0}.row .t{font-size:12.5px;font-weight:500}.row .m{color:var(--mut);font-size:11px}.row.go{cursor:pointer}.row.go:hover{background:var(--surface-2)}.kv{grid-template-columns:1fr auto;align-items:baseline;gap:9px 14px;font-size:12px;display:grid}.kv .k{color:var(--mut)}.kv .v{text-align:right;font-weight:600}.note{color:var(--mut);margin-top:10px;font-size:11.5px}.sep{background:var(--line-2);height:1px;margin:12px 0}.g2{grid-template-columns:1fr 1fr}.g21{grid-template-columns:1.55fr 1fr}.g12{grid-template-columns:1fr 1.55fr}.g3{grid-template-columns:1fr 1fr 1fr}.flex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:14px;min-width:0;display:flex}.bar{background:var(--track);border-radius:20px;height:6px;overflow:hidden}.bar>i{background:var(--blue);border-radius:20px;height:100%;display:block}.vu{align-items:flex-end;gap:2px;height:44px;display:flex}.vu i{background:var(--track);border-radius:2px;width:5px}.vu i.a{background:var(--green)}.vu i.b{background:var(--amber)}.vu i.c{background:var(--red)}.vuh{background:var(--track);border-radius:6px;height:6px;position:relative;overflow:hidden}.vuh>i{background:linear-gradient(90deg,var(--green) 0 70%,var(--amber) 70% 88%,var(--red) 88%);border-radius:6px;position:absolute;inset:0 auto 0 0}.musicos{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.card>.ch h2,.transp .bloque .v{align-items:center;gap:7px;display:flex}.chip svg{display:inline-block}.ph .tit{flex:220px;min-width:0}.ph h1{align-items:center;gap:8px;display:flex}.lat{white-space:nowrap}.mus{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:11px;padding:14px;display:flex}.mus.yo{border-color:var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),var(--surface) 60%)}.mus .cab{align-items:center;gap:10px;display:flex}.mus .cab .n{font-size:13px;font-weight:600}.mus .cab .i{color:var(--mut);font-size:11px}.mus .vid{aspect-ratio:16/10;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,var(--c),transparent 70%),linear-gradient(#16161c,#0c0c10);border-radius:10px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.mus .vid{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),linear-gradient(#16161c,#0c0c10)}}.mus .vid .sil{width:100%;height:86%;fill:var(--c);opacity:.5;position:absolute;bottom:0;left:0;right:0}.mus .vid .et{color:#e4e4e7;background:#0000008c;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;display:flex;position:absolute;bottom:6px;left:6px}.mus .vid.habla{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.mus .vid.off{color:var(--mut);background:#0f0f13;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.mus .lin{color:var(--mut);grid-template-columns:62px 1fr 34px;align-items:center;gap:8px;font-size:11px;display:grid}.mus .lin b{color:var(--ink-2);text-align:right;font-weight:500}.fader{background:var(--track);border-radius:4px;height:4px;position:relative}.fader>i{background:var(--ink-2);border-radius:4px;position:absolute;inset:0 auto 0 0}.fader>b{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0009}.lat{align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.lat.v{color:var(--green)}.lat.a{color:var(--amber)}.lat.r{color:var(--red)}.transp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.transp .bloque{flex-direction:column;gap:1px;display:flex}.transp .bloque .k{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-size:10px;font-weight:600}.transp .bloque .v{font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.transp .sp{flex:1}.pulsos{gap:6px;display:flex}.pulsos i{background:var(--track);border-radius:50%;width:14px;height:14px}.pulsos i.on{background:var(--acento);box-shadow:0 0 12px var(--acento)}.pulsos i.uno{background:var(--blue);box-shadow:0 0 12px var(--blue)}.matriz td,.matriz th{text-align:center;padding:9px 8px}.matriz th:first-child,.matriz td:first-child{text-align:left}.celda{border-radius:7px;min-width:52px;padding:3px 6px;font-family:Consolas,monospace;font-size:11.5px;font-weight:600;display:inline-block}.ciclo{grid-template-columns:repeat(8,1fr);gap:4px;margin:10px 0 6px;display:grid}.ciclo i{background:var(--track);height:26px;color:var(--mut);border-radius:6px;place-items:center;font-size:10.5px;font-style:normal;display:grid}.ciclo i.h{background:var(--violet-soft);color:var(--violet)}.ciclo i.ya{background:linear-gradient(90deg,var(--blue),var(--acento));color:#fff}.daw{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.daw .barra{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.daw .barra .sp{flex:1}.reloj{background:var(--ground);border:1px solid var(--line);letter-spacing:.02em;border-radius:8px;padding:4px 12px;font-family:Consolas,monospace;font-size:18px;font-weight:700}.reloj small{color:var(--mut);margin-left:6px;font-size:11px;font-weight:500}.pistas{grid-template-columns:230px 1fr;display:grid}.regla-h{border-bottom:1px solid var(--line);border-right:1px solid var(--line);height:44px;color:var(--mut);align-items:flex-end;padding:0 12px 6px;font-size:10.5px;display:flex}.regla{border-bottom:1px solid var(--line);background:var(--surface-2);height:44px;position:relative;overflow:hidden}.secc{color:#fff;white-space:nowrap;border-radius:5px;align-items:center;height:16px;padding:0 6px;font-size:10px;display:flex;position:absolute;top:4px;overflow:hidden}.compas{color:var(--mut-2);font-family:Consolas,monospace;font-size:9.5px;position:absolute;bottom:4px}.compas:before{content:"";background:var(--line);width:1px;height:6px;position:absolute;bottom:13px;left:0}.pcab{border-bottom:1px solid var(--line-2);border-right:1px solid var(--line);align-items:center;gap:9px;min-height:70px;padding:9px 12px;display:flex}.pcab .n{font-size:12.5px;font-weight:600}.pcab .m{color:var(--mut);font-size:10.5px}.pcab .ms{gap:4px;margin-left:auto;display:flex}.ms b{background:var(--surface-2);border:1px solid var(--line);width:22px;height:22px;color:var(--mut);cursor:pointer;border-radius:6px;place-items:center;font-size:10px;display:grid}.ms b.m-on{background:var(--amber-soft);color:var(--amber);border-color:var(--amber)}.ms b.s-on{background:var(--blue-soft);color:var(--bluec);border-color:var(--blue)}.ms b.r-on{background:var(--red);color:#fff;border-color:var(--red)}.pcab.sel{background:var(--blue-soft)}.carril{border-bottom:1px solid var(--line-2);min-height:70px;position:relative;overflow:hidden}.lsec{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.solo-movil{display:none}@media(max-width:600px){.solo-escr{display:none}.solo-movil{display:flex}}.clip{border:1px solid;border-radius:7px;flex-direction:column;display:flex;position:absolute;top:7px;bottom:7px;overflow:hidden}.clip .ct{white-space:nowrap;text-overflow:ellipsis;padding:2px 6px;font-size:9.5px;overflow:hidden}.clip svg{flex:1;width:100%}.clip .ct{z-index:1;background:#09090b99;border-radius:5px;max-width:calc(100% - 8px);padding:1px 6px;position:absolute;top:3px;left:4px}svg.senal{width:100%;height:100%;display:block}.vacia{border:1.5px dashed var(--line);color:var(--mut);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:11.5px;display:flex;position:absolute;inset:9px 12px}.cabezal{background:var(--ink);z-index:3;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.cabezal:before{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:0;left:-5px}.coment{background:var(--amber);color:#000;z-index:2;border-radius:50% 50% 50% 0;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:24px;transform:translate(-2px)}.cuenta{text-align:center;font-family:Outfit,sans-serif;font-size:64px;font-weight:800;line-height:1}.vivo-rec{color:var(--red);align-items:center;gap:7px;font-weight:600;display:inline-flex}.vivo-rec:before{content:"";background:var(--red);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ff6b8533}.chat{flex-direction:column;gap:14px;display:flex}.msg{gap:10px;max-width:860px;display:flex}.msg .bur{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:12px 14px;font-size:12.8px}.msg.yo{flex-direction:row-reverse;margin-left:auto}.msg.yo .bur{background:var(--blue-soft);border-color:var(--blue-line)}.msg .bur p{margin:0 0 8px}.msg .bur p:last-child{margin:0}.msg .quien{color:var(--mut);margin-bottom:4px;font-size:11px}.acordes{border:1px solid var(--line);border-radius:10px;grid-template-columns:110px 1fr 1fr;gap:0;margin:8px 0;display:grid;overflow:hidden}.acordes>div{border-bottom:1px solid var(--line-2);padding:7px 10px;font-size:12px}.acordes>div:nth-last-child(-n+3){border-bottom:0}.acordes .h{background:var(--surface-2);color:var(--mut);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.acordes .ac{letter-spacing:.04em;font-family:Consolas,monospace;font-weight:700}.herr{color:var(--violet);background:var(--violet-soft);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:2px 8px;font-size:10.5px;display:inline-flex}.composer{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:flex-end;gap:8px;margin-top:16px;padding:8px 8px 8px 14px;display:flex}.composer .tx{color:var(--mut-2);flex:1;padding:8px 0;font-size:13px}.sug{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sug span{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:var(--surface);border-radius:20px;padding:5px 11px;font-size:11.5px}.sug span:hover{border-color:var(--acento)}body.acceso .side,body.acceso .tabbar{display:none}body.acceso .app{grid-template-columns:1fr}body.acceso .wrap{max-width:none;padding:0}.login{background:linear-gradient(0deg,#07070ae6,#07070a59 32%,transparent 55%),var(--fondo-login,none) right center/cover no-repeat,#07070a;grid-template-columns:1.55fr 1fr;min-height:100dvh;display:grid}.login .arte{flex-direction:column;justify-content:flex-end;padding:44px;display:flex;position:relative;overflow:hidden}.login .arte h2{text-shadow:0 2px 18px #0000008c;max-width:520px;font-size:40px;font-weight:800;line-height:1.05;position:relative}.login .arte p{color:var(--ink-2);max-width:460px;margin:12px 0 0;font-size:14px;position:relative}.login .form{background:linear-gradient(90deg,#09090b00,#09090b99 30%,#09090bd1);flex-direction:column;justify-content:center;gap:14px;padding:40px clamp(24px,6vw,84px);display:flex}.login .form .logo{align-items:center;gap:12px;margin-bottom:14px;display:flex}.login .form .logo img{width:auto;height:36px}.login .form .logo b{font-family:Outfit,sans-serif;font-size:30px;font-weight:800}.campo{flex-direction:column;gap:6px;display:flex}.campo label{color:var(--mut);font-size:11.5px;font-weight:500}.campo .in{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:10px;padding:11px 13px;font-size:13px}.campo .in.ph{color:var(--mut-2)}.sw{background:var(--track);border-radius:20px;flex:none;width:34px;height:20px;position:relative}.sw:after{content:"";background:var(--mut);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px}.sw.on{background:var(--blue)}.sw.on:after{background:#fff;left:17px}.opc{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:12px 16px;display:flex}.opc:last-child{border-bottom:0}.opc .sp{flex:1;min-width:0}.opc .t{font-size:12.5px;font-weight:500}.opc .m{color:var(--mut);font-size:11px}.disp{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:flex}.disp:after{content:"⌄";color:var(--mut-2);margin-top:-5px;margin-left:auto}.bandas{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.bcard{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;overflow:hidden}.bcard:hover{border-color:var(--blue)}.bcard .portada{height:96px;position:relative}.bcard .cb{padding:14px 16px}.bcard h3{font-size:17px}.avs{display:flex}.avs .av{border:2px solid var(--surface);margin-left:-7px}.avs .av:first-child{margin-left:0}.estr{border-radius:9px;gap:3px;height:34px;display:flex;overflow:hidden}.estr>div{color:#fff;white-space:nowrap;justify-content:center;align-items:center;min-width:0;font-size:10.5px;display:flex;overflow:hidden}.tabbar,.mob{display:none}@media(max-width:1100px){.g2,.g21,.g12,.g3{grid-template-columns:1fr}}@media(max-width:900px){.app{grid-template-columns:1fr}.side{z-index:50;width:240px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side.open{transform:none;box-shadow:0 0 40px #000000b3}.mob{display:inline-flex}.wrap{padding:14px 14px 90px}.tabbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px max(6px,env(safe-area-inset-bottom));background:#09090beb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--mut);flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:10px;text-decoration:none;display:flex}.tabbar a.on{color:var(--ink)}.tabbar a.on svg{color:var(--blue)}.pistas{grid-template-columns:118px 1fr}.pcab .ms,.pcab .av{display:none}.login{background:var(--ground);grid-template-columns:1fr}.login .arte{background:linear-gradient(0deg,var(--ground) 1%,#09090b73 42%,transparent 68%),var(--fondo-login-movil,none) 32% center/cover no-repeat;min-height:330px;padding:24px}.login .form{background:var(--ground)}.login .arte h2{font-size:26px}.login .arte p{display:none}}@media(max-width:600px){.ph h1{font-size:20px}.acts{width:100%}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile .v{font-size:20px}.musicos{grid-template-columns:1fr 1fr;gap:10px}.mus{gap:8px;padding:11px}.mus .lin{grid-template-columns:50px 1fr 30px}.ocm{display:none}.transp{gap:10px}.acordes{grid-template-columns:86px 1fr 1fr}.rows .row{flex-wrap:wrap}.row .sp{min-width:140px}.chip{white-space:normal}.reloj{font-size:15px}.verm{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.fondo{z-index:200;background:#050507cc;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:fixed;inset:0}.fondo.on{display:flex}.marco{background:var(--ground);border:10px solid #000;border-radius:38px;width:390px;height:min(844px,100vh - 130px);overflow:hidden;box-shadow:0 30px 70px -20px #000c}.marco iframe{border:0;width:100%;height:100%;display:block}.fondo .ay{color:#fff;align-items:center;gap:14px;font-size:12.5px;display:flex}.fondo .ay button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:9px;padding:9px 15px;font-weight:600}html,body{max-width:100%;overflow-x:clip}@supports (padding:max(0px)){.side{padding-top:max(0px,env(safe-area-inset-top))}}.tt{pointer-events:none;background:var(--ink);color:var(--ground);opacity:0;z-index:60;white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:11px;transition:opacity .12s;position:fixed}.aviso{background:var(--amber-soft);color:var(--ink-2);border:1px solid #fbbf2459;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 13px;font-size:12px;display:flex}.aviso svg{color:var(--amber);flex:none;margin-top:1px}.aviso b{color:var(--ink)}.aviso.peligro{background:var(--red-soft);border-color:#ff6b8566}.aviso.peligro svg{color:var(--red)}.card .aviso{margin:12px 0 0}.modos{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.modo{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:11px;flex-direction:column;gap:4px;min-width:0;padding:10px 11px;display:flex}.modo .t{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.modo .m{color:var(--mut);font-size:11px;line-height:1.35}.modo.on{border-color:var(--acento);background:var(--violet-soft)}.modo.on .t{color:var(--violet)}.stack{flex-direction:column;gap:13px;display:flex}.fuente{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:4px 11px 4px 5px;font-size:12px;display:inline-flex}.fuente.on{border-color:var(--acento);background:var(--violet-soft);color:var(--ink)}.fuente.off{opacity:.45;cursor:default}.in.area{min-height:62px;line-height:1.45}.casilla{border:1.5px solid var(--mut-2);border-radius:4px;flex:none;place-items:center;width:16px;height:16px;display:grid}.casilla.on{background:var(--acento);border-color:var(--acento)}.casilla.on:after{content:"";border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:8px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.casilla.no{opacity:.35}.mini{flex:none;width:120px;height:30px}.mini svg{width:100%;height:100%}.uso{flex-direction:column;gap:6px;margin-top:8px;display:flex}.transp .bloque .bar{width:120px;margin-top:5px}.bar.lleno>i{background:var(--amber)}.bar.vio>i{background:linear-gradient(90deg,var(--blue),var(--acento))}.total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;margin-top:11px;padding-top:11px;display:flex}.total b{font-family:Outfit,sans-serif;font-size:24px}.pasos-st{counter-reset:p}.pasos-st .row:before{counter-increment:p;content:counter(p);background:var(--violet-soft);width:24px;height:24px;color:var(--violet);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.formatos{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.fmt{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:9px;flex-direction:column;gap:2px;min-width:0;padding:8px 9px;display:flex}.fmt b{letter-spacing:.03em;font-size:12px}.fmt small{color:var(--mut);font-size:10px}.fmt.on{border-color:var(--blue);background:var(--blue-soft)}.fmt.on b{color:var(--bluec)}.est-movil{margin-top:6px;display:none}@media(max-width:900px){.modos{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mini{display:none}.transp .bloque .bar{width:90px}.rows .row.res{flex-wrap:nowrap;align-items:flex-start}.row.res .sp{min-width:0}.est-escr{display:none}.est-movil{display:block}}input.in,select.in{font-family:inherit;font-weight:inherit;appearance:none;outline:none;width:100%;min-width:0;margin:0;font-size:13px;line-height:1.5}input.in.num{font-family:Consolas,SF Mono,ui-monospace,monospace}input.in::placeholder{color:var(--mut-2)}input.in:focus,select.in:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f62e}select.in,button.btn{cursor:pointer}button.btn:disabled{opacity:.6;cursor:default}.lnk{background:0 0;border:0;padding:0}.pasos{flex-direction:column;gap:14px;margin:0;display:flex}.aviso-error,.aviso-ok{border-radius:10px;margin:0 0 12px;padding:9px 12px;font-size:12.5px}.aviso-error{background:var(--red-soft);color:var(--red);border:1px solid #ff6b8559}.aviso-ok{background:var(--green-soft);color:var(--green);border:1px solid #34d3994d}.login .aviso-error{margin:0}.acciones-fila{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:inline-flex}@media(max-width:600px){.acciones-fila{order:3;justify-content:flex-start;width:100%}}.cargando{place-content:center;justify-items:center;gap:14px;min-height:100dvh;display:grid}.cargando img{opacity:.9;width:auto;height:48px}.velo-menu{z-index:45;background:#00000073;position:fixed;inset:0}.pie-version{color:var(--mut-2);text-align:center;margin-top:28px;font-size:11px}.campo-clave{display:block;position:relative}.campo-clave input.in{padding-right:46px}.campo-clave .ojo{width:38px;height:38px;color:var(--mut);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.campo-clave .ojo:hover,.campo-clave .ojo[aria-pressed=true]{color:var(--ink)}.campo-clave .ojo:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.campo-clave input::-ms-reveal{display:none}.campo-clave input::-ms-clear{display:none}.mezcla-banda{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.mezcla-banda label{align-items:center;gap:6px;display:inline-flex}.mezcla-banda input[type=range]{width:110px;accent-color:var(--blue)}.mezcla-banda .num{min-width:52px;display:inline-block}.ms b[role=button]:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.capa{z-index:60;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.capa-tarjeta{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.capa-tarjeta .row input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}.nav a .badge.nuevo{background:var(--blue);color:#fff}table{line-height:normal}:root{--fondo-login:url(/login-fondo-escritorio.webp);--fondo-login-movil:url(/login-fondo-movil.webp)}html,body,#root{max-width:100%;overflow-x:clip}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}