/* ============================================================
   NAWI · Marca — logo real (anillo de respaldo) + wordmark NA·WI
   El "N" del markup queda transparente y encima se pinta el anillo
   SVG (arco de oro 62% = respaldo, punto central = token). Fuente:
   design/brand/nawi-icon.svg. Se carga DESPUÉS de app.css/landing.css.
   ============================================================ */
.logo-mark {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23243028' stroke-width='9'/%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23EDD98A' stroke-width='9' stroke-linecap='round' stroke-dasharray='155.8 251.33' transform='rotate(-90 50 50)'/%3E%3Ccircle cx='50' cy='50' r='9' fill='%23EDD98A'/%3E%3C/svg%3E") center/contain no-repeat !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 0 10px rgba(200, 162, 85, 0.28));
}

/* Wordmark NA·WI — el interpunto (·) en oro. */
.brand-name b {
  color: var(--gold) !important;
  font-weight: 400;
  margin: 0 0.1em;
}