/* ==========================================================================
   XLAB — pagine di accesso (login, recupero e reimpostazione password)
   ========================================================================== */

.login-pagina {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	background: var(--xl-brand-900);
}
.login-vetrina {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: linear-gradient(180deg, rgba(2, 74, 116, .82), rgba(2, 59, 92, .92)), url('../../img/bg.jpg') center/cover no-repeat;
}
.login-vetrina__contenuto { max-width: 420px; color: #eaf3f9; text-align: center; }
.login-vetrina__contenuto img { max-width: 260px; width: 100%; height: auto; margin-bottom: 1.4rem; }
.login-vetrina__contenuto h1 { color: #fff; font-size: 1.7rem; margin-bottom: .6rem; }
.login-vetrina__contenuto p { color: rgba(234, 243, 249, .75); font-size: .95rem; margin: 0; }

.login-pannello {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1.5rem;
	background: var(--xl-bg);
}
.login-card { width: 100%; max-width: 380px; }
.login-card h2 { font-size: 1.25rem; margin-bottom: .3rem; }
.login-card .sottotitolo { color: var(--xl-text-muted); font-size: .875rem; margin-bottom: 1.6rem; }
.login-card .form-label { font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--xl-text-subtle); }
.login-card button[type="submit"] { width: 100%; justify-content: center; padding: .7rem; font-size: .95rem; margin-top: .4rem; }
.login-card .login-nota { font-size: .78rem; color: var(--xl-text-subtle); margin-top: .35rem; }
.login-link { display: block; text-align: right; font-size: .8rem; margin: -.4rem 0 .9rem; }
.login-piede { margin-top: 1.6rem; font-size: .78rem; color: var(--xl-text-subtle); text-align: center; }

@media (max-width: 900px) {
	.login-pagina { grid-template-columns: 1fr; }
	.login-vetrina { padding: 2.4rem 1.5rem; }
	.login-vetrina__contenuto img { max-width: 170px; margin-bottom: .9rem; }
	.login-vetrina__contenuto h1 { font-size: 1.3rem; }
	.login-vetrina__contenuto p { display: none; }
}