.page-top{
  padding:18px 0 8px;
}

.logo-link{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto 14px;
}

.logo{
  display:block;
  width:350px;
  max-width:88vw;
  height:auto;
}

.lottery-nav{
  width:min(1160px,calc(100% - 32px));
  margin:0 auto;
  border:1px solid rgba(20,40,65,.08);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 20px rgba(15,43,91,.06);
  overflow:hidden;
}

.lottery-nav-scroll{
  display:flex;
  align-items:center;
  gap:2px;
  padding:5px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;

  /* Oculta a barra de rolagem sem impedir o gesto horizontal */
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.lottery-nav-scroll::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

.lottery-nav a{
  flex:0 0 auto;
  min-height:38px;
  padding:0 10px;
  border-radius:9px;
  color:#42516a;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:650;
  white-space:nowrap;
}

.lottery-nav a:hover{
  background:#f5f7f9;
  color:#102b5b;
}

.lottery-nav a.active{
  font-weight:850;
}

.lottery-nav i{
  width:8px;
  height:8px;
  border-radius:50%;
  flex:0 0 8px;
}

.lottery-nav svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nav-logout{
  margin-left:auto;
  color:#677386!important;
}

/* Cores das loterias */
.lot-lf i{background:#b43686}
.lot-ms i{background:#159c4b}
.lot-q i{background:#2e4194}
.lot-lm i{background:#ef8718}
.lot-ds i{background:#d8233d}
.lot-tm i{background:#93c615}
.lot-dds i{background:#eeb814}

/* Destaque do item ativo na cor da própria loteria */
.lot-lf.active{background:#fbf0f7;color:#b43686}
.lot-ms.active{background:#edf8f1;color:#159c4b}
.lot-q.active{background:#f0f2fb;color:#2e4194}
.lot-lm.active{background:#fff5eb;color:#ef8718}
.lot-ds.active{background:#fff0f2;color:#d8233d}
.lot-tm.active{background:#f6faea;color:#79a90d}
.lot-dds.active{background:#fff8df;color:#c89500}
.nav-home.active{background:#f3f5f8;color:#102b5b}

@media(max-width:700px){
  .page-top{
    padding:10px 0 3px;
  }

  .logo{
    width:min(300px,82vw);
    margin-bottom:8px;
  }

  .lottery-nav{
    width:calc(100% - 12px);
    border-radius:11px;
  }

  .lottery-nav-scroll{
    padding:3px;
  }

  .lottery-nav a{
    min-height:36px;
    padding:0 8px;
    font-size:13px;
  }

  .nav-logout{
    margin-left:0!important;
  }
}