/* Pantalla de acceso del Cuartel General.
   Mismo sistema visual que el mapa: grafito, oro y Space Grotesk.
   Solo estilos: no toca la logica de autenticacion. */

@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/spacegrotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plexmono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --bg-radial: radial-gradient(circle at 50% 34%, #12161f 0%, #0a0c12 55%, #07080c 100%);
  --panel:#12161f;
  --border: rgba(255,255,255,0.07);
  --text:#e8eaef;
  --text-dim:#8890a0;
  --gold:#c9a24b;
  --red:#e2564f;
}

body.login{
  background:var(--bg-radial);
  color:var(--text);
  font-family:'IBM Plex Mono', monospace;
  min-height:100vh;
}

.login #login{
  width:340px;
  max-width:calc(100vw - 32px);
  padding:8vh 0 40px;
}

/* Marca tipografica en lugar del logo de WordPress. */
.login .wp-login-logo{margin-bottom:22px;}
.login .wp-login-logo a,
.login h1 a{
  background:none !important;
  width:auto !important;
  height:auto !important;
  text-indent:0 !important;
  overflow:visible !important;
  display:block;
  font-family:'Space Grotesk', sans-serif;
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02em;
  line-height:1.1;
  color:var(--text) !important;
  text-decoration:none;
  margin:0;
}
.login .wp-login-logo a::after,
.login h1 a::after{
  content:"ACCESO RESTRINGIDO";
  display:block;
  margin-top:9px;
  font-family:'IBM Plex Mono', monospace;
  font-size:9.5px;
  font-weight:400;
  letter-spacing:0.16em;
  color:var(--gold);
}

.login form{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,0.45);
  padding:24px 22px 20px;
  margin-top:0;
}
.login form label,
.login form .forgetmenot label{
  color:var(--text-dim);
  font-size:10.5px;
  letter-spacing:0.09em;
  text-transform:uppercase;
}
.login form .input,
.login input[type="text"],
.login input[type="password"]{
  background:#0d1015;
  border:1px solid var(--border);
  border-radius:6px;
  color:var(--text);
  font-family:'IBM Plex Mono', monospace;
  font-size:14px;
  padding:11px 12px;
  box-shadow:none;
  margin:6px 0 16px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(201,162,75,0.35);
  outline:none;
}
.login .button.wp-hide-pw{color:var(--text-dim);}
.login .button.wp-hide-pw:hover{color:var(--gold);}

.wp-core-ui .button-primary{
  background:var(--gold);
  border-color:var(--gold);
  color:#14100a;
  font-family:'Space Grotesk', sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:0.04em;
  border-radius:6px;
  padding:6px 18px;
  height:auto;
  line-height:2;
  text-shadow:none;
  box-shadow:none;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
  background:#d8b05c;
}

.login #nav,
.login #backtoblog{
  padding:0;
  margin:14px 0 0;
  text-align:left;
}
.login #nav a,
.login #backtoblog a{
  color:var(--text-dim);
  font-size:11px;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.login #nav a:hover,
.login #backtoblog a:hover{
  color:var(--gold);
  border-bottom-color:var(--gold);
}
.login #nav a:focus,
.login #backtoblog a:focus,
.login .wp-login-logo a:focus,
.login h1 a:focus{
  outline:1px solid var(--gold);
  outline-offset:3px;
  box-shadow:none;
}

.login .message,
.login .notice,
.login #login_error{
  background:var(--panel);
  border:1px solid var(--border);
  border-left:3px solid var(--gold);
  border-radius:6px;
  color:var(--text);
  font-size:12px;
  padding:11px 13px;
  box-shadow:none;
}
.login #login_error{border-left-color:var(--red);}

.login .language-switcher{display:none;}
.login .privacy-policy-page-link{display:none;}