/* ====== Login SEO Beta – Estilo oscuro tipo tarjeta ====== */
:root{
  --bg:#0f1115;
  --card:#151923;
  --card-2:#181d25;
  --ink:#e5e7eb;
  --muted:#b6beca;
  --line:rgba(255,255,255,.06);
  --input:#0c0f14;
  --accent:#f97316;
  --accent-700:#ea580c;
  --shadow:0 10px 30px rgba(0,0,0,.45);
}
body.login{
  background: var(--bg);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
}
body.login #login{
  width: 400px;
  padding: 30px 30px 30px;
  border-radius: 18px;
  background: linear-gradient(180deg, var(--card) 0%, var(--card) 100%);
  box-shadow: var(--shadow);
  border: 1px solid var(--line);
  margin-top: 30px;
  margin-bottom: 20px;
}
body.login h1 a{ display:none; }
body.login h1{
  margin: 0 0 18px;
  padding: 0;
}
body.login h1:after{
  content:"Acceder";
  display:block;
  color: var(--ink);
  font-weight: 800;
  font-size: 44px;
  letter-spacing:.2px;
}
body.login form#loginform{
  margin-top: 14px;
  padding: 28px 24px 24px;
  border-radius: 14px;
  background: var(--card-2);
  border: 1px solid var(--line);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
body.login form#loginform:before{
  content:"Acceder";
  display:block;
  color: var(--ink);
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
}
body.login form#loginform label{
  color: var(--ink);
  font-weight: 600;
  margin-bottom: 6px;
  display:inline-block;
}
body.login form#loginform input[type="text"],
body.login form#loginform input[type="password"]{
  background: var(--input);
  border: 1px solid var(--line);
  color: var(--ink);
  border-radius: 12px;
  padding: 14px 14px;
  height: 52px;
  box-shadow: none;
}
body.login form#loginform input:focus{
  outline: none;
  border-color: rgba(249,115,22,.55);
  box-shadow: 0 0 0 4px rgba(249,115,22,.12);
}
body.login #wp-submit{
  background: var(--accent);
  border: 1px solid transparent;
  color: #0b0b0b;
  font-weight: 800;
  border-radius: 12px;
  margin-left: 65px;
  padding: 2px 8px;
  height: auto;
  text-shadow: none;
  box-shadow: none;
  transition: transform .02s ease, background .15s ease;
}
body.login #wp-submit:hover{ background: var(--accent-700); }
body.login #wp-submit:active{ transform: translateY(1px); }
body.login .forgetmenot{
  display:flex; align-items:center; gap:10px;
  color: var(--muted);
}
body.login .submit{ display:flex; gap:14px; align-items:center; }
body.login #nav{
  margin: 0; padding-top: 14px;
}
body.login #nav a{
  display:inline-block;
  background: #222734;
  color: #d1d8e3 !important;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 800;
  text-decoration: none;
}
body.login #nav a:hover{
  background:#263043;
}
body.login #backtoblog{ display:none; }
body.login a{ color: var(--muted); }
body.login a:hover{ color: var(--ink); }
body.login .message,
body.login #login_error{
  background: #1b202a;
  border: 1px solid var(--line);
  color: var(--ink);
  border-left: 4px solid var(--accent);
  border-radius: 10px;
  box-shadow:none;
}
body.login input[type="checkbox"]{
  accent-color: var(--accent);
}
@media (max-width:480px){
  body.login #login{ width:auto; margin: 24px; padding:24px; }
  body.login h1:after{ font-size: 36px; }
}