/* Logo OFINEX integrado para la versión editable v2 */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.brand-logo {
  display: block;
  width: clamp(200px, 30vw, 380px);
  height: auto;
}

/* Logo claro para navbar sobre fondo oscuro */
.brand-logo-dark {
  display: none;
}

/* Si quieres usar el SVG original oscuro sobre fondos claros, deja solo .brand-logo. */
.site-header.scrolled .brand-logo {
  filter: none;
}

/* Ajuste para móvil */
@media (max-width: 760px) {
  .brand-logo {
    width: 132px;
  }
}
.brand-logo {
  transition:
    opacity 0.3s ease,
    filter 0.3s ease;
}

.site-header.scrolled .brand-logo {
  opacity: 0.55;
  filter: saturate(0.9);
}