body.login {
  background: radial-gradient(ellipse at top, #243c44, #1c2325);
  color: #243c44;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
}

#login {
  width: min(390px, calc(100% - 40px));
  padding-top: 7vh
}

.login h1 a {
  background-image: url('assets/ico_auge_white.png');
  background-size: 62px;
  width: 70px;
  height: 70px
}

.auge-login-heading {
  color: #fff;
  text-align: center;
  margin-bottom: 26px
}

.auge-login-heading h2 {
  font-size: 25px;
  margin: 12px 0
}

.auge-login-heading p {
  font-size: 15px;
  line-height: 1.6
}

.auge-login-heading small {
  font-size: 10px;
  letter-spacing: 1.4px;
  color: #8fcbd9
}

.login form {
  border: 0;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 12px 50px #0003
}

.login form .input {
  border-radius: 7px
}

.login .button-primary {
  background: #005f75;
  border-color: #005f75;
  min-height: 40px;
  border-radius: 7px;
  padding: 0 22px
}

.login #nav a,
.login #backtoblog a {
  color: #e0e0e0
}

#auge-login-stars {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0
}

#login {
  position: relative;
  z-index: 1
}

.login .privacy-policy-page-link,
.login .language-switcher {
  position: relative;
  z-index: 1
}

.login #backtoblog {
  display: none
}

body.login {
  background: radial-gradient(ellipse at center, #243b43 0%, #1c2325 70%)
}

#login {
  width: min(312px, calc(100% - 40px))
}

.login form {
  background: rgba(255, 255, 255, .60);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #ffffff80;
  padding: 24px;
  color: #172c34
}

.login form label {
  color: #172c34;
  font-weight: 600
}

.login form .input {
  background: rgba(255, 255, 255, .94);
  color: #172c34;
  border: 1px solid #637a84
}

.login form .input:focus {
  border-color: #005f75;
  box-shadow: 0 0 0 2px #005f75
}

.login .button-primary {
  color: white;
  background: #005f75
}

/* 1.1.2 · Acceso: isotipo cerca del nombre, enlace centrado y pie de Auge */
.login h1 { margin-bottom: 0 }
.auge-login-heading h2 { margin: 2px 0 10px }
.login #nav { text-align: center; margin: 20px 0 0; padding: 0; line-height: 1.4 }
.login #nav a { display: inline-block; padding: 4px 0 }
.auge-login-foot { position: relative; z-index: 1; text-align: center; font-size: 12px; color: #89939f; margin: 18px 0 0; letter-spacing: .02em }
.auge-login-foot a { color: #8fcbd9; text-decoration: none; font-weight: 600 }
.auge-login-foot a:hover { text-decoration: underline }