.navbar-brand {
  display: flex;
  align-items: center;
}

.brand-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  transition: max-width 2s ease-in-out; /* Aumentado a 2 segundos para hacerlo más notorio */
  vertical-align: middle;
}

.brand-text.show {
  max-width: 300px; /* Ajusta este valor según el ancho real de tu texto */
}