/* Bahía · login de WordPress. Colores, radios y espacios vienen de sistema/tokens.css. */
@font-face{font-family:Neuwelt;src:url('./regular.woff');font-display:swap}
@font-face{font-family:Neuwelt;src:url('./bold.woff');font-weight:700;font-display:swap}

/* Base: vale también para "olvidé mi contraseña" y para elegir una nueva. */
body.login{background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.5}
.login h1 a{background:url('./logo.svg') no-repeat left center/contain;width:156px;height:80px;margin:0 0 var(--space-6)}
.login form{margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.login label{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:6px}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{font-size:16px;line-height:1.4;min-height:50px;padding:12px 14px;margin:0 0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-shadow:none}
.login form .input:focus,.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{border-color:var(--blue);box-shadow:none;outline:3px solid var(--focus);outline-offset:1px}
.login .wp-pwd input[type=password],.login .wp-pwd input[type=text]{padding-right:52px}
.login .button.wp-hide-pw{display:flex;align-items:center;justify-content:center;width:50px;min-width:50px;height:50px;border:0;background:none;color:var(--muted)}
.login .button.wp-hide-pw:hover{color:var(--blue)}
.login .button.wp-hide-pw:focus{box-shadow:none;outline:3px solid var(--focus);outline-offset:-4px;border-radius:var(--radius-sm)}
.login .button.wp-hide-pw .dashicons{position:static}
.login .forgetmenot{float:none;display:flex;align-items:center;margin:0 0 var(--space-5)}
.login .forgetmenot label{font-weight:400;color:var(--ink);margin:0}
.login input[type=checkbox]{border-color:var(--line-strong);border-radius:var(--radius-xs)}
.login input[type=checkbox]:focus{border-color:var(--blue);box-shadow:none;outline:3px solid var(--focus);outline-offset:1px}
.login input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%230758a8%27%2F%3E%3C%2Fsvg%3E")}
.login p.submit{float:none;margin:0}
body.login #wp-submit{float:none;width:100%;min-height:52px;padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);background:var(--blue);color:#fff;font:700 16px/1 var(--font-sans);text-shadow:none;box-shadow:none;transition:background .15s}
body.login #wp-submit:hover{background:var(--navy)}
body.login #wp-submit:focus{box-shadow:none;outline:3px solid var(--focus);outline-offset:3px}
.login #nav{margin:var(--space-5) 0 0;padding:0;font-size:14px}
.login #nav a{color:var(--blue);font-weight:700}
.login #nav a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
/* "Volver al sitio" lleva de nuevo al login mientras el sitio sea privado. */
.login #backtoblog,.login .privacy-policy-page-link{display:none}
.login .message,.login .notice,.login .success,.login #login_error{border:0;border-left:4px solid var(--blue);border-radius:var(--radius-xs);background:var(--surface-soft);box-shadow:none;padding:12px 16px;margin:0 0 var(--space-5);font-size:14px;color:var(--ink)}
.login #login_error,.login .notice-error{border-left-color:var(--alerta-rojo)}
.login #login_error a,.login .message a{color:var(--blue);font-weight:700}

/* Pantalla completa: foto de la ciudad a la izquierda, formulario a la derecha. */
body.login.bl{min-height:100vh;padding-left:50vw;display:flex;flex-direction:column;justify-content:center}
.bl-foto{position:fixed;inset:0 auto 0 0;width:50vw;margin:0;background:var(--navy);overflow:hidden}
.bl-foto img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.bl-foto::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#031a38d9);pointer-events:none}
.bl-foto-pie{position:absolute;left:var(--space-6);bottom:var(--space-6);z-index:1;margin:0;color:#fff;font-size:13px;letter-spacing:.02em}
.bl #login{width:min(400px,calc(100% - 32px));padding:var(--space-7) 0;margin:0 auto}
.bl-intro{margin-bottom:var(--space-6)}
.bl-eyebrow{margin:0 0 var(--space-3);font-size:11px;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.bl-intro h2{margin:0 0 var(--space-3);font-size:34px;line-height:1.08;font-weight:700;letter-spacing:-.025em;color:var(--navy)}
.bl-intro p:last-child{margin:0;font-size:16px;color:var(--muted)}

@media(max-width:900px){
  body.login.bl{padding-left:0;justify-content:flex-start}
  .bl-foto{position:relative;width:100%;height:200px}
  .bl-foto-pie{left:var(--space-4);bottom:var(--space-4)}
  .bl #login{padding:var(--space-6) 0 var(--space-7)}
  .login h1 a{width:124px;height:64px;margin-bottom:var(--space-5)}
  .bl-intro h2{font-size:28px}
}