.elementor-788 .elementor-element.elementor-element-4723977{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-788 .elementor-element.elementor-element-057471f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-788 .elementor-element.elementor-element-f96f3c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-788 .elementor-element.elementor-element-895175e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-788 .elementor-element.elementor-element-80ea2e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-64cbdaf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-788 .elementor-element.elementor-element-29bef94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-788 .elementor-element.elementor-element-c701167.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-057471f *//* =========================================================
   QUICK QUICK — HERO BLOG
   FULL WIDTH REAL + RESPONSIVE
========================================================= */


/* =========================================================
   RESET DEL WIDGET
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-788 .elementor-element.elementor-element-057471f .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   HERO FULL WIDTH REAL
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero {
    position: relative;

    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    margin-top: -10px !important;

    min-height: 680px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    padding:
        88px
        clamp(28px, 4vw, 64px)
        82px;

    background:
        radial-gradient(
            circle at 0% 20%,
            rgba(113, 7, 187, .20) 0%,
            rgba(113, 7, 187, .08) 20%,
            transparent 42%
        ),
        radial-gradient(
            circle at 100% 15%,
            rgba(15, 197, 186, .22) 0%,
            rgba(15, 197, 186, .08) 23%,
            transparent 45%
        ),
        linear-gradient(
            110deg,
            #f8f3ff 0%,
            #f7f8ff 48%,
            #ecfbfc 100%
        );

    isolation: isolate;
}


/* =========================================================
   HALOS DECORATIVOS
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    left: -270px;
    top: -260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(106, 27, 255, .15) 0%,
            rgba(106, 27, 255, .06) 40%,
            transparent 72%
        );

    filter: blur(18px);

    pointer-events: none;

    z-index: -1;
}


.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero::after {
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    right: -280px;
    top: -260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(22, 214, 198, .18) 0%,
            rgba(24, 169, 255, .07) 42%,
            transparent 72%
        );

    filter: blur(18px);

    pointer-events: none;

    z-index: -1;
}


/* =========================================================
   CONTENIDO INTERIOR
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero-inner {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1380px;

    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-eyebrow {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-bottom: 32px;

    font-family: "Bricolage Grotesque", sans-serif;

    font-size: 12px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: .25em;

    text-transform: uppercase;

    color: #01042C;
}


.elementor-788 .elementor-element.elementor-element-057471f .qq-eyebrow-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #7107BB 0%,
            #0055FF 55%,
            #0FC5BA 100%
        );

    box-shadow:
        0 0 12px rgba(0, 85, 255, .35);
}


/* =========================================================
   H1 GENERAL
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-title {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding: 0;

    font-family: "Bricolage Grotesque", sans-serif;

    text-align: center;

    color: #01042C;

    overflow: visible;
}


.elementor-788 .elementor-element.elementor-element-057471f .qq-title-line {
    display: block;

    width: 100%;
    max-width: 100%;

    margin-left: auto;
    margin-right: auto;

    overflow: visible;
}


/* =========================================================
   PRIMERA LÍNEA
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-title-main {
    font-size:
        clamp(
            66px,
            6.8vw,
            116px
        );

    font-weight: 850;

    line-height: .90;

    letter-spacing: -.06em;

    color: #01042C;

    white-space: normal;
}


/* =========================================================
   SEGUNDA LÍNEA
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-title-second {
    display: flex;

    align-items: baseline;
    justify-content: center;

    flex-wrap: nowrap;

    gap: .15em;

    width: 100%;

    margin-top: 13px;

    white-space: nowrap;
}


/* =========================================================
   MISMO TAMAÑO PARA TODA LA SEGUNDA LÍNEA
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-title-gradient,
.elementor-788 .elementor-element.elementor-element-057471f .qq-title-soft {
    display: inline-block;

    width: auto;

    margin: 0;
    padding: 0;

    font-size:
        clamp(
            48px,
            4.6vw,
            78px
        );

    line-height: .94;

    letter-spacing: -.05em;
}


/* =========================================================
   PRODUCIR
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-title-gradient {
    font-weight: 850;

    padding-left: .03em;
    padding-right: .03em;

    background:
        linear-gradient(
            90deg,
            #7107BB 0%,
            #5522FF 20%,
            #3151FF 40%,
            #087CFF 62%,
            #00A9E8 80%,
            #0FC5BA 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    color: transparent;
}


/* =========================================================
   Y TRABAJAR MEJOR
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-title-soft {
    font-weight: 400;

    color: #01042C;
}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-subtitle {
    width: 100%;
    max-width: 650px;

    margin: 38px auto 0;

    font-family: "Bricolage Grotesque", sans-serif;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.5;

    letter-spacing: -.01em;

    color: rgba(1, 4, 44, .76);

    text-wrap: balance;
}


/* =========================================================
   BOTONES
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-actions {
    display: flex;

    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 30px;
}


.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 14px;

    min-height: 50px;

    padding: 0 23px;

    border-radius: 999px;

    font-family: "Bricolage Grotesque", sans-serif;

    font-size: 14px;
    font-weight: 700;

    line-height: 1;

    text-decoration: none !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}


/* =========================================================
   BOTÓN PRIMARIO
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-primary {
    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            #7107BB 0%,
            #4B2DFF 35%,
            #0055FF 67%,
            #0FC5BA 100%
        );

    box-shadow:
        0 12px 28px rgba(75, 45, 255, .20);
}


.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-primary span {
    font-size: 19px;

    line-height: 1;

    transition:
        transform .25s ease;
}


/* =========================================================
   BOTÓN SECUNDARIO
========================================================= */

.elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-secondary {
    color: #01042C !important;

    background:
        rgba(255, 255, 255, .70);

    border:
        1px solid rgba(1, 4, 44, .13);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) {

    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn:hover {
        transform: translateY(-3px);
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-primary:hover {
        color: #ffffff !important;

        box-shadow:
            0 16px 34px rgba(75, 45, 255, .28);
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-primary:hover span {
        transform: translateX(4px);
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-secondary:hover {
        color: #01042C !important;

        background:
            rgba(255, 255, 255, .95);

        border-color:
            rgba(75, 45, 255, .22);
    }

}


/* =========================================================
   DESKTOP MEDIO / LAPTOP
========================================================= */

@media (max-width:1450px) {

    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero {
        min-height: 620px;

        padding:
            80px
            40px
            74px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero-inner {
        max-width: 1220px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-title {
        max-width: 1160px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-main {
        font-size:
            clamp(
                60px,
                6.4vw,
                98px
            );
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-gradient,
    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-soft {
        font-size:
            clamp(
                44px,
                4.2vw,
                66px
            );
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1024px) {

    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero {
        min-height: auto;

        padding:
            75px
            28px
            68px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-eyebrow {
        margin-bottom: 26px;

        font-size: 10px;

        letter-spacing: .20em;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-main {
        font-size:
            clamp(
                52px,
                8vw,
                76px
            );
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-second {
        gap: .13em;

        margin-top: 10px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-gradient,
    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-soft {
        font-size:
            clamp(
                37px,
                5.4vw,
                52px
            );
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-subtitle {
        max-width: 580px;

        margin-top: 31px;

        font-size: 16px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero {
        min-height: auto;

        margin-top: -10px !important;

        padding:
            62px
            20px
            56px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-eyebrow {
        gap: 7px;

        max-width: 94%;

        margin-bottom: 23px;

        font-size: 8px;

        line-height: 1.5;

        letter-spacing: .15em;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-eyebrow-dot {
        width: 6px;
        height: 6px;

        flex-basis: 6px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-main {
        font-size:
            clamp(
                42px,
                12vw,
                58px
            );

        line-height: .93;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-second {
        flex-wrap: wrap;

        gap:
            2px
            .12em;

        margin-top: 8px;

        white-space: normal;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-gradient,
    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-soft {
        font-size:
            clamp(
                30px,
                8.4vw,
                42px
            );

        line-height: .96;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-subtitle {
        max-width: 500px;

        margin-top: 27px;

        font-size: 15px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-actions {
        gap: 10px;

        margin-top: 25px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn {
        min-height: 47px;

        padding: 0 20px;

        font-size: 13px;
    }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width:420px) {

    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-hero {
        padding:
            56px
            16px
            50px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-main {
        font-size: 39px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-gradient,
    .elementor-788 .elementor-element.elementor-element-057471f .qq-title-soft {
        font-size: 28px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-subtitle {
        font-size: 14px;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-actions {
        width: 100%;

        flex-direction: column;
    }


    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn {
        width: 100%;
        max-width: 290px;
    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn,
    .elementor-788 .elementor-element.elementor-element-057471f .qq-logo-btn-primary span {
        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c701167 *//*=========================================
CTA QUICK QUICK
==========================================*/

.qq-cta{

position:relative;

overflow:hidden;

padding:80px;

border-radius:34px;

background:

radial-gradient(circle at 50% 50%,
rgba(255,255,255,.08),
transparent 40%),

linear-gradient(
130deg,
#7417E8 0%,
#5529F7 20%,
#255EFF 55%,
#16D7C7 100%
);

background-size:250% 250%;

animation:gradientMove 10s ease infinite;

box-shadow:

0 30px 80px rgba(82,38,255,.18);

}


/*=========================================
LUZ SUPERIOR
==========================================*/

.qq-cta:before{

content:"";

position:absolute;

top:-260px;

right:-180px;

width:700px;

height:700px;

background:

radial-gradient(circle,
rgba(255,255,255,.28),
transparent 70%);

filter:blur(60px);

pointer-events:none;

}


/*=========================================
LUZ INFERIOR
==========================================*/

.qq-cta:after{

content:"";

position:absolute;

left:-250px;

bottom:-260px;

width:650px;

height:650px;

background:

radial-gradient(circle,
rgba(255,255,255,.12),
transparent 70%);

filter:blur(70px);

pointer-events:none;

}


/*=========================================
Borde Glass
==========================================*/

.qq-cta{

border:1px solid rgba(255,255,255,.18);

backdrop-filter:blur(20px);

}


/*=========================================
Contenido
==========================================*/

.qq-cta-content{

position:relative;

z-index:5;

}


/*=========================================
Eyebrow
==========================================*/

.qq-eyebrow{

display:inline-flex;

align-items:center;

gap:10px;

font-size:13px;

letter-spacing:.24em;

font-weight:700;

color:#FFFFFFAA;

text-transform:uppercase;

margin-bottom:24px;

}

.qq-eyebrow:before{

content:"";

width:10px;

height:10px;

border-radius:50%;

background:#17D7C7;

box-shadow:

0 0 18px #17D7C7;

}


/*=========================================
Titulo
==========================================*/

.qq-cta h2{

font-family:'Bricolage Grotesque',sans-serif;

font-size:clamp(46px,5vw,72px);

font-weight:900;

line-height:.95;

color:white;

margin:0 0 30px;

letter-spacing:-.05em;

}

.qq-cta h2 span{

background:linear-gradient(
90deg,
#FFFFFF,
#DFFBFF
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}


/*=========================================
Texto
==========================================*/

.qq-cta p{

font-size:22px;

line-height:1.6;

color:rgba(255,255,255,.88);

margin-bottom:42px;


}


/*=========================================
Botones
==========================================*/

.qq-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}


/*=========================================
Boton Principal
==========================================*/

.qq-btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

background:white;

border-radius:999px;

font-weight:700;

font-size:18px;

text-decoration:none;

color:#5529F7;

transition:.35s;

}

.qq-btn-primary:hover{

transform:translateY(-4px);

box-shadow:

0 20px 35px rgba(0,0,0,.15);

}


/*=========================================
Boton secundario
==========================================*/

.qq-btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

border-radius:999px;

border:1px solid rgba(255,255,255,.35);

text-decoration:none;

font-size:18px;

font-weight:600;

color:white;

transition:.35s;

background:rgba(255,255,255,.05);

backdrop-filter:blur(12px);

}

.qq-btn-secondary:hover{

background:rgba(255,255,255,.15);

transform:translateY(-4px);

}


/*=========================================
Animacion
==========================================*/

@keyframes gradientMove{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}


/*=========================================
TABLET
==========================================*/

@media(max-width:1024px){

.qq-cta{

padding:60px;

margin:90px 24px;

}

.qq-cta h2{

font-size:56px;

}

.qq-cta p{

font-size:20px;

}

}


/*=========================================
MOBILE
==========================================*/

@media(max-width:767px){

.qq-cta{

padding:40px 28px;

border-radius:24px;

margin:60px 18px;

}

.qq-cta-content{

max-width:100%;

}

.qq-cta h2{

font-size:42px;

line-height:1;

}

.qq-cta p{

font-size:18px;

}

.qq-buttons{

flex-direction:column;

}

.qq-btn-primary,
.qq-btn-secondary{

width:100%;

font-size:17px;

}

}/* End custom CSS */