.nav-logo {
  max-width: 112px;
}
@media screen and (max-width: 767px) {
  .nav-logo {
    max-width: 77px;
  }
}

.btn-nav {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 8px;
}
.btn-nav > svg {
  fill: var(--color-blue-buk);
}
.btn-nav:hover {
  background: var(--wb-bg-modules);
  color: var(--color-dark-blue)!important;
}
.btn-nav:hover > span, .btn-nav:hover > svg {
  color: var(--color-dark-blue)!important;
  fill: var(--color-dark-blue);
}

/* =============================================
   MEGA MENU STYLES
   ============================================= */

/* Overlay con blur */
.mega-menu-overlay {
  position: fixed;
  top: var(--header-height, 80px);
  left: 0;
  width: 100%;
  height: calc(100% - var(--header-height, 80px));
  background: #1A2441;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}

.mega-menu-overlay.is-active {
  opacity: 0.44;
  visibility: visible;
}

/* Contenedor principal del mega menu */
.mega-menu {
  position: fixed;
  top: var(--header-height, 80px);
  left: -10px;
  height: calc(100vh - var(--header-height, 80px));
  width: 100%;
  max-width: 983px;
  background: var(--color-white);
  box-shadow: var(--box-shadow-1);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 999;
  overflow: hidden;
  padding: 0;
}

.mega-menu.is-open {
  transform: translateX(10px);
}

/* Boton cerrar - posicionado en el overlay */
.mega-menu__close {
  position: fixed;
  top: calc(var(--header-height, 80px) + 14px);
  left: calc(983px + 16px);
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer;
  color: var(--color-white);
  transition: background 0.2s ease, opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  background: transparent;
}

.mega-menu-overlay.is-active + .mega-menu__close {
  opacity: 1;
  visibility: visible;
}


/* Ocultar boton en mobile cuando no cabe */
@media only screen and (max-width: 800px) {
  .mega-menu__close {
    left: auto;
    right: 16px;
  }
}

/* Container interno */
.mega-menu__container {
  flex-direction: column;
  height: 100%;
}

@media only screen and (min-width: 767px) {
  .mega-menu__container {
    flex-direction: row;
  }
}

/* Panel izquierdo: Solapas */
.mega-menu__tabs {
  flex-shrink: 0;
  height: 100%;
  max-width: 458px;
  width: 100%;
  overflow-y: auto;
}


/* Cada solapa/tab */
.mega-menu__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-family-body);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-blue-buk);
  text-align: left;
  transition: background 0.2s ease, font-weight 0.2s ease;
}

.mega-menu__tab:hover {
  background: var(--color-blue-buk);
  color: var(--color-white);
}

.mega-menu__tab--active {
  background: var(--color-blue-buk);
  color: var(--color-white);
  font-weight: 600;
}

.mega-menu__tab--active:hover {
  background: var(--color-blue-buk);
}

.mega-menu__tab-arrow {
  color: var(--color-blue-buk);
  opacity: 1;
  transition: opacity 0.2s ease;
}

.mega-menu__tab--active .mega-menu__tab-arrow,
.mega-menu__tab:hover .mega-menu__tab-arrow {
  opacity: 1;
  color: var(--color-white);
}

.mega-menu__tab--active .mega-menu__tab-arrow {
  color: var(--color-white);
}


.mega-menu__cta-wrapper a {
  display: block;
  width: 100%;
  text-align: center;
}
.mega-menu__cta-wrapper .btn {
  width: 100%!important;
  font-size: 18px!important;
}



/* Panel derecho: Contenido */
.mega-menu__content {
  min-width: 0;
  overflow-y: auto;
  height: 100%;
}

/* Cada panel de contenido */
.mega-menu__panel {
  display: none;
}

.mega-menu__panel--active {
  display: block;
}

.mega-menu__panel[hidden] {
  display: none;
}

/* Wrapper clickeable para header + imagen */
.mega-menu__panel-header-wrapper {
  cursor: pointer;
}

/* Efecto hover: underline en el titulo */
.mega-menu__panel-header-wrapper:hover .mega-menu__panel-title-text {
  text-decoration: underline;
}

/* Titulo del panel */
.mega-menu__panel-title {
  color: var(--color-blue-buk);
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.mega-menu__panel-title-text {
  text-decoration: none;
  transition: text-decoration 0.2s ease;
}

a.mega-menu__panel-title:hover {
  opacity: 0.8;
}

.mega-menu__panel-title svg {
  color: var(--color-blue-buk);
}

/* Descripcion del panel */
.mega-menu__panel-desc {
  line-height: 1.4;
}

/* Imagen destacada */
.mega-menu__panel-image {
  max-width: 100%;
  overflow: hidden;
}

.mega-menu__panel-image img {
  width: 100%;
  height: auto;
  display: block;
}

.mega-menu__item-link,
.mega-menu__item-content {
  text-decoration: none;
  transition: opacity 0.2s ease;
  {# min-height: 60px; #}
  margin-bottom: 0.5rem;
}
.mh-60 {min-height: 60px;}
.mega-menu__item-link:hover > .mega-menu__item-text .mega-menu__item-title {
  text-decoration: underline;
}
.mega-menu__item-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
}

.mega-menu__item-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mega-menu__item-title {
  line-height: 1.3;
}

.mega-menu__item-desc {
  line-height: 1.3;
}

.mega-menu__panel-header-content .mega-menu__panel-desc {
  flex: 1;
  margin: 0;
}

/* Botón "Descubre más" en header */
.mega-menu__panel-header-btn {
  flex-shrink: 0;
  color: var(--color-blue-buk);
  text-decoration: none;
  white-space: nowrap;
  transition: text-decoration 0.2s ease;
}

/* Punto 5: Al hacer hover en el wrapper, el btn usa underline en lugar de opacity */
.mega-menu__panel-header-wrapper:hover .mega-menu__panel-header-btn,
.mega-menu__panel-header-btn:hover {
  opacity: 1;
  text-decoration: underline;
}

.mega-menu__panel-header-btn svg {
  width: 6px;
  height: 10px;
}

/* Grupos con subtítulos */
.mega-menu__group-subtitle {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-grey-4);
  letter-spacing: 0.5px;
}

/* =============================================
   ITEMS CON IMAGEN CARD (Variante Casos de éxito)
   ============================================= */

.mega-menu__item-card-link,
.mega-menu__item-card-content-wrapper {
  display: flex;
  gap: 20px;
  transition: opacity 0.2s ease;
}




/* Imagen del card */
.mega-menu__item-card-image {
  flex-shrink: 0;
  width: 170px;
  height: 150px;
  overflow: hidden;
  background-color: var(--color-celeste-claro, #D9E3FC);
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
}

.mega-menu__item-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mega-menu__item-card-image--placeholder {
  background-color: var(--color-celeste-claro, #D9E3FC);
}

/* Contenido del card */
.mega-menu__item-card-content {
  min-width: 0;
}

.mega-menu__item-card-title {
  line-height: 1.3;
}

.mega-menu__item-card-desc {
  line-height: 1.4;
}

.mega-menu__item-card-cta {
  display: inline-block;
  color: var(--color-blue-buk);
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.mega-menu__item-card-link:hover .mega-menu__item-card-cta {
  font-weight: 700;
}

/* =============================================
   MEGA MENU RECURSOS (Variante single panel)
   ============================================= */

.mega-menu--single-panel {
  max-width: 983px;
}

.mega-menu__single-content {
  overflow-y: auto;
  height: 100%;
}

/* Grupos en columnas */
.mega-menu__recursos-group {
  min-width: 0;
}

.mega-menu__recursos-group-desc {
  margin: 0;
  line-height: 1.4;
}

/* Responsive: stack en mobile */
@media only screen and (max-width: 767px) {
  .mega-menu__recursos-groups {
    flex-direction: column;
  }
}

/* =============================================
   MEGA MENU RECURSOS CON ICONOS
   ============================================= */

/* Columnas del mega menu recursos */
.mega-menu__recursos-column {
  min-width: 0;
}

/* Grupos con iconos */
.mega-menu__recursos-icon-group:last-child {
  margin-bottom: 0;
}

/* Responsive: stack en mobile */
@media only screen and (max-width: 767px) {
  .mega-menu__recursos-columns {
    flex-direction: column;
  }
}

/* =============================================
   MOBILE MENU STYLES
   ============================================= */

/* Toggle button (hamburger) */
.mobile-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 30px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-blue-buk);
  z-index: 1001;
}

.mobile-menu-toggle__icon {
  width: 24px;
  height: 24px;
}

.mobile-menu-toggle__icon--close {
  display: none;
}

.mobile-menu-toggle.is-active .mobile-menu-toggle__icon--open {
  display: none;
}

.mobile-menu-toggle.is-active .mobile-menu-toggle__icon--close {
  display: block;
}

/* Mobile menu overlay */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 36, 65, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}

.mobile-menu-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

/* Mobile menu panel - slides from LEFT */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  background: var(--color-white);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 999;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mobile-menu.is-open {
  transform: translateX(0);
}

/* Mobile menu header */
.mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  min-height: 64px;
  flex-shrink: 0;
}

/* Back button */
.mobile-menu__back {
  display: none;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 30px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-blue-buk);
  flex-shrink: 0;
}

.mobile-menu[data-current-level="2"] .mobile-menu__back,
.mobile-menu[data-current-level="3"] .mobile-menu__back {
  display: flex;
}

/* Logo in mobile menu */
.mobile-menu__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.mobile-menu__logo img {
  max-width: 80px;
  height: auto;
}

.mobile-menu[data-current-level="2"] .mobile-menu__logo,
.mobile-menu[data-current-level="3"] .mobile-menu__logo {
  display: none;
}

/* Title in header (visible on levels 2+) */
.mobile-menu__title {
  display: none;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-blue-buk);
  flex: 1;
  text-align: left;
  padding-left: 8px;
}

.mobile-menu[data-current-level="2"] .mobile-menu__title,
.mobile-menu[data-current-level="3"] .mobile-menu__title {
  display: block;
}

/* Country selector in mobile menu */
.mobile-menu__country {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin-left: auto;
  margin-right: 32px;
}

/* Close button */
.mobile-menu__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 30px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-blue-buk);
  flex-shrink: 0;
}

/* Panels container */
.mobile-menu__panels {
  position: relative;
  flex: 1;
  overflow: hidden;
  box-shadow: var(--box-shadow-1);
}

/* Individual panel */
.mobile-menu__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  display: none;
}

.mobile-menu__panel--active {
  display: block;
  transform: translateX(0);
}

.mobile-menu__panel--exiting-left {
  display: block;
  transform: translateX(-100%);
}

.mobile-menu__panel--entering-right {
  display: block;
  transform: translateX(100%);
}

/* Panel content */
.mobile-menu__panel-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px;
  gap: 24px;
}

/* Mobile menu list */
.mobile-menu__list {
  flex: 0;
  height: auto;
}

/* Mobile menu item */
.mobile-menu__item {
  border-bottom: 2px solid var(--color-grey-4, #D9E3FC);
}

.mobile-menu__item:first-child {
  border-top: none;
}
.mobile-menu__item:last-child {
  border-bottom: none;
}

/* Mobile menu link/button */
.mobile-menu__link,
.mobile-menu__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-family-body);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-blue-buk);
  text-decoration: none;
  text-align: left;
  transition: background 0.2s ease;
  border-radius: 16px;
}

.mobile-menu__link:hover,
.mobile-menu__button:hover {
  background: var(--color-blue-buk);
  color: var(--color-white);
}

/* Active/selected state for expandable items */
.mobile-menu__link--expandable.is-active {
  background: var(--color-blue-buk);
  color: var(--color-white);
  border-radius: 16px;
}

.mobile-menu__link--expandable.is-active .mobile-menu__arrow {
  color: var(--color-white);
}

.mobile-menu__arrow {
  width: 8px;
  height: 14px;
  color: var(--color-blue-buk);
  flex-shrink: 0;
}

/* Panel header (title, description) */
.mobile-menu__panel-header {
  padding: 20px 24px;
  border: 1px solid var(--color-light-blue);
  border-radius: 8px;
  background: var(--color-white);
  margin-bottom: 16px;
}

.mobile-menu__panel-title-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--color-blue-buk);
}

.mobile-menu__panel-title-text {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--color-blue-buk);
}

.mobile-menu__panel-desc {
  font-size: 0.875rem;
  color: var(--color-blue-buk);
  line-height: 1.4;
  margin: 8px 0 0 0;
}

/* Groups */

.mobile-menu__group:last-child {
  border-bottom: none;
}

.mobile-menu__group-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-blue-buk);
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.mobile-menu__group-desc {
  font-size: 0.875rem;
  color: var(--color-blue-buk);
  line-height: 1.4;
  margin: 0 0 16px 0;
}

/* Items list */
.mobile-menu__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mobile-menu__item-link,
.mobile-menu__item-content-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  text-decoration: none;
  color: var(--color-blue-buk);
  padding: 8px 0;
  transition: opacity 0.2s ease;
}

.mobile-menu__item-link:hover {
  opacity: 0.7;
}

.mobile-menu__item-icon {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 8px;
}

.mobile-menu__item-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mobile-menu__item-title {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-blue-buk);
  line-height: 1.3;
}

.mobile-menu__item-desc {
  font-size: 0.875rem;
  color: var(--color-grey-buk);
  line-height: 1.3;
}

/* Card items */
.mobile-menu__items--cards {
  gap: 16px;
}

.mobile-menu__item-card-link {
  display: flex;
  gap: 20px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.mobile-menu__item-card-link:hover {
  opacity: 0.85;
}

.mobile-menu__item-card-image {
  flex-shrink: 0;
  width: 170px;
  height: 133px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--color-celeste-claro, #D9E3FC);
}

.mobile-menu__item-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-menu__item-card-content {
  min-width: 0;
}

.mobile-menu__item-card-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-blue-buk);
  line-height: 1.3;
}

.mobile-menu__item-card-desc {
  font-size: 1.125rem;
  color: var(--color-grey-2);
  line-height: 1.3;
}

.mobile-menu__item-card-cta {
  font-size: 1.125rem;
  color: var(--color-blue-buk);
  text-decoration: underline;
}

/* Mobile menu CTAs */
.mobile-menu__cta-link {
  display: block;
  text-align: center;
  padding: 12px 24px;
  font-family: var(--font-family-body);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-blue-buk);
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.mobile-menu__cta-link:hover {
  opacity: 0.7;
}

.mobile-menu__cta-wrapper span, .mobile-menu__cta-link span, .mobile-menu__cta-primary span {
  width: 100%;
  display: block;
  max-width: 425px;
}

.mobile-menu__cta-primary a,
.mobile-menu__cta-primary .hs-cta-wrapper,
.mobile-menu__cta-wrapper a,
.mobile-menu__cta-wrapper .hs-cta-wrapper {
  display: block;
  width: 100%;
}
.mobile-menu__cta-wrapper .btn {
  font-size: 18px;
}

.mobile-menu__cta-primary a .cta_button,
.mobile-menu__cta-primary .hs-cta-wrapper a,
.mobile-menu__cta-wrapper a .cta_button,
.mobile-menu__cta-wrapper .hs-cta-wrapper a {
  display: block;
  width: 100%;
  text-align: center;
}


.buk-countries--mobile {
  margin-right: 30px;
}

.buk-countries {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  min-width: 50px;
  position: relative;
}

.buk-countries svg {
  transition: transform 0.4s ease;
}

.buk-countries.show svg {
  transform: rotate(180deg);
}

.buk-countries__link span {
  color: var(--color-blue-buk);
  font-size: 1.125rem;
  font-family: var(--font-family-title);
}

.buk-countries__item {
  text-align: initial;
}

.buk-countries__item:hover {
  background-color: var(--wb-bg-modules, #F6F8FE);
}

.buk-countries__submenu {
  position: absolute;
  top: 40px;
  right: 0;
  width: 180px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0px 0px 14px 0px rgba(43, 60, 106, 0.09);
  z-index: 5;
  transition: height 0.5s;
  height: 0;
  overflow: hidden;
}

.buk-countries__submenu .buk-flag__xs {
  width: 20px;
  height: 20px;
}

.buk-countries.show .buk-countries__submenu {
  height: 205px;
  z-index: 9;
}

@media only screen and (min-width: 767px) {
  .buk-countries__submenu {
    width: 200px;
    z-index: 9;
  }
}

/* =============================================
   RESPONSIVE BREAKPOINTS
   ============================================= */

/* Desktop: Hide mobile elements (1121px and up) */
@media only screen and (min-width: 1121px) {
  .mobile-menu-toggle,
  .mobile-menu,
  .mobile-menu-overlay {
    display: none !important;
  }
  .ul-nav-desktop, .cta-nav-desktop {
    display: flex;
  }
}

/* Tablet and Mobile: Show mobile menu, hide desktop nav (1120px and down) */
@media only screen and (max-width: 1120px) {
  /* Show hamburger toggle */
  .mobile-menu-toggle {
    display: flex;
  }
  .ul-nav-desktop, .cta-nav-desktop {
    display: none;
  }

  .buk-countries {
    position: absolute;
    right: 32px;
  }

  /* Hide desktop mega menu completely */
  .mega-menu-overlay,
  .mega-menu {
    display: none !important;
  }

  /* Hide desktop navigation items and buttons */
  .header__nav-desktop,
  .nav-desktop,
  .header__menu-items,
  .header-menu__items,
  .btn-nav {
    display: none !important;
  }

  /* Adjust header layout for mobile */
  .header__container,
  .header-container {
    justify-content: space-between;
  }
 
  /* Hide desktop CTAs */
  .header__ctas-desktop,
  .nav-ctas-desktop {
    display: none !important;
  }

  /* Full width mobile menu on smaller screens */
  .mobile-menu {
    max-width: 100%;
  }
}

/* =============================================
   PUNTO 3: Estado seleccionado en nav desktop
   ============================================= */

/* Cuando el mega menu está abierto, el botón nav que lo activó se marca visualmente */
.ul-nav-desktop .btn-nav[aria-expanded="true"] {
  background: var(--wb-bg-modules);
}
.ul-nav-desktop .btn-nav[aria-expanded="true"] > span, .ul-nav-desktop .btn-nav[aria-expanded="true"] > svg  {
  color: var(--color-dark-blue)!important;
  fill: var(--color-dark-blue);
}


/* =============================================
   PUNTO 2: "Ver más" link - solo mobile
   ============================================= */

.mobile-menu__group-ver-mas {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-blue-buk);
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.mobile-menu__group-ver-mas:hover {
  font-weight: 700;
}

/* En desktop, ocultar el "ver más" mobile */
@media only screen and (min-width: 1121px) {
  .mobile-menu__group-ver-mas {
    display: none !important;
  }
}

/* =============================================
   PUNTO 4: mega-menu__panel-header-btn en mobile
   ============================================= */
.mobile-menu__panel-title-img {
  margin-bottom: 16px;
}
/* En el panel header de mobile, el btn se muestra como bloque separado */
.mobile-menu__panel-header .mega-menu__panel-header-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-blue-buk);
  text-decoration: none;
  white-space: normal;
  transition: text-decoration 0.2s ease;
  width: 100%;
}

.mobile-menu__panel-header .mega-menu__panel-header-btn:hover {
  text-decoration: underline;
  opacity: 1;
}

.mobile-menu__panel-header .mega-menu__panel-header-btn svg {
  width: 6px;
  height: 10px;
  flex-shrink: 0;
}

/* En desktop, el btn en mobile-menu__panel-header no se muestra (ese panel no existe en desktop) */

/* =============================================
   PUNTO 1: Enlace en group header del blog (desktop)
   ============================================= */

.mega-menu__recursos-group-header-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.mega-menu__recursos-group-header-link:hover .mega-menu__recursos-group-title {
  text-decoration: underline;
}