:root {
    --color-bio: #ff5d00;
    --color-bio-sec: #d7580e;
  }
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;700&display=swap');

body{
    font-family: 'Roboto', sans-serif;
}

/************************************* INPUTS ********************************/
.inputLogin::placeholder {
    color: #bdc3c7; 
}

.inputPassword::placeholder {
    color: #bdc3c7; 

}

.inputLogin:focus {
    outline: none !important; 
    box-shadow: none !important;
}

.inputPassword:focus {
    outline: none !important; 
    box-shadow: none !important;
}





/****************************** TAMAÑO DE FUENTE *****************************/

.font-14{
    font-size: 14px !important;
}

.font-16{
    font-size: 16px !important;
}

.font-24{
    font-size: 24px !important;
}


/**************************** COLOR DE TEXTO *********************************/


.text-bio{
    color: var(--color-bio) !important;
}

/****************************** ENLACS - A ***********************************/

.a-bio{
    color: var(--color-bio) !important;
}

.a-bio:hover{
    color: var(--color-bio-sec) !important;
}

.a-secondary{
    color: #a6a2a2 !important;
}

.a-secondary:hover{
    color: #484e53 !important;
    cursor:  pointer !important;
}