/* Home page additions on top of the GrowFast theme CSS.
   Replaces behaviour that the original page got from inline handlers
   and Mmenu. */

/* Desktop submenu ("Acceso clientes") */
.growfast-submenu-open > .growfast-submenu.level-2 {
  display: block !important;
  opacity: 1 !important;
}

/* Footer links: former onmouseover/onmouseout handlers */
.agp-footer-link.agp-footer-link:hover,
.agp-footer-link.agp-footer-link:focus {
  color: #CECFD9 !important;
}

/* Mobile off-canvas menu (former Mmenu panel) */
.agp-mmenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
  width: 80%;
  min-width: 240px;
  max-width: 440px;
  display: flex !important;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform .4s ease, visibility 0s linear .4s;
}
.agp-mmenu-opened .agp-mmenu {
  transform: translateX(0);
  visibility: visible;
  transition: transform .4s ease;
}
.agp-mmenu__bar {
  display: flex;
  justify-content: flex-end;
  min-height: 44px;
  background: linear-gradient(180deg, rgba(12, 17, 64, 1) 0%, rgba(151, 29, 18, 1) 100%);
}
.agp-mmenu__close {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.agp-mmenu__close::before,
.agp-mmenu__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 20px;
  height: 2px;
  background: #fff;
  transition: transform .2s ease;
}
.agp-mmenu__close::before { transform: rotate(45deg); }
.agp-mmenu__close::after { transform: rotate(-45deg); }
.agp-mmenu__close:hover::before,
.agp-mmenu__close:hover::after { transform: rotate(0deg); }
.agp-mmenu .growfast-mobile-menu-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.agp-mmenu .growfast-mobile-menu-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.agp-mmenu .growfast-mobile-menu-link {
  display: block;
  padding: 12px 20px;
  color: #000;
  text-decoration: none;
}
.agp-mmenu .growfast-mobile-menu-link:hover,
.agp-mmenu .growfast-mobile-menu-link:focus {
  color: rgba(83, 123, 157, 1);
}
.agp-mmenu__blocker {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease, visibility 0s linear .4s;
}
.agp-mmenu-opened .agp-mmenu__blocker {
  opacity: .5;
  visibility: visible;
  transition: opacity .4s ease;
}
.agp-mmenu-opened,
.agp-mmenu-opened body {
  overflow: hidden;
}

/* FAQ accordion is now keyboard accessible */
.faq-mwb__title { cursor: pointer; }
.faq-mwb__title:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }