/* ============================================================
   ĀRTHEA¹⁷ · el logotipo oficial en la web
   ------------------------------------------------------------
   Es el SVG del kit usado como máscara: el color lo pone quien lo
   contiene (currentColor) y el tamaño, su font-size. La versión
   pequeña (trazo más grueso) va en menús y cabeceras.
   ============================================================ */
.logo-arthea {
  display: inline-block;
  height: .78em;
  aspect-ratio: 1305.73 / 196.5;
  vertical-align: -.04em;
  background-color: currentColor;
  -webkit-mask: url(/logo/arthea17-completa.svg) center / contain no-repeat;
  mask: url(/logo/arthea17-completa.svg) center / contain no-repeat;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.logo-arthea--peq {
  aspect-ratio: 1309.97 / 200.0;
  -webkit-mask-image: url(/logo/arthea17-pequena.svg);
  mask-image: url(/logo/arthea17-pequena.svg);
}
/* Menús y cabeceras: el texto al que sustituye iba con letter-spacing */
.nav-brand .logo-arthea,
a.brand .logo-arthea,
.wm .logo-arthea,
.m-brand .logo-arthea {
  height: .93em;
}
/* En el pie móvil el logo crece: ahí va la completa */
.m-foot-brand .logo-arthea {
  width: min(86vw, 340px);
  height: auto;
  aspect-ratio: 1305.73 / 196.5;
  -webkit-mask-image: url(/logo/arthea17-completa.svg);
  mask-image: url(/logo/arthea17-completa.svg);
}