/* ============================================================
   Marca Legaltica — isologo (tile + "l" + diamante) y wordmark
   Wordmark: Space Grotesk 600, minusculas, diamante coral final.
   El icono invierte tile/barra en modo oscuro (data-bs-theme).
   ============================================================ */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../assets/fonts/space-grotesk-latin.87c506d88b9f.woff2") format('woff2');
}

.brand-logo {
  text-decoration: none;
}

/* Icono: colores por tema */
.brand-logo .brand-logo-tile { fill: #16202E; }
.brand-logo .brand-logo-bar  { fill: #FFFFFF; }
[data-bs-theme="dark"] .brand-logo .brand-logo-tile { fill: #FFFFFF; }
[data-bs-theme="dark"] .brand-logo .brand-logo-bar  { fill: #16202E; }

/* Wordmark */
.brand-logo-text {
  font-family: 'Space Grotesk', var(--bs-body-font-family, sans-serif);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
}

/* Diamante coral que cierra el wordmark (escala con la fuente) */
.brand-logo-dot {
  display: inline-block;
  width: 0.3em;
  height: 0.3em;
  background: #C94F4F;
  border-radius: 27%;
  transform: rotate(45deg);
  margin-left: 0.18em;
  flex-shrink: 0;
}