/* Ajustes responsive — debajo del layout de escritorio */

@media (max-width: 960px) {
  .login-shell {
    grid-template-columns: 1fr;
    min-height: 100vh;
  }

  .promo-col {
    padding-bottom: 2rem;
    min-height: auto;
  }

  .promo-col__body {
    padding: 1.25rem 0;
  }

  .hero-slider__slide img {
    max-height: min(38vh, 320px);
  }

  .form-col {
    min-height: auto;
    padding-top: clamp(1.75rem, 5vw, 2.5rem);
    padding-bottom: clamp(2rem, 6vw, 3rem);
    overflow-x: hidden;
  }

  .form-col__register-link {
    align-self: flex-end;
    margin: 0 0 0.35rem;
    max-width: 100%;
    text-align: right;
    box-sizing: border-box;
  }

  .form-col__center {
    max-width: 400px;
  }
}

@media (max-width: 480px) {
  .promo-col__stores {
    flex-direction: column;
  }

  .store-badge {
    width: 100%;
    max-width: 200px;
  }

  .store-badge img {
    height: 36px;
    max-width: 100%;
  }

  .hero-slider__caption {
    margin-top: 1.25rem;
  }

  .form-col__title {
    margin-bottom: 1.75rem;
  }

  .form-col__register-link {
    font-size: 0.8125rem;
    margin-bottom: 0.3rem;
  }
}