body{
font-family:"proxima-nova",sans-serif;
font-variant:normal;
font-weight:300;
font-size: 16px;	
margin: 0px;
padding:0px;
color: white;
}
input.form-control {
margin: auto;
background: no-repeat;
border: none;
border-radius: 0%;
border-bottom: 1px solid white;
}
.fondolog{
width: 55%;
background: var(--login-background);
margin: auto;
padding: auto;
}
button.btn.btn-primary.mb-2.btn-entrar{
margin-bottom: 2rem;
}

.btns-logins{
    display: flex;
    justify-content: space-around;
}
.btns-logins div{
    color: white;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 8px;
}
.parrafopop, .titulopop2{
    width: 100% !important;
}

.primero {
    height: 90vh;
    display: flex;
}

.privacidad{
margin-top: auto;
}
.inside{
font-size: 2rem;	
padding-right: 10px;
color: white;
}
.image{
margin: auto;
margin-top: 6rem;
margin-bottom: 6rem;
}
.input-group{
margin: auto;
margin-top: 2rem;

}
a{
color: white !important;
size: 1.5rem;
}
.bordeHeader {
width: 100%;
height: 4px;
margin-top: 2.4rem;
background: linear-gradient(87.61deg,var(--palette-color-barra2) 0%, var(--palette-color-barra1) 28.6%, var(--palette-color-barra1) 64.5%, var(--palette-color-barra1) 100%);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); }
.btn-entrar {
width: 50%;
padding: 6px 10px;
border-radius: 50px;
font-size: 18px;
margin-top: 3rem;
text-align: center;
background: var(--login-btn);
border: 1px solid var(--login-btn);
color: white;
box-shadow: none;
margin-bottom: 6rem;
}

input#access{
    margin-top: 2.4rem;
    border-radius: 50px;
background: var(--login-btn);
border: 1px solid var(--login-btn);
color: white;
}
.form-control:focus{
border-color: white !important;
background: var(--palette-color1);
}
.inputforma{
background: var(--palette-color1);
font-size: 1.2rem;
color: white !important;
}