/* (UTF8 á) */
.login-screen {
	background-color: var(--mdc-theme-surface-container-color);
	justify-content: center;
	padding: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.login-screen__form {
	display: flex;
	height: 100vh;
	background-color: var(--mdc-theme-login-screen-bg-color);
}

.login-screen__logo {
	display: flex;
	padding: 20px 0 10px;
	justify-content: center;
}

.login-screen__logo img {
	width: 235px;
	transition: all 0.3s ease;
}

.login-screen__logo--small {
	justify-content: end;
}

.login-screen__logo--small img {
	width: 100px;
	transform: translateY(0);
}

.login-screen__tk-app {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-top: 10px;
}

.login-screen__tk-email {
	display: none;
}

.login-screen__tk-app-stores {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-top: 20px;
}

.login-screen__tk-app-stores img {
	width: 100px;
	height: auto;
}

.login-screen__button {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: end;
}

.login-screen__option-buttons {
	display: flex;
	flex-direction: column;
}


@media (min-width: 600px) {
	.login-screen__form {
		border-radius: 28px;
		margin: 0 auto;
		min-height: 485px;
		width: 420px;
		box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.15);
		height: initial;
	}
	
	.login-screen__button {
		align-items: end;
	}
	
	.login-screen__option-buttons {
		flex-direction: row;
	}
}

@media (min-width: 840px) {
	.login-screen__banner {
		flex: 1;
		background: url('/Logo.php?BG=2') center center no-repeat;
		border-radius: 28px 0 0 28px;
	}
	
	.login-screen__form {
		width: 840px;
		box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.15);
	}
}