/* Login WordPress — misma piel que la intranet UTHGRA */

body.login.panelwp-login {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	background:
		linear-gradient(135deg, rgba(10, 10, 10, 0.95), rgba(107, 95, 158, 0.85)),
		#0a0a0a;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
}

body.login.panelwp-login #login {
	width: 100%;
	max-width: 420px;
	padding: 0 16px 40px;
}

body.login.panelwp-login #login h1 {
	margin: 0;
}

body.login.panelwp-login #login h1 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	min-height: 88px;
	margin: 0;
	padding: 1.5rem 1rem 1.25rem;
	background: #0a0a0a none center 40%/contain no-repeat;
	border-radius: 1.25rem 1.25rem 0 0;
	color: #b8b8b8;
	font-size: 1.1rem;
	font-weight: 700;
	text-indent: 0;
	text-decoration: none;
	overflow: hidden;
}

body.login.panelwp-login-has-logo #login h1 a {
	height: 96px;
	min-height: 96px;
	padding: 1.25rem;
	text-indent: -9999px;
}

body.login.panelwp-login form {
	margin-top: 0;
	padding: 2rem 1.75rem 1.75rem;
	border: none;
	border-radius: 0 0 1.25rem 1.25rem;
	background: #fff;
	box-shadow: 0 12px 40px rgba(44, 44, 44, 0.12);
}

body.login.panelwp-login #loginform,
body.login.panelwp-login #lostpasswordform,
body.login.panelwp-login #registerform {
	border-top: 2px solid #6b5f9e;
}

body.login.panelwp-login label {
	color: #6b5f9e;
	font-size: 0.85rem;
	font-weight: 600;
}

body.login.panelwp-login input[type="text"],
body.login.panelwp-login input[type="password"],
body.login.panelwp-login input[type="email"] {
	border: 1.5px solid #e4e2ea;
	border-radius: 0.65rem;
	font-size: 0.95rem;
	padding: 0.65rem 0.9rem;
}

body.login.panelwp-login input[type="text"]:focus,
body.login.panelwp-login input[type="password"]:focus,
body.login.panelwp-login input[type="email"]:focus {
	border-color: #00b4e6;
	box-shadow: 0 0 0 3px rgba(0, 180, 230, 0.15);
}

body.login.panelwp-login .button-primary {
	width: 100%;
	margin-top: 0.5rem;
	background: linear-gradient(135deg, #8a7fbf, #0090bb) !important;
	border: none !important;
	border-radius: 0.65rem !important;
	color: #fff !important;
	font-weight: 600;
	text-shadow: none !important;
	box-shadow: none !important;
}

body.login.panelwp-login .button-primary:hover {
	background: linear-gradient(135deg, #a399d4, #00b4e6) !important;
}

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

body.login.panelwp-login #nav a,
body.login.panelwp-login #backtoblog a,
body.login.panelwp-login .privacy-policy-link {
	color: #b8b8b8;
}

body.login.panelwp-login #nav a:hover,
body.login.panelwp-login #backtoblog a:hover {
	color: #00b4e6;
}

body.login.panelwp-login .message,
body.login.panelwp-login #login_error {
	border-radius: 0.75rem;
	border-left-color: #8a7fbf;
}