/* ══════════════════════════════════════════════════════════════════════════
   BARRA LATERAL — contraer, buscador y máster en una entrada   (22-sep-2026)

   POR QUÉ. La barra tenía 17 entradas y cuatro estaban repetidas (Señales,
   Diario, Calendario y Comunidades salían en la barra y otra vez dentro de
   «Más»). El bloque del máster sumaba seis más, mezclando tres cosas que no
   son iguales: una acción (emitir), una bandeja con trabajo (moderación) y
   cuatro pantallas de configuración.

   QUÉ HACE. Cinco destinos fijos; lo ocasional en «Todo lo demás»; el máster
   en «Mi academia» (pestañas dentro) más «Moderación», que solo aparece
   cuando hay cola. Nada desaparece: lo que sale del menú sigue en ⌘K.

   Se revierte quitando este <link> y el <script> de v16-barra.js.
   ══════════════════════════════════════════════════════════════════════════ */

/* El ancho NO se toca desde aquí: hay páginas con tres columnas (barra,
   contenido y carril derecho) y reescribir el grid entero se comía el
   carril. Lo cambia el JS, leyendo el grid real y sustituyendo solo su
   primera columna. */
body.v16s .nav{transition:width .28s cubic-bezier(.2,.8,.2,1);position:relative}
body.v16s .app{transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}

/* ── botón de contraer ── */
/* DENTRO de la cabecera: colgando del borde con `right:-11px` quedaba
   recortado por el scroll de la barra y el clic caía al vacío. */
.nav .plegar{width:26px;height:26px;border-radius:8px;flex:0 0 auto;
  background:transparent;border:0;display:grid;place-items:center;
  color:var(--v16-t3,#767D88);cursor:pointer;padding:0;
  transition:background .15s,color .15s;margin-left:2px}
.nav .plegar:hover{background:var(--v16-e2,#171A20);color:var(--v16-t1,#F2F4F7)}
.nav.ttaplg .plegar{margin:6px auto 0}
.nav .plegar svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nav .plegar:hover{background:var(--v16-e4,#2A2F38);color:var(--v16-t1,#F2F4F7)}
.nav.ttaplg .plegar svg{transform:rotate(180deg)}

/* ── buscador ── */
.nav .buscar{display:flex;align-items:center;gap:9px;padding:9px 11px;margin:0 0 10px;
  border-radius:9px;background:var(--v16-e2,#171A20);
  border:1px solid var(--v16-ln1,rgba(255,255,255,.07));color:var(--v16-t3,#767D88);
  font-size:13px;width:100%;text-align:left;white-space:nowrap;overflow:hidden;
  transition:border-color .16s,background .16s,color .16s;cursor:pointer}
.nav .buscar:hover{border-color:var(--v16-ln2,rgba(255,255,255,.13));
  background:var(--v16-e3,#1F232A);color:var(--v16-t2,#A9B0BA)}
.nav .buscar svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;flex:0 0 auto}
.nav .buscar .kk{margin-left:auto;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;
  background:var(--v16-e4,#2A2F38);color:var(--v16-t3,#767D88)}

/* ── grupo «Máster» desplegable (23-sep-2026) ──
   Los MISMOS botones que la antigua: Comunidad, Aula, Curso, Señales, Diario,
   Ranking, Miembros, Calendario y el menú «Máster ▾» con Página registro,
   Live y las pestañas que el alumno no ve. «Todo lo demás» ya no existe. */
.nav .mgrp{margin-top:6px;padding-top:6px;border-top:1px solid var(--v16-ln1,rgba(255,255,255,.07))}
.nav .mgrp .mlist{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.2,.8,.2,1)}
.nav .mgrp.ab .mlist{max-height:420px}
.nav .nv .fl{width:12px;height:12px;flex:0 0 auto;margin-left:auto;opacity:.5;
  stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;
  transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nav .mgrp.ab .mhead .fl{transform:rotate(90deg)}
.nav .mgrp .mlist .nv{padding-left:38px;font-size:13.5px}
.nav .nv .ojo{width:13px;height:13px;margin-left:auto;opacity:.45;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
/* botón En vivo: solo existe mientras el KOL transmite */
.nav .nv-live{color:var(--v16-t1,#F2F4F7)}
.nav .nv-live .n.l{background:rgba(242,85,90,.14);color:#F2555A;font-weight:650}
.nav .sepb{height:1px;background:var(--v16-ln1,rgba(255,255,255,.07));margin:10px 11px}
/* menú de tu cuenta (Mi perfil · Mi cuenta · Cerrar sesión) */
.v16p-yo{position:fixed;z-index:120;background:#171A20;border:1px solid var(--v16-ln2,rgba(255,255,255,.13));
  border-radius:12px;padding:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.9);animation:v16pIn .16s cubic-bezier(.16,1,.3,1)}
.v16p-yo button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;
  border-radius:8px;color:var(--v16-t2,#A9B0BA);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.v16p-yo button:hover,.v16p-yo button:focus-visible{background:var(--v16-e3,#1F232A);color:var(--v16-t1,#F2F4F7);outline:0}
.v16p-yo svg{width:16px;height:16px}
@keyframes v16pIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.nav .me{cursor:pointer}
/* barra del celular: el enlace «Inicio» se ve igual que los botones */
.mbar a.mb-a{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center}

/* ── modo contraído ── */
/* El ancho se fija aquí, no solo por el grid: el nav se colapsaba a 0 aunque
   su columna midiera 74 px (22-sep-2026). */
.nav.ttaplg{width:74px!important;min-width:74px!important;max-width:74px!important;
  flex:0 0 74px!important;box-sizing:border-box;align-items:stretch;overflow:visible}
.nav.ttaplg .nv,.nav.ttaplg .buscar,.nav.ttaplg .me,.nav.ttaplg .pub{width:100%;min-width:0}

.nav.ttaplg .logo span,.nav.ttaplg .nv span:not(.pt):not(.n),.nav.ttaplg .buscar span,
.nav.ttaplg .buscar .kk,.nav.ttaplg .mcap,.nav.ttaplg .me>div:not(.av),
.nav.ttaplg .pub span,.nav.ttaplg .nv .n,.nav.ttaplg .nv .fl,.nav.ttaplg .ctx{
  display:none!important}
.nav.ttaplg .mgrp .mlist{max-height:none}
.nav.ttaplg .mgrp .mhead{display:none!important}
.nav.ttaplg .logo{flex-direction:column;gap:4px;justify-content:center;padding-left:0;padding-right:0}
.nav.ttaplg .logo .camp{margin:0}
.nav.ttaplg .nv,.nav.ttaplg .buscar,.nav.ttaplg .me{justify-content:center;padding-left:0;padding-right:0}
.nav.ttaplg .pub{padding-left:0;padding-right:0}
.nav.ttaplg .sepb{margin:10px 6px}
/* el aviso se vuelve un punto: el número no cabe */
.nav.ttaplg .nv{position:relative}
.nav.ttaplg .nv .pto{position:absolute;top:7px;right:13px;width:7px;height:7px;border-radius:50%;
  background:var(--v16-rojo,#F2555A);border:2px solid var(--v16-e1,#101317);display:block}
.nav.ttaplg .nv .pto.oro{background:var(--v16-oro,#D9B44A)}
.nav .nv .pto{display:none}

/* ── globo cuando está contraída ── */
.nav .tip{position:absolute;left:calc(100% + 10px);top:50%;
  transform:translateY(-50%) translateX(-5px);background:#20242C;
  border:1px solid var(--v16-ln2,rgba(255,255,255,.13));padding:6px 11px;border-radius:8px;
  font-size:12.5px;font-weight:550;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .16s,transform .16s;z-index:60;color:var(--v16-t1,#F2F4F7);
  box-shadow:0 8px 24px -10px rgba(0,0,0,.8)}
.nav:not(.ttaplg) .tip{display:none}
.nav.ttaplg .nv:hover .tip,.nav.ttaplg .buscar:hover .tip,.nav.ttaplg .me:hover .tip{
  opacity:1;transform:translateY(-50%)}

/* ── paleta de comandos ── */
.tt-pal-velo{position:fixed;inset:0;background:rgba(5,6,8,.72);backdrop-filter:blur(6px);
  z-index:9000;opacity:0;pointer-events:none;transition:opacity .22s}
.tt-pal-velo.on{opacity:1;pointer-events:auto}
.tt-pal{position:fixed;left:50%;top:15%;transform:translateX(-50%) translateY(-8px) scale(.98);
  width:min(560px,92vw);background:#14171D;
  border:1px solid var(--v16-ln2,rgba(255,255,255,.13));border-radius:15px;
  box-shadow:0 30px 70px -26px rgba(0,0,0,.95);z-index:9001;opacity:0;pointer-events:none;
  transition:opacity .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1);
  overflow:hidden}
.tt-pal.on{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.tt-pal .in{display:flex;align-items:center;gap:11px;padding:15px 18px;
  border-bottom:1px solid var(--v16-ln1,rgba(255,255,255,.07))}
.tt-pal .in svg{width:17px;height:17px;stroke:var(--v16-t3,#767D88);fill:none;stroke-width:1.8;
  stroke-linecap:round;flex:0 0 auto}
.tt-pal .in input{flex:1;background:none;border:0;outline:0;color:var(--v16-t1,#F2F4F7);
  font:15.5px/1.4 inherit}
.tt-pal .in input::placeholder{color:var(--v16-t3,#767D88)}
.tt-pal .in .esc{font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:5px;
  background:var(--v16-e3,#1F232A);color:var(--v16-t3,#767D88)}
.tt-pal .rs{max-height:56vh;overflow-y:auto;padding:7px}
.tt-pal .rg{font-size:10.5px;font-weight:780;letter-spacing:.09em;text-transform:uppercase;
  color:var(--v16-t3,#767D88);padding:10px 11px 5px}
.tt-pal .rw{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;
  font-size:14px;color:var(--v16-t2,#A9B0BA);cursor:pointer;transition:background .12s,color .12s}
.tt-pal .rw.sel{background:rgba(217,180,74,.12);color:var(--v16-t1,#F2F4F7)}
.tt-pal .rw svg{width:16px;height:16px;flex:0 0 auto}
.tt-pal .rw .d{margin-left:auto;font-size:11.5px;color:var(--v16-t3,#767D88)}
.tt-pal .vac{padding:26px;text-align:center;color:var(--v16-t3,#767D88);font-size:13.5px}

@media(max-width:1180px){.nav .plegar{display:none}}
@media(max-width:760px){.nav .buscar,.nav .plegar{display:none}}