/*
 * Logo del header (widget de imagen de Elementor dentro del
 * contenedor sticky): se desvanece con un fundido suave cuando el JS
 * agrega la clase "n49-header-scrolled" al <body> (ver
 * header-scroll-fx.js). El selector .elementor-element-7a4caa8 es el
 * ID interno que Elementor le puso a ESTE widget de imagen del logo
 * en el template del header — si en algún momento se borra y se
 * vuelve a crear el widget del logo desde cero (no solo se edita),
 * Elementor le asigna un ID nuevo y habría que actualizar este
 * selector con el nuevo (Elementor lo muestra al pasar el mouse sobre
 * el widget en el editor, o inspeccionando el elemento en el
 * navegador).
 */
.elementor-element-7a4caa8 {
	transition: opacity 0.3s ease;
}

body.n49-header-scrolled .elementor-element-7a4caa8 {
	opacity: 0;
	pointer-events: none;
}
