/* ==========================================================================
   Logo animado "iona" (7c, "Nasce do o", e "Voz") — desenho e animação em assets/js/logo.js
   ========================================================================== */
.iona-logo {
  /* Cores: texto ("i", "a" e cor inicial) e destaque (cor final do "o" e do bloco).
     Padrão do 7c sobre fundo vermelho ou vinho: creme + verde-limão. */
  --logo-fg: var(--c-cream, #fbf5ee);
  --logo-accent: var(--c-lime, #eefd85);

  display: inline-block;
  vertical-align: middle;
  width: 160px; /* ou defina a altura; a proporção é mantida */
  aspect-ratio: 430.4 / 175.2; /* reserva o espaço antes do JS (traço 22); o JS ajusta para outros traços */
  line-height: 0;
}

/* Versão "Voz": outra proporção (traço 22) */
.iona-logo[data-variant="voz"] {
  aspect-ratio: 372.4 / 155.2;
}

.iona-logo svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  overflow: visible;
}

/* Sobre fundo claro (creme ou branco): vinho + vermelho, como no 7c */
.iona-logo--on-light {
  --logo-fg: var(--c-wine, #5d0f0d);
  --logo-accent: var(--c-red, #ff0000);
}