.roxo {
    color: #9766A6;
}

.roxo-escuro {
    color: #4F3383;
}

.cinza-escuro {
    color: #333333;
}

.cinza {
    color: #707070;
}

.verde-agua {
    color: #00ABC5;
}

.laranja {
    color: #FFA105;
}

.hiper .border-left-yellow.border-cinza {
    border-left: 4px solid #707070 !important;
}
.hiper .border-left-yellow.border-roxo {
    border-left: 4px solid #9766A6 !important;
}

.hiper  .btn-hiper {
    width: 100%;
    color: #4F3383;
    background: transparent;
    border: 2px solid #4F3383 !important;
    border-radius: 18px;
    border-top-right-radius: 0px;
}

.hiper  .btn-hiper:hover {
    background: #4F3383 !important;
    color: #fff;
    border: 2px solid #4F3383 !important;
}

.hiper .api-form .form-select, .api-form .form-control {
    border-bottom: 2px solid #682884;
}

#hiper2.hiper .boxImgForm img {
    position: absolute;
    transform: translateY(-20%);
}

#hiper2.hiper .boxItem img {
    height: 80px;
    object-fit: contain;
}

#hiper3.hiper {
    background-color: #EFEFEF;
}

#hiper3.hiper .boxImgMulher img{
    position: absolute;
    height: 400px;
    transform: translateY(-119px);
    left: 0;   
}

#hiper4.hiper {
    background-color: #4F3383;
    color: #fff;
}

#hiper4.hiper .btn-laranja {
    background-color: #FFCC00;
}
#hiper4.hiper .btn-verde-agua {
    background-color: #00ABC5;
}

#hiper4.hiper .boxImg img {
    position: relative;
    height: 370px;
    margin-top: -65px;    
}
#hiper4.hiper .btn-laranja,
#hiper4.hiper .btn-verde-agua {
    padding: 8px 32px;
    color: #000;
    border-radius: 22px;
}
#hiper5.hiper {
    background-color: #9766A6;
}

#hiper5 .boxSuporte {
    border-bottom: 3px solid #FFA105;
    padding: 12px 0;
}

#hiper5 .boxSuporte span {
    line-height: 25px;
    font-weight: lighter;
    margin-right: 32px;
    font-size: 14px;
}
.hiper .boxMenor {
    min-height: 302px;
}
#hiper5 .boxSuporte img {
    height: 27px;
    width: 27px;
    object-fit: contain;
    filter: brightness(100);
}
#hiper5 .boxPreco .preco {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}
#hiper5 .boxPreco .preco small {
    font-size: 20px;
    position: relative;
    top: -20px;
    color: #fff;
}
#hiper5 .boxAdicionais {
    font-size: 12px;
}
#hiper5 .Opcionais {
    color: #4B3C90;
    position: absolute;
    transform: translate(-35%, -235%) rotate(270deg);
    font-weight: bold;
    font-size: 16px;
    
}
#hiper5 .boxPreco .mes {
    font-size: 14px;
    position: relative;
    left: -20px;
    top: 5px;
    color: #4B3C90;
}

#hiper6 .boxIcones .item {
    padding: 0 18px;
} 
#hiper6 .boxIcones .item p {
    color: #333333;
    margin-top: 18px;
    font-weight: bold;
    font-size: 17px;
}
#hiper6 .boxIcones .item img {
    width: 100px;
    height: 100px;
    object-fit: contain;
} 

#hiper5.boxAtivacao {
    background-color: #EFEFEF;
}

#hiper5.boxAtivacao.hiper .boxMenor {
    min-height: inherit;
}

#hiper5.boxAtivacao .boxPreco .preco {
    color: #4B0843 !important;
}
#hiper5.boxAtivacao .boxPreco.esquerda span {
    float: right;
}
#hiper5.boxAtivacao .boxPreco.direita span {
    float: left;
}
#hiper5.boxAtivacao .boxPreco .preco small {
    color: #4B0843;
}
#hiper5.boxAtivacao .boxPreco .promocao {
    font-size: 14px;
    color: #4B0843;
    position: relative;
    top: 16px;
}

.home__hiper .boxTexto h3 {
    font-size: 31px;

}
.home__hiper .boxTexto p {
    font-size: 20px;
    font-weight: bold;
}

.home__hiper .boxFlutua {
    position: relative;
    left: -13%;
}
.home__hiper .btnAmarelo {
    background-color: #FFCC31;
    padding: 10px 32px;
    color: #682884;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}
.home__hiper .boxImagem {
    max-height: 400px;
    position: relative;
    margin-top: -80px;    
}
.home__hiper .boxIcone {
    background-color: #FE9D2B;
    padding: 36px;
}
.home__hiper .border-left {
    border-left: 3px solid #00ABC5;
    padding-left: 16px;
}

.home__hiper .esquerda {
    background-color: #9766A6;
}
.home__hiper .direita {
    background-color: #682884;
}

#hiper2 {
    position: relative;
    top: -150px;
}

#hiper2 .boxTitulo {
    padding-bottom: 150px;
}
#hiper2  {
    position: relative;
    top: -175px;
}

@media (max-width: 991px) { 
    #hiper3.hiper .boxImgMulher img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: -36px;
    }
    #hiper2.hiper .boxImgForm img {
        position: relative;
        transform: none ;
        left: 50%;
        transform: translateX(-50%);
    }

    .hiper .boxItens p {
        font-size: 13px;
    }

    #hiper4.hiper .text-end {
        margin-top: 16px;
    }
    #hiper4.hiper  {
        padding-right: 36px;
    }

    #hiper2 .boxTitulo {
        padding-bottom: 0;
    }
    #hiper2  {
        position: inherit;
        top: inherit;
    }
    #hiper4.hiper .boxImg img{
        display: none;
    }
}