/* Pantallas de acceso (wp-login.php: entrar, registro, recuperar contraseña)
   con el estilo del portal. Se carga después del CSS "login" de WordPress. */

body.login{
  background:
    radial-gradient(900px 420px at 50% -100px,#2550a8 0%,transparent 70%),
    radial-gradient(700px 360px at 100% 100%,#13306b 0%,transparent 70%),
    #0b1736;
  font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#f3f6ff;
}
body.login #login{width:360px;max-width:calc(100% - 32px);padding:6vh 0 32px}

/* Logo: corona + nombre del portal en vez del logo de WordPress. */
body.login h1.wp-login-logo a{
  background:var(--esp-corona) center top/88px 88px no-repeat;
  width:auto;height:auto;margin:0 auto 22px;padding-top:96px;
  text-indent:0;overflow:visible;
  font-family:"Lilita One",sans-serif;font-size:30px;font-weight:400;line-height:1.1;
  color:#f3f6ff;text-decoration:none;
  text-shadow:0 2px 0 #06102a,0 0 1px #06102a,1px 1px 0 #06102a,-1px 1px 0 #06102a;
}
body.login h1.wp-login-logo a:focus{box-shadow:none;outline:none}

/* Mensaje de bienvenida (login_message) y avisos. */
body.login .esp-login-intro{
  text-align:center;color:#9fb0cc;font-size:15px;margin:-10px 0 18px;
}
body.login .message,
body.login .notice,
body.login .success,
body.login #login_error{
  background:#122b5d;color:#f3f6ff;border:2px solid #07112a;border-left:6px solid #ffc93c;
  border-radius:12px;box-shadow:none;margin-bottom:16px;
}
body.login #login_error{border-left-color:#ff5d5d}
body.login .message a,body.login #login_error a{color:#ffc93c}

/* Panel del formulario. */
body.login form{
  background:linear-gradient(#17346f,#122b5d);
  border:2px solid #07112a;border-radius:16px;padding:24px 22px;margin-top:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 0 rgba(4,10,28,.6);
}
body.login label,
body.login form .forgetmenot label{color:#f3f6ff;font-weight:700;font-size:14px}
body.login form p.description,body.login #reg_passmail{color:#9fb0cc}

body.login form .input,
body.login input[type=text],
body.login input[type=email],
body.login input[type=password]{
  background:#0a1836;color:#f3f6ff;border:2px solid #07112a;border-radius:10px;
  font-size:18px;padding:6px 12px;min-height:46px;box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
}
body.login form .input:focus,
body.login input[type=text]:focus,
body.login input[type=email]:focus,
body.login input[type=password]:focus{border-color:#ffc93c;box-shadow:0 0 0 2px rgba(255,201,60,.35)}
body.login .button.wp-hide-pw{color:#9fb0cc;min-height:46px}
body.login .button.wp-hide-pw:focus{border-color:#ffc93c;box-shadow:none}
body.login .button.wp-hide-pw .dashicons{color:#9fb0cc}

body.login input[type=checkbox]{
  background:#0a1836;border:2px solid #4a6aa8;border-radius:5px;box-shadow:none;
}
body.login input[type=checkbox]:checked::before{filter:hue-rotate(160deg) saturate(3)}
body.login input[type=checkbox]:focus{border-color:#ffc93c;box-shadow:none}
body.login .dashicons-editor-help,body.login .wp-tooltip button{color:#9fb0cc}

/* Botón principal dorado, como en el portal. */
body.login .button-primary,
body.login.wp-core-ui .button.button-primary{
  float:none;display:block;width:100%;margin-top:14px;
  min-height:48px;padding:0 16px;
  font-family:"Lilita One",sans-serif;font-size:19px;letter-spacing:.3px;
  color:#4a2a00;text-shadow:0 1px 0 rgba(255,255,255,.45);
  background:linear-gradient(#ffe27a 0%,#ffc93c 45%,#f5a313 100%);
  border:2px solid #9a5b00;border-radius:12px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 4px 0 #9a5b00;
}
body.login.wp-core-ui .button.button-primary:hover,
body.login.wp-core-ui .button.button-primary:focus{
  color:#4a2a00;border-color:#9a5b00;
  background:linear-gradient(#ffe89a 0%,#ffd25c 45%,#f5a313 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 4px 0 #9a5b00;
}
body.login .button-primary:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 1px 0 #9a5b00}
body.login .forgetmenot{float:none;margin-bottom:4px}
body.login .submit{display:block}

/* Enlaces de debajo. */
body.login #nav,body.login #backtoblog{text-align:center;padding:0;margin:18px 0 0;font-size:14px}
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-link{color:#9fb0cc;text-decoration:none;font-weight:700}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#ffc93c}
body.login #nav{color:#4a6aa8}

/* Sin selector de idioma (el portal es solo en español). */
body.login .language-switcher{display:none}