/*
 * ═══ LAS PANTALLAS QUE SIGUEN EN wp-login.php (COLA · ORDEN 0c) ═══
 *
 * Recuperar la clave (lostpassword · rp · resetpass) y «Check your email»
 * siguen en WordPress: funcionan, y la entrada no las desvía
 * (House_Entrance::wordpress_door). Esta hoja les pone la casa encima para
 * que no salga el WordPress feo: la tarjeta, los campos, el verbo y la voz de
 * los avisos de la puerta (los valores de access.css, tal cual), y el nombre
 * de la casa (login_headertext) en vez del logo de WordPress.
 *
 * Es la BASE de Code, con los valores de la puerta y nada inventado; la piel
 * fina es de Fable. Todo cuelga de `body.login`, que sólo existe en
 * wp-login.php, y sube un punto la especificidad de la hoja de WordPress.
 */
body.login {
	background: #f3f3f3;
	color: #101012;
	font: 400 14px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* El nombre de la casa, no el logo de WordPress. */
body.login h1 a {
	background: none;
	color: #101012;
	font-size: 18px;
	font-weight: 600;
	height: auto;
	letter-spacing: -.01em;
	line-height: 1.3;
	margin: 0 auto 24px;
	overflow: visible;
	text-indent: 0;
	width: auto;
}

body.login #login {
	box-sizing: border-box;
	max-width: 560px;
	padding: 12vh 16px 40px;
	width: 100%;
}

/* La tarjeta de la puerta: blanca, radio 16, 36/40/30 y su sombra. */
body.login form {
	background: #fff;
	border: 0;
	border-radius: 16px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .10), 0 20px 50px rgba(0, 0, 0, .26);
	margin-top: 0;
	padding: 36px 40px 30px;
}

/* Rótulo pequeño en versalitas y campo con raya. */
body.login form label {
	color: rgba(16, 16, 18, .42);
	font-size: 10px;
	letter-spacing: .09em;
	text-transform: uppercase;
}

body.login form .input,
body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(16, 16, 18, .20);
	border-radius: 0;
	box-shadow: none;
	color: #101012;
	font-size: 16px;
	margin: 6px 0 20px;
	min-height: 0;
	padding: 2px 0 7px;
}

body.login input:focus {
	border-bottom-color: #101012;
	box-shadow: none;
	outline: none;
}

/* El verbo de la puerta: una palabra en tinta, sin caja. */
body.login .button-primary,
body.login .button.button-primary {
	background: none;
	border: 0;
	box-shadow: none;
	color: #101012;
	float: none;
	font-size: 14px;
	font-weight: 500;
	height: auto;
	line-height: 1.55;
	min-height: 0;
	padding: 0;
	text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: none;
	box-shadow: none;
	color: #101012;
	text-decoration: underline;
}

/* Lo que dice WordPress, en la voz de la tarjeta: una frase, sin la raya de color. */
/* Fable: una sola tarjeta. La frase de WordPress va encima, suelta, como la línea de debajo del saludo
   de la puerta; no en una segunda caja blanca. El error sí se queda dentro de su marco, pero sin caja. */
body.login .message,
body.login .notice,
body.login #login_error {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: rgba(16, 16, 18, .62);
	font-size: 13.5px;
	line-height: 1.55;
	margin: 0 0 18px;
	padding: 0 40px;
}

body.login #login_error {
	color: #b3261e;
}

/* Debajo, pequeños y grises: la línea de la puerta. */
body.login #nav,
body.login #backtoblog {
	font-size: 12.5px;
	padding: 0 40px;
}

body.login #nav a,
body.login #backtoblog a {
	color: rgba(16, 16, 18, .42);
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #101012;
}

/* ── Fable · 9 oct 2026 · el aviso de sesión caducada de wp-admin (interim-login) ──
   Samuel lo vio en el recuadro de WordPress: la tarjeta descuadrada, «Log In» suelto pegado a «Remember me» y el
   «?» de WordPress en medio. Es la misma tarjeta de la puerta, dentro de un marco más pequeño: menos aire arriba, el
   verbo en su propia línea a la derecha (como en la puerta) y sin el «?» del recordatorio. */
body.login.interim-login #login {
	padding: 28px 16px 24px;
	max-width: 520px;
}
body.login .forgetmenot {
	float: none;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
}
body.login .forgetmenot .dashicons-editor-help,
body.login .forgetmenot [class*="tooltip"] {
	display: none;
}
body.login p.submit {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
}
body.login p.submit .button-primary {
	font-size: 14.5px;
	font-weight: 600;
}