/* ======================================================================
   Marca Alleato en el chrome (decisión del director, 12 Sep 2026:
   «Alleato manda»; ficha S2.14 pieza 6 del kit).

   El wordmark vectorial va DOS veces en el marcado (positivo en dos tintas y
   negativo en blanco, copiados de alleato-web a public/marca/) y este archivo
   enciende uno según el fondo sobre el que cae:
     - topbar de `alleato`: el azul del acento  -> negativo
     - temas oscuros (data-bs-theme="dark")      -> negativo
     - sin tema curado (topbar bg-primary)       -> negativo
     - el resto (topbar claro, tarjeta de acceso) -> positivo
   Las dos <img> llevan alt="Alleato": la que está en display:none sale del
   árbol de accesibilidad, así que el enlace se anuncia una sola vez.

   Carga DESPUÉS de _head-themes (theme-base + theme-<id>) para ganar la
   cascada; las reglas del topbar de `alleato` además suben especificidad
   sobre las de theme-base.css (`[data-theme-curated] .top-navbar …`).
   ====================================================================== */

.marca-wordmark { display: block; width: auto; }
.top-navbar .marca-wordmark { height: 30px; }
.marca-acceso { height: 72px; margin: 0 auto; }

.marca-negativa { display: none; }
[data-bs-theme="dark"] .marca-positiva { display: none; }
[data-bs-theme="dark"] .marca-negativa { display: block; }
html:not([data-theme-curated]) .top-navbar .marca-positiva { display: none; }
html:not([data-theme-curated]) .top-navbar .marca-negativa { display: block; }

/* ── Topbar de `alleato`: el azul del logotipo ────────────────────────── */
[data-theme-curated][data-theme="alleato"] .top-navbar {
  background: var(--ln-accent) !important;
  border-bottom-color: var(--ln-accent-hover);
}
[data-theme="alleato"] .top-navbar .marca-positiva { display: none; }
[data-theme="alleato"] .top-navbar .marca-negativa { display: block; }

[data-theme-curated][data-theme="alleato"] .top-navbar .navbar-brand,
[data-theme-curated][data-theme="alleato"] .top-navbar .btn-link {
  color: var(--ln-accent-fg) !important;
}
[data-theme-curated][data-theme="alleato"] .top-navbar .btn-link:hover {
  background: oklch(1 0 0 / 0.12);
}
/* Iniciales de la persona: ámbar AA con tinta blanca (5.15:1). */
[data-theme-curated][data-theme="alleato"] .top-navbar .rounded-circle {
  background: var(--ln-warning) !important;
  color: var(--ln-accent-fg) !important;
}
/* Buscador y sucursal: velo blanco sobre el azul; la etiqueta va en blanco
   pleno (5.6:1 sobre el velo), no translúcida. */
[data-theme-curated][data-theme="alleato"] .top-navbar .cmd-trigger,
[data-theme-curated][data-theme="alleato"] .top-navbar .sucursal-activa-texto {
  background: oklch(1 0 0 / 0.12);
  border: 1px solid oklch(1 0 0 / 0.22);
  color: var(--ln-accent-fg);
}
[data-theme-curated][data-theme="alleato"] .top-navbar .cmd-trigger:hover {
  background: oklch(1 0 0 / 0.2);
  border-color: oklch(1 0 0 / 0.32);
  color: var(--ln-accent-fg);
}
[data-theme-curated][data-theme="alleato"] .top-navbar .cmd-trigger .bi,
[data-theme-curated][data-theme="alleato"] .top-navbar .sucursal-activa-texto .bi {
  color: inherit;
}
[data-theme-curated][data-theme="alleato"] .top-navbar .cmd-trigger kbd {
  background: oklch(1 0 0 / 0.16);
  border-color: oklch(1 0 0 / 0.24);
  color: var(--ln-accent-fg);
}