.wtps-animatedTitle {
    display: block;
    user-select: none;
    line-height: 1.2;
}

.wtps-animatedTitle__wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    perspective: 300px;
}

.wtps-animatedTitle__text {
    position: relative;
    vertical-align: bottom;
   /*  display: inline-block;
    white-space: nowrap; */
}

.wtps-animatedTitle__wrapper {
    z-index: 1;
    color: var(--animatedTitledynamiccolor);
    font-family: var(--animatedTitledynamicfontfamily);
    font-size: var(--animatedTitledynamicfontsize);
    font-weight: var(--animatedTitledynamicfontweight);
    text-transform: var(--animatedTitledynamictexttransform);
    text-decoration: var(--animatedTitledynamictextdecoration);
    letter-spacing: var(--animatedTitledynamicletterspacing);
    line-height: var(--animatedTitledynamiclineheight);
}
.wtps-animatedTitle__svg {
    position: absolute;
    height: calc(100% + 20px);
    left: 50%;
    overflow: visible;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 20px);
}

.wtps-animatedTitle__svg path {
    stroke: var(--animatedTitlemarkercolor, var(--bodycolorprimary));
    stroke-width: var(--animatedTitlemarkersize, 7px);
    fill: none;
    opacity: 0;
    stroke-dasharray: 0 1500;
    transition: .3s;
}

.wtps-animatedTitle__wrapper.title-animated svg path {
    animation: wtps-headline-dash forwards;
    animation-duration: var(--animatedTitleanimationduration, 1200ms);
    animation-iteration-count: 1;
}

.wtps-animatedTitle__wrapper.title-animated svg path:nth-of-type(2) {
    animation-delay: calc(var(--animatedTitleanimationduration, 1200ms) / 2);
}

.wtps-animatedTitle__wrapper.hide-title-animated svg path {
    opacity: 1;
    stroke-dasharray: 1500 1500;
    animation: hide-highlight .4s forwards;
    animation-iteration-count: 1;
}


@keyframes wtps-headline-dash {
    0% {
        stroke-dasharray: 0 1500;
        opacity: 1
    }

    to {
        stroke-dasharray: 1500 1500;
        opacity: 1
    }
}

@keyframes hide-highlight {
    0% {
        opacity: 1;
        stroke-dasharray: 1500 1500;
    }

    to {
        filter: blur(10px);
        opacity: 0;
    }
}

.wtps-animatedTitle__wrapper .wtps-animatedTitle__splitedText {
    white-space: nowrap;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
}

.wtps-animatedTitle__wrapper .wtps-animatedTitle__splitedText.active {
    position: relative;
}

.effect-flip .wtps-animatedTitle__splitedText {
    transform: rotateX(180deg);
    transform-origin: 50% 100%;
}

.effect-flip .wtps-animatedTitle__splitedText.active {
    opacity: 1;
    animation: wtps-headline-flip-in var(--animatedTitleanimationduration, 1200ms);
    transform: rotateX(0deg);
}

.effect-flip .wtps-animatedTitle__splitedText.inactive {
    opacity: 0;
    animation: wtps-headline-flip-out var(--animatedTitleanimationduration, 1200ms);
    transform: rotateX(180deg);
}

@keyframes wtps-headline-flip-in {
    0% {
        opacity: 0;
        transform: rotateX(180deg);
    }

    35% {
        opacity: 0;
        transform: rotateX(120deg);
    }

    65% {
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: rotateX(1turn);
    }
}

@keyframes wtps-headline-flip-out {
    0% {
        opacity: 1;
        transform: rotateX(0deg);
    }

    35% {
        opacity: 0;
        transform: rotateX(-20deg);
    }

    65% {
        opacity: 0;
    }

    to {
        opacity: 0;
        transform: rotateX(180deg);
    }
}

.effect-typing .wtps-animatedTitle__wrapper {
    overflow: hidden;
    vertical-align: top;
}

.effect-typing .wtps-animatedTitle__wrapper:after {
    background-color: var(--animatedTitledynamiccolor, var(--bodycolortext));
    content: "";
    height: 90%;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
}

.effect-typing .wtps-animatedTitle__wrapper:not(.typing-active):after {
    animation: wtps-headline-pulse 1s infinite;
}

.effect-typing .wtps-animatedTitle__wrapper.typing-active {
    background-color: var(--animatedTitledynamiccolor, var(--bodycolortext));
}

.effect-typing .wtps-animatedTitle__wrapper.typing-active:after {
    visibility: hidden;
}

.effect-typing .wtps-animatedTitle__wrapper.typing-active .wtps-animatedTitle__splitedText {
    color: var(--animatedTitledynamiccolor, var(--bodycolortext));
}

.wtps-animatedTitle__splitedText:has(.dynamic-letter):not(.active) {
    visibility: hidden;
}

.wtps-animatedTitle__splitedText .dynamic-letter {
    visibility: visible;
    display: inline-block; /* para animar cada letra/espacio por separado */
    white-space: pre;      /* preserva el carácter NBSP dentro */
}

.wtps-animatedTitle__splitedText .dynamic-letter:not(.wtps-title-animation-in) {
    position: absolute;
    visibility: hidden;
}

@keyframes wtps-headline-pulse {
    0% {
        opacity: 1;
        transform: translateY(-50%) scale(1)
    }

    40% {
        opacity: 0;
        transform: translateY(-50%) scale(.9)
    }

    to {
        opacity: 0;
        transform: translateY(-50%) scale(0)
    }
}

.effect-swirld .wtps-animatedTitle__wrapper {
    perspective: 300px;
}

.effect-swirld .dynamic-letter {
    backface-visibility: hidden;
    display: inline-block;
}

.effect-swirld .wtps-animatedTitle__splitedText {
    opacity: 0;
    transform: scaleX(1.0005)
}

.effect-swirld .dynamic-letter {
    opacity: 0;
    transform: translateZ(-20px) rotateX(90deg);
    transform-style: preserve-3d
}

.effect-swirld .wtps-animatedTitle__splitedText.active {
    opacity: 1;
}

.effect-swirld .dynamic-letter.wtps-title-animation-in {
    animation: wtps-headline-swirld-in calc(var(--animatedTitleanimationduration, 1200ms) * 0.4) forwards;
}

.effect-swirld .dynamic-letter:not(.wtps-title-animation-in) {
    animation: wtps-headline-swirld-out calc(var(--animatedTitleanimationduration, 1200ms) * 0.4) forwards;
}

@keyframes wtps-headline-swirld-in {
    0% {
        opacity: 0;
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        transform: translateZ(-20px) rotateX(-10deg)
    }

    to {
        opacity: 1;
        transform: translateZ(-20px) rotateX(0deg)
    }
}

@keyframes wtps-headline-swirld-out {
    0% {
        opacity: 1;
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        transform: translateZ(-20px) rotateX(-100deg)
    }

    to {
        opacity: 0;
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.effect-slide-down .wtps-animatedTitle__wrapper {
    display: inline-block;
}

.effect-slide-down .wtps-animatedTitle__wrapper {
    overflow: hidden;
    vertical-align: top;
}

.effect-slide-down .wtps-animatedTitle__splitedText {
    opacity: 0;
    top: .2em
}

.effect-slide-down .wtps-animatedTitle__splitedText.active {
    animation: wtps-headline-slide-down-in calc(var(--animatedTitleanimationduration, 1200ms) * 0.6);
    opacity: 1;
    top: 0
}

.effect-slide-down .wtps-animatedTitle__splitedText.inactive {
    animation: wtps-headline-slide-down-out calc(var(--animatedTitleanimationduration, 1200ms) * 0.6);
}

@keyframes wtps-headline-slide-down-in {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        transform: translateY(20%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes wtps-headline-slide-down-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        transform: translateY(120%)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.effect-clip .wtps-animatedTitle__wrapper {
    display: inline-block;
    padding: .2em 0
}

.effect-clip .wtps-animatedTitle__wrapper {
    overflow: hidden;
    vertical-align: top
}

.effect-clip .wtps-animatedTitle__wrapper:after {
    background-color: var(--animatedTitledynamiccolor, var(--bodycolortext));
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}

.effect-clip .wtps-animatedTitle__splitedText {
    opacity: 0;
}

.effect-clip .wtps-animatedTitle__splitedText.active {
    opacity: 1;
}

.effect-drop-in .wtps-animatedTitle__wrapper {
    perspective: 300px;
}

.effect-drop-in .wtps-animatedTitle__splitedText {
    opacity: 0;
}

.effect-drop-in .wtps-animatedTitle__splitedText.active {
    animation: wtps-headline-drop-in-in calc(var(--animatedTitleanimationduration, 1200ms) * 0.8);
    opacity: 1;
}

.effect-drop-in .wtps-animatedTitle__splitedText.inactive {
    animation: wtps-headline-drop-in-out calc(var(--animatedTitleanimationduration, 1200ms) * 0.8);
}

@keyframes wtps-headline-drop-in-in {
    0% {
        opacity: 0;
        transform: translateZ(100px)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes wtps-headline-drop-in-out {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translateZ(-100px);
    }
}

.effect-blinds .wtps-animatedTitle__wrapper {
    perspective: 300px;
}

.effect-blinds .wtps-animatedTitle__splitedText {
    opacity: 0;
}

.effect-blinds .dynamic-letter {
    backface-visibility: hidden;
    display: inline-block;
    transform: rotateY(180deg);
}

.effect-blinds .wtps-animatedTitle__splitedText.active{
    transform: rotateY(0deg);
    opacity: 1;
}

.effect-blinds .dynamic-letter.wtps-title-animation-in {
    animation: wtps-headline-blinds-in calc(var(--animatedTitleanimationduration, 1200ms) * 0.6) forwards;
}

.effect-blinds .dynamic-letter:not(.wtps-title-animation-in) {
    animation: wtps-headline-blinds-out calc(var(--animatedTitleanimationduration, 1200ms) * 0.6) forwards;
}

@keyframes wtps-headline-blinds-in {
    0% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    to {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes wtps-headline-blinds-out {
    0% {
        transform: rotateY(0);
        opacity: 1;
    }

    to {
        transform: rotateY(-180deg);
        opacity: 0;
    }
}

.effect-wave .wtps-animatedTitle__splitedText {
    opacity: 0
}

.effect-wave .dynamic-letter {
    display: inline-block;
    opacity: 0;
    transform: scale(0)
}

.effect-wave .wtps-animatedTitle__splitedText.active {
    opacity: 1
}

.effect-wave .dynamic-letter.wtps-title-animation-in {
    animation: wtps-headline-wave-up calc(var(--animatedTitleanimationduration, 1200ms) * 0.6) forwards;
}

.effect-wave .dynamic-letter:not(.wtps-title-animation-in) {
    animation: wtps-headline-wave-down calc(var(--animatedTitleanimationduration, 1200ms) * 0.6) forwards;
}

@keyframes wtps-headline-wave-up {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    60% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes wtps-headline-wave-down {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    60% {
        opacity: 0;
        transform: scale(0)
    }
}

.effect-slide .wtps-animatedTitle__splitedText {
    opacity: 0
}

.effect-slide .wtps-animatedTitle__splitedText.active {
    animation: wtps-headline-slide-in calc(var(--animatedTitleanimationduration, 1200ms) * 0.6);
    opacity: 1
}

.effect-slide .wtps-animatedTitle__splitedText.inactive {
    animation: wtps-headline-slide-out calc(var(--animatedTitleanimationduration, 1200ms) * 0.6);
}

@keyframes wtps-headline-slide-in {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        transform: translateX(10%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes wtps-headline-slide-out {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        transform: translateX(110%)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

.effect-blinds .wtps-animatedTitle__wrapper,
.effect-drop-in .wtps-animatedTitle__wrapper,
.effect-flip .wtps-animatedTitle__wrapper,
.effect-slide .wtps-animatedTitle__wrapper,
.effect-slide-down .wtps-animatedTitle__wrapper,
.effect-swirld .wtps-animatedTitle__wrapper,
.effect-wave .wtps-animatedTitle__wrapper {
    transition: width .5s;
}

.effect-blinds .wtps-animatedTitle__wrapper,
.effect-swirld .wtps-animatedTitle__wrapper,
.effect-wave .wtps-animatedTitle__wrapper {
    overflow: hidden;
}

.effect-blinds .wtps-animatedTitle__splitedText,
.effect-swirld .wtps-animatedTitle__splitedText,
.effect-wave .wtps-animatedTitle__splitedText {
    white-space: nowrap;
}

/* .wtps-msie .wtps-headline--style-highlight svg {
    left: auto;
    top: auto;
    transform: translate(-100%)
} */