/* Auth backgrounds — public/, not webpack.
   Breakpoints: mobile ≤767 | iPad 768–991 | desktop ≥992 */

.sign-in-page,
.recover-account-page,
.reset-password-page,
.mail-sent-page,
.password-success-page {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #fce8ec;
}

@media screen and (max-width: 767px) {
  .sign-in-page,
  .recover-account-page,
  .reset-password-page,
  .mail-sent-page,
  .password-success-page {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.sign-in-page {
  background-image: url("/images/backgrounds/movil-fondo-principal.png");
}

.recover-account-page,
.reset-password-page,
.mail-sent-page,
.password-success-page {
  background-image: url("/images/backgrounds/movil-fondo-secundario.png");
}

/* iPad / tablet — own background, centered */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sign-in-page {
    background-image: url("/images/backgrounds/tablet-fondo-principal.png");
    background-position: center center;
  }

  .recover-account-page,
  .reset-password-page,
  .mail-sent-page,
  .password-success-page {
    background-image: url("/images/backgrounds/tablet-fondo-secundario.png");
    background-position: center center;
  }
}

/* Desktop — aspect-ratio variants (≥992 only) */
@media screen and (min-width: 992px) and (min-aspect-ratio: 16/10) {
  .sign-in-page {
    background-image: url("/images/backgrounds/desktop-aspect-16-9-principal.png");
  }

  .recover-account-page,
  .reset-password-page,
  .mail-sent-page,
  .password-success-page {
    background-image: url("/images/backgrounds/desktop-aspect-16-9-secundario.png");
  }
}

@media screen and (min-width: 992px) and (max-aspect-ratio: 16/10) and (min-aspect-ratio: 3/2) {
  .sign-in-page {
    background-image: url("/images/backgrounds/desktop-aspect-16-10-principal.png");
  }

  .recover-account-page,
  .reset-password-page,
  .mail-sent-page,
  .password-success-page {
    background-image: url("/images/backgrounds/desktop-aspect-16-10-secundario.png");
  }
}

@media screen and (min-width: 992px) and (max-aspect-ratio: 3/2) and (min-aspect-ratio: 4/3) {
  .sign-in-page {
    background-image: url("/images/backgrounds/desktop-aspect-3-2-principal.png");
  }

  .recover-account-page,
  .reset-password-page,
  .mail-sent-page,
  .password-success-page {
    background-image: url("/images/backgrounds/desktop-aspect-3-2-secundario.png");
  }
}

@media screen and (min-width: 992px) and (max-aspect-ratio: 4/3) and (min-aspect-ratio: 1/1) {
  .sign-in-page {
    background-image: url("/images/backgrounds/desktop-aspect-4-3-principal.png");
  }

  .recover-account-page,
  .reset-password-page,
  .mail-sent-page,
  .password-success-page {
    background-image: url("/images/backgrounds/desktop-aspect-4-3-secundario.png");
  }
}