:root{
	font-size:62.5%;
	line-height:normal;

	--cor-branco:#fff;
  	--cor-preto:#000;
  	--cor-vermelho:#ED3237;
	--cor-txt:#141E19;

	--medium:500;
	--semi:600;
	--negrito:700;

	--font-regular:1.6rem;
	--line-regular:2.1rem;
}

*{box-sizing:border-box;}
::before{box-sizing: unset}

html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important;}
body {margin:0; min-width:322px; background-color:var(--cor-branco); overflow-y:auto; font-family:'Josefin Sans', 'Arial','verdana'; font-weight: 400; color:var(--cor-txt); height: 100%; font-size:var(--font-regular); line-height:var(--line-regular); -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch;background: #011B29;
background: linear-gradient(155deg, rgba(1, 27, 41, 1) 1%, rgba(1, 127, 138, 1) 50%, rgba(5, 71, 103, 1) 100%);}

input, select, textarea {outline-style: none;font-family: 'Josefin Sans', sans-serif; font-size:var(--font-regular);appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: var(--cor-branco);}
input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: inherit;}
input[type=button], input[type=submit], input[type=reset], input[type=file]{-webkit-appearance: none; appearance: none;}
input, button, select, textarea{outline: none;}
select::-ms-expand{display: none;}
select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; background-image: url('../imagens/ico-seta.svg');}
select.aberto {background-image: url('../imagens/ico-seta2.svg');}

button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: none;outline: nonet;outline-offset: none;}
video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;}
button, div:focus{outline: none;-webkit-tap-highlight-color: transparent}

h1,h2,h3, button, figure {padding:0; margin:0;font-family: inherit; font-weight:400; font-size:var(--font-regular); line-height: var(--line-regular);}

a {color: inherit;outline: none;text-decoration: inherit;}
a:hover{color: inherit;outline: none;text-decoration: inherit;}
a img {outline : none;}

p, ul, li{margin:0; padding:0;color:inherit}
ul {list-style: none;}
img {border : 0; outline: none;}

.ColorErro{color: var(--cor-vermelho) !important;}
.BordaErro{border-color: var(--cor-vermelho) !important;}

.login {display:flex;width:100%;min-height:100%;justify-content:center;align-items:center}
.centralizar {display: flex;width: calc(100% - 40px);max-width: 1000px;margin: 40px 20px;align-items: center;background-color:#FFF;border-radius:20px;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}

.login-div {background-image:url('../imagens/inef-login.png');background-repeat:no-repeat;width:492px;height:440px;background-size:cover;background-position:center;border-radius:16px;display: flex;justify-content: center;align-items: center;color:#FFF}
.login-quadro {display:flex;flex-direction: column;align-items:flex-start}
.login-quadro p:nth-of-type(1) {font-size: 54px;font-weight: 700;line-height: 60px;margin-left:-4px;margin-top:20px}
.login-quadro p:nth-of-type(2) {font-size: 56px;font-weight: 300;line-height: 62px;margin-left:-4px;}
.login-quadro p:nth-of-type(3) {font-size: 21px;font-weight: 500;line-height: 27px;}
.login-quadro input {background-color: #AC7E4B;border:2px solid #AC7E4B;color:#fff;font-size:16px;font-weight:700;padding: 14px 20px 11px 20px;border-radius: 30px;cursor:pointer;margin-top:20px;text-transform: uppercase;line-height: normal;}
.login-quadro input:hover {background-color: transparent}
.login-campos {width:calc(100% - 492px);display: flex;align-items: center;justify-content: center;}
.login-campos>div {display:flex;flex-direction: column;align-items:flex-start}
.login-campos .campo {border:1px solid #CCC;margin-top: 20px;border-radius: 30px;padding: 12px;width: 100%;}
.login-campos .campo2 {margin-top: 15px}
.login-campos .botao {width:100%;background-color: #04546f;border:2px solid #04546f;color:#fff;font-size:15px;font-weight:700;padding: 14px 20px 11px 20px;border-radius: 30px;cursor:pointer;margin-top:15px;text-transform: uppercase;line-height: normal;}

@media screen and (max-width:950px){
	.login-div {width:100%;padding:30px 20px;height:auto;border-radius: 16px 16px 0px 0px;}
	.centralizar {flex-direction: column;width:100%;max-width:max-content}
	.login-campos {width:100%;padding:40px 20px}
	.login-quadro p:nth-of-type(1) {font-size: 36px;line-height: 46px;margin-top:0px}
	.login-quadro p:nth-of-type(2) {font-size: 36px;line-height: 48px;}
	.login-quadro p:nth-of-type(3) {font-size: 15px;line-height: 24px;}
}