/* Tamaño y alineación del logo METROIL. */
tb-logo.login-logo,
tb-logo.tb-logo-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

tb-logo.login-logo > a,
tb-logo.tb-logo-title > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 0;
}

tb-logo img[src*="logo_title_"] {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  object-position: center;
}

/* Centrar el PNG dentro del espacio reservado en el formulario de login. */
tb-logo.login-logo {
  width: 200px !important;
  height: 86px !important;
}

/* La cabecera tiene 64px: dejar espacio encima y debajo del logo. */
tb-logo.tb-logo-title {
  width: 110px !important;
  height: 40px !important;
}