/*
 * Pantalla de inicio de sesión. Usa los mismos tokens que el panel (style.css),
 * así que cambia con el modo oscuro/claro sin duplicar colores.
 */

body.login {
	background: var(--fondo);
	color: var(--texto);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Marca arriba del formulario */
body.login #login { width: 340px; padding: 7% 0 4%; }

body.login h1 a {
	display: block;
	width: 100%;
	height: auto;
	min-height: 94px;
	margin: 0 0 10px;
	padding-top: 66px;
	background-image: url(images/icono.png);
	background-size: 56px 56px;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: visible;
	text-indent: 0;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .2px;
	line-height: 1.2;
	color: var(--texto);
}
body.login h1 a:hover { color: var(--texto); }

/* Caja del formulario */
body.login form {
	background: var(--superficie);
	border: 1px solid var(--borde);
	border-radius: var(--radio);
	box-shadow: var(--sombra);
	padding: 24px;
	margin-top: 14px;
}

body.login form label { color: var(--texto-2); font-size: .85rem; font-weight: 600; }

body.login input[type="text"],
body.login input[type="password"] {
	background: var(--fondo-2);
	color: var(--texto);
	border: 1px solid var(--borde);
	border-radius: var(--radio-chico);
	padding: 10px 12px;
	font-size: 1rem;
	box-shadow: none;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: var(--marca);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 25%, transparent);
	outline: none;
}

body.login .button-primary {
	width: 100%;
	background: var(--marca);
	border: 1px solid var(--marca);
	border-radius: var(--radio-chico);
	color: #fff;
	font-weight: 600;
	text-shadow: none;
	box-shadow: none;
	height: auto;
	padding: 10px 16px;
	font-size: .95rem;
}
body.login .button-primary:hover { filter: brightness(1.12); }

body.login .forgetmenot label { font-weight: 500; }

/* Enlaces de abajo: se queda sólo el de contraseña olvidada */
body.login #backtoblog,
body.login .language-switcher,
body.login .privacy-policy-page-link,
body.login #login .message.register,
body.login p.woocommerce-form-row { display: none !important; }

body.login #nav { padding: 12px 0 0; text-align: center; }
body.login #nav a { color: var(--texto-2); font-size: .85rem; }
body.login #nav a:hover { color: var(--info); }

/* Mensajes */
body.login .message, body.login #login_error {
	background: var(--superficie);
	border: 1px solid var(--borde);
	border-left-width: 4px;
	border-radius: var(--radio-chico);
	color: var(--texto);
	box-shadow: none;
}
body.login #login_error { border-left-color: var(--error); }
body.login .message { border-left-color: var(--info); }

/* El globo de ayuda de la casilla es cosa de WordPress: fuera */
body.login .wp-tooltip,
body.login .dashicons-editor-help,
body.login .wp-tooltip__text { display: none !important; }

/* El ojo para ver la contraseña, con los colores del panel */
body.login .wp-hide-pw { color: var(--texto-2); background: none; border: none; }
body.login .wp-hide-pw:hover { color: var(--texto); }
body.login .wp-hide-pw .dashicons { color: inherit; }

/* Nada de la marca de WordPress */
body.login .wp-core-ui .button-secondary,
body.login #login h1 a[href*="wordpress.org"] { display: none; }