.eg-flogo {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  text-decoration: none;
}

.eg-flogo:hover,
.eg-flogo:focus-visible {
  text-decoration: none;
}

/* Hereda familia, peso y letter-spacing del H2 del tema.
   Solo se ajusta tamaño, interlineado y color. */
.eg-flogo__name {
  margin: 0;
  font-size: 19px;
  line-height: 1;
  color: var(--theme-palette-color-8, #FFFFFF);
  transition: opacity 0.15s ease;
}

/* Fuera de heading: hereda Archivo de la base. */
.eg-flogo__mark {
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  color: var(--theme-palette-color-13, #E4525D);
}

.eg-flogo:hover .eg-flogo__name {
  opacity: 0.82;
}

.eg-flogo:focus-visible {
  outline: 2px solid var(--theme-palette-color-13, #E4525D);
  outline-offset: 4px;
  border-radius: 3px;
}

.eg-flogo__tagline {
  margin: 6px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--theme-palette-color-12, #A9AEC2);
}