@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.logo,
.botao {
    animation: fadeIn 1.2s ease-in forwards;
    opacity: 0;
}

.fade-in {
    animation: fadeIn 1.2s ease-out forwards;
    opacity: 0;
    /* garante que começa invisível */
}

@keyframes rightSlide {
    from {
        opacity: 0;
        transform: translate(70%, 0%);
    }

    to {
        opacity: 1;
        transform: translate(0%, 0%);
    }
}

.projeto-menu {
    opacity: 0;
    animation: rightSlide 1.2s ease-in-out 0s forwards;
}

.vistas-menu {
    opacity: 0;
    animation: rightSlide 1.2s ease-in-out 0.2s forwards;
}

.galeria-menu {
    opacity: 0;
    animation: rightSlide 1.2s ease-in-out 0.4s forwards;
}

.localizacao-menu {
    opacity: 0;
    animation: rightSlide 1.2s ease-in-out 0.6s forwards;
}

.tour-menu {
    opacity: 0;
    animation: rightSlide 1.2s ease-in-out 0.8s forwards;
}

.filme-menu {
    opacity: 0;
    animation: rightSlide 1.2s ease-in-out 1s forwards;
}

@keyframes leftSlide {
    from {
        opacity: 0;
        transform: translate(-5%, 0%);
    }

    to {
        opacity: 1;
        transform: translate(0%, 0%);
    }
}

.texto-institucional {
    animation: leftSlide 1.2s ease-out;
}

.img-01-inst {
    opacity: 0;
    animation: leftSlide 1.5s ease-out forwards;
}

.img-02-inst {
    opacity: 0;
    animation: leftSlide 1.5s ease-out 0.2s forwards;
}

.img-03-inst {
    opacity: 0;
    animation: leftSlide 1.5s ease-out 0.4s forwards;
}

.img-04-inst {
    opacity: 0;
    animation: leftSlide 1.5s ease-out 0.6s forwards;
}

.texto-aereo {
    opacity: 0;
    animation: fadeIn 1.5s ease-out forwards;
}

@keyframes downSlide {
    from {
        opacity: 0;
        transform: translate(0%, -10%);
    }

    to {
        opacity: 1;
        transform: translate(0%, 0%);
    }
}

.pin-solaris {
    opacity: 0;
    animation: downSlide 1s forwards;
}

.pin-mercado {
    opacity: 0;
    animation: downSlide 1s 0.2s forwards;
}

.pin-farmacia {
    opacity: 0;
    animation: downSlide 1s 0.4s forwards;
}

.pin-prefeitura {
    opacity: 0;
    animation: downSlide 1s 0.6s forwards;
}

.pin-clube {
    opacity: 0;
    animation: downSlide 1s 0.8s forwards;
}

.pin-entrada {
    opacity: 0;
    animation: downSlide 1s 1s forwards;
}

.pin-universidade {
    opacity: 0;
    animation: downSlide 1s 1.2s forwards;
}

.pin-lago {
    opacity: 0;
    animation: downSlide 1s 1.4s forwards;
}

.pin-mall {
    opacity: 0;
    animation: downSlide 1s 1.6s forwards;
}

.pin-arena {
    opacity: 0;
    animation: downSlide 1s 1.8s forwards;
}