.elementor-424 .elementor-element.elementor-element-d51ea56{--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-424 .elementor-element.elementor-element-a9a7e62.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-80002d1{--display:flex;--min-height:0px;--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-424 .elementor-element.elementor-element-1597163.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-29dc909{--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:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-f6fc281{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-424 .elementor-element.elementor-element-f6fc281.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-f6fc281 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:12px;letter-spacing:6.9px;color:#01042C;}.elementor-424 .elementor-element.elementor-element-5af31b9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-5af31b9{text-align:center;}.elementor-424 .elementor-element.elementor-element-5af31b9 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:71px;font-weight:900;color:#01042C;}.elementor-424 .elementor-element.elementor-element-3cabba8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-3cabba8{text-align:center;font-family:"Bricolage Grotesque", Sans-serif;}.elementor-424 .elementor-element.elementor-element-039fa01.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-b3e9b9e{--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-424 .elementor-element.elementor-element-664b0f4{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-424 .elementor-element.elementor-element-664b0f4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-664b0f4 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:12px;letter-spacing:6.9px;color:#01042C;}.elementor-424 .elementor-element.elementor-element-0a15b74.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-0a15b74{text-align:center;}.elementor-424 .elementor-element.elementor-element-0a15b74 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:71px;font-weight:900;color:#01042C;}.elementor-424 .elementor-element.elementor-element-43ab374.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-43ab374{text-align:center;font-family:"Bricolage Grotesque", Sans-serif;}.elementor-424 .elementor-element.elementor-element-c8fd002.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-39e367c .elementor-button{background-color:transparent;font-family:"Bricolage Grotesque", Sans-serif;font-size:20px;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(299deg, #00FFCD 0%, #5100FF 100%);}.elementor-424 .elementor-element.elementor-element-39e367c{padding:30px 0px 0px 0px;}.elementor-424 .elementor-element.elementor-element-39e367c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-39e367c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-424 .elementor-element.elementor-element-39e367c .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-424 .elementor-element.elementor-element-fa6c151{--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:50px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-b04effb{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-424 .elementor-element.elementor-element-b04effb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-b04effb .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:12px;letter-spacing:6.9px;color:#01042C;}.elementor-424 .elementor-element.elementor-element-4e8c44e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-4e8c44e{text-align:center;}.elementor-424 .elementor-element.elementor-element-4e8c44e .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:71px;font-weight:900;color:#01042C;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header, 
                .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-list{background-color:#FAFAFA;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover, 
                .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list:not(.active):hover{background-color:#01042C;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active, 
                .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-list.active{background-color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-2b95008.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion{border-radius:20px 20px 20px 20px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper{border-radius:20px 20px 20px 20px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title, 
                .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-title{font-family:"Bricolage Grotesque", Sans-serif;font-weight:500;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;color:#333;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon,
                    .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:10px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header{margin:0px 0px 10px 0px;border-radius:20px 20px 20px 20px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-title{margin:0px 0px 10px 0px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#333;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-content .eael-accordion_media-title{color:#333;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list .eael-accordion_media-icon{color:#333;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{border-radius:20px 20px 20px 20px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#01042C;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#01042C;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-content,
                .elementor-424 .elementor-element.elementor-element-2b95008 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{font-family:"Bricolage Grotesque", Sans-serif;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:16px;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:16px;width:16px;line-height:16px;fill:#444;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:#fff;fill:#fff;}.elementor-424 .elementor-element.elementor-element-2b95008 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:#fff;}.elementor-424 .elementor-element.elementor-element-a98b1f6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-7eb59fe{padding:0px 0px 80px 0px;}.elementor-424 .elementor-element.elementor-element-7eb59fe.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-424 .elementor-element.elementor-element-f6fc281 .elementor-heading-title{font-size:15px;}.elementor-424 .elementor-element.elementor-element-5af31b9 .elementor-heading-title{font-size:52px;}.elementor-424 .elementor-element.elementor-element-664b0f4 .elementor-heading-title{font-size:15px;}.elementor-424 .elementor-element.elementor-element-0a15b74 .elementor-heading-title{font-size:52px;}.elementor-424 .elementor-element.elementor-element-b04effb .elementor-heading-title{font-size:15px;}}/* Start custom CSS for html, class: .elementor-element-a9a7e62 *//* =========================================================
   QUICK QUICK
   HERO SERVICIOS DE DISEÑO
   MISMO TAMAÑO EN TODO EL H1
   WRAP NATURAL / FULL WIDTH / RESPONSIVE
========================================================= */


/* =========================================================
   HERO
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .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: 720px;

    display: flex;

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

    overflow: hidden;

    padding:
        90px
        28px
        80px;

    background:

        radial-gradient(
            circle at 7% 18%,
            rgba(113, 7, 187, .28) 0%,
            rgba(113, 7, 187, .13) 18%,
            rgba(113, 7, 187, .04) 35%,
            transparent 52%
        ),

        radial-gradient(
            circle at 94% 18%,
            rgba(15, 197, 186, .30) 0%,
            rgba(15, 197, 186, .13) 20%,
            rgba(0, 153, 255, .04) 38%,
            transparent 54%
        ),

        radial-gradient(
            circle at 50% 105%,
            rgba(37, 99, 255, .08) 0%,
            transparent 42%
        ),

        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfbff 48%,
            #f8fbff 100%
        );

    isolation: isolate;

    box-sizing: border-box;
}


/* =========================================================
   RESET ELEMENTOR
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero > *:first-child {
    margin-top: 0;
}


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

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    left: -260px;
    top: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(106, 27, 255, .18) 0%,
            rgba(106, 27, 255, .08) 38%,
            transparent 70%
        );

    filter: blur(18px);

    pointer-events: none;

    z-index: -1;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero::after {
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

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

    border-radius: 50%;

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

    filter: blur(18px);

    pointer-events: none;

    z-index: -1;
}


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

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero-inner {
    position: relative;

    z-index: 2;

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

    margin:
        0
        auto;

    text-align: center;

    box-sizing: border-box;
}


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

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-eyebrow {
    display: inline-flex;

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

    gap: 10px;

    margin-bottom: 28px;

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

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

    line-height: 1.4;

    letter-spacing: .26em;

    text-transform: uppercase;

    color: #01042C;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-eyebrow-dot {
    flex: 0 0 auto;

    width: 8px;
    height: 8px;

    border-radius: 50%;

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

    box-shadow:
        0 0 14px
        rgba(75, 45, 255, .35);
}


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

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-title {

    /*
     * UNA SOLA ESCALA PARA TODO EL TITULAR
     */
    --qq-title-size:
        clamp(
            74px,
            6.4vw,
            116px
        );

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

    margin:
        0
        auto;

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

    text-align: center;

    color: #01042C;

    font-size:
        var(--qq-title-size);

    line-height: .95;

    letter-spacing: -0.055em;

    text-wrap: balance;

    box-sizing: border-box;
}


/* =========================================================
   TODOS LOS FRAGMENTOS
   MISMO TAMAÑO
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-main,
.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-gradient,
.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-soft {
    display: inline;

    width: auto;
    max-width: none;

    margin: 0;

    font-size: 1em;

    line-height: inherit;

    white-space: normal;

    word-break: normal;

    overflow-wrap: normal;
}


/* =========================================================
   NIVEL 1 — NAVY BOLD
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-main {
    color: #01042C;

    font-weight: 900;

    letter-spacing: -0.055em;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-main::after {
    content: " ";
}


/* =========================================================
   NIVEL 2 — GRADIENTE BOLD
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-gradient {
    font-weight: 900;

    letter-spacing: -0.055em;

    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;

    padding-right: .05em;

    filter:
        drop-shadow(
            0 8px 18px
            rgba(75, 45, 255, .07)
        );
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-gradient::after {
    content: " ";
}


/* =========================================================
   NIVEL 3 — NAVY FINO
   MISMO TAMAÑO
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-soft {
    color: #01042C;

    font-weight: 350;

    letter-spacing: -0.045em;
}


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

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-subtitle {
    width: 100%;

    max-width: 900px;

    margin:
        40px
        auto
        0;

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

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

    line-height: 1.55;

    color: #4E5266;

    text-wrap: balance;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-subtitle-break {
    display: block;

    height: 18px;
}


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

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-actions {
    display: flex;

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

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 32px;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn {
    display: inline-flex;

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

    gap: 12px;

    min-height: 50px;

    padding:
        0
        24px;

    border-radius: 999px;

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

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

    line-height: 1;

    text-decoration: none;

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


/* =========================================================
   CTA PRINCIPAL
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-primary {
    color: #ffffff;

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

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


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-primary span {
    color: #ffffff;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-arrow {
    font-size: 21px;

    transition:
        transform .3s ease;
}


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-primary:hover {
    color: #ffffff;

    transform:
        translateY(-3px);

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


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-primary:hover
.qq-logo-btn-arrow {
    transform:
        translateX(4px);
}


/* =========================================================
   CTA SECUNDARIO
========================================================= */

.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-secondary {
    color: #01042C;

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

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

    backdrop-filter:
        blur(10px);

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


.elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn-secondary:hover {
    color: #01042C;

    transform:
        translateY(-3px);

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

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

    box-shadow:
        0 10px 25px
        rgba(75, 45, 255, .10);
}


/* =========================================================
   DESKTOP GRANDE
   1600px+
========================================================= */

@media (min-width: 1600px) {

    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero {
        min-height: 760px;

        padding:
            100px
            28px
            90px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-title {
        --qq-title-size:
            clamp(
                100px,
                6vw,
                122px
            );

        max-width: 1380px;
    }

}


/* =========================================================
   LAPTOP
   1025px — 1399px
========================================================= */

@media
(max-width: 1399px)
and
(min-width: 1025px) {

    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-title {
        --qq-title-size:
            clamp(
                68px,
                6.2vw,
                86px
            );

        max-width: 1080px;
    }

}


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

@media (max-width: 1024px) {

    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero {
        min-height: 650px;

        padding:
            80px
            32px
            70px;

        margin-top: -10px !important;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero-inner {
        max-width: 900px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-eyebrow {
        margin-bottom: 24px;

        font-size: 10px;

        letter-spacing: .21em;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-title {
        --qq-title-size:
            clamp(
                54px,
                7.5vw,
                72px
            );

        max-width: 820px;

        line-height: .97;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-subtitle {
        max-width: 720px;

        margin-top: 32px;

        font-size: 17px;
    }

}


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

@media (max-width: 767px) {

    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero {
        min-height: auto;

        margin-top: -10px !important;

        padding:
            68px
            20px
            58px;

        background:

            radial-gradient(
                circle at 0% 12%,
                rgba(113, 7, 187, .20),
                transparent 40%
            ),

            radial-gradient(
                circle at 100% 18%,
                rgba(15, 197, 186, .20),
                transparent 42%
            ),

            linear-gradient(
                180deg,
                #ffffff 0%,
                #fafbff 100%
            );
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-eyebrow {
        max-width: 94%;

        margin-bottom: 22px;

        font-size: 9px;

        line-height: 1.55;

        letter-spacing: .15em;

        text-align: center;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-title {
        --qq-title-size:
            clamp(
                40px,
                11vw,
                58px
            );

        max-width: 100%;

        line-height: .99;

        letter-spacing: -0.04em;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-main,
    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-gradient {
        font-weight: 900;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-title-soft {
        font-weight: 350;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-subtitle {
        max-width: 92%;

        margin-top: 28px;

        font-size: 15px;

        line-height: 1.5;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-subtitle-break {
        height: 14px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-actions {
        flex-direction: column;

        gap: 10px;

        margin-top: 27px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn {
        width: 100%;

        max-width: 350px;
    }

}


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

@media (max-width: 420px) {

    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-hero {
        margin-top: -10px !important;

        padding:
            58px
            16px
            50px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-title {
        --qq-title-size: 39px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-subtitle {
        font-size: 14px;
    }


    .elementor-424 .elementor-element.elementor-element-a9a7e62 .qq-logo-btn {
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1597163 */<style>

/* RESET */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* MARQUEE */

.marquee{
    width:100%;
    overflow:hidden;
    background:#ffffff;
    padding:20px 0;
    border-top:1px solid #ECECEC;
    border-bottom:1px solid #ECECEC;
    position:relative;
}

/* CONTENIDO */

.marquee-content{
    display:flex;
    align-items:center;
    width:max-content;
    animation:scroll 55s linear infinite;
    will-change:transform;
}

/* PAUSA AL PASAR EL MOUSE */

.marquee:hover .marquee-content{
    animation-play-state:paused;
}

/* TEXTO */

.marquee-content span{

    font-family:"Bricolage Grotesque",sans-serif;
    font-size:58px;
    font-weight:700;
    line-height:1;

    letter-spacing:-3px;

    color:#0F1226;

    white-space:nowrap;

    display:flex;
    align-items:center;

    margin-right:80px;

}

/* SEPARADOR */

.marquee-content span::after{

    content:"●";

    margin-left:80px;

    font-size:18px;

    color:#0055FF;

    opacity:.9;

}

/* ANIMACIÓN */

@keyframes scroll{

    from{
        transform:translate3d(0,0,0);
    }

    to{
        transform:translate3d(-50%,0,0);
    }

}

/* TABLET */

@media (max-width:1024px){

.marquee{

    padding:18px 0;

}

.marquee-content span{

    font-size:46px;

    margin-right:60px;

    letter-spacing:-2px;

}

.marquee-content span::after{

    margin-left:60px;

    font-size:16px;

}

}

/* MÓVIL */

@media (max-width:767px){

.marquee{

    padding:14px 0;

}

.marquee-content span{

    font-size:32px;

    margin-right:40px;

    letter-spacing:-1px;

}

.marquee-content span::after{

    margin-left:40px;

    font-size:14px;

}

}

</style>/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5af31b9 */.elementor-424 .elementor-element.elementor-element-5af31b9 .qq-gradient{
    background: linear-gradient(
        90deg,
        #7107BB 0%,
        #4B2DFF 25%,
        #0055FF 60%,
        #0FC5BA 100%
    );

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

    -webkit-text-fill-color: transparent;
    color: transparent;

    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-039fa01 *//* =========================================================
   QUICK QUICK — PLANES
   DESKTOP/TABLET 2x2 / MOBILE 1 COLUMNA
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;

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

    margin: 0 auto;

    align-items: stretch;
}


/* =========================================================
   CARD BASE
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 430px;

    padding: 34px 32px 30px;

    overflow: hidden;
    isolation: isolate;

    border-radius: 28px;

    color: #ffffff;

    box-shadow:
        0 18px 42px rgba(30, 25, 120, .16);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        filter .4s ease;
}


/* =========================================================
   GRADIENTES INDIVIDUALES
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-piece {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,255,255,.16),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #5317C8 0%,
            #6C2BEF 45%,
            #315EF5 100%
        );
}


.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-hours {
    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(255,255,255,.18),
            transparent 34%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(33,230,210,.24),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #6D12D7 0%,
            #5B27F0 30%,
            #176AF7 63%,
            #10BFC4 100%
        );

    box-shadow:
        0 26px 58px rgba(64,35,200,.24);
}


.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-dedicated {
    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(22,214,198,.20),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #3126BE 0%,
            #2849E8 45%,
            #0D91DA 100%
        );
}


.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-project {
    background:
        radial-gradient(
            circle at 0% 100%,
            rgba(15,197,186,.18),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #6313C7 0%,
            #4734E5 45%,
            #0A79E3 100%
        );
}


/* =========================================================
   HALO
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    top: -145px;
    right: -95px;

    border-radius: 50%;

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

    z-index: -1;

    transition: transform .45s ease;
}


/* =========================================================
   LÍNEA INFERIOR
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card::after {
    content: "";

    position: absolute;

    left: 32px;
    bottom: 0;

    width: 78px;
    height: 4px;

    border-radius: 8px 8px 0 0;

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

    transition: width .4s ease;
}


/* =========================================================
   BADGE — MÁS ELEGIDO
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-badge {
    position: absolute;

    top: 20px;
    left: 30px;

    z-index: 5;

    display: inline-flex;
    align-items: center;

    min-height: 29px;

    padding: 0 12px;

    border-radius: 999px;

    background: #ffffff;

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

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .14em;

    color: #4B2DFF;

    box-shadow:
        0 8px 20px rgba(0,0,0,.12);
}


/* =========================================================
   NÚMERO
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-number {
    position: absolute;

    top: 22px;
    right: 26px;

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

    font-size: 72px;
    font-weight: 900;

    line-height: .9;

    letter-spacing: -.07em;

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

    pointer-events: none;
}


/* =========================================================
   CONTENT
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-content {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    padding-top: 78px;

    z-index: 2;
}


/* =========================================================
   LABEL
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-label {
    display: block;

    margin-bottom: 12px;

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

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .16em;

    color: rgba(255,255,255,.68);
}


/* =========================================================
   TITLE
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h3 {
    margin: 0 0 12px;

    max-width: 85%;

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

    font-size: 31px;
    font-weight: 850;

    line-height: 1;

    letter-spacing: -.04em;

    color: #ffffff;
}


/* =========================================================
   SUBTITLE
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h4 {
    margin: 0 0 18px;

    max-width: 90%;

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

    font-size: 15px;
    font-weight: 650;

    line-height: 1.35;

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


/* =========================================================
   TEXT
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card p {
    margin: 0 0 22px;

    max-width: 92%;

    font-size: 14px;
    line-height: 1.58;

    color: rgba(255,255,255,.74);
}


/* =========================================================
   IDEAL PARA
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-ideal {
    margin-bottom: 26px;

    padding: 15px 16px;

    border-radius: 15px;

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

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

    font-size: 12.5px;
    line-height: 1.5;

    color: rgba(255,255,255,.72);
}


.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-ideal strong {
    color: #ffffff;

    font-weight: 750;
}


/* =========================================================
   CTA
========================================================= */

.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    width: fit-content;
    max-width: 100%;

    margin-top: auto;

    padding: 13px 17px;

    border-radius: 999px;

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

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

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

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

    line-height: 1.1;

    color: #ffffff !important;

    text-decoration: none !important;

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

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}


.elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-cta span {
    flex: 0 0 auto;

    font-size: 17px;
}


/* =========================================================
   HOVER — CAMBIO DE COLOR
========================================================= */

@media (hover:hover) {

    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card:hover {
        transform: translateY(-8px);

        box-shadow:
            0 28px 58px rgba(40,30,180,.26);
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card:hover::before {
        transform: scale(1.35);
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card:hover::after {
        width: calc(100% - 64px);
    }


    /* 01 */
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-piece:hover {
        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(255,255,255,.18),
                transparent 34%
            ),
            linear-gradient(
                145deg,
                #4018C9 0%,
                #3154F5 48%,
                #0B9BE7 100%
            );
    }


    /* 02 */
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-hours:hover {
        background:
            radial-gradient(
                circle at 100% 100%,
                rgba(255,255,255,.18),
                transparent 36%
            ),
            linear-gradient(
                145deg,
                #6717D5 0%,
                #413EF5 32%,
                #1187EE 64%,
                #0FD0BF 100%
            );
    }


    /* 03 */
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-dedicated:hover {
        background:
            radial-gradient(
                circle at 100% 100%,
                rgba(22,214,198,.18),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                #5A18C9 0%,
                #403BEF 45%,
                #0F8EE2 100%
            );
    }


    /* 04 */
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-project:hover {
        background:
            radial-gradient(
                circle at 0% 100%,
                rgba(15,197,186,.22),
                transparent 40%
            ),
            linear-gradient(
                145deg,
                #7313D8 0%,
                #4A34F0 40%,
                #0B82E9 75%,
                #10C9C0 100%
            );
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card:hover .qq-plan-cta {
        transform: translateX(3px);

        background: #ffffff;

        color: #3824D6 !important;
    }

}


/* =========================================================
   TABLET
   SIGUE EN 2 COLUMNAS
========================================================= */

@media (max-width:1024px) {

    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));

        gap: 16px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card {
        min-height: 430px;

        padding: 30px 26px 27px;

        border-radius: 24px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h3 {
        font-size: 27px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h4 {
        font-size: 14px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card p {
        font-size: 13.5px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-number {
        font-size: 62px;
    }

}


/* =========================================================
   MOBILE — 1 COLUMNA
========================================================= */

@media (max-width:767px) {

    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card {
        min-height: auto;

        padding: 26px 22px 23px;

        border-radius: 21px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-content {
        padding-top: 60px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-number {
        top: 17px;
        right: 19px;

        font-size: 50px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-badge {
        top: 17px;
        left: 21px;

        min-height: 25px;

        font-size: 7.5px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card::after {
        left: 22px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h3 {
        max-width: 85%;

        font-size: 23px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h4 {
        font-size: 13px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card p {
        max-width: 94%;

        font-size: 13px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-ideal {
        font-size: 11.5px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-cta {
        font-size: 11px;
    }

}


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

@media (max-width:420px) {

    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card {
        padding: 24px 19px 21px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card h3 {
        font-size: 21px;
    }


    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card p {
        font-size: 12.5px;
    }

}


/* =========================================================
   ACCESIBILIDAD — REDUCIR MOVIMIENTO
========================================================= */

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

    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card,
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card::before,
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-card::after,
    .elementor-424 .elementor-element.elementor-element-039fa01 .qq-plan-cta {
        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0a15b74 */.elementor-424 .elementor-element.elementor-element-0a15b74 .qq-gradient{
    background: linear-gradient(
        90deg,
        #7107BB 0%,
        #4B2DFF 25%,
        #0055FF 60%,
        #0FC5BA 100%
    );

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

    -webkit-text-fill-color: transparent;
    color: transparent;

    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8fd002 *//* =========================================================
   QUICK QUICK — TABLA COMPARATIVA
   VERSIÓN CORREGIDA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-wrap {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
}


/* =========================================================
   CONTENEDOR TABLA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-scroll {
    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    border-radius: 26px;

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

    background: #ffffff;

    box-shadow:
        0 18px 42px rgba(1,4,44,.07);

    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   TABLA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table {
    width: 100%;
    min-width: 920px;

    table-layout: fixed;

    border-collapse: separate;
    border-spacing: 0;

    box-sizing: border-box;

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


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table *,
.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table *::before,
.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table *::after {
    box-sizing: border-box;
}


/* =========================================================
   ANCHOS EXACTOS
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table col.qq-col-feature {
    width: 22%;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table col.qq-col-plan {
    width: 19.5%;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table th,
.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table td {
    width: auto;
}


/* =========================================================
   HEADER
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table thead th {
    position: relative;

    height: 118px;

    padding: 22px 16px;

    vertical-align: bottom;

    background: #01042C;

    border-right: 1px solid rgba(255,255,255,.10);
    border-bottom: 0;

    font-size: 15px;
    font-weight: 750;

    line-height: 1.15;

    letter-spacing: -.02em;

    text-align: center;

    color: #ffffff;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table thead th:first-child {
    border-radius: 25px 0 0 0;

    text-align: left;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(113,7,187,.30),
            transparent 50%
        ),
        #01042C;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table thead th:last-child {
    border-radius: 0 25px 0 0;

    border-right: 0;
}


/* =========================================================
   PRIMER HEADER
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-feature-head {
    padding-left: 20px !important;

    font-size: 22px !important;
    font-weight: 800 !important;

    letter-spacing: -.035em !important;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-feature-head > span {
    display: block;

    margin-bottom: 8px;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .17em;

    color: #9E91FF;
}


/* =========================================================
   NÚMEROS
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-plan-mini {
    display: block;

    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: .08em;

    color: rgba(255,255,255,.42);
}


/* =========================================================
   BANCO DE HORAS — HEADER
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table thead .qq-hours-head {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(15,197,186,.32),
            transparent 50%
        ),
        linear-gradient(
            145deg,
            #6A14D5 0%,
            #4B2DFF 36%,
            #096DDE 72%,
            #0BAFAF 100%
        );
}


/* =========================================================
   BADGE MÁS ELEGIDO
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-most-chosen {
    position: absolute;

    top: 14px;
    left: 50%;

    transform: translateX(-50%);

    display: inline-flex;

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

    min-height: 23px;

    padding: 0 9px;

    white-space: nowrap;

    border-radius: 999px;

    background: #ffffff;

    font-size: 7px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: .13em;

    color: #4B2DFF;

    box-shadow:
        0 6px 14px rgba(0,0,0,.10);
}


/* =========================================================
   BODY
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody td {
    height: 68px;

    padding: 14px 16px;

    border-right: 1px solid rgba(1,4,44,.10);
    border-bottom: 1px solid rgba(1,4,44,.10);

    background: #ffffff;

    text-align: center;

    vertical-align: middle;

    font-size: 13px;

    color: #55596B;

    transition:
        background .25s ease,
        color .25s ease;
}


/* =========================================================
   PRIMERA COLUMNA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody td:first-child {
    padding-left: 20px;

    text-align: left;

    font-size: 13px;
    font-weight: 650;

    line-height: 1.3;

    color: #01042C;

    background: #FAFAFD;
}


/* =========================================================
   BORDES
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody td:last-child {
    border-right: 0;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:last-child td {
    border-bottom: 0;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 25px;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:last-child td:last-child {
    border-radius: 0 0 25px 0;
}


/* =========================================================
   BANCO DE HORAS — COLUMNA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody .qq-hours-cell {
    background:
        linear-gradient(
            180deg,
            rgba(75,45,255,.045),
            rgba(15,197,186,.035)
        );
}


/* =========================================================
   CHECK
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-check {
    display: inline-flex;

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

    width: 30px;
    height: 30px;

    border-radius: 50%;

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

    box-shadow:
        0 6px 15px rgba(75,45,255,.16);

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

    color: #ffffff;
}


/* =========================================================
   NO
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-no {
    display: inline-flex;

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

    width: 30px;
    height: 30px;

    font-size: 17px;

    color: #C1C3CC;
}


/* =========================================================
   TEXTO ESPECIAL
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-text-value {
    display: inline-flex;

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

    padding: 7px 10px;

    border-radius: 999px;

    background: #F1F0FA;

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

    line-height: 1;

    white-space: nowrap;

    color: #4B2DFF;
}


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

@media (hover:hover) {

    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:hover td {
        background: #F8F8FC;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:hover .qq-hours-cell {
        background:
            linear-gradient(
                90deg,
                rgba(75,45,255,.09),
                rgba(15,197,186,.07)
            );
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:hover td:first-child {
        color: #4B2DFF;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-check {
        transition:
            transform .25s ease,
            box-shadow .25s ease;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody tr:hover .qq-check {
        transform: scale(1.08);

        box-shadow:
            0 8px 18px rgba(75,45,255,.23);
    }

}


/* =========================================================
   INDICACIÓN MOBILE
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-table-swipe {
    display: none;

    margin-top: 10px;

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

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

    letter-spacing: .08em;

    text-align: center;

    color: #777A8B;
}


/* =========================================================
   CTA INFERIOR
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help {
    position: relative;

    display: grid;
    grid-template-columns: minmax(0,1fr) auto;

    align-items: center;

    gap: 40px;

    margin-top: 22px;

    padding: 38px 40px;

    overflow: hidden;
    isolation: isolate;

    border-radius: 26px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(124,38,255,.35),
            transparent 36%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(15,197,186,.28),
            transparent 40%
        ),
        linear-gradient(
            120deg,
            #21085E 0%,
            #3C20B6 38%,
            #075FD2 72%,
            #079DAD 100%
        );

    box-shadow:
        0 18px 42px rgba(42,28,170,.16);
}


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

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-eyebrow {
    display: block;

    margin-bottom: 10px;

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

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .17em;

    color: rgba(255,255,255,.60);
}


/* =========================================================
   H3 CTA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help h3 {
    margin: 0 0 12px;

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

    font-size: clamp(29px, 3vw, 42px);
    font-weight: 850;

    line-height: .98;

    letter-spacing: -.045em;

    color: #ffffff;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help h3 span {
    color: #8FF5E9;
}


/* =========================================================
   TEXTO CTA
========================================================= */

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help p {
    max-width: 760px;

    margin: 0;

    font-size: 13.5px;
    line-height: 1.58;

    color: rgba(255,255,255,.72);
}


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

.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-btn {
    display: inline-flex;

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

    gap: 12px;

    min-height: 48px;

    padding: 0 19px;

    white-space: nowrap;

    border-radius: 999px;

    background: #ffffff;

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

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

    color: #3925D5 !important;

    text-decoration: none !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.12);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-btn span {
    font-size: 17px;
}


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

@media (hover:hover) {

    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-btn:hover {
        transform: translateY(-3px);

        box-shadow:
            0 15px 30px rgba(0,0,0,.18);
    }

}


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

@media (max-width:1024px) {

    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-scroll {
        border-radius: 22px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help {
        gap: 25px;

        padding: 32px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help p {
        max-width: 620px;

        font-size: 13px;
    }

}


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

@media (max-width:767px) {

    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-scroll {
        border-radius: 18px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table {
        min-width: 820px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table thead th {
        height: 105px;

        padding: 20px 12px;

        font-size: 13px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-feature-head {
        padding-left: 16px !important;

        font-size: 19px !important;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody td {
        height: 62px;

        padding: 12px;

        font-size: 12px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table tbody td:first-child {
        padding-left: 16px;

        font-size: 12px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-check {
        width: 27px;
        height: 27px;

        font-size: 12px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-text-value {
        font-size: 9px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-table-swipe {
        display: block;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help {
        grid-template-columns: 1fr;

        gap: 23px;

        margin-top: 18px;

        padding: 28px 23px;

        border-radius: 20px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help h3 {
        font-size: 30px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help p {
        font-size: 12.5px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help-action {
        width: 100%;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-btn {
        width: 100%;

        min-height: 46px;
    }

}


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

@media (max-width:420px) {

    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-table {
        min-width: 780px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help {
        padding: 25px 20px;
    }


    .elementor-424 .elementor-element.elementor-element-c8fd002 .qq-compare-help h3 {
        font-size: 27px;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4e8c44e */.elementor-424 .elementor-element.elementor-element-4e8c44e .qq-gradient{
    background: linear-gradient(
        90deg,
        #6D0FEA 0%,
        #5238F5 20%,
        #1E63FF 48%,
        #1296E8 75%,
        #15D1B3 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;

    display:inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7eb59fe *//*=========================================
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 */