/* ================================================================
   PME Login Page – Estilos base para a página de login
   (completamente sobrescritos pelo CSS dinâmico)
   ================================================================ */

/* Transição suave na página */
body.login {
	transition: background .3s ease;
}

/* Garante que o formulário fica centrado verticalmente */
body.login {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

/* Ajuste de posição do wrapper */
body.login #login {
	padding: 0;
}

/* Logótipo suave */
.login h1 a {
	transition: opacity .2s;
}
.login h1 a:hover {
	opacity: .85;
}

/* Melhoria geral do formulário */
#loginform {
	transition: box-shadow .2s;
}

/* Links do rodapé */
#nav, #backtoblog {
	text-align: center;
}