.main-one {
    position: relative;
}

.burbuja__icon {
    position: fixed;
    top: 80vh;
    left: calc(100vw - 75px);
    z-index: 3;
    display: none;
    cursor: pointer;
}

.burbuja__icon.showElement {
    display: block;
}

.burbuja__icon:hover .fill-color {
    fill: #326700;
}


/*Formulario*/

.form-test-burbuja {
    position: fixed;
    top: 30px;
    left: 0;
    z-index: 7;
    width: 100%;
    display: none;
}

.form-test-burbuja.form-active {
    display: block;
    z-index: 14;
}

.form-test-burbuja.form-inactive {
    display: none;
}

.form-test-burbuja .banner-form {
    max-height: 100%;
}

.form-test-burbuja .banner-form__containter {
    padding: 8px 16px 20px;
}

.icon-close__container {
    text-align: right;
    padding-right: 16px;
    padding-top: 16px;
}

.banner-form__icon-close {
    cursor: pointer;
}


/*velo overlay*/

.velo-burbuja.open {
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
    background: RGBA(54, 54, 54, .8);
    height: 100%;
    width: 100%;
    z-index: 7;
}

.velo-burbuja.open-privacidad {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: RGBA(54, 54, 54, .8);
    height: 100%;
    width: 100%;
    z-index: 13;
}

.velo-burbuja.open-privacidad-up {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: RGBA(54, 54, 54, .8);
    height: 100%;
    width: 100%;
    z-index: 18;
}

.velo-burbuja.close {
    display: none;
}

@media screen and (min-width: 768px) {
    .form-test-burbuja .banner-form {
        position: absolute;
        top: 0;
        right: 0;
    }
    .form-test-burbuja {
        left: calc(-48% + 130px);
        top: 100px;
    }
    .form-test-burbuja .banner-form {
        max-height: initial;
    }
}

@media screen and (min-width: 970px) {
    .form-test-burbuja {
        top: 100px;
        left: calc(-50% + 130px);
    }
    .form-test-burbuja .banner-form__ring-pool {
        display: flex;
        justify-content: center;
    }
    .form-test-burbuja .banner-form .paragraph__container {
        border-top: solid 1px currentColor;
    }
    .form-test-burbuja .banner-form {
        border-radius: 6px;
    }
    .form-test-burbuja .banner-form__outgoingcall {
        padding: 0 8px 10px;
    }
    .burbuja__icon {
        top: 65vh;
    }
}

@media screen and (min-width: 1280px) {
    .burbuja__icon {
        top: 78vh;
    }
    .burbuja__icon {
        left: calc(100vw - 85px);
    }
}