/* Franja superior: barra fina sobre noche, una línea de 40 px en escritorio. Prueba de Juanma 22/10: Geist normal en
   mayúsculas y minúsculas (antes Geist Mono en mayúsculas, t-label-col); FUEL queda en mayúsculas, como en toda la web. */
.s-franja { padding: var(--s12) var(--page-pad); text-align: center; }
.s-franja__text { margin: 0; font: 400 var(--body-sm)/1.15 var(--font-body); }
.s-franja__link { white-space: nowrap; text-underline-offset: 4px; }
.s-franja__link:hover { text-decoration-thickness: 2px; }

@media (max-width: 1199px) {
  .s-franja__link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
}
@media (max-width: 809px) {
  /* Dos líneas equilibradas con el enlace en la misma línea: en una fila propia la franja llegaba a 125 px (22/10). El
     relleno vertical del enlace en línea agranda la zona táctil sin sumarle alto a la franja. */
  .s-franja { padding-block: var(--s12); }
  .s-franja__text { line-height: 1.45; text-wrap: balance; }
  .s-franja__link { display: inline; min-height: 0; padding-block: var(--s12); }
}