/* KJ Docente V3.4: grupos desplegables, compatible con ratón, teclado y táctil. */
.nav.kj-collapsible-nav { gap: 7px; }
.kj-nav-group { width: 100%; flex: 0 0 auto; min-width: 0; }
.nav.kj-collapsible-nav > .kj-nav-group > .kj-nav-toggle {
  display:flex; width:100%; min-height:46px; gap:10px; align-items:center;
  padding:11px 12px; border:1px solid rgba(181,184,218,.21); border-radius:13px;
  color:#f2f0ff; background:rgba(255,255,255,.065); font-size:13px;
  font-weight:820; letter-spacing:.01em; cursor:pointer; white-space:normal;
}
.nav.kj-collapsible-nav .kj-nav-toggle:hover,
.nav.kj-collapsible-nav .kj-nav-toggle[aria-expanded="true"] {
  background:#353861; border-color:#6263a2; color:#fff;
}
.kj-nav-toggle-icon { font-size:18px; flex:0 0 24px; text-align:center; }
.kj-nav-toggle-text { flex:1; text-align:left; }
.kj-nav-chevron { font-size:20px; line-height:1; transition:transform .18s ease; transform:rotate(-90deg); }
.kj-nav-toggle[aria-expanded="true"] .kj-nav-chevron { transform:rotate(0); }
.kj-nav-items { padding:5px 0 3px 9px; display:flex; flex-direction:column; gap:4px; }
.kj-nav-items[hidden] { display:none!important; }
.nav.kj-collapsible-nav .kj-nav-items > button[data-nav] {
  width:100%; min-height:43px; padding:11px 10px 11px 12px;
  border-radius:12px; white-space:normal;
}
.nav.kj-collapsible-nav .kj-nav-items > button.active { border-left:3px solid #b4a7ff; }
.kj-nav-toggle:focus-visible { outline:3px solid #b4a7ff; outline-offset:2px; }
@media(max-width:950px) {
  .side { overflow:visible; }
  .nav.kj-collapsible-nav {
    display:flex; flex-direction:column; overflow-x:hidden; overflow-y:auto;
    max-height:min(48vh,410px); padding:6px 5px 8px; gap:6px;
  }
  .nav.kj-collapsible-nav > .kj-nav-group > .kj-nav-toggle { min-height:46px; }
  .kj-nav-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); padding:7px 2px 5px 11px; }
  .nav.kj-collapsible-nav .kj-nav-items > button[data-nav] { width:100%; min-height:44px; white-space:normal; }
}
@media(max-width:520px) {
  .nav.kj-collapsible-nav { max-height:min(42vh,310px); }
  .kj-nav-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nav.kj-collapsible-nav .kj-nav-items > button[data-nav] { font-size:12px; line-height:1.25; gap:6px; }
  .nav.kj-collapsible-nav .kj-nav-items .emoji { min-width:19px; }
}
@media(prefers-reduced-motion:reduce) {.kj-nav-chevron{transition:none}}
@media print {.kj-nav-group{display:none!important}}