/* =========================================================
   MENÚ GLOBAL — ASSETS NEGRO
========================================================= */

#menu-global{
  width:100%;
}

.menu-negro{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:8px;
  width:min(100%, 980px);
  margin:0 auto 42px;
}

.menu-negro__link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:#dfe3df;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.84rem;
  font-weight:700;
  line-height:1.15;
  text-align:center;
  text-decoration:none;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease;
}

.menu-negro__link:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.05);
  color:#fff;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .menu-negro{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    width:min(100%, 680px);
    gap:7px;
    margin-bottom:32px;
  }

  .menu-negro__link{
    min-height:44px;
    padding:7px 10px;
    font-size:.80rem;
  }

  .menu-negro__link:last-child{
    grid-column:1 / -1;
  }

}


/* =========================================================
   TELÉFONO
========================================================= */

@media(max-width:520px){

  .menu-negro{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
    width:100%;
    margin-bottom:26px;
  }

  .menu-negro__link{
    min-height:38px;
    padding:6px 8px;
    border-radius:14px;
    font-size:.72rem;
    line-height:1.1;
  }

  .menu-negro__link:last-child{
    grid-column:1 / -1;
    width:50%;
    justify-self:center;
  }

}


/* =========================================================
   TELÉFONOS MUY PEQUEÑOS
========================================================= */

@media(max-width:360px){

  .menu-negro{
    gap:5px;
  }

  .menu-negro__link{
    min-height:36px;
    padding:5px 6px;
    font-size:.68rem;
  }

}