body{
    margin: 0px !important;
    font-family: 'Rubik', sans-serif;

}
#app{
overflow: hidden;
}

/*header*/
.ocultar_{
    display: none;
}

.header__menu{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-decoration: none;;
color: white !important;
}


.header__menu:hover{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-decoration: none;;
color:#D57C1B !important;
}

.active__header__menu{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-decoration: none;
color:#D57C1B !important;

}



.active__header__menu:hover{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-decoration: none;
color:#D57C1B !important;

}
.bg__nav{
background-color: #D57C1B   ;
line-height: 40px;
}

.header__nav{    
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;;
color: #000 !important;

}


.header__nav:hover{    
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;

color: #D57C1B !important;

}

.active__header{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;

color: #D57C1B !important;


}
.active__header:hover{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;

color: #D57C1B !important;


}



.header__link{    
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */

text-decoration: none;
color: #FFFFFF;

}


.header__link:hover{    
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */




color: #131313;

}

.btn-privada{
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
/* identical to box height */
color: white !important;
background: #D57C1B;


}

    


.btn-ingresar{
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
/* 3 */

color: #D57C1B;
border: 1px solid #D57C1B;

background-color: white;

}
.btn-ingresar:hover{
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;

color: white;
border: 1px solid #D57C1B;

background-color: #D57C1B;

}
.btn-registrar{
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;

color: white;
border: 1px solid #D57C1B;

background-color: #D57C1B;
}
.btn-registrar:hover{
font-family: 'Rubik';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #D57C1B;
border: 1px solid #D57C1B;

background-color: white;
}






/*footer*/



.fondofooterseccion{
    
   background-color: #202020;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
   
    
}
.footer__titulo{
    color: #D57C1B;
    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    

}
.footer__secciones{
    color: #D57C1B;
    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    text-decoration: none;
    
    
    
}
.footer__secciones:hover{
  
    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    color: #FFFFFF;

}




.form-control::placeholder{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 45px;
    /* identical to box height, or 375% */
    
    
    /* Gris */
    
    color: #726F6D;
}

.input-group-text{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    
}