/*
 * Avatar por defecto con iniciales (GonAvatar).
 *
 * Círculo (#292c33) con las iniciales del usuario (#cff300, mayúsculas) en
 * tipografía Overused Grotesk, que sustituye a la antigua img/perfil/default-profile.png.
 *
 * Lo usan tanto el helper de cliente js/gon-avatar.js como el de servidor
 * com.gonTrainning.security.AvatarIniciales. Se enlaza globalmente desde
 * scripts-common.jsp; las páginas que no lo incluyen deben enlazarlo aparte.
 *
 * El tamaño (width/height/font-size) lo fija quien genera el <div> mediante
 * estilo inline o una clase de página (.unified-profile-image, .entrenador-avatar, ...).
 */
@font-face {
    font-family: "Gon Avatar Grotesk";
    src: url('../Fonts/OverusedGrotesk-ExtraBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.gon-avatar-ini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 50%;
    background: #292c33;
    color: #cff300;
    text-transform: uppercase;
    font-family: "Gon Avatar Grotesk", Arial, sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .5px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}