body {
	margin: 0;
	padding: 0;
	background: #ffffff !important; /* Sobrescreve o background azul do new-login.css */
	display: flex !important; /* Força o display flex */
	justify-content: flex-start !important; /* Remove o center do new-login.css */
	align-items: stretch !important; /* Remove o center do new-login.css */
	height: 100vh;
}

.container-login {
	display: flex;
	height: 100vh;
	width: 100%;
	min-height: 100vh; /* Garante altura mínima */
}

.container-esquerda {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	min-width: 300px;
	background-color: #ffffff;
	height: 100vh; /* Força altura total */
	min-height: 100vh; /* Garante altura mínima */
	flex-shrink: 0; /* Impede que o container encolha */
}

.container-direita {
	width: 75%;
	background-color: #ffffff;
	overflow-y: auto; /* Permite scroll se o conteúdo for maior */
	max-height: 100vh; /* Limita altura máxima */
	display: flex;
	flex-direction: column;
}

/* Garante que imagens e outros elementos não extrapolem a altura */
.container-direita img,
.container-direita * {
	max-height: 100vh;
	max-width: 100%;
	object-fit: contain; /* Mantém proporção da imagem */
}

/* Para o conteúdo HTML dinâmico */
.container-direita > * {
	max-height: 100vh;
	overflow: hidden;
}

.image-container {
	width: 100%;
	height: 100%;
	max-height: 100vh;
	overflow: hidden;
}

.image-container img {
	width: 100%;
	height: 100%;
	max-height: 100vh;
	object-fit: cover; /* Mantém proporção e cobre o container */
}

@media only screen and (max-width: 1720px){
	.container-esquerda {
		width: 30%;
		height: 100vh;
		min-height: 100vh;
	}
	.container-direita{
		width: 70%;
		max-height: 100vh;
	}
}

@media only screen and (max-width: 1420px){
	.container-esquerda {
		width: 35%;
		height: 100vh;
		min-height: 100vh;
	}
	.container-direita{
		width: 65%;
		max-height: 100vh;
	}
}

@media only screen and (max-width: 1220px){
	.container-esquerda {
		width: 40%;
		height: 100vh;
		min-height: 100vh;
	}
	.container-direita{
		width: 60%;
		max-height: 100vh;
	}
}

@media only screen and (max-width: 1020px) {
	.container-login {
		width: 100vw;
		max-width: 100vw;
	}
	.container-esquerda {
		background-color: #ffffff;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		min-height: 100vh;
	}

	.container-direita {
		display: none;
	}
}