.menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 280px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #fafafa;
  overflow: visible;
  overflow-y: auto;
  z-index: 6;
  -webkit-transform: translateX(-290px);
          transform: translateX(-290px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.menu--open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.menu--dragging {
  transition: none;
}
.menuLista {
  box-sizing: border-box;
}
.menuLista__title {
  color: #000;
  padding: 15px;
  margin: 0;
}
.menuLista__nav {
  box-sizing: border-box;
}
.menuLista__nav > a {
  color: inherit;
  text-decoration: inherit;
  display: block;
  padding: 15px;
}
.menuLista__nav > a:active,
.menuLista__nav > a:focus {
  outline: none;
}
.menuLista__nav > a span {
  display: inline-block;
  vertical-align: middle;
}
.menuLista__nav > a span {
  color: #000;
}
.menuLista__nav > a:hover {
  background-color: #000;
}
.menuLista__nav > a:hover span {
  color: #fff;
}
.menuLista__logo {
  width: 145px;
  margin: 0 auto;
  display: block;
}