.cab {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.cab-cejo {
  display: flex;
  align-items: center;
  gap: calc(var(--p-cab-cejo-hueco) * var(--z, 1));
  gap: round(calc(var(--p-cab-cejo-hueco) * var(--z, 1)), 1px);
  font-family: var(--p-font-ui);

  font-size: var(--p-cab-cejo-cuerpo);

  font-weight: var(--p-peso-medio);
  letter-spacing: var(--p-track-label);
  text-transform: uppercase;
  color: var(--p-ink);
}

.cab-filete {
  width: calc(var(--p-cab-filete) * var(--z, 1));
  width: round(calc(var(--p-cab-filete) * var(--z, 1)), 1px);
  height: 1px;
  background: var(--p-ink);
  flex: 0 0 auto;
  transform: scaleX(clamp(0, calc((var(--fila-p, 1) - .1) * 2.2), 1));
}
.cab-filete:first-child { transform-origin: right }
.cab-filete:last-child:not(:first-child) {
  transform-origin: left;
  margin-left: calc(var(--p-track-label) * -1);
}

.cab-titular {
  margin-top: calc(var(--p-cab-rotulo-aire) * var(--z, 1));
  margin-top: round(calc(var(--p-cab-rotulo-aire) * var(--z, 1)), 1px);
  display: flex;
  flex-direction: column;
  gap: calc(var(--p-cab-titular-gap) * var(--z, 1));
  gap: round(calc(var(--p-cab-titular-gap) * var(--z, 1)), 1px);
  font-weight: var(--p-peso-fino);
  line-height: 1.08;
  letter-spacing: -.01em;
}
.cab-linea-1 {
  font-size: calc(var(--p-cab-linea-1) * var(--z, 1));
  font-size: round(calc(var(--p-cab-linea-1) * var(--z, 1)), 1px);
  color: var(--p-ink);
}

.cab-linea-2 {
  font-size: calc(var(--p-cab-linea-2) * var(--z, 1));
  font-size: round(calc(var(--p-cab-linea-2) * var(--z, 1)), 1px);
  color: var(--p-cab-apagado);
}

@media (prefers-reduced-motion: reduce) {
  .cab-filete { transform: none }
}
