#lettersContainerMenu {
	/* 	display:none; */
	position: fixed;
	/* 	top: 20px; */
	/* 	right: 20px; */
	align-self: center;
	/* 	vertical-align:center; */
	width: 100%;
	height: 50px;
	margin-top: 25px;
	pointer-events: none;
	z-index: 15111;
	pointer-events: none;
}

:root {
	--letter-size-menu: 25px;
}

.letterMenu {
	font-size: var(--letter-size-menu);
	font-weight: 500;
	text-transform: uppercase;
	position: absolute;
	opacity: 0;
	transform: translateZ(40px);
	transition: transform 0.25s ease, text-shadow 0.35s ease, filter 0.35s
		ease, left 0.3s ease;
	pointer-events: none;
}

/* ===================== SPOTLIGHT ===================== */
#lightOverlayMenu {
	/* 	display:none; */
	position: fixed;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	pointer-events: none;
	background: radial-gradient(circle at 50% 50%, rgba(249, 249, 249, 0.6)
		0%, /* centro meno intenso */ 
		 rgba(249, 249, 249, 0.25) 40%, /* sfumatura più ampia */ 
		 rgba(249, 249, 249, 0.08) 70%, rgba(249, 249, 249, 0) 100%);
	filter: blur(6px); /* 💫 leggero effetto sfocatura extra */
	mix-blend-mode: screen;
	z-index: 13111;
}

/* .blulight { */
/* 	padding-top: 10px; */
/* 	background: rgba(66, 133, 244, 0.2); */
/* } */
/* ===================== IMMAGINE CENTRALE ===================== */
#finalImageMenu {
	/* 	opacity: 0; */
	position: fixed;
	top: 15px;
	right: -10px;
	max-height: 80px;
	min-height: 80px;
	transition: opacity 1.6s ease, transform 1.2s ease;
	/* 	margin-top: 50px; */
	z-index: 13111;
	/* 		box-shadow: 20px 20px 20px 20px rgba(66, 133, 244, 0.1); */
	/* 		background:  rgba(66, 133, 244, 0.1); */
}

@media ( max-width : 600px) {
	:root {
		--letter-size-menu: 16px;
	}
	#lettersContainerMenu {
		margin-top: 35px;
	}
}

@media ( min-width : 601px) and( max-width : 900px) {
	:root {
		--letter-size-menu: 20px;
	}
}

@media ( min-width : 1051px) and ( max-width : 1200px) {
	.letterMenu {
		margin-left: 5%;
	}
	/* 	:root { */
	/* 		--letter-size-menu: 15px; */
	/* 	} */
}

@media ( min-width : 901px) and ( max-width : 1050px) {
	/* 	.letterMenu{ */
	/* 	margin-left: 5%; */
	/* 	} */
	#lettersContainerMenu {
		margin-top: 50px;
	}
	:root {
		--letter-size-menu: 13px;
	}
	.letterMenu {
		margin-left: 5%;
	}
}

@media ( max-width : 900px) {
	/* ===================== IMMAGINE CENTRALE ===================== */
	#finalImageMenu {
		top: 2px;
		right: 0px;
		max-height: 50px;
		min-height: 50px;
	}
}