.xps-client-login-theme #header {
  position: relative;
  z-index: 50;
}

.xps-client-login-theme .xps-login-main {
  position: relative;
  z-index: 1;
}

.xps-client-login-theme .xps-login-hero .xps-login-card {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
  transform: none !important;
}

@media (max-width: 991px) {
  .xps-client-login-theme .xps-login-hero .xps-login-card {
    margin-top: 32px !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 575px) {
  .xps-client-login-theme .xps-login-hero .xps-login-card {
    margin-top: 24px !important;
    margin-bottom: 16px !important;
  }
}


/* Xpress Stream 6.7.89 — correção dos logins em telemóvel */
@media (max-width: 991px) {
  /*
   * O cabeçalho do tema original usa elementos fixed/sticky e não reserva
   * toda a sua altura no fluxo. Reservamos espaço real antes do hero.
   */
  .xps-client-login-theme .xps-login-main {
    padding-top: 150px !important;
    background: linear-gradient(100deg,#12242d 0%,#27383f 55%,#59646a 100%) !important;
  }

  .xps-client-login-theme .xps-login-hero {
    padding-top: 34px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .xps-client-login-theme .xps-login-copy {
    padding-top: 0 !important;
  }

  .xps-client-login-theme .xps-login-copy h1 {
    margin-top: 0 !important;
  }

  .xps-client-login-theme .xps-login-hero .xps-login-card {
    margin-top: 38px !important;
  }
}

@media (max-width: 575px) {
  .xps-client-login-theme .xps-login-main {
    padding-top: 158px !important;
  }

  .xps-client-login-theme .xps-login-hero {
    padding: 28px 8px 54px !important;
  }

  .xps-client-login-theme .xps-login-copy h1 {
    font-size: 38px !important;
    line-height: 1.12 !important;
  }

  .xps-client-login-theme .xps-login-copy > p {
    font-size: 18px !important;
    line-height: 1.65 !important;
  }

  .xps-client-login-theme .xps-login-benefits {
    margin-top: 28px !important;
    row-gap: 12px !important;
  }

  .xps-client-login-theme .xps-login-hero .xps-login-card {
    margin-top: 42px !important;
    margin-bottom: 32px !important;
  }

  .xps-client-login-theme .xps-login-card {
    padding: 30px 22px !important;
  }

  .xps-client-login-theme .xps-login-card h2 {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
}

/* 6.7.91 — remover faixa branca entre cabeçalho e hero nos logins móveis */
@media (max-width: 991px){
  .xps-client-login-theme .xps-login-main,
  .xps-client-login-theme .xps-login-hero{
    background: linear-gradient(100deg,#12242d 0%,#27383f 55%,#59646a 100%) !important;
  }
}