/* Login screen — Reportero H */

body.login {
	background-color: #01972C; /* --rh-green-official */
	font-family: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.login #login {
	width: 360px;
	padding: 4rem 1rem 2rem;
}

body.login #login h1 a {
	background-image: url("../img/logo-reportero-h.png");
	background-size: 260px auto;
	background-position: center center;
	background-repeat: no-repeat;
	height: 70px;
	width: 260px;
	margin: 0 auto 24px;
}

body.login .message,
body.login #login_error {
	border-left-color: #F87C03; /* --rh-orange-official */
}

.login .button.button-primary {
	background-color: #1A1A1A !important; /* --rh-black-editorial */
	border-color: #1A1A1A !important;
	box-shadow: none;
	text-shadow: none;
	border-radius: 8px; /* --rh-radius-ui */
	font-weight: 700;
}

.login .button.button-primary:hover,
.login .button.button-primary:focus {
	background-color: #111111 !important;
	border-color: #111111 !important;
}

body.login #loginform {
	border-radius: 12px;
	border: none;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
	padding: 24px 28px 30px;
}

body.login #loginform label {
	font-weight: 600;
	color: #1A1A1A; /* --rh-black-editorial */
}

body.login #loginform input[type="text"],
body.login #loginform input[type="password"] {
	border-radius: 8px;
	border-color: #d1d5db;
	box-shadow: none;
}

body.login #nav,
body.login #backtoblog {
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
	color: #F9F5EF; /* cream on green */
}

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

/* Ocultar enlace "¿Has olvidado tu contraseña?" y selector de idioma por ahora */
body.login #nav {
	display: none;
}

body.login .language-switcher {
	display: none;
}