/* Pulsacion hacia abajo */

.pulse-arrow {
    animation: pulse-right 1.5s infinite;
}

@keyframes pulse-right {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }
}


/* Animación fondo "Olvidate de..." */

.bg-text-animation>.e-con-inner {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}

.bg-text-animation .elementor-widget-heading {
    height: 188px;
    border-radius: var(--b-radius);
    color: var(--c-blanco);

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(0%);
}

.bg-text-animation .elementor-widget-heading.azul-osc {
    background-color: var(--c-azul-osc);
}

.bg-text-animation .elementor-widget-heading.azul {
    background-color: var(--c-azul);
}

.bg-text-animation .elementor-widget-heading>.elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes animateBg {
    0% {
        /* width: 0%; */
        transform: translateX(-100%);
    }

    100% {
        /* width: 100%; */
        transform: translateX(0%);
    }
}

.heading-current {
    position: relative;
    z-index: 6;
}

.heading-next {
    position: relative;
    z-index: 7;
    animation: animateBg 2s;
}

.heading-out {
    position: relative;
    z-index: 5;
    width: 100%;
}

/* Animacion texto tachado "Olvidate de" */

@keyframes lineThrough {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.line-through-animation p::after {
    animation: lineThrough 2s forwards;
    animation-delay: 2.5s;
}

.animated-line-through p {
    position: relative;
    display: inline-block;
}

.animated-line-through p::after {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 0;
    height: 3px;
}

.animated-line-through.azul-osc p::after,
.animated-line-through.azul-osc p span::after {
    background-color: var(--c-azul);
}

.animated-line-through.azul p::after,
.animated-line-through.azul p span::after {
    background-color: var(--c-azul-osc);
}

/* Animación play "Divisoplay es" */

.up-slide-animation .slide {
    position: absolute;
    min-height: 187px !important;
    transform: translateY(100%);
    opacity: 0;
}

.up-slide-animation .slide .play-icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes animatePlay {
    0% {
        /* width: 0%; */
        transform: translateY(100%);
        opacity: 1;
    }

    50%,
    60%,
    70% {
        transform: translateY(0%);
        opacity: 1;
    }

    100% {
        /* width: 100%; */
        transform: translateY(-100%);
        opacity: 0;
    }
}

.slide-current {
    position: relative;
    z-index: 6;
}

.slide-next {
    position: relative;
    z-index: 7;
    animation: animatePlay 5s;
}

.slide-out {
    position: relative;
    z-index: 5;
    width: 100%;
}

@media screen and (max-width: 1024px) {

    /* Animación play "Divisoplay es" */

    .up-slide-animation .slide {
        min-height: 150px !important;
    }

    .up-slide-animation .slide .play-icon {
        width: 160px !important;
    }

    .up-slide-animation .slide .play-icon svg {
        height: 70px !important;
    }

}

@media screen and (max-width: 600px) {

    /* Animación fondo "Olvidate de..." */

    .bg-text-animation .elementor-widget-heading {
        height: 150px;
        padding: 0 15px;
    }

    /* Animacion texto tachado "Olvidate de" */

    .animated-line-through p span {
        display: inline-block;
        position: relative;
    }

    .animated-line-through.nospan p::after {
        bottom: 10px;
    }

    .animated-line-through:not(.nospan) p::after {
        content: none;
    }

    .animated-line-through p span::after {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 0;
        height: 3px;
    }

    .line-through-animation p span::after {
        animation: lineThrough 2s forwards;
        animation-delay: 2.5s;
    }

    .animated-line-through p>span:first-child::after {
        bottom: 11px;
    }

    .line-through-animation p>span:nth-child(2)::after {
        animation-delay: 3.5s;
    }

    /* Animación play "Divisoplay es" */

    .up-slide-animation .slide {
        min-height: 121px !important;
    }

    .up-slide-animation .slide .play-icon {
        width: 100px !important;
    }

    .up-slide-animation .slide .play-icon svg {
        height: 45px !important;
    }

}