/* MOBILE TOGGLE */
.menu-toggle {
  display: none;
  font-size: 26px;
  color: #2380b1;
  cursor: pointer;
}

/* OVERLAY */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

/* MEGA MENU POPUP */
.mega-menu {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  width: 92%;
  max-width: 1280px;
  background: #fff;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 10;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.mega-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.mega-content ul li a{ font-size: 1em; text-decoration: none; }
.mega-content ul li{ line-height: 30px; list-style: none; }

/* RESPONSIVO */
@media (max-width: 1024px) {
  .mega-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {

  .menu-toggle {
    display: flex;
    margin-left: 20px;
  }

  .mega-menu {
    top: 80px;
    padding: 20px;
  }

  .mega-content{
    padding: 10px;
  }
}