body {font-family:Roboto, sans-serif;font-size: 14px;}

/*desconectado*/
.content {color: #292525;}
.logo {color:#000}
.logo h1 {font-size:3.5em;}
.logo .slogan {font-size: 0.93rem;}
.box-form {background: rgb(255,218,98);background: linear-gradient(90deg, rgba(255,218,98,1) 0%, rgba(255,216,88,1) 100%);border-radius:8px;padding:3em 4em;}
.box-form label {font-size:12px;color:#292525;font-weight: 600;}
.box-form label.form-check-label {font-weight: normal;}
.box-form .form-control {min-width: 250px;font-size:14px;color:#828282}
.box-form .btn {display: block;}

/*home*/
.contenido {position: relative;}
.bienvenidos {position: absolute;top: 0%;left: 25%;height: 30%;width: 50%;margin: 20% 0 0 0%;text-align: center;}


/*modals*/
.modal-header .modal-title {font-weight: bold;}

/*fonts*/
/* roboto-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype'); 
  }