/*=========================================
ANIMACIONES
=========================================*/

.hidden{

    opacity:0;

    transform:translateY(50px);

    transition:all .8s ease;

}

.show{

    opacity:1;

    transform:translateY(0);

}

/*=========================================
HEADER
=========================================*/

.header-scroll{

    background:rgba(7,21,34,.95);

    box-shadow:0 15px 40px rgba(0,0,0,.25);

}

/*=========================================
BOTONES
=========================================*/

.btn-primary,
.btn-secondary,
.btn-whatsapp{

    transition:.35s ease;

}

.btn-primary:hover,
.btn-secondary:hover,
.btn-whatsapp:hover{

    transform:translateY(-4px);

}

/*=========================================
PRODUCTOS
=========================================*/

.producto-card img{

    transition:.6s;

}

.producto-card:hover img{

    transform:scale(1.05);

}

/*=========================================
VENTAJAS
=========================================*/

.ventaja-card{

    transition:.35s ease;

}

.ventaja-card:hover{

    transform:translateY(-8px);

}