/* retrato.css — la foto de una persona, del MISMO tamaño que las iniciales
   del avatar de `componentes/avatar/` (esa es la regla: las dos formas de
   dibujar a alguien — con cara o con letras — ocupan el mismo hueco, con lo
   que un armado de fila no cambia nada y las rejillas no salten de sitio). */

.retrato{
  object-fit:cover;
  width:3rem; height:3rem; flex:0 0 auto; border-radius:50%;
  display:block; background:var(--brand-suave);
}
.retrato.chico{width:2.25rem; height:2.25rem}
.retrato.grande{width:4.5rem; height:4.5rem}