:root{
--primary:#000000;
--secondary:#00AEEF;
}

body{
background:#F6F8FC;
font-family:
Segoe UI;
}


.login-panel{
display:flex;
align-items:center;
justify-content:center;
background:white;
}


.login-content{
width:100%;
max-width:420px;
padding:50px;
}


.logo{
height:90px;
margin-bottom:20px;
}


.titulo{
font-size:40px;
font-weight:800;
color:var(--primary);
margin-bottom:8px;
}


.subtitulo{
color:#7C8797;
margin-bottom:40px;
}


.campo{
height:56px;
border-radius:14px;
}


.campo:focus{
box-shadow:none;
border-color:var(--primary);
}


.btn-login{
height:56px;
border-radius:14px;
background:var(--primary);
color:white;
font-weight:700;
}


.btn-login:hover{
background:#051F4D;
color:white;
}


.footer{
margin-top:40px;
text-align:center;
color:#9A9A9A;
}


.visual{

background:
linear-gradient(
140deg,
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.95)
),

url('../login/img/bg.jpg');

background-size:cover;
background-position:center;
position:relative;

}


.overlay{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}


.cliente{
text-align:center;
color:white;
}


.cliente-logo{
width:260px;
height:260px;
/*border:
2px dashed
rgba(255,255,255,.4);*/

display:flex;
align-items:center;
justify-content:center;
border-radius:20px;
margin:auto;
margin-bottom:30px;
font-size:30px;
font-weight:700;
}


.cliente h2{
font-size:42px;
font-weight:800;
}


.cliente p{
opacity:.85;
}


@media(max-width:991px){
.login-content{
padding:40px;
}

}