/* Inolvidia · crédito «Hecha con Inolvidia» (docs/CONTRATO.md §20.8; kit v2: marca/logo/LEEME.md, hoja rápida).
   Marcado (lo arma /brand/credito.js; en HTML a mano, el mismo):
     <a class="ino-credito" href="/" data-tono="claro">
       <span class="ino-credito__txt">Hecha con</span>
       <img class="ino-credito__logo" src="/brand/logo/logo-horizontal-mini.svg" alt="Inolvidia" width="81" height="16" decoding="async">
     </a>
   Hereda color, fuente y tamaño de letra del contexto. El logo es la HORIZONTAL MINI v2 (la I con el corazón y el
   nombre micro), la versión del kit para 80–150 px de ancho: mide 1,25 em de alto con un mínimo de 16 px (81 px de
   ancho), centrada con el texto. Versión según el fondo: mini principal en fondos claros, -mini-claro en oscuros,
   -mini-1tinta-marfil / -mini-1tinta (noche) en fondos de color medio (lo elige credito.js). */

.ino-credito {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}

.ino-credito__txt {
  color: inherit;
}

.ino-credito__logo {
  display: inline-block;
  flex: none;
  height: max(16px, 1.25em);
  width: auto;
  aspect-ratio: 1212 / 240;
  max-width: none;
  border: 0;
  transition: opacity 160ms ease;
}

.ino-credito:hover .ino-credito__logo,
.ino-credito:hover .ino-credito__txt {
  opacity: 0.86;
}

/* Foco visible: el color de foco de la marca si la página carga /brand/tokens.css (--color-foco); si no (temas de
   invitación), el del tema (--ino-credito-foco) o el color del texto */
.ino-credito:focus-visible {
  outline: 2px solid var(--ino-credito-foco, var(--color-foco, currentColor));
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .ino-credito__logo { transition: none; }
}

@media (forced-colors: active) {
  /* En alto contraste el SVG se ve igual; el enlace conserva su subrayado para que se reconozca */
  .ino-credito { text-decoration: underline; }
}