body, html {
	overflow-x: hidden;
}

/* Clase base: oculta inicialmente */
.animate_on_scroll {
	opacity: 0;
	transition: all 0.8s ease-out;
}

/* Variaciones de animación */
.fade_in.in_view {
	opacity: 1;
}

.slide_in.in_view {
	opacity: 1;
	transform: translateY(0);
}
.slide_in {
	transform: translateY(3em);
}

.fade_in_left.in_view {
	opacity: 1;
	transform: translateX(0);
}
.fade_in_left {
	transform: translateX(-3em);
}

.fade_in_up {
	transform: translateY(3em);
}
.fade_in_up.in_view {
	opacity: 1;
	transform: translateY(0);
}

.fade_in_down {
	transform: translateY(-3em);
}
.fade_in-down.in_view {
	opacity: 1;
	transform: translateY(0);
}

.fade_in_left {
	transform: translateX(-3em);
}
.fade_in_left.in_view {
	opacity: 1;
	transform: translateX(0);
}

.fade_in_right {
	transform: translateX(3em);
}
.fade_in_right.in_view {
	opacity: 1;
	transform: translateX(0);
}

.zoom_in {
	transform: scale(0.8);
}
.zoom_in.in_view {
	opacity: 1;
	transform: scale(1);
}

.zoom_out {
	transform: scale(1.2);
}
.zoom_out.in_view {
	opacity: 1;
	transform: scale(1);
}

.zoom_out_blur {
	transform: scale(2); filter: blur(10px);
}
.zoom_out_blur.in_view {
	opacity: 1;
	transform: scale(1); filter: blur(0px);
}

.in_left_big {
	transform: scale(1.2) translate(-5em, 0); filter: blur(10px);
}
.in_left_big.in_view {
	opacity: 1;
	transform: scale(1) translate(0em, 0); filter: blur(0px);
}

.in_right_big {
	transform: scale(1.2) translate(5em, 0); filter: blur(10px);
}
.in_right_big.in_view {
	opacity: 1;
	transform: scale(1) translate(0em, 0); filter: blur(0px);
}

/* Base de animación jelly */
@keyframes jelly {
	0%, 100% {transform: scale(1);}
	25% {transform: scale(1.05, 0.95);}
	50% {transform: scale(0.95, 1.05);}
	75% {transform: scale(1.02, 0.98);}
}

.jelly {
	animation: jelly 10s ease-in-out infinite;
	transform-origin: center;
}
/* Delays para que no animen al mismo tiempo */
.jelly.dly__1 {animation-delay: 0s;}
.jelly.dly__2 {animation-delay: 0.3s;}
.jelly.dly__3 {animation-delay: 0.6s;}
.jelly.dly__4 {animation-delay: 0.9s;}


/************ D E L A Y S **************/

.dly_1 {transition-delay: 0.2s;}
.dly_2 {transition-delay: 0.4s;}
.dly_3 {transition-delay: 0.6s;}
.dly_4 {transition-delay: 0.8s;}
.dly_5 {transition-delay: 1.0s;}
.dly_6 {transition-delay: 1.2s;}
.dly_7 {transition-delay: 1.4s;}
.dly_8 {transition-delay: 1.6s;}
.dly_9 {transition-delay: 1.8s;}