/* globo.css — la pastilla con el número de mensajes sin leer.

   Estaba definida como `.nav .globo`, así que el globo de la lista de
   conversaciones —que es el mismo elemento— salía sin ningún estilo: un
   número suelto pegado al borde. Al sacarla a componente se arregla solo, que
   es justo la razón de que un trozo que se usa en dos sitios no viva dentro
   de uno de los dos. */

.globo{
  display:inline-block; min-width:1.15rem; padding:0 .3rem;
  background:var(--acento); color:#fff; border-radius:999px;
  font-size:.72rem; line-height:1.15rem; text-align:center; font-weight:600;
}