/* Tipografías de la identidad visual pública de SOFIA Fractional. */
:root {
  --sofia-font-body: "Poppins", sans-serif;
  --sofia-font-heading: "Josefin Sans", sans-serif;
}

body,
button,
input,
select,
textarea,
.form-control,
.btn,
.dropdown-menu,
.bootstrap-select .btn,
.table,
.dataTables_wrapper,
.main-menu > li > a,
.top-menu > li > a {
  font-family: var(--sofia-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.block-header > h2,
.card-header > h2,
.mini-charts .count h2,
.login-content h1 {
  font-family: var(--sofia-font-heading);
  letter-spacing: 0.01em;
}

.main-menu > li > a,
.btn,
.table > thead > tr > th,
.card-header > h2 {
  font-weight: 600;
}

/* Evita que los íconos de las opciones desplegadas queden pegados al texto. */
.main-menu > li.sub-menu > ul > li > a > i {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
  text-align: center;
}