#menu {
  background: var(--bg-menu)!important;
  width: 100%;
  max-width: 100vw;
  padding-left: 1rem;
  padding-right: 1rem;
}

#menu-webservice {
  background: var(--bg-menu-webservice) !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;


  .botao-numero-da-sorte, 
  .botao-rede-credenciada,
  .botao-topo-1,
  .botao-topo-2 {
    font-family: "Mulish-Medium" !important;
}


/*EStilo do botão*/
.botao-topo-1 {
  background-color: var(--btn-1-bg) !important;
  border: solid 1px var(--btn-1-border) !important;
}

.botao-topo-2 {
  background-color: var(--btn-2-bg);
  border: solid 1px var(--btn-2-border) !important;
}

.botao-topo-3 {
  background-color: var(--btn-carteirinha-bg) !important;
  border: var(--btn-carteirinha-border) !important;
}

  /* Textos Btn*/
.texto-botao-topo-1 {
  color: var(--btn-1-text) !important;
  font-family: "Mulish-Regular" !important;
}

.texto-botao-topo-2 {
  color: var(--btn-2-text) !important;
  font-family: "Mulish-Regular" !important;
}

.texto-botao-topo-3 {
  color:var(--btn-carteirinha-text) !important;
  font-family: "Mulish-Regular" !important;
}

  /* Ícones */
  .icone-botao-topo-1 {
    filter: var(--btn-1-icone);
  }

  .icone-botao-topo-2 {
    filter: var(--btn-2-icone);
  }

  .icone-botao-topo-3 {
    filter: var(--btn-carteirinha-icone);
  }

  /* Elementos específicos */
  .texto-botao-topo-2 img {
    width: 20px;
    height: 25px;
  }
}

#sub-nav {
  font-family: "Mulish-Bold" !important;
  font-size: 14px !important;
  height: 63px;
  display: flex;
  align-items: center;
  padding-top: 1em;
  background: var(--bg-menu-webservice) !important;

  a {
    color: var(--menu-text) !important;
    font-family: "Mulish-SemiBold" !important;
    font-size: 14px !important;
  }
}