.rounded-t-5 {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.auth-page {
  min-height: 100dvh;
  background: radial-gradient(ellipse at 10% 15%, #d4a01725, transparent 65%), #f6f0e3 !important;
}

.login-card { border-radius: 8px; background: #fffaf0; }
.login-card .bg-dark { background: linear-gradient(150deg, #241e14, #493923) !important; }
.login-logo { border-radius: 0; }
.login-titulo { font: 32px/1.2 Georgia, serif; color: #241e14; margin-bottom: 16px; }
.auth-page a { color: #76530a; }

.login-wrapper {
  min-height: 100dvh;
  margin: 0;
  padding: 1.5rem;
}

.login-logo {
  display: block;
  width: min(100%, 16rem);
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}

.login-logo-pc {
  max-width: 320px;
}

@media (min-width: 992px) {
  .rounded-tr-lg-0 {
    border-top-right-radius: 0;
  }

  .rounded-bl-lg-5 {
    border-bottom-left-radius: 0.5rem;
  }
}

/* En tablet y móvil el acceso es un único bloque centrado, sin heredar el
   tamaño ni el espaciado del diseño de escritorio. */
@media (max-width: 991.98px) {
  .login-wrapper {
    align-content: center;
    padding: clamp(1rem, 4vw, 2rem);
  }

  .login-wrapper > div {
    width: min(100%, 32rem);
  }

  .login-card {
    width: 100%;
    margin-inline: auto;
  }

  .login-card .card-body {
    padding: clamp(1.5rem, 5vw, 2.5rem) !important;
  }

  .login-card .text-center {
    display: flex;
    justify-content: center;
  }

  .login-logo {
    width: min(68vw, 15rem);
    margin-inline: auto;
  }
}

@media (max-width: 575.98px) {
  .login-wrapper {
    align-items: center;
    padding: 1rem;
  }

  .login-wrapper > div {
    width: min(100%, 28rem);
  }

  .login-card .card-body {
    padding: 1.5rem !important;
  }

  .login-logo {
    width: min(64vw, 13rem);
  }

  .login-card .mb-4 {
    margin-bottom: 1.25rem !important;
  }
}


/* Logo completo y acceso coherente con la identidad pública. */
.auth-page { background:#f7f5ef!important; }
.login-card { background:#fff; box-shadow:0 24px 80px #27251f12!important; }
.login-card .bg-dark { background:#eeeae0!important; }
.login-logo-pc { padding:20px; background:white; }
.login-titulo { font-size:40px; letter-spacing:-.03em; }
.login-volver { display:inline-block; font-size:12px; margin-bottom:36px; }
.login-card .form-control { border-radius:4px; font-size:16px; padding:14px; }
.login-card .form-label { font-size:13px; }
.login-card .btn { border-radius:4px; font-size:15px; padding:15px; }