/* Wordmark modular: BIZU (contraste automático) + nombre en #0D6EFD */
:root {
  --bizu-module-bizu-dark-fg: #ffffff;
  --bizu-module-bizu-light-fg: #0F172A;
}

.bizu-module-logo {
  display: inline-flex;
  align-items: baseline;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}

.bizu-module-logo--sm { font-size: 1rem; }
.bizu-module-logo--md { font-size: 1.25rem; }
.bizu-module-logo--lg { font-size: 1.625rem; }
.bizu-module-logo--xl { font-size: 2rem; }

.bizu-module-logo__bizu { color: var(--bizu-module-bizu, var(--bizu-module-bizu-dark-fg)); }
.bizu-module-logo__name { color: #0D6EFD; }

/* Automático según tema del panel (como bizu-logo.svg / bizu-logo-dark.svg) */
.bizu-module-logo--auto .bizu-module-logo__bizu {
  color: var(--bizu-module-bizu-dark-fg);
}
[data-bs-theme="light"] .bizu-module-logo--auto .bizu-module-logo__bizu {
  color: var(--bizu-module-bizu-light-fg);
}

/* Forzar variantes explícitas */
.bizu-module-logo--on-light,
.bizu-module-logo--on-light .bizu-module-logo__bizu {
  --bizu-module-bizu: var(--bizu-module-bizu-light-fg);
  color: var(--bizu-module-bizu-light-fg);
}
.bizu-module-logo--on-dark,
.bizu-module-logo--on-dark .bizu-module-logo__bizu {
  --bizu-module-bizu: var(--bizu-module-bizu-dark-fg);
  color: var(--bizu-module-bizu-dark-fg);
}

/* Superficies siempre claras aunque el tema sea oscuro */
.mp-mp-card .bizu-module-logo__bizu,
.on-light-surface .bizu-module-logo__bizu,
.bg-white .bizu-module-logo--auto .bizu-module-logo__bizu,
.bg-light .bizu-module-logo--auto .bizu-module-logo__bizu,
.text-bg-info.text-dark .bizu-module-logo__bizu,
.text-bg-light .bizu-module-logo__bizu {
  color: var(--bizu-module-bizu-light-fg) !important;
}
.text-bg-primary .bizu-module-logo__bizu,
.bg-primary .bizu-module-logo__bizu {
  color: var(--bizu-module-bizu-dark-fg) !important;
}

.bizu-module-logo--locked .bizu-module-logo__bizu,
.bizu-module-logo--locked .bizu-module-logo__name {
  opacity: 0.55;
}

/* Imágenes SVG (variante auto = dos assets como el logo principal) */
.bizu-module-logo-img {
  display: inline-block;
  height: auto;
  width: auto;
  vertical-align: middle;
}

.bizu-module-logo-img--sm { height: 1.125rem; }
.bizu-module-logo-img--md { height: 1.5rem; }
.bizu-module-logo-img--lg { height: 2rem; }
.bizu-module-logo-img--xl { height: 2.5rem; }

[data-bs-theme="light"] .bizu-module-logo-img--auto-dark,
.mp-mp-card .bizu-module-logo-img--auto-dark,
.on-light-surface .bizu-module-logo-img--auto-dark {
  display: none !important;
}
[data-bs-theme="dark"] .bizu-module-logo-img--auto-light:not(.bizu-module-logo-img--force-light) {
  display: none !important;
}
.mp-mp-card .bizu-module-logo-img--auto-light,
.on-light-surface .bizu-module-logo-img--auto-light {
  display: inline-block !important;
}

.catalog-module__title .bizu-module-logo,
.catalog-module__title .bizu-module-logo-img {
  vertical-align: middle;
}

/* Tarjetas activas en modo claro: BIZU oscuro sobre fondo celeste */
[data-bs-theme="light"] .catalog-module--usable .bizu-module-logo__bizu {
  color: var(--bizu-module-bizu-light-fg);
}