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

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(70px);

}

100%{

opacity:1;

transform:none;

}

}

@keyframes fadeLeft{

0%{

opacity:0;

transform:translateX(-60px);

}

100%{

opacity:1;

transform:none;

}

}

@keyframes fadeRight{

0%{

opacity:0;

transform:translateX(60px);

}

100%{

opacity:1;

transform:none;

}

}

@keyframes zoom{

0%{

transform:scale(.90);

opacity:0;

}

100%{

transform:scale(1);

opacity:1;

}

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@keyframes shine{

0%{

left:-120%;

}

100%{

left:120%;

}

}

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(200,161,75,.4);

}

70%{

box-shadow:0 0 0 20px rgba(200,161,75,0);

}

100%{

box-shadow:0 0 0 0 rgba(200,161,75,0);

}

}

/***Botones Premium----*/

.btn-principal{

position:relative;

overflow:hidden;

}

.btn-principal::before{

content:"";

position:absolute;

top:0;

left:-150%;

width:60%;

height:100%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent

);

transform:skewX(-20deg);

}

.btn-principal:hover::before{

animation:shine .8s;

}

/*-------Tarjetas Flotantes-------*/

.card-evento:hover .icono{

animation:float 2.4s infinite;

}

.servicio:hover .icono{

animation:float 2.4s infinite;

}

/*-----WhatsApp ----*/

.whatsapp{

animation:pulse 2.8s infinite;

}