/* wp-login.php con la marca DevJMNZ Projects. Carga junto a tokens.css (login_enqueue_scripts). */
body.login {
	background: var(--dj-bg);
	font-family: var(--dj-font-sans);
}
.login #login {
	width: 22rem;
	padding: 0;
}
.login h1 {
	text-align: center;
	margin-bottom: var(--dj-space-5);
}
.login h1 a {
	background-image: url('../img/logo-lockup-dark.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 2.5rem;
	display: block;
	text-indent: -9999px;
}
/* Tagline bajo el logo (QA-DJP-019). */
.login-tagline {
	font-family: var(--dj-font-mono);
	font-size: 0.72rem;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	text-align: center;
	color: var(--dj-text-muted);
	margin: -1rem 0 var(--dj-space-5);
}
.login form {
	background: var(--dj-surface);
	border: 1px solid var(--dj-border);
	border-radius: var(--dj-radius);
	box-shadow: inset 0 1px 0 oklch(100% 0 0 / 0.05);
	padding: var(--dj-space-6) var(--dj-space-5);
}
.login label {
	color: var(--dj-text);
	font-size: 0.875rem;
	font-weight: 600;
}
.login .input,
.login input[type="text"],
.login input[type="password"] {
	background: var(--dj-surface-2);
	border: 1px solid var(--dj-border);
	border-radius: var(--dj-radius-input);
	color: var(--dj-text);
	width: 100%;
	padding: 0.65rem 0.85rem;
	font-size: 0.9375rem;
	box-shadow: none;
}
.login .input:focus,
.login input:focus {
	border-color: var(--dj-accent);
	box-shadow: none;
	outline: 2px solid var(--dj-accent);
	outline-offset: 1px;
}
/* Icono "mostrar contraseña": azul de WP (#2271b1) fuera de paleta (QA-DJP-019). */
.login .wp-hide-pw {
	color: var(--dj-text-muted);
}
.login .wp-hide-pw:hover,
.login .wp-hide-pw:focus {
	color: var(--dj-text);
}
.login form .forgetmenot { color: var(--dj-text-muted); }
.login .button-primary {
	background: var(--dj-accent);
	border-color: var(--dj-accent);
	color: var(--dj-bg);
	font-weight: 600;
	text-shadow: none;
	box-shadow: none;
	border-radius: var(--dj-radius);
	padding: 0.5rem 1.2rem;
	height: auto;
	min-height: 44px;
}
.login .button-primary:hover,
.login .button-primary:focus {
	background: var(--dj-mint);
	border-color: var(--dj-mint);
	color: var(--dj-bg);
}
.login #nav,
.login #backtoblog {
	text-align: center;
	margin-top: var(--dj-space-4);
}
.login #nav a,
.login #backtoblog a {
	color: var(--dj-text-muted);
	font-size: 0.8125rem;
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color: var(--dj-text);
}
.login #backtoblog { display: none; }
.login #login_error {
	background: var(--dj-surface);
	border-left: 4px solid var(--dj-danger);
	color: var(--dj-text);
	border-radius: var(--dj-radius-input);
}
.login .message {
	background: var(--dj-surface);
	border-left: 4px solid var(--dj-accent);
	color: var(--dj-text);
	border-radius: var(--dj-radius-input);
}
.login .privacy-policy-page-link { display: none; }