:root {
  --blue: #243d94;
  --yellow: #F8DF07;
}

/* ================================
   PRELOADER
================================= */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  z-index: 999; /* Sobrepõe todo o conteúdo */
  display: flex;
  justify-content: center;
  align-items: center;
}

#preloader .inner {
  text-align: center;
}

/* ================================
   BACKGROUND (comentado opcional)
================================= */
/*
body {
  background-image: url(/img/bg-bo.jpg);
  font-family: Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
*/

/* ================================
   IMAGENS
================================= */
img {
  width: 50px;
  max-width: 50%;
  height: auto;
}

/* ================================
   LISTAGEM DE TABELA
================================= */
#listagem table tr th {
  display: none; /* Remove cabeçalho da tabela */
}

/* ================================
   UTILITÁRIOS DE COR
================================= */
.bg-blue {
  background-color: var(--blue) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

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

/* ================================
   MEDIA QUERIES (Responsividade)
================================= */
@media (max-width: 767.98px) {
  #preloader img {
    width: 6rem;
  }

  .navbar-brand {
    margin-bottom: 15px;
  }

  .header-buttons a {
    display: block;
    margin: 0.3rem 0;
  }

  img {
    width: 5vh;
    max-width: 100%;
    height: auto;
    /*margin-top: 10px;*/
  }

  /*header img {
    margin-bottom: 1rem;
  }*/

  /*#listagem {
    padding-bottom: 1rem;
  }*/
}