/* 1) Estilos iniciales del quetzal */
#quetzal {
	position: fixed;
	width: 250px;
	top: 100vh; /* empieza fuera por abajo */
	left: 100vw; /* empieza fuera por la derecha */
	transform-origin: center;		  
  	z-index: 9999;  /* se asegura de que esté por encima de todo */
}
/* 2) Clase que dispara la animación de posición/escala */
#quetzal.animar {
	animation: vuelo-al-logo 6s ease-in-out forwards;
}
@keyframes vuelo-al-logo {
	0% {
		top: 100vh;
		left: 100vw;
		transform: scale(1) rotate(0deg);		
	}
	50% {
		top: 30vh;
		left: 45vw;
		transform: scale(1) rotate(0deg);		
	}
	80% {
		transform: scale(0.5) rotate(0deg);		
	}
	100% {
		top: var(--end-top);
		left: var(--end-left);
		transform: scale(0.1);		
	}
}