/* Logotipo vectorial: locomotora fija y tipografía ajustable. */
.fa-header-main {
  --fa-logo-train-height: 50px;
  --fa-logo-wordmark-height: 36px;
  --fa-logo-train-mobile-height: 33px;
  --fa-logo-wordmark-mobile-height: 24px;
}

.fa-literal-footer {
  --fa-logo-footer-train-height: 52px;
  --fa-logo-footer-wordmark-height: 46px;
}

.fa-logo-lockup {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.fa-logo-lockup img {
  display: block;
  width: auto;
  max-width: none;
}

.fa-header-main .fa-logo-train {
  height: var(--fa-logo-train-height) !important;
}

.fa-header-main .fa-logo-wordmark {
  height: var(--fa-logo-wordmark-height) !important;
}

.fa-header-main .fa-logo-train,
.fa-header-main .fa-logo-wordmark {
  filter: brightness(0) saturate(100%) invert(15%) sepia(20%) saturate(1581%) hue-rotate(184deg) brightness(94%) contrast(91%);
}

.fa-literal-footer .fa-footer-logo .fa-logo-train {
  height: var(--fa-logo-footer-train-height) !important;
}

.fa-literal-footer .fa-footer-logo .fa-logo-wordmark {
  height: var(--fa-logo-footer-wordmark-height) !important;
}

@media (max-width: 640px) {
  .fa-header-main .fa-logo-lockup {
    gap: 6px;
  }

  .fa-header-main .fa-logo-train {
    height: var(--fa-logo-train-mobile-height) !important;
  }

  .fa-header-main .fa-logo-wordmark {
    height: var(--fa-logo-wordmark-mobile-height) !important;
  }
}