.containerPrecos {
    padding-top: 3rem;
    padding-bottom: 6rem;
    display: flex;
    align-items: start;
    gap: 2rem;
}

.containerPrecos .left {
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
}

.containerPrecos .left .boxPreco,
.containerPrecos .right .precosBottom .boxPreco {
    position: relative;
    padding: 2rem;
    overflow: hidden;
    border-radius: 1.6rem;
    background: #f1f1f5;
}

.containerPrecos .left .boxPreco .titleBox {
    font-size: 2.5rem;
    margin-bottom: 4rem;
    font-weight: 500;
    color: #3f87f3;
}

.containerPrecos .left .boxPreco .subTitleBox {
    font-size: 1.75rem;
    color: #222;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 2rem;
}

.containerPrecos .left .boxPreco .textBox {
    margin-bottom: 2rem;
    color: #868686;
    line-height: 1.4;
}

.containerPrecos .left .boxPreco .btnPreco {
    box-shadow: 0 4px 20px #4088f3;
    border-radius: 2rem;
    padding: 0.75rem 1.5rem;
    background: #4088f3;
    display: inline-block;
}

.containerPrecos .left .boxPreco .image {
    height: 15.938rem;
}

.containerPrecos .left .boxPreco .image img {
    width: 12.5rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.containerPrecos .right {
    display: flex;
    flex-direction: column;
}

.containerPrecos .right .topTitle {
    margin-bottom: 4rem;
}

.containerPrecos .right .topTitle .title {
    font-size: 2.5rem;
    color: #222;
    font-weight: 500;
}

.containerPrecos .right .precosBottom {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.containerPrecos .right .precosBottom .boxPreco {
    width: 100%;
    max-width: 23.875rem;
    background: #fff;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

.containerPrecos .right .precosBottom .boxPreco .card .tagTop {
    padding: 0.8rem 1rem 0.6rem;
    border-radius: 2rem;
    line-height: 0.8;
    display: inline-block;
    margin-left: -0.8rem;
    font-size: 1.1rem;
    background: #f1f1f5 !important;
    margin-bottom: 2rem;
}

.containerPrecos .right .precosBottom .boxPreco .valor .textValor {
    font-size: 2rem;
    color: #689ff2;
    font-weight: 500;
}

.containerPrecos .right .precosBottom .boxPreco .valor .textTeste {
    color: #868686;
}

.containerPrecos .right .precosBottom .boxPreco .textPreco {
    margin: 1rem 0 2rem 0;
    color: #868686;
    line-height: 1.4;
}

.containerPrecos .right .precosBottom .boxPreco .listPreco {
    margin-bottom: 2rem;
}

.containerPrecos .right .precosBottom .boxPreco .listPreco li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.containerPrecos .right .precosBottom .boxPreco .listPreco li:not(:last-child) {
    margin-bottom: 8px;
}

.containerPrecos .right .precosBottom .boxPreco .listPreco li i {
    font-size: 1.6rem;
}

.containerPrecos .right .precosBottom .boxPreco .btnTeste {
    width: 100%;
    display: block;
    background: #f1f1f5;
    text-align: center;
    padding: 12px 24px;
    border-radius: 2rem;
    color: #222;
}

.containerPrecos .right .precosBottom .boxPrecoBlue {
    background: #689ff2;
}

.containerPrecos .right .precosBottom .boxPrecoBlue .card .tagTopWhite {
    background: #fff;
}

.containerPrecos .right .precosBottom .boxPrecoBlue .textWhite,
.containerPrecos .right .precosBottom .boxPrecoBlue .valor .textWhite {
    color: #fff;
}

@media (max-width: 1110px) {
    .containerPrecos {
        flex-direction: column;
    }
    .containerPrecos .left {
        width: 100%;
        max-width: 100%;
    }
    .containerPrecos .left .boxPreco {
        height: 19.813rem;
    }
    .containerPrecos .left .boxPreco .titleBox,
    .containerPrecos .left .boxPreco .textBox,
    .containerPrecos .left .boxPreco .subTitleBox {
        margin-bottom: 1rem;
    }
    .containerPrecos .left .boxPreco .subTitleBox {
        max-width: 32.125rem;
    }
    .containerPrecos .right .precosBottom .boxPreco,
    .containerPrecos .precosBottom .right .boxPrecoBlue {
        flex: 0 0 49%;
        max-width: 50%;
    }
}

@media (max-width: 940px) {
    .containerPrecos .right .precosBottom .boxPrecoBlue {
        background: #3569b7;
    }
    .containerPrecos .right .topTitle .title {
        color: #fff;
    }
    .containerPrecos .right {
        margin-top: 2rem;
    }
}

@media (max-width: 800px) {
    .containerPrecos .right .precosBottom {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }
    .containerPrecos .right .precosBottom .boxPreco,
    .containerPrecos .precosBottom .right .boxPrecoBlue {
        max-width: 100%;
    }
    .containerPrecos .left .boxPreco .titleBox {
        font-size: 2rem;
    }
    .containerPrecos .left .boxPreco .subTitleBox {
        max-width: 20.125rem;
        font-size: 1.3rem;
    }
    .containerPrecos .left .boxPreco .textBox {
        font-size: 0.9rem;
    }
    .containerPrecos .left .boxPreco .image img {
        width: 10.5rem;
    }
    .containerPrecos .left .boxPreco {
        height: 17.813rem;
    }
    .containerPrecos .right .topTitle .title {
        font-size: 2rem;
    }
}

@media (max-width: 620px) {
    .containerPrecos .left .boxPreco .image {
        display: none;
    }
}

@media (max-width: 430px){
    .containerPrecos .left .boxPreco {
        height: 19.813rem;
    }
}