/* BLOQUE wordmark at the page entrance and in the open navigation. */
.hamburger__fixed > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
}
.bloque-brand {
  --wordmark-ink: #191b20;
  --wordmark-accent: var(--color-primary, #ff4600);
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  --wordmark-width: clamp(158px, 12em, 232px);
  /* Keep letter size while reserving room for the small copyright mark. */
  width: calc(var(--wordmark-width) * 1.053389);
  min-height: max(44px, var(--btn-height));
  color: var(--wordmark-ink);
  pointer-events: auto;
  text-decoration: none;
  opacity: 1;
  visibility: visible;
  transition: color .3s ease, opacity .2s ease, visibility 0s;
}
/* The transparent fixed header must not lay the wordmark over page copy.
   Reuse the page's existing scroll state; keep the logo in the open menu. */
[data-scrolling-started="true"]:not([data-navigation-status="active"]) .bloque-brand {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: color .3s ease, opacity .2s ease, visibility 0s .2s;
}
.bloque-brand svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.bloque-wordmark__accent {
  fill: var(--wordmark-accent);
  transition: fill .3s ease;
}
.bloque-brand:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 8px;
}
[data-theme-nav="dark"] .bloque-brand {
  --wordmark-ink: #fff;
}
/* On orange panels the inverse accent keeps the Q tail visible. */
[data-bg-nav="orange"] .bloque-brand,
[data-navigation-status="active"] .bloque-brand {
  --wordmark-ink: #fff;
  --wordmark-accent: #191b20;
}
@media (max-width: 479px) {
  .bloque-brand { --wordmark-width: 158px; }
  .hamburger__fixed > .container { gap: 1em; }
}
@media (prefers-reduced-motion: reduce) {
  .bloque-brand, .bloque-wordmark__accent,
  [data-scrolling-started="true"]:not([data-navigation-status="active"]) .bloque-brand { transition: none; }
}

/* Reserve the fixed logo row plus breathing room before the first menu item. */
.nav-full .full-height.is--nav {
  padding-top: calc(var(--container-padding) + max(44px, var(--btn-height)) + clamp(32px, 5vh, 72px));
  padding-bottom: max(24px, 5vh);
}
.nav-full .nav-full__li {
  font-size: min(10.25vh, 13vw);
  flex-shrink: 0;
}
.nav-full__panel { overflow-y: auto; }