.elementor-688 .elementor-element.elementor-element-5a470d4{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-688 .elementor-element.elementor-element-5a470d4:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-5a470d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tuapp.online/wp-content/uploads/2026/03/Tuapp.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-688 .elementor-element.elementor-element-e500ec8{--display:flex;--min-height:70vh;}.elementor-688 .elementor-element.elementor-element-f5cdf14{--display:flex;--min-height:53vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-688 .elementor-element.elementor-element-44120f0{--display:flex;--min-height:46vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-688 .elementor-element.elementor-element-8c13c66{text-align:center;}.elementor-688 .elementor-element.elementor-element-8c13c66 .elementor-heading-title{color:#45627E;}.elementor-688 .elementor-element.elementor-element-90b810d{width:100%;max-width:100%;margin:33px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-688 .elementor-element.elementor-element-90b810d.elementor-element{--align-self:center;}.elementor-688 .elementor-element.elementor-element-90b810d .elementor-icon-list-icon i{color:#F55A73;transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-90b810d .elementor-icon-list-icon svg{fill:#F55A73;transition:fill 0.3s;}.elementor-688 .elementor-element.elementor-element-90b810d .elementor-icon-list-text{color:#45627E;transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-3ae2ce7 .elementor-button{font-size:18px;font-weight:800;border-radius:10px 10px 10px 10px;padding:20px 100px 20px 100px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-688 .elementor-element.elementor-element-5a470d4{--width:100%;--min-height:100vh;}.elementor-688 .elementor-element.elementor-element-5a470d4:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-5a470d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;}.elementor-688 .elementor-element.elementor-element-8c13c66{margin:49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-688 .elementor-element.elementor-element-5a470d4{--width:100%;}.elementor-688 .elementor-element.elementor-element-44120f0{--width:55%;}}/* Start custom CSS for button, class: .elementor-element-3ae2ce7 *//* Aplicar el gradiente al elemento principal del botón */
.elementor-688 .elementor-element.elementor-element-3ae2ce7 .elementor-button {
    background: linear-gradient(45deg, #f093fb 0%, #f5576c 33%, #4facfe 66%, #00f2fe 100%);
    background-size: 200% auto; /* Esto permite que el gradiente se mueva */
    border: none;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Efecto al pasar el mouse (Hover) */
.elementor-688 .elementor-element.elementor-element-3ae2ce7 .elementor-button:hover {
    background-position: right center; /* Desplaza el gradiente */
    box-shadow: 0 15px 25px rgba(0,0,0,0.2);
    transform: translateY(-3px);
    color: #fff !important; /* Asegura que el texto siga blanco */
}

/* Efecto al hacer clic */
.elementor-688 .elementor-element.elementor-element-3ae2ce7 .elementor-button:active {
    transform: translateY(-1px);
}/* End custom CSS */