/* ===== AVATAR BASE ===== */
.avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ===== AVATAR TAMANHOS ===== */
.avatar__letter--lg,
.avatar__image--lg {
  width: 4rem;
  height: 4rem;
  border-radius: var(--radius-full);
}

.avatar__letter--md,
.avatar__image--md {
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-full);
}

.avatar__letter--sm,
.avatar__image--sm {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-full);
}

/* ===== AVATAR CONTEÚDOS (LETRAS) ===== */
.avatar__letter-content--sm,
.avatar__letter-content--md,
.avatar__letter-content--additional-sm,
.avatar__letter-content--additional-md,
.avatar__letter-content--additional-lg,
.avatar__letter-content--lg {
  color: var(--color-neutral-050);
  text-align: center;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-size-lg);
}

.avatar__letter-content--sm,
.avatar__letter-content--md {
  font-size: var(--font-size-lg);
}

.avatar__letter-content--lg {
  font-size: var(--font-size-2xl);
}

.avatar__letter-content--additional-sm {
  font-size: var(--font-size-p, 1.125rem);
}

.avatar__letter-content--additional-md {
  font-size: var(--font-size-md);
}

.avatar__letter-content--additional-lg {
  font-size: var(--font-size-lg);
}

/* ===== AVATAR GRUPO ===== */
.avatar-group,
.avatar-group--sm {
  display: flex;
}

.avatar-group .avatar {
  margin-right: calc(-1.4 * var(--space-100));
}

.avatar-group--sm .avatar {
  margin-right: calc(-1 * var(--space-100));
}

/* ===== AVATAR TEXTOS ===== */
.avatar__tagline-text {
  color: var(--color-blue-600);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-tight);
  margin: 0;
}

/* ===== AVATAR TEXTOS - Horizontal ===== */
.avatar__tagline-horizontal {
  display: inline-flex;
  padding: 0;
  align-items: center;
  gap: var(--space-050);
  width: 100%;
}

/* ===== AVATAR TEXTOS - vertical ===== */
.avatar__tagline-vertical {
  display: flex;
  align-items: center;
  /* width: 14.125rem; */
  gap: var(--space-050);
}

.avatar__tagline-vertical__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 10.625rem;
  gap: var(--space-050);
}

.avatar__tagline-vertical__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  align-self: stretch;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-neutral-950);
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-regular);
  /* line-height: var(--line-height-tight); */
  font-family: var(--font-family-body);
  margin: 0;
}