/* figura para imagenes*/
.image1 {
    margin: 10px;
    clip-path: polygon(
            0% 0%,
            100% 0%,
            100% 75%,
            75% 75%,
            75% 100%,
            50% 75%,
            0% 75%
    );
    animation: clipOut 4s ;
}

.image2 {
    margin: 10px;
    clip-path: polygon(
            0% 20%,
            40% 20%,
            40% 0%,
            100% 50%,
            40% 100%,
            40% 80%,
            0% 80%
    );
    animation: clipUp 4s ;
}

.image3 {
    margin: 10px;
    clip-path: polygon(
            20% 0,
            0% 20%,
            30% 50%,
            0% 80%,
            20% 100%,
            50% 70%,
            80% 100%,
            100% 80%,
            70% 50%,
            100% 20%,
            80% 0%,
            50% 30%
    );
    animation: clipUp3 4s ;
}

.image4 {
    margin: 10px;
    clip-path: polygon(50% 0%, 65% 30%, 100% 30%, 75% 55%, 85% 100%, 50% 70%, 15% 100%, 25% 55%, 0% 30%, 35% 30%);
    animation: clipUp4 8s ;
}

.image5 {
    margin: 10px;
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    animation: clipUp5 4s ;
}

.image6 {
    margin: 10px;
    clip-path: polygon(50% 0%, 80% 50%, 50% 100%, 20% 50%);
    animation: clipUp6 6s ;
    /*animation: clipUp6 4s infinite;*/
}


@keyframes clipOut {
    from {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
}

@keyframes clipUp {
    from {
        clip-path: polygon(0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 50% 0%, 50% 0%);
    }
}

@keyframes clipUp3 {
    from {
        clip-path: polygon(80% 20%, 70% 20%, 60% 20%, 50% 20%, 40% 20%, 30% 20%, 30% 20%, 40% 20%, 50% 20%, 60% 20%, 70% 20%, 80% 20%);
    }
}

@keyframes clipUp4 {
    from {
        clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
    }
}

@keyframes clipUp5 {
    from {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%);
    }
}

@keyframes clipUp6 {
    from {
        clip-path: polygon(25% 25%, 50% 50%, 75% 75%, 100% 100%);
    }
}
/* figura para imagenes*/

/*Nuevos titulos dobles*/

a h6{
    color:#FFFFFF;
}
a:hover h6 {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #e500e5, 0 0 30px #e500e5, 0 0 40px #e500e5, 0 0 50px #e500e5, 0 0 75px #e500e5;
}
.vce-double-title {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
}

.vce-double-title-container .vce-double-title .vce-double-title--title {
    margin: 0;
    white-space: nowrap;
}
.vce-double-title--font-family-Playfair-Display .vce-double-title--title {
    font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
}
.vce-double-title .vce-double-title--title {
    position: absolute;
    z-index: 1;
    top: calc(50% + 5px);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    margin: 0 7px;
    padding: 0;
    text-align: center;
    text-transform: unset;
    transition: color .6s ease;
}



.vce-double-title .vce-double-title--title {
    font-size: 48px;

}/*
.vce-double-title .vce-double-title--title {
    font-size: 30px;
}
.vce-double-title .vce-double-title--title {
    font-size: 24px;
}

*/


.vce-double-title .vce-double-title-background--title::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 2px;
    background: #51a8e3;
}

.vce-double-title-background--title--color-ba-151-151-151-0-1 {
    color: rgba(151,151,151,.1);
    padding-left: 50px;
}
.invertido{
    /*mix-blend-mode: multiply;*/
    mix-blend-mode: difference;
    color: rgb(131, 227, 205);
 /*   background: rgba(251,251,251,.6);*/
}
.invertido:hover{
    mix-blend-mode: normal;
}

blockquote{
    padding: 2em;
    border-left: 5px solid rgb(131, 227, 205);
    font-size: 1.7em;
}
blockquote::first-letter {
    font-size: 5em;
}