/* ─── Logo integrado ─── */
.nav__logo-link {
  display: flex;
  align-items: center;
}

.nav__logo-img {
  height: 42px;
  width: auto;
  display: block;
  transition: opacity var(--dur-base) var(--ease);
}

/* Logo oscuro (por defecto en nav sólido) */
.nav--solid  .nav__logo-img { content: url('../assets/logo.svg'); }

/* Logo blanco en nav transparente (sobre hero oscuro) */
.nav--transparent .nav__logo-img { content: url('../assets/logo-white.svg'); }

/* Fallback por si content: url() no funciona en algún navegador */
@supports not (content: url('')) {
  .nav--transparent .nav__logo-img { filter: brightness(0) invert(1); }
}

/* Footer logo */
.footer__logo-img {
  height: 36px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}