/**
 * La pantalla de acceso (wp-login.php) vestida con el sistema de diseño.
 *
 * Cubre acceso, contraseña olvidada, restablecimiento y activación: todos
 * pasan por esta misma pantalla. El logotipo es la variante apilada de la
 * marca (assets/img/marca/), sobre los campos, como pidió la reunión de
 * agosto de 2026.
 */

body.login {
	background:
		radial-gradient(1000px 500px at 85% -10%, rgba(17, 183, 165, .10), transparent 60%),
		radial-gradient(900px 480px at -10% 110%, rgba(19, 153, 111, .10), transparent 55%),
		#f5f8f9;
	font-family: InterVariable, Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ------------------------------------------------------------ El logotipo */

.login h1 a {
	width: 230px;
	height: 100px;
	background-image: url(../img/marca/eventsmov-apilado.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 6px;
}

/* --------------------------------------------------------------- La caja */

.login form {
	border: 0;
	border-radius: 24px;
	box-shadow: 0 18px 44px rgba(22, 38, 56, .10);
	padding: 30px 28px;
}

.login label {
	color: #34485e;
	font-size: 14px;
	font-weight: 600;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border: 1px solid rgba(138, 158, 181, .28);
	border-radius: 12px;
	padding: 10px 12px;
	font-size: 15px;
	background: #fff;
	color: #162638;
	box-shadow: none;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: transparent;
	outline: 2px solid var(--bt-brand-primary, #13996f);
	outline-offset: 1px;
	box-shadow: none;
}

.login .button.wp-hide-pw { color: #5c6c80; }
.login .button.wp-hide-pw:focus { outline: 2px solid var(--bt-brand-primary, #13996f); box-shadow: none; }

/* ---------------------------------------------------------------- Botones */

.wp-core-ui .button-primary {
	background: linear-gradient(135deg, #18aa55 0%, #13996f 100%);
	border: 0;
	border-radius: 999px;
	padding: 4px 22px;
	font-weight: 620;
	text-shadow: none;
	box-shadow: 0 8px 20px rgba(22, 38, 56, .10);
	transition: transform .16s ease, box-shadow .16s ease;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: linear-gradient(135deg, #18aa55 0%, #0f7d5b 100%);
	transform: translateY(-1px);
	box-shadow: 0 16px 38px rgba(22, 38, 56, .14);
}

/* ---------------------------------------------------------------- Enlaces */

.login #nav a,
.login #backtoblog a {
	color: #34485e;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: var(--bt-brand-primary, #13996f);
}

/* ---------------------------------------------------------------- Avisos */

.login .notice,
.login .message,
.login #login_error {
	border-radius: 14px;
	border-left-width: 3px;
	box-shadow: 0 8px 20px rgba(22, 38, 56, .06);
}

.login .message,
.login .notice-info {
	border-left-color: var(--bt-brand-primary, #13996f);
}

/* El selector de idioma, discreto pero presente. */
.login .language-switcher {
	opacity: .75;
}