/* Tela de acesso da intranet: véu iridescente, logotipo e um botão. */

body.login {
	font-family: Lato, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	color: #383C3C;
	background:
		radial-gradient(55% 80% at 0% 35%, #9BE5FE 0%, rgba(155,229,254,0) 70%),
		radial-gradient(35% 50% at 22% 0%, #C9DDFE 0%, rgba(201,221,254,0) 70%),
		radial-gradient(45% 60% at 100% 0%, #FEDF85 0%, rgba(254,223,133,0) 70%),
		radial-gradient(40% 55% at 100% 65%, #F8C689 0%, rgba(248,198,137,0) 70%),
		radial-gradient(40% 50% at 95% 100%, #D7A7B7 0%, rgba(215,167,183,0) 70%),
		#FFFFFF;
	min-height: 100vh;
}
.login #login { width: min(400px, calc(100% - 32px)); padding: 10vh 0 0; }
.login h1 a {
	width: 220px; height: 32px; background-size: contain; background-position: left center;
	margin: 0 0 28px; pointer-events: none;
}
.login h1 { text-align: left; }

.un-login-intro { margin: 0 0 18px; }
.un-login-kicker {
	font-family: Montserrat, system-ui, sans-serif; font-weight: 700; font-size: 12px;
	letter-spacing: .15em; text-transform: uppercase; color: #C8323C; margin: 0 0 6px;
}
.un-login-intro h2 {
	font-family: Montserrat, system-ui, sans-serif; font-style: italic; font-weight: 800;
	font-size: 34px; line-height: 1.1; color: #0E8C87; margin: 0 0 10px;
}
.un-login-intro p { font-size: 16px; line-height: 1.5; margin: 0; }

/* Botão do plugin OpenID Connect */
.login .openid-connect-login-button { margin: 0 !important; text-align: left !important; }
.login .openid-connect-login-button .button,
.login .openid-connect-login-button a {
	display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%;
	height: auto !important; min-height: 48px; padding: 12px 18px !important; box-sizing: border-box;
	font-family: Montserrat, system-ui, sans-serif !important; font-weight: 700 !important; font-size: 15px !important;
	background: #0E8C87 !important; border: 0 !important; border-radius: 10px !important; color: #FFFFFF !important;
	box-shadow: 0 1px 2px rgba(56,60,60,.08), 0 8px 24px rgba(14,140,135,.25) !important; text-shadow: none !important;
}
.login .openid-connect-login-button .button:hover,
.login .openid-connect-login-button a:hover { background: #0A6E6A !important; }
.login .openid-connect-login-button a::before {
	content: ""; width: 20px; height: 20px; border-radius: 50%; flex: none;
	background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M45 24.5c0-1.6-.1-3.1-.4-4.5H24v8.5h11.8c-.5 2.7-2.1 5-4.4 6.6v5.5h7.1c4.2-3.9 6.5-9.6 6.5-16.1z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.9 0 10.9-2 14.5-5.4l-7.1-5.5c-2 1.3-4.5 2.1-7.4 2.1-5.7 0-10.5-3.8-12.2-9H4.5v5.7C8.1 41.1 15.5 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.8 28.2c-.4-1.3-.7-2.7-.7-4.2s.3-2.9.7-4.2v-5.7H4.5C3 17.1 2 20.4 2 24s1 6.9 2.5 9.9l7.3-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.8c3.2 0 6.1 1.1 8.4 3.3l6.3-6.3C34.9 4.2 29.9 2 24 2 15.5 2 8.1 6.9 4.5 14.1l7.3 5.7c1.7-5.2 6.5-9 12.2-9z'/%3E%3C/svg%3E") center / 14px no-repeat;
}

/* Modo só Google: esconde usuário/senha e links de senha */
body.un-so-google #loginform,
body.un-so-google #nav,
body.un-so-google .privacy-policy-page-link,
body.un-so-google #backtoblog,
body.un-so-google .language-switcher { display: none !important; }

/* Mensagens e erros */
.login .message, .login .notice, .login #login_error {
	border-radius: 10px; border-left-width: 4px; box-shadow: 0 1px 2px rgba(56,60,60,.06);
}
.login #login_error { border-left-color: #C8323C; }

/* Formulário de senha (acesso de administrador) */
.login form {
	border: 1px solid #DDF1EE; border-radius: 12px; box-shadow: 0 1px 2px rgba(56,60,60,.06), 0 8px 24px rgba(56,60,60,.06);
}
.login .button-primary {
	background: #0E8C87; border-color: #0E8C87; border-radius: 10px; font-family: Montserrat, system-ui, sans-serif; font-weight: 700;
}
.login .button-primary:hover, .login .button-primary:focus { background: #0A6E6A; border-color: #0A6E6A; }
.login input[type="text"]:focus, .login input[type="password"]:focus { border-color: #4CCBB7; box-shadow: 0 0 0 2px rgba(76,203,183,.35); }

.un-login-admin { text-align: center; margin: 40px 0 0; font-size: 12px; }
.un-login-admin a { color: #5A5A62; }