.brand-logo {
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 34px;
  text-decoration: none;

  display: inline-block;
  white-space: nowrap;
  position: relative;

  letter-spacing: 0.3px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.brand-logo:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Línea decorativa */
.brand-logo::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;

  width: 85%;
  height: 2px;

  background: linear-gradient(90deg, var(--white), transparent);
  opacity: 0.85;
  transition: width 0.3s ease;
}

/* efecto más fino en hover */
.brand-logo:hover::after {
  width: 100%;
}

/* Colores logo */
.brand-logo .logo-gastro {
  color: var(--gold);
}

.brand-logo .logo-fy {
  color: var(--white);
}

/* Footer tamaño más pequeño */
.footer-brand-logo {
  font-size: 26px;
}