/*****Seminarios, talleres, conferencias*********/
svg#freepik_stories-conference:not(.animated) .animable {
    opacity: 0;
}
svg#freepik_stories-conference.animated #freepik--background-simple--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn, 1.5s Infinite linear heartbeat;
    animation-delay: 0s, 1s;
}
svg#freepik_stories-conference.animated #freepik--Screen--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn;
    animation-delay: 0s;
}
svg#freepik_stories-conference.animated #freepik--Floor--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
    animation-delay: 0s;
}
svg#freepik_stories-conference.animated #freepik--Plant--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideDown, 1.5s Infinite linear wind;
    animation-delay: 0.7s, 1.7s;
    opacity: 0;
}
svg#freepik_stories-conference.animated #freepik--character-4--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideRight;
    animation-delay: 2s;
    opacity: 0;
}
svg#freepik_stories-conference.animated #freepik--character-3--inject-12 {
    animation: 0.5s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideRight;
    animation-delay: 1.1s;
    opacity: 0;
}
svg#freepik_stories-conference.animated #freepik--character-2--inject-12 {
    animation: 1.5s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideUp, 1.5s Infinite linear wind;
    animation-delay: 1.3s, 2.8s;
    opacity: 0;
}
svg#freepik_stories-conference.animated #freepik--character-1--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
    animation-delay: 1s;
    opacity: 0;
}

/*****Semblanza*********/

svg#freepik_stories-experts:not(.animated) .animable {
    opacity: 0;
}
svg#freepik_stories-experts.animated #freepik--background-simple--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn, 1.5s Infinite linear heartbeat;
    animation-delay: 0s, 1s;
}
svg#freepik_stories-experts.animated #freepik--Icons--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
    animation-delay: 0s;
}
svg#freepik_stories-experts.animated #freepik--speech-bubbles--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
    animation-delay: 0s;
}
svg#freepik_stories-experts.animated #freepik--character-3--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideRight, 1.5s Infinite linear wind;
    animation-delay: 2s, 3s;
    opacity: 0;
}
svg#freepik_stories-experts.animated #freepik--character-2--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideDown, 1.5s Infinite linear shake;
    animation-delay: 1.5s, 2.5s;
    opacity: 0;
}
svg#freepik_stories-experts.animated #freepik--character-1--inject-12 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomOut;
    animation-delay: 2.5s;
    opacity: 0;
}
/******Publicaciones*******/
svg#freepik_stories-blogging:not(.animated) .animable {
    opacity: 0;
}
svg#freepik_stories-blogging.animated #freepik--background-simple--inject-63 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn, 1.5s Infinite linear heartbeat;
    animation-delay: 0s, 1s;
}
svg#freepik_stories-blogging.animated #freepik--Floor--inject-63 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) lightSpeedLeft;
    animation-delay: 0s;
}
svg#freepik_stories-blogging.animated #freepik--Device--inject-63 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
    animation-delay: 2s;
    opacity: 0;
}
svg#freepik_stories-blogging.animated #freepik--Box--inject-63 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideRight;
    animation-delay: 1.5s;
    opacity: 0;
}
svg#freepik_stories-blogging.animated #freepik--Character--inject-63 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn, 1.5s Infinite linear wind;
    animation-delay: 2.5s, 3.5s;
    opacity: 0;
}
svg#freepik_stories-blogging.animated #freepik--speech-bubble--inject-63 {
    animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn, 1.5s Infinite linear floating;
    animation-delay: 3.5s, 4.5s;
    opacity: 0;
}

/*************/
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.1);
    }
    30% {
        transform: scale(1);
    }
    40% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes wind {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(1deg);
    }
    75% {
        transform: rotate(-1deg);
    }
}
@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: inherit;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes lightSpeedLeft {
    from {
        transform: translate3d(-50%, 0, 0) skewX(20deg);
        opacity: 0;
    }
    60% {
        transform: skewX(-10deg);
        opacity: 1;
    }
    80% {
        transform: skewX(2deg);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.animator-hidden {
    display: none;
}