/* Barra lateral: «Cerrar sesión» siempre a la vista.
 * El menú ha crecido más que la pantalla y la caja de la persona, con el enlace
 * de salir, quedaba al final del scroll del lateral. Aquí se queda pegada abajo
 * y, en pantallas pequeñas (donde el menú se pone arriba, a lo ancho), pasa al
 * principio. Quitar este archivo y su <link> en layout/head.php lo deja como estaba. */

aside .who-box {
  position: sticky; bottom: 10px; z-index: 4;
  box-shadow: 0 0 0 10px var(--surface-2);   /* tapa el menú que pasa por detrás */
}
aside .who-box .rl { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
aside .who-box .rl a.salir {
  display: inline-block; padding: 4px 12px; white-space: nowrap;
  border: 1px solid var(--line-3); border-radius: 7px; background: var(--surface-2);
  color: var(--clay-lo); text-decoration: none; font-size: 15px;
}
aside .who-box .rl a.salir:hover { background: var(--clay-bg); border-color: var(--clay-hi); }

@media (max-width: 1024px), (hover: none) and (pointer: coarse) and (max-width: 1180px) {
  aside .who-box { position: static; order: -1; flex: 1 1 100%; margin-top: 0; box-shadow: none; }
}