.elementor-809 .elementor-element.elementor-element-1787866{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0;}.elementor-809 .elementor-element.elementor-element-1787866::before, .elementor-809 .elementor-element.elementor-element-1787866 > .elementor-background-video-container::before, .elementor-809 .elementor-element.elementor-element-1787866 > .e-con-inner > .elementor-background-video-container::before, .elementor-809 .elementor-element.elementor-element-1787866 > .elementor-background-slideshow::before, .elementor-809 .elementor-element.elementor-element-1787866 > .e-con-inner > .elementor-background-slideshow::before, .elementor-809 .elementor-element.elementor-element-1787866 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-809 .elementor-element.elementor-element-3d0629eb{width:var( --container-widget-width, 845px );max-width:845px;--container-widget-width:845px;--container-widget-flex-grow:0;border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );border-radius:22px 22px 22px 22px;box-shadow:0px 0px 10px 0px rgba(17.225434782608716, 105.28586862003779, 134.29999999999998, 0.5);}body.elementor-page-809:not(.elementor-motion-effects-element-type-background), body.elementor-page-809 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-809 .elementor-element.elementor-element-1787866{--min-height:100vh;--overlay-opacity:0;--padding-top:0px;--padding-bottom:20px;--padding-left:12px;--padding-right:12px;}}/* Start custom CSS for html, class: .elementor-element-3d0629eb */.elementor-809 .elementor-element.elementor-element-3d0629eb{
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 80vh;
}
.elementor-809 .elementor-element.elementor-element-3d0629eb iframe{
    border-radius: 15px !important;
    margin: -17px 0px -23px;
}
@media(max-width:767px){
    .elementor-809 .elementor-element.elementor-element-3d0629eb iframe{
        width: 100%;
        height: 80vh;
        max-height: 80vh;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1787866 */@media(min-width:1024px){
    .elementor-809 .elementor-element.elementor-element-1787866 .e-con-inner{
        padding-top: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS */@keyframes flecha-izquierda{
    0%,100%{
        transform: translatey(0px);
    }
    50%{
        transform: translatey(10px) rotate(-10deg);
    }
}
@keyframes flecha-derecha{
    0%,100%{
        transform: translatey(0px);
    }
    50%{
        transform: translatey(10px) rotate(10deg);
    }
}

@keyframes resplandor{
    0%,100%{
     box-shadow: 0px 0px 77px 10px rgba(0, 154, 215, 0);
    }
    50%{
    box-shadow: 0px 0px 47px 0px rgba(0, 154, 215, 0.5);
    }
}
@keyframes resplandor-amarillo{
    0%,100%{
     box-shadow: 0px 0px 77px 10px rgba(0, 154, 215, 0);
    }
    50%{
    box-shadow: 0px 0px 87px 0px rgba(0, 154, 215, 0.3);
    }
}
.resplandor .elementor-button{
        animation: resplandor 1.3s ease-in-out infinite;
}
.resplandor-amarillo{
    animation: resplandor-amarillo 2.3s ease-in-out infinite;
}
.amarillo{
    color: var(--e-global-color-primary);
}
.arrow-1{
    position: absolute;
    left: calc(50% - 165px);
    top: 303px;
    animation: flecha-izquierda linear 1.3s infinite;
}
.arrow-2{
    position: absolute;
    left: calc(50% + 115px);
    top: 303px;
    animation: flecha-derecha linear 1.3s infinite;
}

@media(min-width:768px) and (max-width:1024px){
.arrow-1{
    position: absolute;
    left: calc(50% - 300px);
    top: 380px;
}
.arrow-2{
    position: absolute;
    left: calc(50% + 250px);
    top: 360px;
}
}

@media(max-width:768px){
.arrow-1{
    position: absolute;
    left: calc(50% - 150px);
    top: 330px;
    transform: scale(.8);
}
.arrow-2{
    position: absolute;
    left: calc(50% + 100px);
    top: 330px;
    transform: scale(.8);
}

}

h2.class-title{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}/* End custom CSS */