/*********************************************

FADE IN + MOVE

*********************************************/
.motion-up {
    opacity: 0; /* Começa invisível */
    transform: translateY(50px); /* Começa 50px abaixo */
    animation: fadeInUp 1s forwards; /* Animação com duração de 1 segundo */
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-450px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*********************************************

DELAYS

*********************************************/
.delay-05s { animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; }
.delay-15s { animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; }
.delay-25s { animation-delay: 2.5s; }
.delay-3s { animation-delay: 3s; }
.delay-5s { animation-delay: 5s; }
.delay-7s { animation-delay: 7s; }
.delay-10s { animation-delay: 10s; }

/*********************************************

CUSTOM

*********************************************/
.fx-drone {
    animation: float 3s ease-in-out 1 forwards;
}

@keyframes float {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(15px, -10px); /* Move para a direita e sobe */
    }
    50% {
        transform: translate(-15px, 0); /* Move para a esquerda e volta ao nível original */
    }
    75% {
        transform: translate(15px, 10px); /* Move para a direita e desce */
    }
    100% {
        transform: translate(0, 0); /* Volta à posição original */
    }
}
