:root {
  --primary-bg: #59c1da;
  --secondary-bg: #d92880;
  --info-bg: #2e6ba0;
  --dark-txt: #000000;
  --light-txt: #ffffff;
  --btn-page-active:#59c1da;
  --btn-page: #d92880;  
  /* caso queria utilizar mais cores */
}

/* utilizado na SCN */
@media (min-width: 900px) {
  .hidden{
      display: none;
      visibility:hidden;
  }
}

/* background do menu  */
.colors-menu {
  background-color: var(--secondary-bg);
}

.btn-pag-active > a {
  color: var(--btn-page-active) !important;
  /*background-color: var(--primary-bg) !important; */
}

.btn-pag > a {
  color: var(--btn-page) !important ;
  background-color: var(--primary-bg);
}

.header-bg-color{
  background-color: var(--primary-bg);
}

.btn-inscrever {
  background-color: var(--secondary-bg);
  color: var(--light-txt) !important;
}

.btn-espera {
  background-color: var(--info-bg)  !important;
  color: var(--dark-txt) !important;
}