/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.2
Description: Child theme di Hello Elementor
*/

/* Qui il tuo CSS personalizzato */

/* Lumìa: animazione d'ingresso del logo in homepage (classe .lumia-logo sul widget Immagine) */
.lumia-logo img {
	opacity: 0;
	transform: translateY(14px) scale(0.97);
	filter: blur(6px);
	animation: lumia-logo-in 1.6s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
}

@keyframes lumia-logo-in {
	to {
		opacity: 1;
		transform: none;
		filter: blur(0);
	}
}

/* Scritta sotto il logo: entra dopo il logo */
.lumia-tagline .elementor-heading-title {
	opacity: 0;
	transform: translateY(8px);
	animation: lumia-tagline-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.1s forwards;
}

@keyframes lumia-tagline-in {
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lumia-tagline .elementor-heading-title,
	.lumia-logo img {
		animation: none;
		opacity: 1;
		transform: none;
		filter: none;
	}
}