/* v87.09 · wordmark de TravelFace One (opción B "Sello"), en HTML/CSS, no imagen.
   "Travel" en tinta + "Face" en azul de marca (Marcellus) + píldora "ONE"
   (Inter 600). Referencia: travelface-one-assets/logo/logo-travelface-one-claro.png.
   Uso:  <span class="tf1">Travel<span class="tf1-f">Face</span><span class="tf1-one">ONE</span></span>
   Sobre fondo oscuro, añadir la clase "tf1-osc". El tamaño se hereda del
   font-size del propio .tf1. Compartida por todas las pantallas (ruta pública). */
@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Inter:wght@600&display=swap");

.tf1{display:inline-flex;align-items:center;font-family:Marcellus,Georgia,serif;font-weight:400;
  color:#26323F;line-height:1;white-space:nowrap;letter-spacing:0;vertical-align:middle}
.tf1 .tf1-f{color:#3F6690;font-weight:700}
.tf1 .tf1-one{display:inline-block;margin-left:.42em;padding:.34em .78em .3em;border-radius:999px;
  background:#3F6690;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:600;
  font-size:.4em;letter-spacing:.06em;line-height:1}

.tf1.tf1-osc{color:#fff}
.tf1.tf1-osc .tf1-f{color:#A9C4E0}
.tf1.tf1-osc .tf1-one{background:#A9C4E0;color:#26323F}