/* Northbrook — login branded (calco pantalla 1 del mockup) */

@font-face{
  font-family:'Gelasio';
  font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/gelasio-400.woff2') format('woff2');
}
@font-face{
  font-family:'Gelasio';
  font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/gelasio-700.woff2') format('woff2');
}

body.login{
  background:linear-gradient(135deg,#0d1a30 0%,#16294a 55%,#1c3557 100%);
  min-height:100vh; margin:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

/* ocultar logo WP por defecto + enlaces fuera de narrativa (recuperar pass = por Raquel) */
.login h1{ display:none; }
.login #nav, .login #backtoblog, .login .language-switcher, .login .forgetmenot{ display:none; }
.login .privacy-policy-page-link{ display:none; }

/* card unica = #login */
#login{
  width:420px; max-width:calc(100vw - 32px); margin:0; padding:46px 44px 36px;
  background:#fff; border-radius:14px; box-shadow:0 30px 80px rgba(6,14,28,.45);
}
.login form{ margin-top:0; padding:0; }
/* ritmo vertical entre campos (WP mete el password en .user-pass-wrap, no en <p>;
   usamos especificidad body.login #loginform para ganar al CSS core de WP) */
body.login #loginform > p,
body.login #loginform > .user-pass-wrap{ margin:0 0 18px; }
body.login #loginform .input,
body.login #loginform input[type="text"],
body.login #loginform input[type="password"]{ margin:6px 0 0; }
.login .submit{ margin:4px 0 0; }

/* bloque de marca (inyectado por login_message) */
.nr-login-brand{ text-align:center; }
.nr-login-brand .nr{
  display:inline-flex; align-items:center; justify-content:center; border:1.5px solid #b07a3c;
  color:#101f38; font-family:'Gelasio',Georgia,serif; font-weight:700;
}
.nr-login-brand .nr-lg-login{ width:56px; height:56px; font-size:22px; margin:0 auto 18px; }
.nr-login-title{ font-family:'Gelasio',Georgia,serif; font-size:15px; color:#101f38; letter-spacing:.02em; font-weight:700; margin:0; }
.nr-login-sub{ font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#8a93a0; margin-top:6px; }
.nr-login-div{ height:1px; background:#e2e6ec; margin:22px 0; }

/* form */
#loginform{ background:transparent; border:none; box-shadow:none; padding:0; margin:0; }
.login form .input,
.login input[type="text"],
.login input[type="password"]{
  border:1px solid #e2e6ec; border-radius:8px; background:#fbfcfd; height:42px;
  font-size:14px; color:#20262f; padding:0 14px; box-shadow:none; margin:0 0 4px;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus{ border-color:#b07a3c; box-shadow:0 0 0 1px #b07a3c; outline:none; }
.login label{ font-size:11px; font-weight:600; color:#5b6672; text-transform:uppercase; letter-spacing:.08em; }
.login form .input{ margin-top:6px; }

/* boton navy (calco: "Ingresar") */
.login .button-primary,
#wp-submit{
  background:#101f38 !important; border:none !important; border-radius:8px !important; height:44px !important;
  font-size:14px !important; font-weight:600 !important; letter-spacing:.02em; box-shadow:none !important;
  text-shadow:none !important; width:100%; margin-top:6px;
}
.login .button-primary:hover, #wp-submit:hover{ background:#1c3557 !important; }
.login .submit{ text-align:center; }

/* mensajes de error dentro del ancho de la card */
.login #login_error, .login .message, .login .notice{ width:420px; max-width:calc(100vw - 32px); box-sizing:border-box; border-left-color:#b07a3c; }

/* powered (login_footer) — bajo la card, sobre el navy */
.nr-login-powered{
  margin-top:20px; text-align:center; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#9fb0c8;
}
.nr-login-powered b{ color:#c9a06a; font-weight:700; }