/* Logo de Llenia: "LLENIA." en mayusculas finas y espaciadas (Josefin Sans), en blanco
   sobre fondo oscuro y en negro sobre claro. Es texto: se ve nitido a cualquier tamano.
   Uso: <span class="logo-llenia">Llenia<b>.</b></span>
   Tamano: font-size del .logo-llenia. Color: --logo-color.
   Variantes: .claro (fondos claros) y .tema (el color de texto del tema de cada pagina). */
@font-face { font-family: "Logo Llenia"; src: url("/static/reservas/fonts/josefin-sans-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-display: swap; }

.logo-llenia {
  --logo-color: #ffffff;
  display: inline-block; line-height: 1; white-space: nowrap; text-decoration: none;
  font-family: "Logo Llenia", "Josefin Sans", system-ui, sans-serif; font-weight: 300; font-style: normal;
  text-transform: uppercase; letter-spacing: .16em;
  /* El espaciado deja hueco tras la ultima letra: se compensa para que quede centrado */
  margin-right: -.16em;
  font-size: 26px; color: var(--logo-color);
}
.logo-llenia b { font-weight: 300; color: inherit; }
.logo-llenia.claro { --logo-color: #1d171a; }
.logo-llenia.tema { --logo-color: var(--texto); }