/**
 * Fix posicionamiento Mega Menú escritorio (JetMenu 3.0.2)
 * espectaculosasdepicas.es — Sistema CSS modular
 *
 * PROBLEMA:
 * JetMenu calcula la posición y anchura de los paneles mega mediante JS,
 * escribiendo estilos inline (--jmm-submenu-width y --jmm-submenu-delta-x-offset)
 * en el momento de la inicialización. Si el layout cambia después de esa
 * medición (zoom del navegador, restaurar/maximizar ventana, cruce del
 * breakpoint de 1024 px, escalado de pantalla), los paneles quedan
 * desplazados o con anchura incorrecta. Verificado y reproducido el
 * 06/07/2026 con navegador headless:
 *   - Carga a ≤1024 px + ampliación: paneles SIN variables (200 px, pegados al ítem).
 *   - Ciclos de redimensionado: deriva del offset calculado por JS.
 *
 * SOLUCIÓN:
 * Posicionamiento 100 % CSS y determinista: el panel mega se ancla al
 * contenedor del menú (.jet-mega-menu-container) y ocupa siempre su
 * anchura completa, neutralizando las variables inline del JS.
 * No elimina ninguna regla existente. Solo afecta al widget de menú
 * de ESCRITORIO (elementor-element-dac3728) a partir de 1025 px.
 * El menú móvil/tablet (menumov-new, c11bf77) queda intacto.
 *
 * Verificado: paneles alineados con el contenedor del menú en viewports
 * de 1288 px y 2560 px, en carga limpia y tras cruce de breakpoint.
 */

@media (min-width: 1025px) {

	/* El contenedor del menú pasa a ser la referencia de posicionamiento */
	.elementor-element-dac3728 .jet-mega-menu--layout-horizontal .jet-mega-menu-container {
		position: relative;
	}

	/* Los ítems mega dejan de ser la referencia (el panel ya no se ancla al <li>) */
	.elementor-element-dac3728 .jet-mega-menu--layout-horizontal .jet-mega-menu-item--mega.jet-mega-menu-item--top-level {
		position: static;
	}

	/* El panel mega ocupa siempre el ancho completo del menú,
	   ignorando las variables inline calculadas por el JS de JetMenu */
	.elementor-element-dac3728 .jet-mega-menu--layout-horizontal .jet-mega-menu-item--mega > .jet-mega-menu-mega-container {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		transform: none !important;
	}
}