/* Primer avatar de Ema, compartido por el menú y sus pantallas. */
.ema-avatar {
  display: inline-block;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: middle;
  background: #d6d4d2;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, .3);
}

.ema-avatar--menu { width: 1.75rem; height: 1.75rem; }
.ema-avatar--heading { width: 2.5rem; height: 2.5rem; }
.ema-avatar--limit { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto 1.25rem; }
.ema-identity { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.ema-identity > div { min-width: 0; }