.navbar-we-mega-menu {
  background: transparent !important;
  margin: 0;
  padding: 0;
}

.we-mega-menu-ul>.we-mega-menu-li>a,
.we-mega-menu-ul>.we-mega-menu-li>span {
  background-color: white;
  border: 0;
  border-radius: 0;
  margin-right: 0;
  color: #021A9A;
  font-size: 1em;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-transform: none;
  padding: 0;
  text-decoration: none;
}

.we-mega-menu-ul>.we-mega-menu-li>a:hover,
.we-mega-menu-ul>.we-mega-menu-li>span:hover {
  background-color: white;
  color: #24344D;
  text-decoration: none;
}

.we-mega-menu-ul>.we-mega-menu-li {
  border-left: 0;
}

.we-mega-menu-ul>.we-mega-menu-li.active-trail>a,
.we-mega-menu-ul>.we-mega-menu-li.active-trail>a:focus,
.we-mega-menu-ul>.we-mega-menu-li.active-trail>a:hover,
.we-mega-menu-ul>.we-mega-menu-li.active>a,
.we-mega-menu-ul>.we-mega-menu-li.active>a:focus,
.we-mega-menu-ul>.we-mega-menu-li.active>a:hover {
  background: white;
  color: #24344D;
}

.nav-tabs .dropdown-menu.justify .we-mega-menu-submenu {
  width: 100%;
}

.we-mega-menu-ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
}

.we-mega-menu-ul .we-mega-menu-li {
  float: none;
}

.navbar-we-mega-menu .we-mega-menu-row {
  margin: 0 !important;
}

.we-mega-menu-submenu li.we-mega-menu-li {
  width: 100%;
}

.we-mega-menu-ul .dropdown-menu>a::after,
.we-mega-menu-ul .dropdown-menu>span::after {
  display: none;
}

.we-mega-menu-ul>.dropdown-menu:focus>a,
.we-mega-menu-ul>.dropdown-menu:focus>span,
.we-mega-menu-ul>.dropdown-menu:hover>a,
.we-mega-menu-ul>.dropdown-menu:hover>span {
  background: white;
  color: #24344D;
}

.navbar-we-mega-menu .nav-tabs li .we-mega-menu-submenu {
  border: 0;
  padding: 30px 0 0;
  box-shadow: none !important;
}

.navbar-we-mega-menu .nav-tabs li .we-mega-menu-submenu .we-mega-menu-submenu-inner {
  background: #021A9A;
  min-height: auto !important;
  position: relative;
  min-width: 280px;
}

.navbar-we-mega-menu .nav-tabs li .we-mega-menu-submenu .we-mega-menu-submenu-inner::before {
  width: 20px;
  height: 17px;
  top: -17px;
  left: 0;
  position: absolute;
  z-index: 9;
  content: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.79 37.56" fill="%23021A9A"><path d="M45.79,37.56H0V1.1C0,.12,1.19-.37,1.88.33l32.52,32.52c3.02,3.02,7.12,4.71,11.39,4.71Z" /></svg>');
  background-image: none !important;
  display: block !important;
}

.navbar-we-mega-menu .nav-tabs li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col {
  margin: 0;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.navbar-we-mega-menu .nav-tabs li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .we-mega-menu-li a {
  padding: 0;
  font-weight: normal;
  color: white;
  text-decoration: none;
  font-size: clamp(14px, 1.5vw, 16px);
  border: 0;
  padding: .6em 1em;
  margin: 0;
  display: block;
}

.navbar-we-mega-menu .nav-tabs li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .we-mega-menu-li a:hover {
  background: #536AF9;
}

/* Overlay menú */

#block-togglemainmenu {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  z-index: 999;
  background: #536AF9;
  transition: all .2s;
}

#block-togglemainmenu:hover {
  background: #021A9A;
}

#block-togglemainmenu .field--name-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}

.toggle-button {
  height: 32px;
  width: 32px;
  cursor: pointer;
  position: relative;
  font-size: 0;
  transition: all .2s;
}

.toggle-button::after {
  content: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="%23fff"><path d="M20.54,15c-1.95,0-3.54-1.59-3.54-3.54V0h-2v11.46c0,3.05,2.48,5.53,5.54,5.54h11.46v-2h-11.46Z"/><path d="M11.46,15H0v2h11.46c1.95,0,3.53,1.59,3.54,3.54v11.46h2v-11.46c0-3.05-2.48-5.53-5.54-5.54Z"/></svg>');
  background-image: none !important;
  width: 32px;
  height: 32px;
  display: block !important;
}

.toggle-button.toggle-active {
  transform: rotate(45deg);

}

.overlay {
  position: fixed;
  background: white;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  z-index: 99;
}

.overlay a {
  pointer-events: none;
}

.overlay.nav-active a {
  pointer-events: auto;
}

.nav-active {
  opacity: 1;
  visibility: visible;
  height: 100%;
  /*    max-height: 340px;*/
}

.overlay ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  list-style: none;
  width: 100%;
  height: 100%;
  padding: 80px 80px 80px 260px;
}

.overlay ul li {
  flex-basis: calc(100% / 4);
  order: 0;
  align-self: auto;
  margin: 0;
}

.overlay ul li:hover {
  background: white !important;
}

.overlay ul li ul {
  padding: 0 !important;
  border: 0;
  box-shadow: none;
}

.overlay ul li ul li {
  flex: 0 1 100%;
  margin: 10px 0 !important;
  padding: 0;
}

.overlay ul li a {
  color: #021A9A;
  text-decoration: none;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

.overlay ul li a:hover {
  color: #24344D;
  background: white;
}

.overlay ul li ul li a {
  color: #536AF9 !important;
  margin: 0 !important;
}

.overlay ul li ul li a:hover {
  color: #24344D !important;
  background: white !important;
  margin: 0 !important;
}

/* Menú principal overlay */

#block-navmain .menu-name--main {
  width: 100%;
  overflow: auto;
  margin: 0 auto !important;
  height: 100vh;
  padding: 10vh 6vw;
}

#block-navmain .menu__item {
  text-align: center;
}

#block-navmain .block-menu__inner,
#block-navmain .block-menu__content {
  width: 100%;
  height: 100vh;
}