@keyframes flyLikeABug {
 
    0% {
        transform: translate(0, 0) rotate(0deg); /* Inicio */
    }
    25% {
        transform: translate(150px, 75px) rotate(150deg); /* Movimiento hacia la derecha y arriba */
    }
    50% {
        transform: translate(0px, 150px) rotate(205deg); /* Movimiento hacia arriba y a la izquierda */
    }
    75% {
        transform: translate(-150px, 75px) rotate(330deg); /* Movimiento hacia la izquierda y abajo */
    }
    100% {
        transform: translate(0, 0) rotate(400deg); /* Regresa a la posición inicial con rotación completa */
    }

}

#paper-plane {
    position: fixed;
    bottom: 350px; /* Inicialmente fuera de la pantalla */
    left: 300px;  /* Inicialmente fuera de la pantalla */
    font-size: 50px; /* Tamaño del ícono */
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 9999;
}

#paper-plane.fly {
    animation: flyLikeABug 5s linear ; ; /* Duración y repetición de la animación */
    opacity: 1;
}

#paper-plane.to-envelope {
    animation: none; /* Detener la animación de revoloteo */
    transition: all 1s ease-in-out;
    bottom: 10%; /* Posición final cerca del footer */
    left: 5%;  /* Posición final cerca del footer */
    transform: rotate(0deg); /* Restablece la rotación */
    font-size: 50px; /* Aumenta el tamaño para simular la transformación */
}

#paper-plane.envelope {
    content: '\f0e0'; /* Cambia el icono a un sobre */
    font-family: 'FontAwesome';
}

#fin-paper-plane {
    position: relative;
    left: 180px;
    top:50px;
    font-size: 40px;
    opacity: 0; /* Oculto inicialmente */
    transition: opacity 1s ease-in-out;
}