/* =========================================================
   Foto de perfil y marcador "JA" (D26, S02-4): un mismo componente, el que devuelve ba_foto_perfil() de
   sitio-core (<img class="ba-foto"> o <span class="ba-foto-marcador">). Colores: var(--token) de tokens.css.
   Parámetros (custom properties, se fijan en el contenedor):
     --ba-foto-tam    tamaño del círculo; por defecto 88 px (caja de autora de la maqueta).
     --ba-foto-letra  tamaño de "JA"; por defecto 28 px. La maqueta no guarda una proporción fija
                      (88/28, 120/36, 160/48), por eso es un parámetro aparte.
   S07 usa 160/48 px (120/36 px en móvil), como la maqueta. La página "Perfil profesional" la usa en el admin.
   ========================================================= */

.ba-foto,
.ba-foto-marcador {
	box-sizing: border-box;
	flex: none;
	width: var(--ba-foto-tam, 88px);
	height: var(--ba-foto-tam, 88px);
	border-radius: 50%;
}

.ba-foto {
	display: block;
	object-fit: cover;
}

.ba-foto-marcador {
	display: inline-grid;
	place-items: center;
	background-color: var(--rosa-polvo);
	color: var(--tinta);
	font-family: "Lora", Georgia, "Times New Roman", serif;
	font-size: var(--ba-foto-letra, 28px);
	font-weight: 700;
	line-height: 1;
}