/* ============================================================
   INTRANET GA - INSTALADOR UNIVERSAL
   ============================================================ */

#gaAppInstallButton {

    position: fixed;

    right: 18px;
    bottom: 66px;

    z-index: 250000;

    height: 42px;

    padding: 0 16px;

    display: none;
    align-items: center;
    justify-content: center;
    gap: 7px;

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

    border-radius:
        11px;

    background:
        #12171d;

    color:
        #f5f7f9;

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        800;

    cursor:
        pointer;

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


#gaAppInstallOverlay {

    position:
        fixed;

    inset:
        0;

    z-index:
        400000;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    background:
        rgba(4,8,11,.78);

    backdrop-filter:
        blur(7px);
}


.ga-app-install-modal {

    width:
        min(
            470px,
            94vw
        );

    padding:
        22px;

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

    border-radius:
        17px;

    background:
        #11171d;

    color:
        #f5f7f9;

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.48);
}


.ga-app-install-head {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        15px;
}


.ga-app-install-brand {

    width:
        58px;

    height:
        58px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        15px;

    border-radius:
        14px;

    background:
        #ffffff;

    color:
        #10151a;

    font-size:
        19px;

    font-weight:
        900;
}


.ga-app-install-modal h2 {

    margin:
        0 0 7px;

    font-size:
        21px;
}


.ga-app-install-modal p {

    margin:
        0;

    color:
        #929da6;

    font-size:
        13px;

    line-height:
        1.55;
}


.ga-app-close {

    width:
        34px;

    height:
        34px;

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

    border-radius:
        8px;

    background:
        transparent;

    color:
        #a4adb5;

    cursor:
        pointer;

    font-size:
        18px;
}


.ga-app-steps {

    margin:
        20px 0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;
}


.ga-app-step {

    display:
        grid;

    grid-template-columns:
        32px 1fr;

    gap:
        10px;

    align-items:
        center;

    padding:
        11px;

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

    border-radius:
        10px;

    background:
        rgba(255,255,255,.025);
}


.ga-app-step strong {

    width:
        28px;

    height:
        28px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        7px;

    background:
        rgba(83,167,225,.10);

    color:
        #86bce3;

    font-size:
        12px;
}


.ga-app-step span {

    color:
        #d9dfe3;

    font-size:
        12px;

    line-height:
        1.4;
}


.ga-app-primary {

    width:
        100%;

    height:
        42px;

    border:
        1px solid
        rgba(68,207,144,.25);

    border-radius:
        10px;

    background:
        rgba(68,207,144,.08);

    color:
        #6edca4;

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        850;

    cursor:
        pointer;
}


/* CLEAN */

html[data-ga-theme="clean"]
#gaAppInstallButton {

    background:
        #ffffff;

    color:
        #26323a;

    border-color:
        #d8e0e5;

    box-shadow:
        0 10px 30px
        rgba(30,45,55,.12);
}


html[data-ga-theme="clean"]
.ga-app-install-modal {

    background:
        #ffffff;

    color:
        #1d2730;

    border-color:
        #dbe3e8;
}


html[data-ga-theme="clean"]
.ga-app-install-modal p {

    color:
        #6a7782;
}


html[data-ga-theme="clean"]
.ga-app-step {

    border-color:
        #e2e7ea;

    background:
        #f7f9fa;
}


html[data-ga-theme="clean"]
.ga-app-step span {

    color:
        #36434d;
}


@media (max-width: 650px) {

    #gaAppInstallButton {

        right:
            12px;

        bottom:
            60px;

        height:
            40px;

        padding:
            0 13px;
    }
}