Patrón canónico para aplicaciones internas: sidebar de 250px con secciones colapsables y main fluido. Funciona como referencia para cis-admin, cis-portal y librospa.
Notas de implementación
- El item activo se marca con
aria-current="page"y la clasecis-sidebar__active; muestra accent border-left de 3px. - El toggle desktop colapsa la sidebar a 64px (icon-only) preservando los iconos como pista visual.
- En mobile (≤768px) la sidebar se vuelve drawer off-canvas con overlay; abre con la hamburguesa del topbar.
- Las secciones usan
<details>nativo: no requiere JS para abrir/cerrar y mantiene el estado por usuario.