/* ===== Paleta — claro ===== */
:root{
  --bg:#ffffff;--surface:#ffffff;--surface2:#efefef;--ink:#000000;--muted:#737373;--line:#dbdbdb;
  --accent:#0095f6;--accent-ink:#ffffff;--accent-soft:#e0f0fe;--chord:#000000;--chord-bg:#efefef;
  --nav:#ffffff;--nav-box:#fafafa;--nav-ink:#737373;--nav-on:#ffffff;--nav-on-bg:#000000;
  --glass-rgb:255,255,255;--glass-brd:rgba(255,255,255,.7);--glass-on:rgba(0,0,0,.08);--glass-sh:0 8px 28px rgba(0,0,0,.16),0 0 0 .5px rgba(0,0,0,.08);
  --warn:#a86b00;--warnbg:#fff1d9;--bad:#ed4956;--badbg:#fce4e4;--ok:#00a651;
  --shadow:0 1px 2px rgba(0,0,0,.04);
  --fs:19px;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--navh:66px;--glass-a:.355;--glass-blur:4.9px}
/* ===== Paleta — oscuro ===== */
:root[data-tema=oscuro]{
  --bg:#000000;--surface:#121212;--surface2:#262626;--ink:#fafafa;--muted:#a8a8a8;--line:#262626;
  --accent:#0095f6;--accent-ink:#ffffff;--accent-soft:#0b2a40;--chord:#fafafa;--chord-bg:#262626;
  --nav:#000000;--nav-box:#121212;--nav-ink:#a8a8a8;--nav-on:#000000;--nav-on-bg:#fafafa;
  --glass-rgb:32,32,34;--glass-brd:rgba(255,255,255,.14);--glass-on:rgba(255,255,255,.14);--glass-sh:0 8px 28px rgba(0,0,0,.5);
  --warn:#f5a623;--warnbg:#2b2110;--bad:#ed4956;--badbg:#3a1518;--ok:#58c322;
  --shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-tema]){
  --bg:#000000;--surface:#121212;--surface2:#262626;--ink:#fafafa;--muted:#a8a8a8;--line:#262626;
  --accent:#0095f6;--accent-ink:#ffffff;--accent-soft:#0b2a40;--chord:#fafafa;--chord-bg:#262626;
  --nav:#000000;--nav-box:#121212;--nav-ink:#a8a8a8;--nav-on:#000000;--nav-on-bg:#fafafa;
  --glass-rgb:32,32,34;--glass-brd:rgba(255,255,255,.14);--glass-on:rgba(255,255,255,.14);--glass-sh:0 8px 28px rgba(0,0,0,.5);
  --warn:#f5a623;--warnbg:#2b2110;--bad:#ed4956;--badbg:#3a1518;--ok:#58c322;
  --shadow:none}}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%;font-feature-settings:"tnum" 0}
button,input,select,textarea{font:inherit;color:inherit}
.hidden{display:none!important}
#vista{padding-bottom:calc(var(--navh) + 18px + var(--sb));min-height:100vh}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:860px}

/* ===== Barra de navegación inferior (recuadros) ===== */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--nav);padding:8px 10px calc(8px + var(--sb));display:flex;gap:8px;justify-content:center;border-top:1px solid var(--line)}
.tabs button{flex:1;max-width:180px;border:1px solid var(--line);background:var(--nav-box);color:var(--nav-ink);border-radius:12px;padding:8px 4px 7px;font-size:11.5px;font-weight:600;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:background .15s,color .15s}
.tabs .ico{font-size:19px;line-height:1}
.tabs button.on{background:var(--nav-on-bg);color:var(--nav-on);border-color:transparent}

/* ===== Barra superior de cada sección ===== */
.appbar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.appbar .in{max-width:1180px;margin:0 auto;padding:calc(var(--st) + var(--franja) + 6px) 16px 10px;display:flex;align-items:center;gap:10px}
.appbar .brand{display:flex;flex-direction:column;line-height:1.1;min-width:0;flex:1}
.appbar .brand small{font-size:10.5px;letter-spacing:.2em;font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:clip}
.appbar .brand b{font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;padding-bottom:1px}
.appbar .tools{display:flex;gap:6px;align-items:center}
.tbtn{height:36px;min-width:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--ink)}
.tbtn:active{transform:scale(.97)}
.tbtn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.tbtn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

/* ===== Elementos comunes ===== */
.inp{width:100%;font-size:16px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);outline:none;-webkit-appearance:none;appearance:none}
.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
textarea.inp{min-height:90px;resize:vertical;line-height:1.45}
select.inp{padding:10px 12px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chk{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
.count{font-size:12px;color:var(--muted);margin-top:8px}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}
.btn.sm{padding:6px 10px;font-size:13px}
.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.btn:disabled{opacity:.4}
.ibtn{border:0;background:none;color:var(--accent);font-size:14px;font-weight:600;padding:8px 4px;cursor:pointer}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;box-shadow:var(--shadow)}
.card h4{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:36px 0}
footer{text-align:center;color:var(--muted);font-size:11px;padding:24px 0}
.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface2);color:var(--muted);white-space:nowrap;font-weight:500}
.t-grupo{background:var(--accent-soft);color:var(--accent);font-weight:700}
.t-prop{background:#dcf7e5;color:#00813f;font-weight:700}
:root[data-tema=oscuro] .t-prop{background:#0f2a1a;color:#58c322}
.t-pend{background:var(--warnbg);color:var(--warn)}

/* ===== Lista de canciones ===== */
.bar{padding:12px 0 8px}
.letters{display:flex;flex-wrap:wrap;gap:2px;margin-top:8px}
.letters button{border:0;background:none;font-size:13px;font-weight:700;padding:5px 7px;border-radius:6px;color:var(--accent);cursor:pointer}
.letters button:hover{background:var(--accent-soft)}
.grp h2{color:var(--muted);font-size:13px;letter-spacing:.14em;margin:22px 0 6px;scroll-margin-top:80px;font-weight:700}
ul.lst{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
ul.lst li{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);cursor:pointer;padding:12px 14px}
ul.lst li:last-child{border-bottom:0}
ul.lst li:active,ul.lst li:hover{background:var(--surface2)}
.ti{flex:1;font-size:15.5px;font-weight:600;min-width:0}
.sub{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
.al{color:var(--muted);font-weight:400;font-size:13px;margin-left:6px}
.tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}

/* ===== Vista de canción ===== */
.sl{max-width:1240px;margin:0 auto;padding:12px 16px 30px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"head info" "letra info"}
.sl.cp{grid-template-columns:250px minmax(0,1fr) 320px;grid-template-areas:"prog head info" "prog letra info"}
.sl .a-prog{grid-area:prog}.sl .a-head{grid-area:head}.sl .a-info{grid-area:info}.sl .a-letra{grid-area:letra;min-width:0}
.stick{position:sticky;top:76px;max-height:calc(100vh - 76px - var(--navh) - 24px);overflow:auto}
.titulo{text-align:center;padding:18px 16px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.titulo:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--accent)}
.titulo h1{margin:4px 0 6px;font-size:clamp(28px,4.6vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.01em}
.titulo .meta{color:var(--muted);font-size:14px;margin:0}
.titulo .meta b{color:var(--ink)}
.titulo .stags{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.titulo .keybig{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;color:var(--muted)}
.titulo .keybig b{font-size:22px;color:var(--chord);background:var(--chord-bg);padding:2px 12px;border-radius:10px}
.lyr{text-align:center;font-size:var(--fs);line-height:1.6;padding:8px 4px}
.lyr p{margin:0 0 1.15em;white-space:pre-line}
.mark{color:var(--chord);font-style:italic;font-size:.86em}
.nota{color:var(--muted);font-style:italic;font-size:16px}
.back{display:block;margin:26px auto 0;min-width:220px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;padding:15px 26px;border-radius:12px;cursor:pointer}
/* panel derecho */
.pcol .card{margin:0 0 12px}
.metro{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:center}
.metro .bpm{grid-column:1/-1;text-align:center;font-size:26px;font-weight:800;letter-spacing:-.01em}
.metro .bpm small{font-size:12px;font-weight:600;color:var(--muted);margin-left:4px}
.beats{grid-column:1/-1;display:flex;justify-content:center;gap:6px;height:12px}
.beat{width:10px;height:10px;border-radius:50%;background:var(--line)}
.beat.on{background:var(--accent)}
.auto{display:flex;gap:6px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.auto .lbl{flex:1;font-size:13px;color:var(--muted)}
.info-k{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.info-k:last-child{border-bottom:0}
.info-k span{color:var(--muted)}
.info-k b{font-size:15px}
.acs{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.acs .ac{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--chord);background:var(--chord-bg);border-radius:10px;padding:6px 12px}
.acs .ac i{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);width:16px}
.tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px}
.tr .wide{grid-column:1/-1}
.notas{background:var(--warnbg);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:14px;white-space:pre-line}
.notas b{color:var(--warn)}
/* lista del programa (izquierda) */
.plist{padding:0;overflow:hidden}
.plist .ph{padding:12px 14px;color:#fff;font-weight:700;font-size:14px}
.plist .ph small{display:block;font-weight:500;opacity:.85;font-size:12px}
.plist ol{list-style:none;margin:0;padding:4px 0}
.plist li{display:flex;gap:8px;align-items:baseline;padding:8px 14px;cursor:pointer;font-size:14px;border-left:3px solid transparent}
.plist li:hover{background:var(--surface2)}
.plist li.on{background:var(--accent-soft);border-left-color:var(--accent);font-weight:700}
.plist li .n{color:var(--muted);font-size:12px;min-width:18px;text-align:right}
.plist li .t{flex:1}
.plist li .k{font-size:12px;font-weight:700;color:var(--chord)}
.plist li.brk{cursor:default;color:var(--muted);font-style:italic;font-size:12.5px}
.pstrip{display:none}
.fab{position:fixed;right:14px;bottom:calc(var(--navh) + 14px + var(--sb));display:flex;flex-direction:column;gap:8px;z-index:25}
.fab button{width:48px;height:48px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-size:15px;font-weight:800;box-shadow:var(--shadow);cursor:pointer;color:var(--ink)}
.fab button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* ===== Programas ===== */
.pgrid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px;margin-top:12px}
.pgrid>.pcard{flex:0 1 360px;min-width:0}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.pcard .bandc{height:6px}
.pcard .pb{padding:14px 16px 12px;flex:1}
.pcard h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.15;cursor:pointer}
.pcard .pm{font-size:12.5px;color:var(--muted);margin:4px 0 10px}
.pcard ol{margin:0;padding:0;list-style:none;counter-reset:n}
.pcard ol li{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px dashed var(--line);font-size:14px}
.pcard ol li:last-child{border-bottom:0}
.pcard ol li .n{color:var(--muted);font-size:12px;min-width:18px;text-align:right}
.pcard ol li .t{flex:1}
.pcard ol li .k{font-size:12px;font-weight:700;color:var(--chord)}
.pcard ol li.brk{color:var(--muted);font-style:italic;font-size:12.5px}
.pcard .pf{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface2);flex-wrap:wrap}
.pcard .pf .btn{flex:1;min-width:90px}
.phead{border-radius:16px;color:#fff;padding:16px 18px;margin-top:12px;box-shadow:var(--shadow)}
.phead h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.01em}
.phead p{margin:4px 0 0;font-size:13px;opacity:.9}
.acts{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.setH{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 6px}
.setH h3{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.setH span{font-size:12px;color:var(--muted)}
.itbox{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.it{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:9px 12px}
.it:last-child{border-bottom:0}
.it .n{width:22px;text-align:right;color:var(--muted);font-size:13px;flex:none}
.it .ti{cursor:pointer}
.it .k{font-size:13px;font-weight:800;color:var(--chord);min-width:34px;text-align:center}
.it .ctl{display:flex;gap:3px}
.it .ctl button{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:12px;color:var(--ink)}
.brk{background:var(--surface2);border:1px dashed var(--line);border-radius:12px;padding:8px 12px;margin:10px 0;display:flex;align-items:center;gap:8px;font-size:14px}
.brk input{width:60px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}
.alert{font-size:13px;padding:7px 11px;border-radius:10px;margin:5px 0;background:var(--warnbg);color:var(--warn)}
.alert.bad{background:var(--badbg);color:var(--bad)}
.curva{width:100%;height:64px;display:block;margin:6px 0 2px}

/* ===== Random ===== */
.rl{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 300px;align-items:start}
.rbtn{display:block;width:100%;margin:12px 0;border:0;border-radius:16px;padding:20px;font-size:21px;font-weight:800;letter-spacing:.06em;background:var(--ink);color:var(--bg);cursor:pointer;box-shadow:var(--shadow)}
.rbtn:active{transform:scale(.99)}
.rbtn:disabled{opacity:.4}
.racs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 2px}
.racs span{font-weight:800;font-size:17px;color:var(--chord);background:var(--chord-bg);border-radius:9px;padding:4px 11px}
.rfil .field{margin:8px 0}
details.mfil{display:none}

/* ===== Modal, toast, campos ===== */
.modal{position:fixed;inset:0;background:rgba(5,8,12,.5);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.mbox{background:var(--bg);width:100%;max-width:640px;max-height:88vh;overflow:auto;border-radius:18px 18px 0 0;padding:16px 16px calc(18px + var(--sb))}
@media (min-width:700px){.modal{align-items:center}.mbox{border-radius:18px}}
.mbox h2{margin:0 0 10px;font-size:19px}
.mbox .lst{box-shadow:none}
.field{margin:10px 0}
.field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px;font-weight:600}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.colores{display:flex;gap:8px;flex-wrap:wrap}
.colores button{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer}
.colores button.sel{border-color:var(--ink)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--navh) + 18px + var(--sb));background:#262626;color:#fafafa;border-radius:12px;padding:10px 14px;font-size:14px;display:flex;gap:10px;align-items:center;z-index:60;box-shadow:0 6px 20px rgba(0,0,0,.3);max-width:92vw}
.toast button{border:0;background:#0095f6;color:#fff;font-weight:700;border-radius:8px;padding:6px 10px;cursor:pointer}
.toast .x{background:none;color:#a8a8a8;padding:6px}
.status{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;background:var(--surface2);color:var(--muted)}
.status.ok{color:var(--ok)}
.pcol-wrap{display:contents}

/* ===== Escenario (sigue el tema de la app: claro u oscuro) ===== */
.esc{position:fixed;inset:0;background:var(--bg);color:var(--ink);z-index:40;overflow:auto;padding:calc(var(--st) + var(--franja) + 6px) 16px calc(96px + var(--sb))}
.esc .eh{font-size:13px;color:var(--muted);position:sticky;top:0;background:var(--bg);box-shadow:0 -14px 0 var(--bg);padding:4px 0 6px;z-index:2}
.esc .eh .einfo{text-align:center;margin-bottom:6px}
.esc .eh .ebar{display:flex;justify-content:space-between;align-items:center;gap:8px}
.esc .eh button{border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:10px;padding:7px 12px;cursor:pointer}
.esc .eh button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.esc h1{text-align:center;font-size:clamp(30px,6vw,52px);font-weight:800;margin:10px 0 4px;letter-spacing:-.01em}
.esc .eac{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}
.esc .eac span{font-weight:800;font-size:20px;color:var(--chord);padding:2px 10px;border-radius:8px;background:var(--chord-bg)}
.esc .etono{text-align:center;color:var(--muted);font-size:15px}
.esc .etono b{color:var(--ink);font-size:20px}
.esc .lyr{font-size:calc(var(--fs) + 7px);line-height:1.5}
.esc .mark{color:var(--muted);font-style:italic}
.esc .notas{background:var(--surface2);color:var(--ink)}
.esc .enav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:10px 14px calc(10px + var(--sb));background:linear-gradient(transparent,var(--bg) 35%)}
.esc .enav button{flex:1;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:14px;padding:16px;font-size:17px;font-weight:700;cursor:pointer}
.esc .enav button:disabled{opacity:.4}
.esc .descanso{text-align:center;margin-top:30vh}
.esc .descanso h1{font-size:44px;color:var(--ink)}
.esc .efs{position:fixed;right:14px;bottom:calc(96px + var(--sb));display:flex;flex-direction:column;gap:8px}
.esc .efs button{width:46px;height:46px;border-radius:12px;background:var(--surface2);color:var(--ink);border:1px solid var(--line);font-weight:800;cursor:pointer}

/* ===== Impresión ===== */
#print{display:none}
@media print{body *{visibility:hidden}#print,#print *{visibility:visible}#print{display:block;position:absolute;left:0;top:0;width:100%;color:#000;font-family:Arial,sans-serif}.tabs,.toast,.modal{display:none!important}}

/* ===== Adaptación a pantallas ===== */
@media (max-width:1060px){
  .sl.cp{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"strip strip" "head info" "letra info"}
  .sl.cp .a-prog{display:none}
  .sl.cp .pstrip{display:flex;grid-area:strip}
}
@media (max-width:820px){
  .sl,.sl.cp{grid-template-columns:minmax(0,1fr);grid-template-areas:"strip" "head" "info" "letra";gap:12px}
  .sl .stick{position:static;max-height:none;overflow:visible}
  .pcol{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pcol .card{margin:0}
  .acs{flex-direction:row;flex-wrap:wrap}
  .acs .ac{font-size:16px;padding:4px 10px}
  .acs .ac i{display:none}
  .rl{grid-template-columns:minmax(0,1fr)}
  .rl .rside{display:none}
  details.mfil{display:block}
}
@media (max-width:600px){
  .pcol{grid-template-columns:1fr}
  .pgrid>.pcard{flex:1 1 100%}
  ul.lst .tags .tag:not(.t-grupo):not(.t-pend):not(.t-prop){display:none}
  .appbar .brand b{font-size:18px}
  .appbar .brand small{letter-spacing:.08em;font-size:9.5px}
  .hide-sm{display:none}
  .appbar .in{gap:6px;padding-left:12px;padding-right:12px}
  .tbtn{min-width:34px;padding:0 8px}
}
.pstrip{gap:6px;overflow-x:auto;padding:2px 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pstrip::-webkit-scrollbar{display:none}
.pstrip button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 11px;font-size:13px;white-space:nowrap;cursor:pointer;color:var(--ink)}
.pstrip button b{color:var(--muted);font-weight:600;margin-right:4px}
.pstrip button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.pstrip button.on b{color:inherit;opacity:.8}
.pstrip .ptag{flex:none;align-self:center;font-size:12px;font-weight:700;color:#fff;border-radius:8px;padding:6px 10px}
.sl>*{min-width:0}
.auto{flex-wrap:wrap}
.auto .btn{flex:1;min-width:44px}
.auto .btn.pri{flex:2}
.metro .btn{padding:9px 6px}
/* panel desplegable y acordes junto al título (celular) */
.psum{display:none}
#pdet>summary{list-style:none}
#pdet>summary::-webkit-details-marker{display:none}
.racs.mob{display:none}
.mob-tr{display:flex;justify-content:center;gap:6px;margin-top:8px}
.mob-tr [data-tr]{display:none}
@media (min-width:821px){#pdet:not([open])>*:not(summary){display:block}}
@media (max-width:820px){
  .psum{display:block;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:600;box-shadow:var(--shadow)}
  .psum:after{content:"▾";float:right;color:var(--muted)}
  #pdet[open] .psum{margin-bottom:10px}
  #pdet[open] .psum:after{content:"▴"}
  #pdet .pcol-in{display:grid;gap:10px}
  .racs.mob{display:flex}
  .mob-tr [data-tr]{display:inline-flex}
}
.pcol .card{margin:0 0 12px}
@media (max-width:820px){.pcol{display:block}.pcol .card{margin:0 0 10px}}

/* ===== Acordes en la letra ===== */
.lyrbar{display:flex;justify-content:center;margin:0 0 10px}
.lyr.inl{text-align:left;width:max-content;max-width:100%;margin:0 auto;overflow-x:auto;font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Roboto Mono",monospace;font-size:calc(var(--fs) * .82);line-height:1.35}
.lyr.inl p{white-space:pre;margin:0 0 1.1em}
.lyr.inl .w{white-space:pre-wrap;display:inline-block;max-width:100%}
.lyr.inl .ch{color:var(--accent);font-weight:700}
.lyr.inl i{font-style:normal;color:var(--muted);font-weight:600}
.esc .lyrbar .chip{background:var(--surface2);color:var(--ink);border-color:var(--line)}
.esc .lyr.inl .ch{color:#0095f6}

/* ===== Buscador fijo en Canciones y botón para subir ===== */
.qstick{position:sticky;top:var(--abh,64px);z-index:15;padding:8px 0;background:var(--bg)}
.qstick .inp{box-shadow:var(--shadow)}
#lista [id^="l-"]{scroll-margin-top:calc(var(--abh,64px) + 64px)}
#fabTop{font-size:20px}

/* ===== Selector múltiple ===== */
.msel{position:relative;width:100%}
.msbtn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;padding:9px 12px;font-size:14px}
.msbtn span{color:var(--muted);font-weight:600}
.msbtn b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msbtn i{font-style:normal;color:var(--muted);font-size:12px}
.msel.on .msbtn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.mspanel{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:8px;min-width:240px}
.msq{margin-bottom:6px;padding:8px 10px;font-size:14px}
.msopts{max-height:min(320px,45vh);overflow:auto;overscroll-behavior:contain}
.msop{padding:7px 6px;border-radius:8px;color:var(--ink);font-size:14px;cursor:pointer}
.msop:hover{background:var(--surface2)}
.msop input{width:18px;height:18px;accent-color:var(--accent)}
.msfoot{display:flex;align-items:center;gap:6px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:6px;padding-top:8px}
.msfoot .count{margin:0 auto 0 4px}
.rfil .msel .mspanel{min-width:0}
.rfil .mspanel{position:static;margin-top:6px;box-shadow:none}
.msop span{color:var(--ink);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}

.rtr{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
.titulo .rtr .keybig{margin:0}
.rtr .btn.sm{min-width:44px;padding:6px 10px;font-weight:700}

.toast .tm{flex:1;min-width:0;line-height:1.35}

.qwrap{position:relative;display:block}
.qwrap .inp{padding-right:44px}
.qx{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:var(--muted);font-size:26px;line-height:36px;padding:0;cursor:pointer;z-index:2}
.qx.hidden{display:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}

/* burbujas de filtros: cuadrícula pareja en teléfono */
#chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#chips .chip{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 6px;font-size:14px}
@media (min-width:760px){#chips{display:flex;flex-wrap:wrap}#chips .chip{padding:6px 14px}}

/* franja fija del color del fondo bajo la barra de estado del teléfono: nada se ve borroso al pasar por debajo */
:root{--franja:0px}
/* iPhone en vertical: iOS 26 difumina lo que queda bajo la hora/batería. Se deja una franja lisa más alta
   del color del fondo, así no hay nada que difuminar. En horizontal (sin barra de estado) no hace falta. */
@media (orientation:portrait){:root.ios{--franja:22px}}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(var(--st) + var(--franja));background:var(--bg);z-index:60;pointer-events:none}

/* sin zoom por doble toque (el zoom con dos dedos sigue funcionando) */
html,body,button,a,input,select,textarea,label,summary,.chip,.appbar{touch-action:manipulation}

.toast .tm:empty{display:none}

/* advertencias del programa: una sola barra que despliega/oculta todas */
.advs{margin:6px 0}
.advbar{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-align:left}
.advbar .advn{font-weight:700;opacity:.85}
.advbar .advn i{display:inline-block;font-style:normal;transition:transform .15s}
.advs.abierto .advbar .advn i{transform:rotate(180deg)}
.advs .advlist{display:none}
.advs.abierto .advlist{display:block}

/* escenario: velocidad del auto-scroll junto a Salir / Auto */
.esc .eh .evel{display:flex;align-items:center;justify-content:space-between;gap:4px}
.esc .eh .evel button{padding:5px 0;width:34px;font-size:18px;font-weight:800;line-height:1}
.esc .eh .evel b{font-size:12px;color:var(--ink);min-width:36px;text-align:center}

.esc .espot{display:flex;justify-content:center;margin:6px 0 2px}

/* burbujas para escuchar: Spotify · Apple Music · YouTube (íconos oficiales que proporcionó Fran) */
.mlinks{display:inline-flex;gap:8px;align-items:center}
.mlink{width:34px;height:34px;display:inline-block;flex-shrink:0;font-size:0;color:transparent;text-decoration:none;background:center/contain no-repeat}
.mlink:active{opacity:.75}
.mlink.sp{background-image:url(data:image/png;base64,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)}
.mlink.am{background-image:url(data:image/png;base64,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)}
.mlink.yt{background-image:url(data:image/png;base64,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);width:38px}
/* en tema oscuro el ícono negro de Apple se invierte para que se vea */
:root[data-tema=oscuro] .mlink.am{filter:invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-tema]) .mlink.am{filter:invert(1)}}

/* ===== PC: contenido centrado y título al centro (no aplica en celular) ===== */
@media (min-width:900px){
  .appbar .in{display:grid;grid-template-columns:1fr auto 1fr}
  .appbar .in>[data-act="back"]{grid-row:1;grid-column:1;justify-self:start}
  .appbar .brand{grid-row:1;grid-column:2;align-items:center;text-align:center;max-width:44vw}
  .appbar .tools{grid-row:1;grid-column:3;justify-self:end}
}
@media (min-width:1300px){
  .sl{max-width:1560px;grid-template-columns:320px minmax(0,1fr) 320px;grid-template-areas:". head info" ". letra info"}
  .sl.cp{grid-template-columns:320px minmax(0,1fr) 320px;grid-template-areas:"prog head info" "prog letra info"}
  .wrap.rwrap{max-width:1500px}
  .rl{grid-template-columns:300px minmax(0,1fr) 300px}
  .rl>.rmain{grid-column:2}
  .rl>.rside{grid-column:3}
}

/* Evita que Chrome/Edge (modo oscuro automático) oscurezcan el tema Claro */
:root{color-scheme:only light}  /* la app maneja sus propios temas; los controles nativos quedan como siempre */

/* ===== Cronómetro del escenario ===== */
.esc .eh .einfo{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.esc .eh .einfo .eitx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esc .eh .einfo button.crono{flex:none;font-variant-numeric:tabular-nums;font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);min-width:58px;line-height:1.3}
.esc .eh .einfo button.crono.run{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.esc .eh .einfo button.crono.pausa{opacity:.75;border-style:dashed}
.esc .eh .einfo button.crono.warn{background:#f97316;border-color:#f97316;color:#fff}
.esc .eh .einfo button.crono.fin{background:#dc2626;border-color:#dc2626;color:#fff}
.pcrono{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 2px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;font-weight:600}
.pcrono>span:first-child{display:flex;flex-direction:column;line-height:1.25}.pcrono small{font-size:11.5px;font-weight:500;color:var(--muted)}
.pcrono .pcc{display:inline-flex;align-items:center;gap:8px}
.pcrono .pcc button{width:34px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font-size:17px;font-weight:700;cursor:pointer}
.pcrono .pcc b{min-width:62px;text-align:center;font-variant-numeric:tabular-nums}
.esc .eh .einfo button.creset{flex:none;width:26px;height:26px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:var(--surface2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;margin-left:-2px}
.esc .eh .einfo button.creset:active{transform:rotate(-40deg)}
.pcrono .pcc b{cursor:text;user-select:none;-webkit-user-select:none}
.pcrono .pcc b{white-space:nowrap}
.pcrono .pcin{width:50px;font:inherit;font-weight:700;text-align:center;border:1.5px solid var(--accent);border-radius:8px;padding:3px 2px;background:var(--bg);color:var(--ink)}
@media (max-width:430px){
  .appbar .in{gap:5px}
  .appbar .tools{gap:4px}
  .tbtn{min-width:32px;height:34px;padding:0 6px}
}
@media (max-width:380px){.tbtn{min-width:30px;padding:0 4px}.appbar .in{padding-left:10px;padding-right:10px}}

/* ===== Estrella del repertorio: negro en claro, blanco en oscuro ===== */
.tbtn.ink{background:var(--ink);border-color:var(--ink);color:var(--bg)}
/* ===== Barra de pestañas flotante tipo vidrio (estilo iOS) ===== */
.tabs{left:50%;right:auto;bottom:calc(max(var(--sb) - 4px, 12px));transform:translateX(-50%);width:calc(100% - 28px);max-width:440px;
  padding:5px;gap:4px;border:1px solid var(--glass-brd);border-radius:999px;background:rgba(var(--glass-rgb),var(--glass-a));
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);backdrop-filter:blur(var(--glass-blur)) saturate(170%);box-shadow:var(--glass-sh)}
.tabs button{border:0;background:transparent;border-radius:999px;padding:6px 2px 5px;font-size:10.5px;gap:2px;color:var(--nav-ink)}
.tabs .ico{font-size:18px}
.tabs button.on{background:var(--glass-on);color:var(--ink);border-color:transparent}
#vista{padding-bottom:calc(var(--navh) + 30px + max(var(--sb) - 4px, 12px))}
.fab{bottom:calc(var(--navh) + 22px + max(var(--sb) - 4px, 12px))}
.toast{bottom:calc(var(--navh) + 24px + max(var(--sb) - 4px, 12px))}
/* ===== Buscador tipo vidrio que baja con la pantalla ===== */
.qstick{background:transparent}
.qstick .inp{border-radius:999px;background:rgba(var(--glass-rgb),var(--glass-a));border-color:var(--glass-brd);padding-left:18px;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);backdrop-filter:blur(var(--glass-blur)) saturate(170%);box-shadow:var(--glass-sh)}
.qstick .qx{right:8px}

/* ===== Marca: logo + "Letras" (tipografía condensada parecida a la de YouTube) ===== */
@font-face{font-family:"Letras Marca";src:url("fonts/rc600.woff2") format("woff2");font-weight:600;font-display:swap}
.appbar .brand.home{flex-direction:row;align-items:center;gap:8px}
.appbar .brand.home .blogo,.appbar .brand.solo .blogo,.ctalogo .blogo{width:30px;height:30px;border-radius:8px;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.25);background:url(data:image/png;base64,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) center/cover no-repeat}
.appbar .brand.home .bname{font-family:"Letras Marca","Roboto Condensed","Arial Narrow",sans-serif;font-weight:600;font-size:25px;letter-spacing:-.025em;color:var(--ink);line-height:1.1;padding-bottom:0}
@media (min-width:900px){.appbar .brand.home{grid-column:1;justify-self:start;align-items:center;text-align:left;max-width:none}}
/* ===== Barra superior que se esconde al deslizar ===== */
.appbar{transition:transform .25s ease}
.qstick{transition:transform .25s ease}
.barra-oculta .appbar{transform:translateY(-100%)}
.barra-oculta .qstick{transform:translateY(calc(-100% - var(--abh,64px)))}

/* ===== Selector de color personalizado ===== */
.colores{align-items:center}
.colores .csep{width:1px;height:26px;background:var(--line);margin:0 2px}
.colores .cmas{background:conic-gradient(#f44,#fd0,#4d4,#0cf,#44f,#c4f,#f44);position:relative}
.colores .cmas::after{content:"+";position:absolute;inset:6px;border-radius:50%;background:var(--cc,var(--surface));color:var(--ink);font-weight:800;font-size:15px;line-height:16px;display:flex;align-items:center;justify-content:center}
.colores .cmas[style]::after{content:""}
.cpick{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.cp-sv{position:relative;height:160px;border-radius:10px;touch-action:none;cursor:crosshair}
.cp-h{position:relative;height:22px;margin-top:12px;border-radius:11px;touch-action:none;cursor:pointer;background:linear-gradient(to right,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}
.cp-k{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none}
.cp-h .cp-k{top:50%}
.cp-row{display:flex;gap:8px;align-items:center;margin-top:12px;position:relative}
.cp-prev{width:40px;height:40px;border-radius:10px;flex:none;border:1px solid var(--line)}
.cp-hex{flex:1;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase}
.cp-gota{flex:none;width:44px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.cp-sys{position:absolute;right:0;bottom:0;width:44px;height:42px;opacity:0;pointer-events:none}
/* ===== v1.28: descansos con − / + / 0 ===== */
.brk{flex-wrap:wrap;row-gap:6px}
.brk .bt{font-weight:600}
.brk .bcc{display:inline-flex;align-items:center;gap:6px}
.brk .bcc button{width:34px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:17px;font-weight:700;cursor:pointer}
.brk .bcc b{min-width:56px;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:text;user-select:none;-webkit-user-select:none}
.brk .pcin{width:48px;font:inherit;font-weight:700;text-align:center;border:1.5px solid var(--accent);border-radius:8px;padding:3px 2px;background:var(--bg);color:var(--ink)}
.brk .b0{min-width:36px}
.brk.brep{border-style:solid;border-color:#e0a100;font-size:13px}
/* ===== v1.28: encabezado fijo y ✕ en ventanas ===== */
.mhead{position:sticky;top:-16px;z-index:3;background:var(--bg);margin:-16px -16px 0;padding:16px 16px 6px;border-bottom:1px solid var(--line)}
.mhead h2{display:flex;align-items:flex-start;gap:10px}
.mhead h2 span{flex:1}
.mclose{float:right;width:34px;height:34px;margin:-4px -4px 6px 10px;border-radius:50%;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font-size:17px;line-height:32px;padding:0;cursor:pointer;flex:none}
.mhead .mclose{float:none;margin:-4px -4px 0 0}
.brk .bx{min-width:36px;font-size:15px}
@media (max-width:380px){.brk{gap:6px;padding:8px 10px}.brk .bcc{gap:4px}.brk .bcc button{width:30px}.brk .bcc b{min-width:50px}}
@media (max-width:360px){.brk .btw{display:none}}
/* ===== v1.29: sets plegables ===== */
.setT{width:100%;background:none;border:0;padding:6px 2px;font:inherit;color:inherit;cursor:pointer;text-align:left;border-radius:8px;-webkit-tap-highlight-color:transparent}
.setT:hover{background:var(--surface2)}
.setT h3{display:flex;align-items:center;gap:6px}
.setT .chev{font-style:normal;display:inline-block;transition:transform .18s;font-size:14px;letter-spacing:0;color:var(--ink)}
.setT.pleg .chev{transform:rotate(-90deg)}
.setT.pleg{border:1px solid var(--line);background:var(--surface);padding:10px 12px}
/* ===== v1.30: cuenta regresiva del descanso ===== */
.esc .descanso{margin-top:14vh;min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:22px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.esc .descanso h1{font-size:46px;margin:0 0 6px;transition:color .2s}
.esc .descanso .dtime{font-size:clamp(64px,22vw,150px);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}
.esc .descanso.pausa .dtime{opacity:.5}
.esc .descanso .dhint{margin:10px 0 0;font-size:15px;color:var(--muted)}
.esc .descanso .dsig{margin:6px 0 0;font-size:16px;color:var(--muted)}
.esc .descanso .dreset{margin-top:18px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.esc .descanso.fin h1{color:#ff1a1a}
:root[data-tema=claro] .esc .descanso.fin h1{color:#e00000}
.esc .descanso.fin .dhint{color:#ff1a1a;font-weight:700}
:root[data-tema=claro] .esc .descanso.fin .dhint{color:#e00000}
.dflash{position:fixed;inset:0;z-index:70;pointer-events:none;background:#fff;mix-blend-mode:difference;opacity:0}
.dflash.on{opacity:1}
/* ===== v1.35: título de sección sin "LETRAS" arriba ===== */
.appbar .brand.solo{justify-content:center}
.appbar .brand.solo b{font-size:24px;letter-spacing:-.015em;line-height:1.2}
@media (max-width:430px){.appbar .brand.solo b{font-size:22px}}
@media (max-width:360px){.appbar .brand.solo b{font-size:19px}}

/* v1.36: logo a la izquierda del título en canción y programa; conteo redondeado */
.appbar .brand.solo{flex-direction:row;align-items:center;gap:8px}
.appbar .brand.solo .blogo{width:28px;height:28px;border-radius:8px;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.appbar .brand.solo b{min-width:0}
@media (max-width:360px){.appbar .brand.solo .blogo{width:22px;height:22px;border-radius:6px}.appbar .brand.solo{gap:5px}}
@media (max-width:340px){.appbar .brand.solo .blogo{display:none}}

/* ===== v1.37: cuentas (entrar, límite, respaldo, bloqueo) ===== */
.cta{padding-top:calc(var(--st,0px) + 28px);max-width:440px}
.ctalogo{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 18px}
.ctalogo .blogo{width:44px;height:44px;border-radius:11px}
.ctalogo b{font-family:"Letras Marca","Roboto Condensed","Arial Narrow",sans-serif;font-weight:600;font-size:32px;letter-spacing:-.025em}
.cta .card>b{font-size:19px}
.cta-sub{font-size:14.5px;color:var(--muted);margin:6px 0 12px;line-height:1.45}
.cta-nota{font-size:13px;margin-top:12px}
.cta-btn{width:100%;margin-top:4px;padding:12px}
.cta-err{color:#e5484d;font-size:14px;min-height:1em;margin:10px 0 0}
.cta-err:empty{display:none}
.cta-aviso{border-left:4px solid var(--accent);font-size:14.5px}
.cta-pie{text-align:center;font-size:13.5px;color:var(--muted);margin-top:14px}
.cta-links{justify-content:space-between;margin-top:12px;gap:8px;flex-wrap:wrap}
.cta-cod{font-size:28px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.cta-disp{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;color:inherit;cursor:default}
.cta-disp b{display:block;font-size:15px}
.cta-esp{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
button.cta-resp{cursor:pointer;font:inherit}
.cta-carga{text-align:center;padding:30px 18px}
.cta-carga p{color:var(--muted);margin:14px 0 0}
.cta-spin{width:34px;height:34px;margin:auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:ctagiro 0.9s linear infinite}
@keyframes ctagiro{to{transform:rotate(360deg)}}