/* Leren Mega Menú — front
   El markup replica el menú nativo (itemN, imagen-itemN, show-img,
   #mega-menu__row-4, #mega-menu__column-5). El CSS del sitio revela las
   imágenes con .show-img y oculta columnas con .hidden-col. No pisar eso. */

/*
 * El panel se ancla a .header-main (ancho del header), no a 100vw:
 * 100vw incluye la scrollbar y genera scroll horizontal.
 * Solo se saca position:relative de la columna izquierda del menú.
 */
#page {
	overflow-x: clip;
}

#masthead .header-main {
	position: relative;
}

#masthead .header-main .header-left-items,
#masthead .header-main .header-left-items > .main-navigation,
#masthead .header-main .header-left-items > .leren-mmb-nav,
#masthead .header-main .header-left-items #primary-menu,
#masthead .header-main .header-left-items .nav-menu,
#masthead .header-main .header-left-items .menu-item-mega {
	position: static;
}

#masthead .main-navigation ul.mega-menu,
#masthead .leren-mmb-nav.main-navigation .mega-menu {
	left: 0;
	right: 0;
	width: auto;
	max-width: none;
	margin-left: 0;
	box-sizing: border-box;
}

.leren-mmb-nav .mega-menu-container {
	width: 100%;
}

/*
 * Columna de categorías: el tema subraya con a::after { width:100% }.
 * Si el <a> es block a todo el panel, la línea cruza el mega menú.
 * Forzar fit-content para que 100% = ancho del texto.
 */
#masthead #mega-menu__column-5 > .menu-item,
#masthead .main-navigation #mega-menu__column-5 > .menu-item,
.leren-mmb-nav #mega-menu__column-5 > .menu-item {
	display: block !important;
	float: none !important;
	width: fit-content !important;
	max-width: 100%;
}

#masthead #mega-menu__column-5 > .menu-item > a,
#masthead #mega-menu__column-5 > .menu-item > span,
#masthead .main-navigation #mega-menu__column-5 > .menu-item > a,
#masthead .main-navigation #mega-menu__column-5 > .menu-item > span,
.leren-mmb-nav #mega-menu__column-5 > .menu-item > a,
.leren-mmb-nav #mega-menu__column-5 > .menu-item > span {
	display: inline-block !important;
	width: auto !important;
	max-width: 100%;
	box-sizing: border-box;
	cursor: pointer;
}

#masthead #mega-menu__column-5 > .menu-item > a::after,
#masthead .main-navigation #mega-menu__column-5 > .menu-item > a::after,
.leren-mmb-nav #mega-menu__column-5 > .menu-item > a::after {
	right: auto;
}