/*
 * El logotipo de Moodly (manual §4). ÚNICO lugar donde se le da tamaño en la
 * web: lo cargan el componente `Logotipo` (apps/venue/app/logotipo.tsx) y las
 * legales estáticas de public/. Desde el 5-oct es el FINAL en vector: la pieza
 * lo dibuja en línea desde `LOGOTIPO_VECTOR` (@moodly/types) y las legales con
 * `public/logotipo.svg` (el mismo trazo; una prueba lo revisa). Antes era
 * «MOODLY» en Big Shoulders con un punto de CSS.
 *
 * El alto es 0.81 de la letra (`LOGOTIPO.altoPorLetra`): así mide de ancho lo
 * mismo que el de texto (108 px a 32) y nunca baja de 96.
 */
.logotipo {
  display: inline-block;
  line-height: 0;
  color: #F5F2F8;
  text-decoration: none;
  vertical-align: middle;
}
.logotipo-dibujo {
  display: block;
  height: calc(var(--logotipo-letra, 32px) * 0.81);
  width: auto;
}
a.logotipo:focus-visible { outline: 2px solid #A36BFF; outline-offset: 4px; border-radius: 6px; }