/* =====================================
   ANIMAÇÕES BOX7 MOTO POINT
===================================== */

/* Estado inicial */
.card,
.ebook-card,
.depoimento,
.faq-item,
.consultoria,
.mentoria{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s ease;
}

/* Estado visível */
.show{
    opacity:1 !important;
    transform:translateY(0) !important;
}

/* Hero */
.hero h1{
    animation:fadeUp 1s ease forwards;
}

.hero p{
    animation:fadeUp 1.3s ease forwards;
}

.hero-buttons{
    animation:fadeUp 1.6s ease forwards;
}

.hero img{
    animation:zoom 1.2s ease forwards;
}

/* Botões */
.btn-primary,
.btn-secondary,
.btn-menu{
    transition:all .3s ease;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-menu:hover{
    transform:translateY(-4px);
}

/* Cards */
.card:hover,
.ebook-card:hover,
.depoimento:hover{
    transform:translateY(-10px) scale(1.02);
}

/* Keyframes */

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes zoom{

    from{
        opacity:0;
        transform:scale(.9);
    }

    to{
        opacity:1;
        transform:scale(1);
    }

}