/* Insignia del Colegio EDUPAC en lugar del ícono genérico */
.brand-mark { background: transparent url(/insignia-edupac.png) center / contain no-repeat !important; border-radius: 0 !important; width: 38px; height: 41px; }
.brand-mark svg { display: none !important; }
.brand-mark.big { width: 100px; height: 109px; margin: 0 auto 14px; }

/* Menú lateral en celular: usar la altura visible real (sin la barra del navegador) y permitir desplazarse */
@media (max-width: 860px) {
  .sidebar {
    height: 100vh;               /* respaldo para navegadores antiguos */
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .sidebar nav { flex: none; }
  /* nombre, campana y salir arriba, bajo la insignia, para que siempre se vean */
  .sidebar .brand { order: -2; }
  .sidebar .user-box { order: -1; border-top: 0; border-bottom: 1px solid var(--line); }
}