/* =========================
   Fuentes personalizadas
   ========================= */

@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

/* =========================
   Estilos globales
   ========================= */
body {
    margin: 0;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* =========================
   Encabezados
   ========================= */
h1 {
    padding-top: 20px;
}

/* =========================
   Botones
   ========================= */
button {
    margin-bottom: 15px;
}

/* =========================
   Contenedor principal
   ========================= */
.main {
    background-color: whitesmoke;
    margin: 50px;
    border-radius: 10px;
    width: 50%;
    /* border: 1px solid #0d6efd; */ /* opcional */
}

/* =========================
   Input adicional (empresa)
   ========================= */
.checkempresa {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}