body {
    background-color: rgb(var(--cor-de-fundo)) !important;
    font-family: var(--outros-textos) !important;
    margin: 0 !important;
    position: relative !important;
    overflow-x: hidden !important;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (max-width: 767px) {
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
}

h1 {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-titulos-e-banners);
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-titulo);
}

h2 {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-titulos-e-banners);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-titulo);
}

h3 {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-titulos-e-banners);
    font-size: 22px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
}

h4 {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
}

h5 {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
}

h6 {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
}

p {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
}

/*****
******
* HR *
******
******/
hr {
    border: 0;
    border-top: 1px solid rgba(var(--cor-de-textos), 0.1);
    margin-bottom: 10px;
    margin-top: 10px;
}

/*********
**********
* BUTTON *
**********
**********/
button {
    box-shadow: none !important;
    /* SEM BORDA QUANDO CLICA */
    outline: none !important;
    /* SEM BORDA QUANDO CLICA */
}

/*******
********
* BTNS *
********
********/
.btn {
    background-image: none !important;
    border: 1px solid transparent;
    border-radius: var(--borda) !important;
    box-shadow: none !important;
    /* SEM BORDA QUANDO CLICA */
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 45px !important;
    line-height: 1.42857143 !important;
    margin-bottom: 0 !important;
    outline: none !important;
    /* SEM BORDA QUANDO CLICA */
    padding: 12px 15px !important;
    text-align: center !important;
    text-transform: var(--transformar-outros-textos) !important;
    touch-action: manipulation !important;
    user-select: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    -ms-touch-action: manipulation !important;
    -ms-user-select: none !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
}

/* BTN PESQUISAR */
.btn-search {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--cor-secundaria-da-marca));
}

.btn-search:focus,
.btn-search.focus {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--cor-secundaria-da-marca));
}

.btn-search:hover {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--cor-secundaria-da-marca));
}

.btn-search:active,
.btn-search.active,
.open>.dropdown-toggle.btn-search {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--cor-secundaria-da-marca));
}

.btn-search:active:hover,
.btn-search.active:hover,
.open>.dropdown-toggle.btn-search:hover,
.btn-search:active:focus,
.btn-search.active:focus,
.open>.dropdown-toggle.btn-search:focus,
.btn-search:active.focus,
.btn-search.active.focus,
.open>.dropdown-toggle.btn-search.focus {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--cor-secundaria-da-marca));
}

.btn-search:active,
.btn-search.active,
.open>.dropdown-toggle.btn-search {
    background-image: none;
}

.btn-search.disabled,
.btn-search[disabled],
fieldset[disabled] .btn-search,
.btn-search.disabled:hover,
.btn-search[disabled]:hover,
fieldset[disabled] .btn-search:hover,
.btn-search.disabled:focus,
.btn-search[disabled]:focus,
fieldset[disabled] .btn-search:focus,
.btn-search.disabled.focus,
.btn-search[disabled].focus,
fieldset[disabled] .btn-search.focus,
.btn-search.disabled:active,
.btn-search[disabled]:active,
fieldset[disabled] .btn-search:active,
.btn-search.disabled.active,
.btn-search[disabled].active,
fieldset[disabled] .btn-search.active {
    background-color: transparent;
    border-color: transparent;
}

.btn-search .badge {
    background-color: transparent;
    color: rgb(var(--cor-secundaria-da-marca));
}

/* BTN LOGIN (DROPDOWN LOGIN) */
.btn-login-cliente {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
}

.btn-login-cliente:focus,
.btn-login-cliente.focus {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
}

.btn-login-cliente:hover {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
}

.btn-login-cliente:active,
.btn-login-cliente.active,
.open>.dropdown-toggle.btn-login-cliente {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
}

.btn-login-cliente:active:hover,
.btn-login-cliente.active:hover,
.open>.dropdown-toggle.btn-login-cliente:hover,
.btn-login-cliente:active:focus,
.btn-login-cliente.active:focus,
.open>.dropdown-toggle.btn-login-cliente:focus,
.btn-login-cliente:active.focus,
.btn-login-cliente.active.focus,
.open>.dropdown-toggle.btn-login-cliente.focus {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
}

.btn-login-cliente:active,
.btn-login-cliente.active,
.open>.dropdown-toggle.btn-login-cliente {
    background-image: none;
}

.btn-login-cliente.disabled,
.btn-login-cliente[disabled],
fieldset[disabled] .btn-login-cliente,
.btn-login-cliente.disabled:hover,
.btn-login-cliente[disabled]:hover,
fieldset[disabled] .btn-login-cliente:hover,
.btn-login-cliente.disabled:focus,
.btn-login-cliente[disabled]:focus,
fieldset[disabled] .btn-login-cliente:focus,
.btn-login-cliente.disabled.focus,
.btn-login-cliente[disabled].focus,
fieldset[disabled] .btn-login-cliente.focus,
.btn-login-cliente.disabled:active,
.btn-login-cliente[disabled]:active,
fieldset[disabled] .btn-login-cliente:active,
.btn-login-cliente.disabled.active,
.btn-login-cliente[disabled].active,
fieldset[disabled] .btn-login-cliente.active {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border-color: rgb(var(--cor-principal-da-marca)) !important;
}

.btn-login-cliente .badge {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
}

/* BTN CRIAR CONTA (DROPDOWN LOGIN) */
.btn-criar-conta {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
}

.btn-criar-conta:focus,
.btn-criar-conta.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-criar-conta:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-criar-conta:active,
.btn-criar-conta.active,
.open>.dropdown-toggle.btn-login-cliente {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-criar-conta:active:hover,
.btn-criar-conta.active:hover,
.open>.dropdown-toggle.btn-criar-conta:hover,
.btn-criar-conta:active:focus,
.btn-criar-conta.active:focus,
.open>.dropdown-toggle.btn-criar-conta:focus,
.btn-criar-conta:active.focus,
.btn-criar-conta.active.focus,
.open>.dropdown-toggle.btn-criar-conta.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-criar-conta:active,
.btn-criar-conta.active,
.open>.dropdown-toggle.btn-criar-conta {
    background-image: none;
}

.btn-criar-conta.disabled,
.btn-criar-conta[disabled],
fieldset[disabled] .btn-criar-conta,
.btn-criar-conta.disabled:hover,
.btn-criar-conta[disabled]:hover,
fieldset[disabled] .btn-criar-conta:hover,
.btn-criar-conta.disabled:focus,
.btn-criar-conta[disabled]:focus,
fieldset[disabled] .btn-criar-conta:focus,
.btn-criar-conta.disabled.focus,
.btn-criar-conta[disabled].focus,
fieldset[disabled] .btn-criar-conta.focus,
.btn-criar-conta.disabled:active,
.btn-criar-conta[disabled]:active,
fieldset[disabled] .btn-criar-conta:active,
.btn-criar-conta.disabled.active,
.btn-criar-conta[disabled].active,
fieldset[disabled] .btn-criar-conta.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-criar-conta .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN SAIR DA CONTA (DROPDOWN LOGIN) */
.btn-sair-da-conta {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    border-color: rgba(var(--cor-principal-da-marca), 0.2);
    color: rgb(var(--cor-principal-da-marca));
}

.btn-sair-da-conta:focus,
.btn-sair-da-conta.focus {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    border-color: rgba(var(--cor-principal-da-marca), 0.2);
    color: rgb(var(--cor-principal-da-marca));
}

.btn-sair-da-conta:hover {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    border-color: rgba(var(--cor-principal-da-marca), 0.2);
    color: rgb(var(--cor-principal-da-marca));
}

.btn-sair-da-conta:active,
.btn-sair-da-conta.active,
.open>.dropdown-toggle.btn-sair-da-conta {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    border-color: rgba(var(--cor-principal-da-marca), 0.2);
    color: rgb(var(--cor-principal-da-marca));
}

.btn-sair-da-conta:active:hover,
.btn-sair-da-conta.active:hover,
.open>.dropdown-toggle.btn-sair-da-conta:hover,
.btn-sair-da-conta:active:focus,
.btn-sair-da-conta.active:focus,
.open>.dropdown-toggle.btn-sair-da-conta:focus,
.btn-sair-da-conta:active.focus,
.btn-sair-da-conta.active.focus,
.open>.dropdown-toggle.btn-sair-da-conta.focus {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    border-color: rgba(var(--cor-principal-da-marca), 0.2);
    color: rgb(var(--cor-principal-da-marca));
}

.btn-sair-da-conta:active,
.btn-sair-da-conta.active,
.open>.dropdown-toggle.btn-sair-da-conta {
    background-image: none;
}

.btn-sair-da-conta.disabled,
.btn-sair-da-conta[disabled],
fieldset[disabled] .btn-sair-da-conta,
.btn-sair-da-conta.disabled:hover,
.btn-sair-da-conta[disabled]:hover,
fieldset[disabled] .btn-sair-da-conta:hover,
.btn-sair-da-conta.disabled:focus,
.btn-sair-da-conta[disabled]:focus,
fieldset[disabled] .btn-sair-da-conta:focus,
.btn-sair-da-conta.disabled.focus,
.btn-sair-da-conta[disabled].focus,
fieldset[disabled] .btn-sair-da-conta.focus,
.btn-sair-da-conta.disabled:active,
.btn-sair-da-conta[disabled]:active,
fieldset[disabled] .btn-sair-da-conta:active,
.btn-sair-da-conta.disabled.active,
.btn-sair-da-conta[disabled].active,
fieldset[disabled] .btn-sair-da-conta.active {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    border-color: rgba(var(--cor-principal-da-marca), 0.2);
}

.btn-sair-da-conta .badge {
    background-color: rgba(var(--cor-principal-da-marca), 0.2);
    color: rgb(var(--cor-principal-da-marca));
}

/* BTN NEWSLETTER */
.btn-newsletter {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-newsletter:focus,
.btn-newsletter.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-newsletter:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-newsletter:active,
.btn-newsletter.active,
.open>.dropdown-toggle.btn-newsletter {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-newsletter:active:hover,
.btn-newsletter.active:hover,
.open>.dropdown-toggle.btn-newsletter:hover,
.btn-newsletter:active:focus,
.btn-newsletter.active:focus,
.open>.dropdown-toggle.btn-newsletter:focus,
.btn-newsletter:active.focus,
.btn-newsletter.active.focus,
.open>.dropdown-toggle.btn-newsletter.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-newsletter:active,
.btn-newsletter.active,
.open>.dropdown-toggle.btn-newsletter {
    background-image: none;
}

.btn-newsletter.disabled,
.btn-newsletter[disabled],
fieldset[disabled] .btn-newsletter,
.btn-newsletter.disabled:hover,
.btn-newsletter[disabled]:hover,
fieldset[disabled] .btn-newsletter:hover,
.btn-newsletter.disabled:focus,
.btn-newsletter[disabled]:focus,
fieldset[disabled] .btn-newsletter:focus,
.btn-newsletter.disabled.focus,
.btn-newsletter[disabled].focus,
fieldset[disabled] .btn-newsletter.focus,
.btn-newsletter.disabled:active,
.btn-newsletter[disabled]:active,
fieldset[disabled] .btn-newsletter:active,
.btn-newsletter.disabled.active,
.btn-newsletter[disabled].active,
fieldset[disabled] .btn-newsletter.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-newsletter .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN COMPRAR PRODUTO */
.btn-comprar {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-comprar:focus,
.btn-comprar.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-comprar:hover {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-comprar:active,
.btn-comprar.active,
.open>.dropdown-toggle.btn-comprar {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-comprar:active:hover,
.btn-comprar.active:hover,
.open>.dropdown-toggle.btn-comprar:hover,
.btn-comprar:active:focus,
.btn-comprar.active:focus,
.open>.dropdown-toggle.btn-comprar:focus,
.btn-comprar:active.focus,
.btn-comprar.active.focus,
.open>.dropdown-toggle.btn-comprar.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-comprar:active,
.btn-comprar.active,
.open>.dropdown-toggle.btn-comprar {
    background-image: none;
}

.btn-comprar.disabled,
.btn-comprar[disabled],
fieldset[disabled] .btn-comprar,
.btn-comprar.disabled:hover,
.btn-comprar[disabled]:hover,
fieldset[disabled] .btn-comprar:hover,
.btn-comprar.disabled:focus,
.btn-comprar[disabled]:focus,
fieldset[disabled] .btn-comprar:focus,
.btn-comprar.disabled.focus,
.btn-comprar[disabled].focus,
fieldset[disabled] .btn-comprar.focus,
.btn-comprar.disabled:active,
.btn-comprar[disabled]:active,
fieldset[disabled] .btn-comprar:active,
.btn-comprar.disabled.active,
.btn-comprar[disabled].active,
fieldset[disabled] .btn-comprar.active {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
}

.btn-comprar .badge {
    background-color: rgb(var(--cor-btn-comprar));
    color: rgb(var(--cor-de-fundo));
}

/* BTN PRODUTO INDISPONÍVEL */
.btn-indisponivel {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
    color: #FFFFFF;
}

.btn-indisponivel:focus,
.btn-indisponivel.focus {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
    color: #FFFFFF;
}

.btn-indisponivel:hover {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
    color: #FFFFFF;
}

.btn-indisponivel:active,
.btn-indisponivel.active,
.open>.dropdown-toggle.btn-indisponivel {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
    color: #FFFFFF;
}

.btn-indisponivel:active:hover,
.btn-indisponivel.active:hover,
.open>.dropdown-toggle.btn-indisponivel:hover,
.btn-indisponivel:active:focus,
.btn-indisponivel.active:focus,
.open>.dropdown-toggle.btn-indisponivel:focus,
.btn-indisponivel:active.focus,
.btn-indisponivel.active.focus,
.open>.dropdown-toggle.btn-indisponivel.focus {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
    color: #FFFFFF;
}

.btn-indisponivel:active,
.btn-indisponivel.active,
.open>.dropdown-toggle.btn-indisponivel {
    background-image: none;
}

.btn-indisponivel.disabled,
.btn-indisponivel[disabled],
fieldset[disabled] .btn-indisponivel,
.btn-indisponivel.disabled:hover,
.btn-indisponivel[disabled]:hover,
fieldset[disabled] .btn-indisponivel:hover,
.btn-indisponivel.disabled:focus,
.btn-indisponivel[disabled]:focus,
fieldset[disabled] .btn-indisponivel:focus,
.btn-indisponivel.disabled.focus,
.btn-indisponivel[disabled].focus,
fieldset[disabled] .btn-indisponivel.focus,
.btn-indisponivel.disabled:active,
.btn-indisponivel[disabled]:active,
fieldset[disabled] .btn-indisponivel:active,
.btn-indisponivel.disabled.active,
.btn-indisponivel[disabled].active,
fieldset[disabled] .btn-indisponivel.active {
    background-color: rgba(var(--cor-de-textos), 0.33);
    border-color: transparent;
}

.btn-indisponivel .badge {
    background-color: rgba(var(--cor-de-textos), 0.33);
    color: #FFFFFF;
}

/* BTN CALCULAR FRETE NA PÁGINA DO PRODUTO */
.btn-cep {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cep:focus,
.btn-cep.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cep:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cep:active,
.btn-cep.active,
.open>.dropdown-toggle.btn-cep {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cep:active:hover,
.btn-cep.active:hover,
.open>.dropdown-toggle.btn-cep:hover,
.btn-cep:active:focus,
.btn-cep.active:focus,
.open>.dropdown-toggle.btn-cep:focus,
.btn-cep:active.focus,
.btn-cep.active.focus,
.open>.dropdown-toggle.btn-cep.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cep:active,
.btn-cep.active,
.open>.dropdown-toggle.btn-cep {
    background-image: none;
}

.btn-cep.disabled,
.btn-cep[disabled],
fieldset[disabled] .btn-cep,
.btn-cep.disabled:hover,
.btn-cep[disabled]:hover,
fieldset[disabled] .btn-cep:hover,
.btn-cep.disabled:focus,
.btn-cep[disabled]:focus,
fieldset[disabled] .btn-cep:focus,
.btn-cep.disabled.focus,
.btn-cep[disabled].focus,
fieldset[disabled] .btn-cep.focus,
.btn-cep.disabled:active,
.btn-cep[disabled]:active,
fieldset[disabled] .btn-cep:active,
.btn-cep.disabled.active,
.btn-cep[disabled].active,
fieldset[disabled] .btn-cep.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-cep .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN AVALIAR PRODUTO NA PÁGINA DO PRODUTO */
.btn-avaliar-produto {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-avaliar-produto:focus,
.btn-avaliar-produto.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-avaliar-produto:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-avaliar-produto:active,
.btn-avaliar-produto.active,
.open>.dropdown-toggle.btn-avaliar-produto {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-avaliar-produto:active:hover,
.btn-avaliar-produto.active:hover,
.open>.dropdown-toggle.btn-avaliar-produto:hover,
.btn-avaliar-produto:active:focus,
.btn-avaliar-produto.active:focus,
.open>.dropdown-toggle.btn-avaliar-produto:focus,
.btn-avaliar-produto:active.focus,
.btn-avaliar-produto.active.focus,
.open>.dropdown-toggle.btn-avaliar-produto.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-avaliar-produto:active,
.btn-avaliar-produto.active,
.open>.dropdown-toggle.btn-avaliar-produto {
    background-image: none;
}

.btn-avaliar-produto.disabled,
.btn-avaliar-produto[disabled],
fieldset[disabled] .btn-avaliar-produto,
.btn-avaliar-produto.disabled:hover,
.btn-avaliar-produto[disabled]:hover,
fieldset[disabled] .btn-avaliar-produto:hover,
.btn-avaliar-produto.disabled:focus,
.btn-avaliar-produto[disabled]:focus,
fieldset[disabled] .btn-avaliar-produto:focus,
.btn-avaliar-produto.disabled.focus,
.btn-avaliar-produto[disabled].focus,
fieldset[disabled] .btn-avaliar-produto.focus,
.btn-avaliar-produto.disabled:active,
.btn-avaliar-produto[disabled]:active,
fieldset[disabled] .btn-avaliar-produto:active,
.btn-avaliar-produto.disabled.active,
.btn-avaliar-produto[disabled].active,
fieldset[disabled] .btn-avaliar-produto.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-avaliar-produto .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN PÝGINA DE IDENTIFICAÇÃO */
.btn-identificacao {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-identificacao:focus,
.btn-identificacao.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-identificacao:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-identificacao:active,
.btn-identificacao.active,
.open>.dropdown-toggle.btn-identificacao {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-identificacao:active:hover,
.btn-identificacao.active:hover,
.open>.dropdown-toggle.btn-identificacao:hover,
.btn-identificacao:active:focus,
.btn-identificacao.active:focus,
.open>.dropdown-toggle.btn-identificacao:focus,
.btn-identificacao:active.focus,
.btn-identificacao.active.focus,
.open>.dropdown-toggle.btn-identificacao.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-identificacao:active,
.btn-identificacao.active,
.open>.dropdown-toggle.btn-identificacao {
    background-image: none;
}

.btn-identificacao.disabled,
.btn-identificacao[disabled],
fieldset[disabled] .btn-identificacao,
.btn-identificacao.disabled:hover,
.btn-identificacao[disabled]:hover,
fieldset[disabled] .btn-identificacao:hover,
.btn-identificacao.disabled:focus,
.btn-identificacao[disabled]:focus,
fieldset[disabled] .btn-identificacao:focus,
.btn-identificacao.disabled.focus,
.btn-identificacao[disabled].focus,
fieldset[disabled] .btn-identificacao.focus,
.btn-identificacao.disabled:active,
.btn-identificacao[disabled]:active,
fieldset[disabled] .btn-identificacao:active,
.btn-identificacao.disabled.active,
.btn-identificacao[disabled].active,
fieldset[disabled] .btn-identificacao.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-identificacao .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN SENHA NA PÁGINA DE CADASTRO DE ENDEREÇO */
.btn-senha {
    background-color: rgba(var(--cor-de-textos), 0.1);
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgba(var(--cor-de-textos), 0.33);
}

.btn-senha:focus,
.btn-senha.focus {
    background-color: rgba(var(--cor-de-textos), 0.1);
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgba(var(--cor-de-textos), 0.33);
}

.btn-senha:hover {
    background-color: rgba(var(--cor-de-textos), 0.1);
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgba(var(--cor-de-textos), 0.33);
}

.btn-senha:active,
.btn-senha.active,
.open>.dropdown-toggle.btn-senha {
    background-color: rgba(var(--cor-de-textos), 0.1);
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgba(var(--cor-de-textos), 0.33);
}

.btn-senha:active:hover,
.btn-senha.active:hover,
.open>.dropdown-toggle.btn-senha:hover,
.btn-senha:active:focus,
.btn-senha.active:focus,
.open>.dropdown-toggle.btn-senha:focus,
.btn-senha:active.focus,
.btn-senha.active.focus,
.open>.dropdown-toggle.btn-senha.focus {
    background-color: rgba(var(--cor-de-textos), 0.1);
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgba(var(--cor-de-textos), 0.33);
}

.btn-senha:active,
.btn-senha.active,
.open>.dropdown-toggle.btn-senha {
    background-image: none;
}

.btn-senha.disabled,
.btn-senha[disabled],
fieldset[disabled] .btn-senha,
.btn-senha.disabled:hover,
.btn-senha[disabled]:hover,
fieldset[disabled] .btn-senha:hover,
.btn-senha.disabled:focus,
.btn-senha[disabled]:focus,
fieldset[disabled] .btn-senha:focus,
.btn-senha.disabled.focus,
.btn-senha[disabled].focus,
fieldset[disabled] .btn-senha.focus,
.btn-senha.disabled:active,
.btn-senha[disabled]:active,
fieldset[disabled] .btn-senha:active,
.btn-senha.disabled.active,
.btn-senha[disabled].active,
fieldset[disabled] .btn-senha.active {
    background-color: rgba(var(--cor-de-textos), 0.1);
    border-color: rgba(var(--cor-de-textos), 0.1);
}

.btn-senha .badge {
    background-color: rgba(var(--cor-de-textos), 0.1);
    color: rgba(var(--cor-de-textos), 0.33);
}

/* BTN AUMENTAR E DIMINUIR QUANTIDADE NO CARRINHO */
.btn-quantidade {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: rgba(var(--cor-principal-da-marca), 0.5);
}

.btn-quantidade:focus,
.btn-quantidade.focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: rgba(var(--cor-principal-da-marca), 0.5);
}

.btn-quantidade:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: rgba(var(--cor-principal-da-marca), 0.5);
}

.btn-quantidade:active,
.btn-quantidade.active,
.open>.dropdown-toggle.btn-quantidade {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: rgba(var(--cor-principal-da-marca), 0.5);
}

.btn-quantidade:active:hover,
.btn-quantidade.active:hover,
.open>.dropdown-toggle.btn-quantidade:hover,
.btn-quantidade:active:focus,
.btn-quantidade.active:focus,
.open>.dropdown-toggle.btn-quantidade:focus,
.btn-quantidade:active.focus,
.btn-quantidade.active.focus,
.open>.dropdown-toggle.btn-quantidade.focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: rgba(var(--cor-principal-da-marca), 0.5);
}

.btn-quantidade:active,
.btn-quantidade.active,
.open>.dropdown-toggle.btn-quantidade {
    background-image: none;
}

.btn-quantidade.disabled,
.btn-quantidade[disabled],
fieldset[disabled] .btn-quantidade,
.btn-quantidade.disabled:hover,
.btn-quantidade[disabled]:hover,
fieldset[disabled] .btn-quantidade:hover,
.btn-quantidade.disabled:focus,
.btn-quantidade[disabled]:focus,
fieldset[disabled] .btn-quantidade:focus,
.btn-quantidade.disabled.focus,
.btn-quantidade[disabled].focus,
fieldset[disabled] .btn-quantidade.focus,
.btn-quantidade.disabled:active,
.btn-quantidade[disabled]:active,
fieldset[disabled] .btn-quantidade:active,
.btn-quantidade.disabled.active,
.btn-quantidade[disabled].active,
fieldset[disabled] .btn-quantidade.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-quantidade .badge {
    background-color: #FFFFFF;
    color: rgba(var(--cor-principal-da-marca), 0.5);
}

/* BTN CUPOM DE DESCONTO E CALCULO DE FRETE NO CARRINHO */
.btn-cupom-cep {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cupom-cep:focus,
.btn-cupom-cep.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cupom-cep:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cupom-cep:active,
.btn-cupom-cep.active,
.open>.dropdown-toggle.btn-cupom-cep {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cupom-cep:active:hover,
.btn-cupom-cep.active:hover,
.open>.dropdown-toggle.btn-cupom-cep:hover,
.btn-cupom-cep:active:focus,
.btn-cupom-cep.active:focus,
.open>.dropdown-toggle.btn-cupom-cep:focus,
.btn-cupom-cep:active.focus,
.btn-cupom-cep.active.focus,
.open>.dropdown-toggle.btn-cupom-cep.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-cupom-cep:active,
.btn-cupom-cep.active,
.open>.dropdown-toggle.btn-cupom-cep {
    background-image: none;
}

.btn-cupom-cep.disabled,
.btn-cupom-cep[disabled],
fieldset[disabled] .btn-cupom-cep,
.btn-cupom-cep.disabled:hover,
.btn-cupom-cep[disabled]:hover,
fieldset[disabled] .btn-cupom-cep:hover,
.btn-cupom-cep.disabled:focus,
.btn-cupom-cep[disabled]:focus,
fieldset[disabled] .btn-cupom-cep:focus,
.btn-cupom-cep.disabled.focus,
.btn-cupom-cep[disabled].focus,
fieldset[disabled] .btn-cupom-cep.focus,
.btn-cupom-cep.disabled:active,
.btn-cupom-cep[disabled]:active,
fieldset[disabled] .btn-cupom-cep:active,
.btn-cupom-cep.disabled.active,
.btn-cupom-cep[disabled].active,
fieldset[disabled] .btn-cupom-cep.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-cupom-cep .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN ALTERAR DADOS DE ENTREGA NA PÝGINA DE ENTREGA E PAGAMENTO */
.btn-dados-entrega {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
}

.btn-dados-entrega:focus,
.btn-dados-entrega.focus {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
}

.btn-dados-entrega:hover {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
}

.btn-dados-entrega:active,
.btn-dados-entrega.active,
.open>.dropdown-toggle.btn-dados-entrega {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
}

.btn-dados-entrega:active:hover,
.btn-dados-entrega.active:hover,
.open>.dropdown-toggle.btn-dados-entrega:hover,
.btn-dados-entrega:active:focus,
.btn-dados-entrega.active:focus,
.open>.dropdown-toggle.btn-dados-entrega:focus,
.btn-dados-entrega:active.focus,
.btn-dados-entrega.active.focus,
.open>.dropdown-toggle.btn-dados-entrega.focus {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
}

.btn-dados-entrega:active,
.btn-dados-entrega.active,
.open>.dropdown-toggle.btn-dados-entrega {
    background-image: none;
}

.btn-dados-entrega.disabled,
.btn-dados-entrega[disabled],
fieldset[disabled] .btn-dados-entrega,
.btn-dados-entrega.disabled:hover,
.btn-dados-entrega[disabled]:hover,
fieldset[disabled] .btn-dados-entrega:hover,
.btn-dados-entrega.disabled:focus,
.btn-dados-entrega[disabled]:focus,
fieldset[disabled] .btn-dados-entrega:focus,
.btn-dados-entrega.disabled.focus,
.btn-dados-entrega[disabled].focus,
fieldset[disabled] .btn-dados-entrega.focus,
.btn-dados-entrega.disabled:active,
.btn-dados-entrega[disabled]:active,
fieldset[disabled] .btn-dados-entrega:active,
.btn-dados-entrega.disabled.active,
.btn-dados-entrega[disabled].active,
fieldset[disabled] .btn-dados-entrega.active {
    background-color: #FFFFFF;
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-dados-entrega .badge {
    background-color: #FFFFFF;
    color: rgb(var(--cor-principal-da-marca));
}

/* BTN MEUS PEDIDOS NA PÝGINA FINALIZAR COMPRA */
.btn-meus-pedidos {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-meus-pedidos:focus,
.btn-meus-pedidos.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-meus-pedidos:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-meus-pedidos:active,
.btn-meus-pedidos.active,
.open>.dropdown-toggle.btn-meus-pedidos {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-meus-pedidos:active:hover,
.btn-meus-pedidos.active:hover,
.open>.dropdown-toggle.btn-meus-pedidos:hover,
.btn-meus-pedidos:active:focus,
.btn-meus-pedidos.active:focus,
.open>.dropdown-toggle.btn-meus-pedidos:focus,
.btn-meus-pedidos:active.focus,
.btn-meus-pedidos.active.focus,
.open>.dropdown-toggle.btn-meus-pedidos.focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

.btn-meus-pedidos:active,
.btn-meus-pedidos.active,
.open>.dropdown-toggle.btn-meus-pedidos {
    background-image: none;
}

.btn-meus-pedidos.disabled,
.btn-meus-pedidos[disabled],
fieldset[disabled] .btn-meus-pedidos,
.btn-meus-pedidos.disabled:hover,
.btn-meus-pedidos[disabled]:hover,
fieldset[disabled] .btn-meus-pedidos:hover,
.btn-meus-pedidos.disabled:focus,
.btn-meus-pedidos[disabled]:focus,
fieldset[disabled] .btn-meus-pedidos:focus,
.btn-meus-pedidos.disabled.focus,
.btn-meus-pedidos[disabled].focus,
fieldset[disabled] .btn-meus-pedidos.focus,
.btn-meus-pedidos.disabled:active,
.btn-meus-pedidos[disabled]:active,
fieldset[disabled] .btn-meus-pedidos:active,
.btn-meus-pedidos.disabled.active,
.btn-meus-pedidos[disabled].active,
fieldset[disabled] .btn-meus-pedidos.active {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.btn-meus-pedidos .badge {
    background-color: rgb(var(--cor-principal-da-marca));
    color: #FFFFFF;
}

/* BTN DETALHES DA COMPRA NA PÝGINA MINHAS COMPRAS */
.btn-detalhes-compra {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-detalhes-compra:focus,
.btn-detalhes-compra.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-detalhes-compra:hover {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-detalhes-compra:active,
.btn-detalhes-compra.active,
.open>.dropdown-toggle.btn-detalhes-compra {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-detalhes-compra:active:hover,
.btn-detalhes-compra.active:hover,
.open>.dropdown-toggle.btn-detalhes-compra:hover,
.btn-detalhes-compra:active:focus,
.btn-detalhes-compra.active:focus,
.open>.dropdown-toggle.btn-detalhes-compra:focus,
.btn-detalhes-compra:active.focus,
.btn-detalhes-compra.active.focus,
.open>.dropdown-toggle.btn-detalhes-compra.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-detalhes-compra:active,
.btn-detalhes-compra.active,
.open>.dropdown-toggle.btn-detalhes-compra {
    background-image: none;
}

.btn-detalhes-compra.disabled,
.btn-detalhes-compra[disabled],
fieldset[disabled] .btn-detalhes-compra,
.btn-detalhes-compra.disabled:hover,
.btn-detalhes-compra[disabled]:hover,
fieldset[disabled] .btn-detalhes-compra:hover,
.btn-detalhes-compra.disabled:focus,
.btn-detalhes-compra[disabled]:focus,
fieldset[disabled] .btn-detalhes-compra:focus,
.btn-detalhes-compra.disabled.focus,
.btn-detalhes-compra[disabled].focus,
fieldset[disabled] .btn-detalhes-compra.focus,
.btn-detalhes-compra.disabled:active,
.btn-detalhes-compra[disabled]:active,
fieldset[disabled] .btn-detalhes-compra:active,
.btn-detalhes-compra.disabled.active,
.btn-detalhes-compra[disabled].active,
fieldset[disabled] .btn-detalhes-compra.active {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
}

.btn-detalhes-compra .badge {
    background-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

/* BTN VOLTAR NAS PÝGINAS SEU LOGIN E SUA SENHA */
.btn-voltar {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-voltar:focus,
.btn-voltar.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-voltar:hover {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-voltar:active,
.btn-voltar.active,
.open>.dropdown-toggle.btn-voltar {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-voltar:active:hover,
.btn-voltar.active:hover,
.open>.dropdown-toggle.btn-voltar:hover,
.btn-voltar:active:focus,
.btn-voltar.active:focus,
.open>.dropdown-toggle.btn-voltar:focus,
.btn-voltar:active.focus,
.btn-voltar.active.focus,
.open>.dropdown-toggle.btn-voltar.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-voltar:active,
.btn-voltar.active,
.open>.dropdown-toggle.btn-voltar {
    background-image: none;
}

.btn-voltar.disabled,
.btn-voltar[disabled],
fieldset[disabled] .btn-voltar,
.btn-voltar.disabled:hover,
.btn-voltar[disabled]:hover,
fieldset[disabled] .btn-voltar:hover,
.btn-voltar.disabled:focus,
.btn-voltar[disabled]:focus,
fieldset[disabled] .btn-voltar:focus,
.btn-voltar.disabled.focus,
.btn-voltar[disabled].focus,
fieldset[disabled] .btn-voltar.focus,
.btn-voltar.disabled:active,
.btn-voltar[disabled]:active,
fieldset[disabled] .btn-voltar:active,
.btn-voltar.disabled.active,
.btn-voltar[disabled].active,
fieldset[disabled] .btn-voltar.active {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
}

.btn-voltar .badge {
    background-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

/* BTN SALVAR NA PÝGINA CADASTRO, SEU LOGIN E SUA SENHA */
.btn-salvar {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-salvar:focus,
.btn-salvar.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-salvar:hover {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-salvar:active,
.btn-salvar.active,
.open>.dropdown-toggle.btn-salvar {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-salvar:active:hover,
.btn-salvar.active:hover,
.open>.dropdown-toggle.btn-salvar:hover,
.btn-salvar:active:focus,
.btn-salvar.active:focus,
.open>.dropdown-toggle.btn-salvar:focus,
.btn-salvar:active.focus,
.btn-salvar.active.focus,
.open>.dropdown-toggle.btn-salvar.focus {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

.btn-salvar:active,
.btn-salvar.active,
.open>.dropdown-toggle.btn-salvar {
    background-image: none;
}

.btn-salvar.disabled,
.btn-salvar[disabled],
fieldset[disabled] .btn-salvar,
.btn-salvar.disabled:hover,
.btn-salvar[disabled]:hover,
fieldset[disabled] .btn-salvar:hover,
.btn-salvar.disabled:focus,
.btn-salvar[disabled]:focus,
fieldset[disabled] .btn-salvar:focus,
.btn-salvar.disabled.focus,
.btn-salvar[disabled].focus,
fieldset[disabled] .btn-salvar.focus,
.btn-salvar.disabled:active,
.btn-salvar[disabled]:active,
fieldset[disabled] .btn-salvar:active,
.btn-salvar.disabled.active,
.btn-salvar[disabled].active,
fieldset[disabled] .btn-salvar.active {
    background-color: rgb(var(--cor-btn-comprar));
    border-color: rgb(var(--cor-btn-comprar));
}

.btn-salvar .badge {
    background-color: rgb(var(--cor-btn-comprar));
    color: #FFFFFF;
}

/***************
****************
* BTN CAROUSEL *
****************
****************/
/* CAROUSEL CONTROLES (BTNS) */
@media only screen and (min-width: 1200px) {
    #area-destaque-vertical .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 45px;
        justify-content: center;
        left: -60px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 45%;
        width: 45px;
    }

    #area-destaque-vertical .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 45px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -60px;
        top: 45%;
        width: 45px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-prev,
    #listagem-produtos-lancamentos .owl-nav .owl-prev,
    #listagem-produtos-veja-tambem .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 45px;
        justify-content: center;
        left: -60px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 39.5%;
        width: 45px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-next,
    #listagem-produtos-lancamentos .owl-nav .owl-next,
    #listagem-produtos-veja-tambem .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 45px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -60px;
        top: 39.5%;
        width: 45px;
    }

    #slide_parceiros .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 45px;
        justify-content: center;
        left: -60px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 27px;
        width: 45px;
    }

    #slide_parceiros .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 45px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -60px;
        top: 27px;
        width: 45px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #area-destaque-vertical .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        left: -35px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 45%;
        width: 35px;
    }

    #area-destaque-vertical .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -35px;
        top: 45%;
        width: 35px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-prev,
    #listagem-produtos-lancamentos .owl-nav .owl-prev,
    #listagem-produtos-veja-tambem .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        left: -35px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 39.5%;
        width: 35px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-next,
    #listagem-produtos-lancamentos .owl-nav .owl-next,
    #listagem-produtos-veja-tambem .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -35px;
        top: 39.5%;
        width: 35px;
    }

    #slide_parceiros .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        left: -35px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 32px;
        width: 35px;
    }

    #slide_parceiros .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -35px;
        top: 32px;
        width: 35px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #area-destaque-vertical .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 30px;
        justify-content: center;
        left: -20px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 45%;
        width: 30px;
    }

    #area-destaque-vertical .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 30px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -20px;
        top: 45%;
        width: 30px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-prev,
    #listagem-produtos-lancamentos .owl-nav .owl-prev,
    #listagem-produtos-veja-tambem .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 30px;
        justify-content: center;
        left: -20px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 39.5%;
        width: 30px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-next,
    #listagem-produtos-lancamentos .owl-nav .owl-next,
    #listagem-produtos-veja-tambem .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 30px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -20px;
        top: 39.5%;
        width: 30px;
    }

    #slide_parceiros .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 30px;
        justify-content: center;
        left: -20px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 35px;
        width: 30px;
    }

    #slide_parceiros .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 30px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -20px;
        top: 35px;
        width: 30px;
    }
}

@media only screen and (max-width: 767px) {
    #area-destaque-vertical .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        left: -15px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 45%;
        width: 35px;
    }

    #area-destaque-vertical .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -15px;
        top: 45%;
        width: 35px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-prev,
    #listagem-produtos-lancamentos .owl-nav .owl-prev,
    #listagem-produtos-veja-tambem .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        left: -15px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 39.5%;
        width: 35px;
    }

    #listagem-produtos-mais-vendidos .owl-nav .owl-next,
    #listagem-produtos-lancamentos .owl-nav .owl-next,
    #listagem-produtos-veja-tambem .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -15px;
        top: 39.5%;
        width: 35px;
    }

    #slide_parceiros .owl-nav .owl-prev {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        left: -15px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 32px;
        width: 35px;
    }

    #slide_parceiros .owl-nav .owl-next {
        align-items: center;
        background-color: rgb(var(--cor-de-fundo));
        border: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-principal-da-marca));
        cursor: pointer;
        display: flex;
        font-size: 50px;
        height: 35px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -15px;
        top: 32px;
        width: 35px;
    }
}

@media only screen and (min-width: 1200px) {

    .owl-nav .owl-prev span,
    .owl-nav .owl-next span {
        margin: -8px 0px 0px 0px !important;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 1199px) {

    .owl-nav .owl-prev span,
    .owl-nav .owl-next span {
        margin: -5px 0px 0px 0px !important;
        padding: 0px !important;
    }
}

/* CAROUSEL INDICADORES */
.owl-theme .owl-dots {
    display: none !important;
}

/*************
**************
* PAGINATION *
**************
**************/
.pagination {
    border-radius: 0px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding-left: 0 !important;
}

.pagination>li {
    display: inline !important;
}

.pagination .controle a,
.pagination .controle a:hover,
.pagination .controle a:focus {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border: 1px solid rgb(var(--cor-principal-da-marca)) !important;
    border-radius: var(--borda) !important;
    color: rgb(var(--cor-de-fundo)) !important;
    float: left !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    height: 45px !important;
    line-height: 40px !important;
    margin-left: 5px !important;
    padding: 0px 5px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 45px !important;
}

.pagination .controle span,
.pagination .controle span:hover,
.pagination .controle span:focus {
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    border: 1px solid rgb(var(--cor-principal-da-marca)) !important;
    color: rgb(var(--cor-de-fundo)) !important;
}

.pagination>li>a,
.pagination>li>span {
    background-color: rgb(var(--cor-de-fundo)) !important;
    border: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
    border-radius: var(--borda) !important;
    color: rgb(var(--cor-de-textos)) !important;
    float: left !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 45px !important;
    line-height: 45px !important;
    margin-left: 5px !important;
    padding: 0px 5px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 45px !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: rgb(var(--cor-de-fundo)) !important;
    border: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
    color: rgb(var(--cor-principal-da-marca)) !important;
    z-index: 2 !important;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: var(--borda) !important;
    margin-left: 5px !important;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: var(--borda) !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: rgb(var(--cor-de-fundo)) !important;
    border: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
    color: rgb(var(--cor-principal-da-marca)) !important;
    cursor: default !important;
    z-index: 3;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    background-color: rgb(var(--cor-de-fundo)) !important;
    border: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
    color: rgba(var(--cor-de-textos), 0.7) !important;
    cursor: not-allowed;
}

/*******
********
* FORM *
********
********/
@media only screen and (min-width: 768px) {
    .form-control {
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-radius: var(--borda);
        box-shadow: none !important;
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 14px;
        font-weight: 400;
        height: 45px;
        line-height: 1.42857143;
        padding: 10px 15px;
        text-transform: none;
        -webkit-box-shadow: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .form-control {
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-radius: var(--borda);
        box-shadow: none !important;
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 16px;
        font-weight: 400;
        height: 45px;
        line-height: 1.42857143;
        padding: 10px 15px;
        text-transform: none;
        -webkit-box-shadow: none !important;
    }
}

textarea.form-control {
    height: auto !important;
}

label {
    color: rgb(var(--cor-de-textos));
    display: inline-block;
    font-size: 14;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
    text-transform: var(--transformar-outros-textos) !important;
}

.form-floating {
    position: relative;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 10px);
    line-height: 1.25;
}

.form-floating>label {
    border: 1px solid transparent;
    color: rgba(var(--cor-de-textos), 0.7);
    height: 100%;
    left: 0;
    padding: 1rem 2.5rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none;
    }
}

.form-floating>.form-control {
    color: rgba(var(--cor-de-textos));
    padding: 1.5rem 1.5rem;
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent;
}

.form-floating>.form-control::placeholder {
    color: transparent;
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 1;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: 1;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-group {
    margin-bottom: 20px;
}

.box-conteudo {
    background-color: #FFFFFF;
    border-radius: var(--borda);
    margin: 20px 0px 40px 0px;
    padding: 20px 15px 10px 15px;
}

/***********
************
* CHECKBOX *
************
************/
.checkbox {
    margin: 0px 0px 10px 20px;
}

.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    vertical-align: middle;
}

.checkbox label::before {
    background-color: #FFFFFF;
    border: 1px solid rgba(var(--cor-de-textos), 0.2);
    border-radius: 0px;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    width: 17px;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    color: 1px solid rgba(var(--cor-de-textos), 0.2);
    font-size: 11px;
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0;
    width: 16px;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

.checkbox input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
    opacity: 1;
}

.checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #FFFFFF;
    cursor: not-allowed;
}

.checkbox-default input[type="checkbox"]:checked+label::before {
    background-color: #FFFFFF;
    border-color: rgba(var(--cor-de-textos), 0.2);
}

.checkbox-default input[type="checkbox"]:checked+label::after {
    color: rgba(var(--cor-de-textos), 0.2);
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: rgb(var(--cor-principal-da-marca));
    border-color: rgb(var(--cor-principal-da-marca));
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #FFFFFF;
}

/********
*********
* RADIO *
*********
*********/
.radio {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
}

.radio label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    vertical-align: middle;
}

.radio label::before {
    background-color: #FFFFFF;
    border: 1px solid rgba(var(--cor-de-textos), 0.2);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    transition: border 0.15s ease-in-out;
    width: 17px;
    -o-transition: border 0.15s ease-in-out;
    -webkit-transition: border 0.15s ease-in-out;
}

.radio label::after {
    background-color: #FFFFFF;
    border: 1px solid rgba(var(--cor-de-textos), 0.2);
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 11px;
    left: 3px;
    margin-left: -20px;
    position: absolute;
    top: 3px;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    width: 11px;
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -webkit-transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.radio input[type="radio"]:focus+label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline: thin dotted;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
    background-color: rgb(var(--cor-principal-da-marca));
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: rgb(var(--cor-principal-da-marca));
}

/********
*********
* ALERT *
*********
*********/
.alert {
    border-radius: var(--borda);
}

.alert-success {
    background-color: rgba(var(--aprovado), 0.15);
    border-color: rgba(var(--aprovado), 0);
    border-radius: var(--borda);
    color: rgb(var(--aprovado));
    font-weight: 700;
}

.alert-info {
    background-color: rgba(var(--encerrado), 0.15);
    border-color: rgba(var(--encerrado), 0);
    border-radius: var(--borda);
    color: rgb(var(--encerrado));
    font-weight: 700;
}

.alert-warning {
    background-color: rgba(var(--aguardando-pagamento), 0.15);
    border-color: rgba(var(--aguardando-pagamento), 0);
    border-radius: var(--borda);
    color: rgb(var(--aguardando-pagamento));
    font-weight: 700;
}

.alert-danger {
    background-color: rgba(var(--cancelado), 0.15);
    border-color: rgba(var(--cancelado), 0);
    border-radius: var(--borda);
    color: rgb(var(--cancelado));
    font-weight: 700;
}

/*********
**********
* HEADER *
**********
**********/
@media only screen and (min-width: 1200px) {
    #header {
        background-color: rgb(var(--cor-de-fundo));
        margin: 0px;
        min-height: 50px !important;
        padding: 10px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #header {
        background-color: rgb(var(--cor-principal-da-marca));
        margin: 0px;
        min-height: 60px !important;
        padding: 10px 0px;
    }
}

#header .alinhar-verticalmente {
    align-items: center;
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 1200px) {
    .logo {
        align-items: center;
        display: flex;
        height: 160px;
        justify-content: center;
    }

    .logo img {
        max-height: 160px;
        max-width: 300px;
        overflow: hidden;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .logo {
        align-items: center;
        display: flex;
        height: 130px;
        justify-content: center;
        padding: 0px 40px;
    }

    .logo img {
        max-height: 130px;
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .logo {
        align-items: center;
        display: flex;
        height: 135px;
        justify-content: center;
        padding: 0px 30px;
    }

    .logo img {
        max-height: 135px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .logo {
        align-items: center;
        display: flex;
        height: 89px;
        justify-content: center;
    }

    .logo img {
        max-height: 89px;
        overflow: hidden;
    }
}

@media only screen and (min-width: 768px) {

    .logo-pequena,
    .logo-pequena-detalhes {
        align-items: center;
        display: flex;
        height: 50px;
        justify-content: center;
    }

    .logo-pequena img,
    .logo-pequena-detalhes img {
        max-height: 50px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {

    .logo-pequena,
    .logo-pequena-detalhes {
        align-items: center;
        display: flex;
        height: 45px;
        justify-content: center;
    }

    .logo-pequena img,
    .logo-pequena-detalhes img {
        max-height: 45px;
        overflow: hidden;
    }
}

/* PESQUISA */
@media only screen and (min-width: 768px) {
    #header .search {
        background-color: rgb(var(--cor-de-fundo));
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-radius: var(--borda);
    }

    #header .box-campo-search {
        margin: 0px !important;
        padding: 0px !important;
    }
}

@media only screen and (min-width: 1200px) {
    #header .form-control {
        background-color: transparent !important;
        border: 1px solid transparent !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #header .form-control {
        background-color: transparent !important;
        border: 1px solid transparent !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
        height: 35px !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    }
}

@media only screen and (min-width: 768px) {
    #header ::-webkit-input-placeholder {
        /* Edge */
        color: rgba(var(--cor-de-textos), 0.7) !important;
    }

    #header :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgba(var(--cor-de-textos), 0.7) !important;
    }

    #header ::placeholder {
        color: rgba(var(--cor-de-textos), 0.7) !important;
    }
}

@media only screen and (min-width: 1200px) {
    #header .box-btn-search {
        margin: 0px !important;
        padding: 0px !important;
    }

    #header .box-btn-search .btn {
        align-items: center !important;
        display: flex !important;
        font-size: 18px !important;
        height: 45px !important;
        justify-content: center !important;
        margin: 0px !important;
        padding: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #header .box-btn-search {
        height: 35px !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    #header .box-btn-search .btn {
        align-items: center !important;
        display: flex !important;
        font-size: 18px !important;
        height: 35px !important;
        justify-content: center !important;
        margin: 0px !important;
        padding: 0px !important;
    }
}

/* AREA LOGIN */
#area-login-cliente {
    padding: 0px;
}

#area-login-cliente a,
#area-login-cliente a:hover {
    cursor: pointer;
    text-decoration: none;
}

@media only screen and (min-width: 1024px) {
    #area-login-cliente #user {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 1023px) {
    #area-login-cliente #user {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 1200px) {
    #area-login-cliente #user .icon-topo-login {
        color: rgb(var(--cor-secundaria-da-marca));
        cursor: pointer;
        font-size: 40px;
        margin: 0px;
        padding: 0px;
    }

    #area-login-cliente #user .nome-do-cliente {
        color: rgb(var(--cor-secundaria-da-marca));
        font-size: 14px;
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 0px 8px;
    }

    #area-login-cliente #user .fa-angle-down {
        color: rgb(var(--cor-secundaria-da-marca));
        font-size: 16px;
        font-weight: normal;
        margin: 0px;
        padding: 3px 0px 0px 4px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #area-login-cliente #user .icon-topo-login {
        color: rgb(var(--cor-de-fundo));
        cursor: pointer;
        font-size: 35px;
        margin: 0px;
        padding: 0px;
    }

    #area-login-cliente #user .nome-do-cliente {
        color: rgb(var(--cor-de-fundo));
        font-size: 12px;
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 0px 8px;
    }

    #area-login-cliente #user .fa-angle-down {
        color: rgb(var(--cor-de-fundo));
        font-size: 12px;
        font-weight: normal;
        margin: 0px;
        padding: 3px 0px 0px 4px;
    }
}

@media only screen and (max-width: 1023px) {
    #area-login-cliente #user .icon-topo-login {
        color: rgb(var(--cor-de-fundo));
        cursor: pointer;
        font-size: 35px;
        margin: 0px;
        padding: 0px;
    }

    #area-login-cliente #user .fa-angle-down {
        color: rgb(var(--cor-de-fundo));
        font-size: 12px;
        font-weight: normal;
        margin: 0px;
        padding: 23px 0px 0px 0px;
    }
}

@media only screen and (min-width: 1024px) {
    #area-login-cliente .dropdown-menu {
        background-color: #F3F3F3 !important;
        border: 0px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        font-size: 14px !important;
        left: 0 !important;
        margin: 25px 0 0 !important;
        min-width: 180px !important;
        padding: 0px !important;
        position: absolute !important;
        right: auto !important;
        top: 100% !important;
    }

    #area-login-cliente .dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #F3F3F3;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -8px;
        left: 10px;
        z-index: 10;
    }

    #area-login-cliente .dropdown-menu:after {
        content: "";
        border-bottom: 12px solid #F3F3F3;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -10px;
        left: 8px;
        z-index: 9;
    }
}

@media only screen and (max-width: 1023px) {
    #area-login-cliente .dropdown-menu {
        background-color: #F3F3F3 !important;
        border: 0px !important;
        border-radius: 0px !important;
        ;
        box-shadow: none !important;
        font-size: 14px !important;
        left: auto !important;
        margin: 25px 0 0 !important;
        min-width: 180px !important;
        padding: 0px !important;
        position: absolute !important;
        right: 0 !important;
        top: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #area-login-cliente .dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #F3F3F3;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -8px;
        right: 14px;
        z-index: 10;
    }

    #area-login-cliente .dropdown-menu:after {
        content: "";
        border-bottom: 12px solid #F3F3F3;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -10px;
        right: 12px;
        z-index: 9;
    }
}

@media only screen and (max-width: 767px) {
    #area-login-cliente .dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #F3F3F3;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -8px;
        right: 10px;
        z-index: 10;
    }

    #area-login-cliente .dropdown-menu:after {
        content: "";
        border-bottom: 12px solid #F3F3F3;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -10px;
        right: 8px;
        z-index: 9;
    }
}

#area-login-cliente .dropdown-menu li {
    margin: 0px;
    padding: 0px;
}

#area-login-cliente .dropdown-menu .janela-minha-conta-entrar {
    margin: 0px;
    padding: 20px 20px 10px 20px;
}

#area-login-cliente .dropdown-menu .janela-minha-conta-criar-conta {
    margin: 0px;
    padding: 10px 20px 20px 20px;
}

#area-login-cliente .dropdown-menu .janela-minha-conta-link a {
    align-items: center;
    color: rgb(var(--cor-de-textos));
    display: flex;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin: 0px;
    padding: 0px 20px;
    text-align: center;
}

#area-login-cliente .dropdown-menu .janela-minha-conta-link a:hover {
    color: rgb(var(--cor-de-textos));
}

#area-login-cliente .dropdown-menu .janela-minha-conta-link i {
    color: rgb(var(--cor-de-textos));
    cursor: left;
    float: right;
    font-size: 25px;
    padding: 0px 10px 0px 0px;
}

#area-login-cliente .dropdown-menu .janela-minha-conta-link span {
    float: left !important;
}

#area-login-cliente .dropdown-menu .btn-sair-da-conta {
    border-radius: 0px !important;
    height: 50px !important;
    margin-top: 10px !important;
}

/* CARRINHO */
@media only screen and (min-width: 1024px) {
    #header .carrinho {
        float: right !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #header .carrinho {
        float: right;
        margin-right: 4px;
    }
}

@media only screen and (max-width: 767px) {
    #header .carrinho {
        float: right;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    #header .carrinho i {
        color: rgb(var(--cor-secundaria-da-marca));
        cursor: pointer;
        float: right;
        font-size: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    #header .carrinho i {
        color: rgb(var(--cor-de-fundo));
        cursor: pointer;
        float: right;
        font-size: 35px;
    }
}

@media only screen and (min-width: 1200px) {
    #header .carrinho .carrinho-qtde-itens {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: 50%;
        bottom: 0px;
        color: rgb(var(--cor-de-fundo));
        display: flex;
        font-size: 10px;
        font-weight: 700;
        height: 20px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: 0px;
        width: 20px;
        z-index: 10;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #header .carrinho .carrinho-qtde-itens {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: 50%;
        bottom: 0px;
        color: rgb(var(--cor-de-fundo));
        display: flex;
        font-size: 10px;
        font-weight: 700;
        height: 20px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: 0px;
        width: 20px;
        z-index: 10;
    }
}

@media only screen and (max-width: 767px) {
    #header .carrinho .carrinho-qtde-itens {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: 50%;
        bottom: 0px;
        color: rgb(var(--cor-de-fundo));
        display: flex;
        font-size: 10px;
        font-weight: 700;
        height: 20px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: 0px;
        width: 20px;
        z-index: 10;
    }
}

/************************************
*************************************
* CARRINHO LATERAL PARA SM, MD E LG *
*************************************
*************************************/
header,
section {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

header {
    background: #FFF;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: all .5s ease-in-out;
    width: 100%;
    z-index: 1050;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition: all .5s ease-in-out;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all .5s ease-in-out;
}

html.active header {
    transform: matrix(1, 0, 0, 1, -320, 0);
    transition: all .5s ease-in-out;
    -moz-transform: matrix(1, 0, 0, 1, -320, 0);
    -moz-transition: all .5s ease-in-out;
    -webkit-transform: matrix(1, 0, 0, 1, -320, 0);
    -webkit-transition: all .5s ease-in-out;
}

#overlay {
    background: #000000;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1100;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

html.active #overlay {
    opacity: .8;
    transition: all .5s ease-in-out;
    visibility: visible;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

#close-menu {
    cursor: pointer;
    display: block;
    float: right;
    margin: 0px;
    padding: 10px 10px;
}

#close-menu img {
    height: 20px;
}

section {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: all .5s ease-in-out;
    z-index: 1200;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition: all .5s ease-in-out;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all .5s ease-in-out;
}

html.active,
html.active body {
    overflow: hidden;
}

html.active section {
    transform: matrix(1, 0, 0, 1, -320, 0);
    transition: all .5s ease-in-out;
    -moz-transform: matrix(1, 0, 0, 1, -320, 0);
    -moz-transition: all .5s ease-in-out;
    -webkit-transform: matrix(1, 0, 0, 1, -320, 0);
    -webkit-transition: all .5s ease-in-out;
}

menu {
    background: #FFFFFF;
    bottom: 0;
    margin: 0;
    padding: 15px;
    position: fixed;
    right: -420px;
    top: 0;
    transition: all .5s ease-in-out;
    width: 400px;
    z-index: 1300;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

menu .container {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transform: matrix(0.8, 0, 0, 0.9, 40, 0);
    transform-origin: 0% 50% 0px;
    transition: all .5s ease-in-out;
    width: 100%;
    -moz-transform: matrix(0.8, 0, 0, 0.9, 40, 0);
    -moz-transform-origin: 0% 50% 0px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transform: matrix(0.8, 0, 0, 0.9, 40, 0);
    -webkit-transform-origin: 0% 50% 0px;
    -webkit-transition: all .5s ease-in-out;
}

menu .container .box {
    height: calc(100% - 33px);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

.produto-carrinho {
    border-bottom: 1px solid #CCCCCC;
    margin: 0px !important;
    padding: 10px 0px 10px 0px !important;
}

html.active menu {
    right: 0;
    z-index: 1400;
}

html.active menu .container {
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 0% 50% 0px;
    transition: all .5s ease-in-out;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform-origin: 0% 50% 0px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform-origin: 0% 50% 0px;
    -webkit-transition: all .5s ease-in-out;
}

#menu {
    cursor: pointer;
    display: block;
}

/* JANELA VISUALIZAÇÃO RÝPIDA DO CARRINHO >>> AJAX_CARRINHO.PHP */
@media only screen and (min-width: 1024px) {
    #ajax-carrinho .listagem {
        margin-bottom: 100px !important;
    }

    #ajax-carrinho .listagem .produto-adicionado {
        align-items: center;
        display: flex;
        height: 80px;
        margin: 0px 0px 15px 0px;
        padding: 0px;
    }

    #ajax-carrinho .listagem .produto-adicionado #photo {
        border: 1px solid #DDDDDD;
        height: 80px;
        line-height: 80px;
        overflow-y: hidden;
        vertical-align: middle;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #ajax-carrinho .listagem {
        margin-bottom: 100px !important;
    }

    #ajax-carrinho .listagem .produto-adicionado {
        align-items: center;
        display: flex;
        height: 90px;
        margin: 0px 0px 15px 0px;
        padding: 0px;
    }

    #ajax-carrinho .listagem .produto-adicionado #photo {
        border: 1px solid #DDDDDD;
        height: 90px;
        line-height: 90px;
        overflow-y: hidden;
        vertical-align: middle;
    }
}

#ajax-carrinho .listagem a,
#ajax-carrinho .listagem a:hover {
    text-decoration: none !important;
    text-transform: none !important;
}

#ajax-carrinho .listagem .produto-adicionado #descricao {
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: left !important;
    text-decoration: uppercase !important;
}

#ajax-carrinho .listagem .produto-adicionado #preco {
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

#ajax-carrinho .comprar-todos-os-produtos {
    background-color: #FFFFFF;
    bottom: 0px !important;
    left: 0px !important;
    margin: 0px;
    padding: 0px 0px 40px 0px;
    position: fixed !important;
    right: 0px !important;
    z-index: 1600 !important;
}

#ajax-carrinho .comprar-todos-os-produtos a {
    margin-top: 20px;
    width: 100% !important;
}

#ajax-carrinho .sem-produto-no-carrinho {
    color: #999999 !important;
    display: block;
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 30px 0px !important;
    padding: 0px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/**********************
***********************
* MENU CATEGORIA TOPO *
***********************
***********************/
/* BARRA MENU PARA LG */
.box-menu-lg .navbar {
    border: 0px !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    min-height: 10px !important;
    position: relative;
}

.box-menu-lg .navbar-menu-loja-virtual {
    background-color: rgb(var(--cor-principal-da-marca));
    border: 0px;
    cursor: pointer;
    font-family: var(--fonte-outros-textos);
    font-size: 15px;
}

.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>li>a {
    color: rgb(var(--cor-de-fundo));
}

.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>li>a:hover,
.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>li>a:focus {
    background-color: rgba(255, 255, 255, 0.10);
    color: rgb(var(--cor-de-fundo));
}

.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>.active>a,
.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>.active>a:hover,
.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>.active>a:focus {
    background-color: rgba(255, 255, 255, 0.10);
    color: rgb(var(--cor-de-fundo));
}

.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>.open>a,
.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>.open>a:hover,
.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>.open>a:focus {
    background-color: rgba(255, 255, 255, 0.10);
    color: rgb(var(--cor-de-fundo));
}

.box-menu-lg .navbar-menu-loja-virtual ul {
    display: flex;
    flex-flow: row nowrap;
    margin: 0px;
    justify-content: space-between;
    padding: 0px;
}

.box-menu-lg .navbar-menu-loja-virtual .navbar-nav {
    float: none !important;
}

.box-menu-lg .navbar-menu-loja-virtual .navbar-nav>li>a {
    line-height: 1.2em !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* ICON MENU PARA XS, SM E MD */
@media only screen and (max-width: 1199px) {
    .navbar-toggle {
        background-color: transparent;
        background-image: none;
        border: 0px;
        border-radius: 0px;
        float: left;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 0px;
        position: relative;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .navbar-toggle .icon-bar {
        background-color: rgb(var(--cor-de-fundo));
        border-radius: 1px;
        display: block;
        height: 4px;
        width: 32px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-toggle .icon-bar {
        background-color: rgb(var(--cor-de-fundo));
        border-radius: 1px;
        display: block;
        height: 4px;
        width: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 8px
    }
}

@media only screen and (max-width: 767px) {
    .navbar-toggle .icon-bar {
        background-color: rgb(var(--cor-de-fundo));
        border-radius: 1px;
        display: block;
        height: 4px;
        width: 25px;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px
    }
}

@media only screen and (max-width: 1199px) {
    .area-menu .collapse {
        display: none !important;
    }

    .area-menu .collapse.in {
        display: block !important;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 102vh !important;
}

/* MENU OFFCANVAS PARA SM, MD E LG */
@media only screen and (min-width: 768px) {
    .area-menu .navbar-collapse {
        background-color: #FFFFFF;
        bottom: 0px;
        height: 102vh;
        left: 0px;
        margin: 0px;
        padding: 2em;
        position: fixed;
        overflow-x: hidden;
        right: 0px;
        top: 0px;
        width: 400px;
        z-index: 9999;
    }

    /* TITULO MENU E BNT FECHAR */
    .area-menu .menu-topo-offcanvas .topo {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }

    .area-menu .menu-topo-offcanvas .destaques {
        margin-top: 40px;
    }

    .area-menu .menu-topo-offcanvas .topo .titulo,
    .area-menu .menu-topo-offcanvas .destaques .titulo {
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 22px;
        font-weight: 400;
        line-height: 120%;
    }

    .area-menu .menu-topo-offcanvas .topo .close {
        color: rgba(var(--cor-de-textos), 0.3) !important;
        float: right;
        font-size: 30px !important;
        font-weight: normal !important;
        line-height: 1;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    /* MENU */
    .area-menu .navbar-nav {
        float: none !important;
    }

    .area-menu .navbar-nav>li {
        float: none !important;
    }

    .area-menu .menu-topo-offcanvas ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .area-menu .menu-topo-offcanvas ul li {
        background-color: #FFFFFF;
        border: 0px;
        display: block;
    }

    .area-menu .menu-topo-offcanvas ul li a {
        align-items: center;
        background-color: #FFFFFF;
        border: 0px;
        display: flex;
        justify-content: space-between;
        margin: 30px 0px 10px 0px;
        padding: 0px;
    }

    .area-menu .menu-topo-offcanvas ul li a span {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        margin: 0px;
        padding: 0px;
        text-align: left;
        text-decoration: none;
        width: 85%;
    }

    .area-menu .menu-topo-offcanvas ul li a i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        text-align: right;
        width: 15%;
    }

    .area-menu .menu-topo-offcanvas ul li a:hover,
    .area-menu .menu-topo-offcanvas ul .open>a:hover,
    .area-menu .menu-topo-offcanvas ul li a:focus,
    .area-menu .menu-topo-offcanvas ul .open>a:focus {
        background-color: #FFFFFF;
        border: 0px;
    }

    .area-menu .menu-topo-offcanvas ul li a:hover span,
    .area-menu .menu-topo-offcanvas ul li a:hover i,
    .area-menu .menu-topo-offcanvas ul .open>a:hover span,
    .area-menu .menu-topo-offcanvas ul .open>a:hover i,
    .area-menu .menu-topo-offcanvas ul li a:focus span,
    .area-menu .menu-topo-offcanvas ul li a:focus i,
    .area-menu .menu-topo-offcanvas ul .open>a:focus span,
    .area-menu .menu-topo-offcanvas ul .open>a:focus i {
        color: rgb(var(--cor-principal-da-marca));
    }

    .area-menu .dropdown-menu {
        padding: 0px !important;
        margin: 0px !important;
    }

    .area-menu .navbar-nav .open .dropdown-menu {
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        float: none !important;
        margin-top: 0 !important;
        position: static !important;
        -webkit-box-shadow: none !important;
        width: auto !important;
    }

    .area-menu .menu-topo-offcanvas ul li ul {
        background-color: #FFFFFF !important;
        border: 0px !important;
        list-style-type: none;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }

    .area-menu .menu-topo-offcanvas ul li ul li {
        background-color: #FFFFFF !important;
        border: 0px !important;
        display: block;
    }

    .area-menu .menu-topo-offcanvas ul li ul li a {
        background-color: #FFFFFF !important;
        border: 0px !important;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin: 0px;
        padding: 5px 0px;
        text-align: left;
        text-decoration: none;
        text-transform: var(--transformar-outros-textos) !important;
    }

    .area-menu .menu-topo-offcanvas ul li ul li a:hover,
    .area-menu .menu-topo-offcanvas ul li ul li a:focus {
        background-color: #FFFFFF !important;
        border: 0px !important;
        color: rgb(var(--cor-principal-da-marca)) !important;
        text-decoration: none;
    }

    /* SOMBRA */
    .area-menu .sombra {
        background: rgba(0, 0, 0, 0.70);
        height: 102vh;
        left: 0;
        position: absolute;
        top: 0;
        width: 102vw;
        z-index: 9000;
    }
}

/* MENU TELA INTEIRA PARA XS */
@media only screen and (max-width: 767px) {
    .area-menu .navbar-collapse {
        background-color: rgb(var(--cor-principal-da-marca));
        bottom: 0;
        height: 102vh;
        left: 0;
        margin: 0px;
        overflow-y: auto;
        padding: 2em;
        position: fixed;
        right: 0;
        top: 0;
        width: 102vw;
        z-index: 9999;
    }

    /* TITULO MENU E BNT FECHAR */
    .area-menu .menu-topo-offcanvas .topo {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }

    .area-menu .menu-topo-offcanvas .destaques {
        margin-top: 40px;
    }

    .area-menu .menu-topo-offcanvas .topo .titulo,
    .area-menu .menu-topo-offcanvas .destaques .titulo {
        color: rgb(255, 255, 255);
        font-family: var(--fonte-outros-textos);
        font-size: 22px;
        font-weight: 400;
        line-height: 120%;
    }

    .area-menu .menu-topo-offcanvas .topo .close {
        color: rgba(255, 255, 255, 0.3) !important;
        float: right;
        font-size: 30px !important;
        font-weight: normal !important;
        line-height: 1;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    /* PESQUISAR */
    .area-menu .menu-topo-offcanvas .box-pesquisar {
        margin: 0px;
        padding: 20px;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar .form-pesquisar {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: var(--borda);
        padding: 0px;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar .form-pesquisar .box-campo-pesquisar {
        margin: 0px !important;
        padding: 0px !important;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar .form-pesquisar .form-control {
        background-color: transparent !important;
        border: 1px solid transparent !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar ::-webkit-input-placeholder {
        color: rgba(var(--cor-de-textos), 0.7) !important;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar :-ms-input-placeholder {
        color: rgba(var(--cor-de-textos), 0.7) !important;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar ::placeholder {
        color: rgba(var(--cor-de-textos), 0.7) !important;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar .box-btn-pesquisar {
        margin: 0px !important;
        padding: 0px !important;
    }

    .area-menu .menu-topo-offcanvas .box-pesquisar .box-btn-pesquisar .btn {
        align-items: center !important;
        display: flex !important;
        font-size: 22px !important;
        justify-content: center !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    /* MENU */
    .area-menu .navbar-nav {
        float: none !important;
    }

    .area-menu .navbar-nav>li {
        float: none !important;
    }

    .area-menu .menu-topo-offcanvas ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .area-menu .menu-topo-offcanvas ul li {
        display: block;
    }

    .area-menu .menu-topo-offcanvas ul li a {
        align-items: center;
        background-color: rgba(255, 255, 255, 0.05);
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        display: flex;
        height: 50px;
        justify-content: space-between;
        margin: 0px;
        padding: 0px 10px;
    }

    .area-menu .menu-topo-offcanvas ul li a span {
        background-color: transparent;
        border-bottom: 0px;
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        margin: 0px;
        padding: 0px;
        text-align: left;
        text-decoration: none;
        text-transform: var(--transformar-outros-textos) !important;
        width: 85%;
    }

    .area-menu .menu-topo-offcanvas ul li a i {
        background-color: transparent;
        border-bottom: 0px;
        color: rgb(255, 255, 255);
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        text-align: right;
        width: 15%;
    }

    .area-menu .menu-topo-offcanvas ul li a:hover,
    .area-menu .menu-topo-offcanvas .open>a:hover,
    .area-menu .menu-topo-offcanvas ul li a:focus,
    .area-menu .menu-topo-offcanvas .open>a:focus {
        background-color: rgba(255, 255, 255, 0.15);
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: rgb(255, 255, 255);
        height: 50px;
    }

    .area-menu .menu-topo-offcanvas ul li a:hover span,
    .area-menu .menu-topo-offcanvas ul li a:hover i,
    .area-menu .menu-topo-offcanvas .open>a:hover span,
    .area-menu .menu-topo-offcanvas .open>a:hover i,
    .area-menu .menu-topo-offcanvas ul li a:focus span,
    .area-menu .menu-topo-offcanvas ul li a:focus i,
    .area-menu .menu-topo-offcanvas .open>a:focus span,
    .area-menu .menu-topo-offcanvas .open>a:focus i {
        background-color: transparent;
        border-bottom: 0px;
        color: rgb(255, 255, 255);
    }

    .area-menu .dropdown-menu {
        padding: 0px !important;
        margin: 0px !important;
    }

    .area-menu .navbar-nav .open .dropdown-menu {
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        float: none !important;
        margin-top: 0 !important;
        position: static !important;
        width: auto !important;
        -webkit-box-shadow: none !important;
    }

    .area-menu .menu-topo-offcanvas ul li ul {
        list-style-type: none;
        margin: 0px;
        padding: 10px 0px 20px 0px !important;
    }

    .area-menu .menu-topo-offcanvas ul li ul li {
        border: 0px;
        display: block;
    }

    .area-menu .menu-topo-offcanvas ul li ul li a,
    .area-menu .menu-topo-offcanvas ul li ul li a:hover,
    .area-menu .menu-topo-offcanvas ul li ul li a:focus {
        background-color: transparent;
        border-bottom: 0px;
        color: rgb(var(--cor-principal-da-marca)) !important;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        line-height: 120% !important;
        height: auto !important;
        margin: 0px;
        padding: 8px 10px !important;
        text-align: left;
        text-decoration: none;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

/*****************
******************
* MARGIN DO TOPO *
******************
******************/
@media only screen and (min-width: 1200px) {
    .recuo-topo {
        border: 1px solid transparent;
        margin-top: 223px;
        padding: 0px;
    }

    .recuo-margin-topo-detalhes {
        margin-top: -70px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .recuo-topo {
        border: 1px solid transparent;
        margin-top: 148px;
        padding: 0px;
    }

    .recuo-margin-topo-detalhes {
        margin-top: -40px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .recuo-topo {
        border: 1px solid transparent;
        margin-top: 152px;
        padding: 0px;
    }

    .recuo-margin-topo-detalhes {
        margin-top: -40px !important;
    }
}

@media only screen and (max-width: 767px) {
    .recuo-topo {
        border: 1px solid transparent;
        margin-top: 98px;
        padding: 0px;
    }

    .recuo-margin-topo-detalhes {
        margin-top: 0px !important;
    }
}

.recuo-margin-topo {
    margin-top: 40px;
}

/**************************
***************************
* BANNER TOPO - SLIDESHOW *
***************************
***************************/
@media only screen and (min-width: 768px) {
    #slideshow-desktop {
        margin: 0px !important;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    #slideshow-mobile {
        margin: 0px !important;
        padding: 0px !important;
    }
}

#slideshow-desktop img,
#slideshow-mobile img {
    width: 100%;
    height: 100%;
}

/******************************************
*******************************************
* BARRINHA DE INFOS >>> _PARTS/_INFOS.PHP *
*******************************************
*******************************************/
@media only screen and (min-width: 768px) {
    #barrinha-de-infos {
        margin-bottom: 0px;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #barrinha-de-infos {
        margin-bottom: 0px;
        margin-top: 50px;
        padding-right: 12px;
    }
}

@media only screen and (min-width: 1200px) {
    #barrinha-de-infos .infos {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #barrinha-de-infos .infos {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #barrinha-de-infos .infos {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

    #barrinha-de-infos .infos::-webkit-scrollbar {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    #barrinha-de-infos .box-info .icon {
        float: left;
    }

    #barrinha-de-infos .box-info .icon i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 45px;
    }

    #barrinha-de-infos .box-info .texto {
        align-items: center;
        display: flex;
        float: left;
        height: 45px;
        margin: 0px;
        padding: 0px 0px 0px 10px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #barrinha-de-infos .box-info .icon {
        align-items: center;
        display: flex;
        height: 45px;
        justify-content: center;
        width: 100%;
    }

    #barrinha-de-infos .box-info .icon i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 45px;
    }

    #barrinha-de-infos .box-info .texto {
        margin: 0px;
        max-width: 230px;
        padding: 10px 0px 0px 0px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #barrinha-de-infos .box-info .icon {
        align-items: center;
        display: flex;
        height: 45px;
        justify-content: center;
        width: 100%;
    }

    #barrinha-de-infos .box-info .icon i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 45px;
    }

    #barrinha-de-infos .box-info .texto {
        margin: 0px;
        max-width: 175px;
        padding: 10px 0px 0px 0px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {

    #barrinha-de-infos .info-01,
    #barrinha-de-infos .info-02,
    #barrinha-de-infos .info-03,
    #barrinha-de-infos .info-04 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0px 30px 0px 0px;
    }

    #barrinha-de-infos .box-info .icon i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 45px;
    }

    #barrinha-de-infos .box-info .texto {
        align-items: center;
        display: flex;
        float: left;
        height: 45px;
        margin: 0px;
        padding: 0px 0px 0px 10px;
    }
}

#barrinha-de-infos .texto h1 {
    font-size: 22px !important;
}

#barrinha-de-infos .texto h2 {
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: var(--transformar-outros-textos) !important;
}

/********************
*********************
* BANNERS DESTAQUES *
*********************
*********************/
#destaques {
    margin-bottom: 0px;
    margin-top: 50px;
}

@media only screen and (min-width: 1024px) {
    #area-destaque-vertical {
        list-style: none;
        margin: -20px 0px -40px 0px !important;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #area-destaque-vertical {
        list-style: none;
        margin: -20px 0px -40px 0px !important;
        padding: 0px 10px;
    }
}

@media only screen and (max-width: 767px) {
    #area-destaque-vertical {
        list-style: none;
        margin: -20px 0px -40px 0px !important;
        padding: 0px 20px;
    }
}

#area-destaque-vertical li {
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 1200px) {
    #area-destaque-vertical .box {
        height: auto !important;
        margin: 0px;
        padding: 0px;
        position: relative;
    }
}

@media only screen and (max-width: 1199px) {
    #area-destaque-vertical .box {
        height: auto !important;
        margin: 0px;
        padding: 0px 5px;
        position: relative;
    }
}

#area-destaque-vertical .box .destaque {
    margin: 0px;
    padding: 0px;
    position: relative;
}

#destaques #area-destaque-vertical .box .destaque a,
#destaques #area-destaque-vertical .box .destaque a:hover {
    text-decoration: none !important;
}

@media only screen and (min-width: 1200px) {
    #destaques #area-destaque-vertical .box .destaque .imagem {
        align-items: flex-start;
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda) var(--borda) 0px 0px;
        cursor: pointer;
        display: flex;
        height: 360px;
        justify-content: center;
        line-height: 360px;
        margin: 0px !important;
        overflow: hidden;
        padding: 0px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #destaques #area-destaque-vertical .box .destaque .imagem {
        align-items: flex-start;
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda) var(--borda) 0px 0px;
        cursor: pointer;
        display: flex;
        height: 395px;
        justify-content: center;
        line-height: 395px;
        margin: 0px !important;
        overflow: hidden;
        padding: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #destaques #area-destaque-vertical .box .destaque .imagem {
        align-items: flex-start;
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda) var(--borda) 0px 0px;
        cursor: pointer;
        display: flex;
        height: 289px;
        justify-content: center;
        line-height: 289px;
        margin: 0px !important;
        overflow: hidden;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    #destaques #area-destaque-vertical .box .destaque .imagem {
        align-items: flex-start;
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda) var(--borda) 0px 0px;
        cursor: pointer;
        display: flex;
        height: 380px;
        justify-content: center;
        line-height: 380px;
        margin: 0px !important;
        overflow: hidden;
        padding: 0px !important;
    }
}

#destaques #area-destaque-vertical .box .destaque .texto {
    align-items: center;
    background-color: #F3F3F3;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-radius: 0px 0px var(--borda) var(--borda);
    border-right: 1px solid #DDDDDD;
    border-top: 0px;
    display: flex;
    height: 80px;
    margin: 0px;
    padding: 0px;
}

#destaques #area-destaque-vertical .box .destaque .borda .texto h2 {
    font-size: 16px !important;
    padding: 0px 20px !important;
    text-align: left;
}

/**************
***************
* TÝTULO HOME *
***************
***************/
@media only screen and (min-width: 1200px) {
    #produtos-lancamentos {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    #produtos-mais-vendidos {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #parceiros {
        margin-bottom: 50px;
        margin-top: 0px;
    }

    #widget-instagram {
        margin-bottom: 50px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1199px) {

    #produtos-lancamentos,
    #produtos-mais-vendidos,
    #parceiros,
    #widget-instagram {
        margin-bottom: 0px;
        margin-top: 50px;
    }
}

.titulo-home {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.titulo-home h1 {
    font-size: 16px !important;
    text-align: center !important;
}

/***********
************
* PRODUTOS *
************
************/
#listagem-produtos-mais-vendidos,
#listagem-produtos-lancamentos,
#listagem-produtos-veja-tambem {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 1024px) {
    #listagem-produtos {
        list-style: none;
        margin: 0px 0px 0px 10px;
        padding: 0px;
    }
}

@media only screen and (max-width: 1023px) {
    #listagem-produtos {
        list-style: none;
        margin: 5px -5px 0px -5px !important;
        padding: 0px !important;
    }
}

@media only screen and (min-width: 1200px) {

    #listagem-produtos-mais-vendidos li,
    #listagem-produtos-lancamentos li,
    #listagem-produtos-veja-tambem li,
    #listagem-produtos li {
        list-style: none;
        margin: 0px;
        padding: 0px 5px;
    }
}

@media only screen and (max-width: 1199px) {

    #listagem-produtos-mais-vendidos li,
    #listagem-produtos-lancamentos li,
    #listagem-produtos-veja-tambem li,
    #listagem-produtos li {
        list-style: none;
        margin: 0px;
        padding: 10px 5px 0px 5px;
    }
}

@media only screen and (min-width: 1400px) {

    #listagem-produtos-mais-vendidos .box,
    #listagem-produtos-lancamentos .box,
    #listagem-produtos-veja-tambem .box {
        height: 390px;
        margin-bottom: 60px;
        position: relative;
    }

    #listagem-produtos .box {
        height: 400px;
        margin-bottom: 60px;
        position: relative;
    }
}

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

    #listagem-produtos-mais-vendidos .box,
    #listagem-produtos-lancamentos .box,
    #listagem-produtos-veja-tambem .box {
        height: 360px;
        margin-bottom: 60px;
        position: relative;
    }

    #listagem-produtos .box {
        height: 370px;
        margin-bottom: 60px;
        position: relative;
    }
}

@media only screen and (max-width: 1199px) {

    #listagem-produtos-mais-vendidos .box,
    #listagem-produtos-lancamentos .box,
    #listagem-produtos-veja-tambem .box,
    #listagem-produtos .box {
        position: relative;
    }
}

@media only screen and (min-width: 1200px) {

    #listagem-produtos-mais-vendidos .box-com-borda,
    #listagem-produtos-lancamentos .box-com-borda,
    #listagem-produtos-veja-tambem .box-com-borda {
        background-color: #FFFFFF;
        border: 1px solid rgb(var(--cor-de-fundo));
        border-radius: var(--borda);
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    #listagem-produtos-mais-vendidos .box-com-borda:hover,
    #listagem-produtos-lancamentos .box-com-borda:hover,
    #listagem-produtos-veja-tambem .box-com-borda:hover {
        background-color: #FFFFFF;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-bottom: 0px !important;
        border-radius: var(--borda) var(--borda) 0px 0px;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    #listagem-produtos .box-com-borda {
        background-color: #FFFFFF;
        border: 1px solid rgb(var(--cor-de-fundo));
        border-radius: var(--borda);
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    #listagem-produtos .box-com-borda:hover {
        background-color: #FFFFFF;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-bottom: 0px !important;
        border-radius: var(--borda) var(--borda) 0px 0px;
        margin: 0px;
        padding: 0px;
        position: relative;
    }
}

@media only screen and (max-width: 1199px) {

    #listagem-produtos-mais-vendidos .box-com-borda,
    #listagem-produtos-lancamentos .box-com-borda,
    #listagem-produtos-veja-tambem .box-com-borda {
        background-color: #FFFFFF;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-radius: var(--borda);
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    #listagem-produtos .box-com-borda {
        background-color: #FFFFFF;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-radius: var(--borda);
        margin: 0px;
        padding: 0px;
        position: relative;
    }
}

.box .box-com-borda a,
.box .box-com-borda a:hover {
    text-decoration: none;
}

/* FOTO DO PRODUTO */
@media only screen and (min-width: 1400px) {

    #listagem-produtos-mais-vendidos .box .foto-produto,
    #listagem-produtos-lancamentos .box .foto-produto,
    #listagem-produtos-veja-tambem .box .foto-produto {
        height: 270px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos .box .foto-produto {
        height: 215px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-principal,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-principal,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 270px;
        justify-content: center;
        line-height: 270px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 215px;
        justify-content: center;
        line-height: 215px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-hover,
    #listagem-produtos .box .foto-produto .imagem-hover {
        opacity: 0;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 270px;
        justify-content: center;
        left: 15px;
        line-height: 270px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }

    #listagem-produtos .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 215px;
        justify-content: center;
        left: 15px;
        line-height: 215px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }
}

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

    #listagem-produtos-mais-vendidos .box .foto-produto,
    #listagem-produtos-lancamentos .box .foto-produto,
    #listagem-produtos-veja-tambem .box .foto-produto {
        height: 240px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos .box .foto-produto {
        height: 190px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-principal,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-principal,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 240px;
        justify-content: center;
        line-height: 240px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 190px;
        justify-content: center;
        line-height: 190px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-hover,
    #listagem-produtos .box .foto-produto .imagem-hover {
        opacity: 0;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 240px;
        justify-content: center;
        left: 15px;
        line-height: 240px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }

    #listagem-produtos .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 190px;
        justify-content: center;
        left: 15px;
        line-height: 190px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {

    #listagem-produtos-mais-vendidos .box .foto-produto,
    #listagem-produtos-lancamentos .box .foto-produto,
    #listagem-produtos-veja-tambem .box .foto-produto {
        height: 190px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos .box .foto-produto {
        height: 195px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-principal,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-principal,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 190px;
        justify-content: center;
        line-height: 190px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 195px;
        justify-content: center;
        line-height: 195px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-hover,
    #listagem-produtos .box .foto-produto .imagem-hover {
        opacity: 0;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 190px;
        justify-content: center;
        left: 15px;
        line-height: 190px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }

    #listagem-produtos .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 195px;
        justify-content: center;
        left: 15px;
        line-height: 195px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    #listagem-produtos-mais-vendidos .box .foto-produto,
    #listagem-produtos-lancamentos .box .foto-produto,
    #listagem-produtos-veja-tambem .box .foto-produto,
    #listagem-produtos .box .foto-produto {
        height: 135px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-principal,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-principal,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-principal,
    #listagem-produtos .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 135px;
        justify-content: center;
        line-height: 135px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-hover,
    #listagem-produtos .box .foto-produto .imagem-hover {
        opacity: 0;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto:hover .imagem-hover,
    #listagem-produtos .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 135px;
        justify-content: center;
        left: 15px;
        line-height: 135px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }
}

@media only screen and (max-width: 767px) {

    #listagem-produtos-mais-vendidos .box .foto-produto,
    #listagem-produtos-lancamentos .box .foto-produto,
    #listagem-produtos-veja-tambem .box .foto-produto,
    #listagem-produtos .box .foto-produto {
        height: 125px;
        margin-bottom: 15px;
        padding: 15px;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-principal,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-principal,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-principal,
    #listagem-produtos .box .foto-produto .imagem-principal {
        align-items: center;
        background-color: #FFFFFF;
        cursor: pointer;
        display: flex;
        height: 125px;
        justify-content: center;
        line-height: 125px;
        opacity: 1;
        overflow: hidden;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto .imagem-hover,
    #listagem-produtos .box .foto-produto .imagem-hover {
        opacity: 0;
    }

    #listagem-produtos-mais-vendidos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-lancamentos .box .foto-produto:hover .imagem-hover,
    #listagem-produtos-veja-tambem .box .foto-produto:hover .imagem-hover,
    #listagem-produtos .box .foto-produto:hover .imagem-hover {
        align-items: center;
        background-color: #FFFFFF;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 125px;
        justify-content: center;
        left: 15px;
        line-height: 125px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
    }
}

/* TAG FRETE GRÝTIS */
@media only screen and (min-width: 1024px) {
    .box .frete-gratis {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: var(--borda);
        color: #FFFFFF;
        display: flex;
        font-size: 12px;
        font-weight: 700;
        height: 35px;
        padding: 0px 15px;
        position: absolute;
        text-align: center;
        top: 15px;
        right: 15px;
        z-index: 10;
    }
}

@media only screen and (max-width: 1023px) {
    .box .frete-gratis {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: var(--borda);
        color: #FFFFFF;
        display: flex;
        font-size: 9px;
        font-weight: 700;
        height: 25px;
        padding: 0px 10px;
        position: absolute;
        text-align: center;
        top: 15px;
        right: 15px;
        z-index: 10;
    }
}

/* WHATSAPP */
@media only screen and (min-width: 1024px) {
    .box .whatsapp-produto {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: var(--borda);
        color: #FFFFFF;
        display: flex;
        font-size: 25px;
        height: 35px;
        justify-content: center;
        left: 15px;
        padding: 0px;
        position: absolute;
        top: 15px;
        width: 35px;
        z-index: 10;
    }
}

@media only screen and (max-width: 1023px) {
    .box .whatsapp-produto {
        align-items: center;
        background-color: rgb(var(--cor-promocional));
        border-radius: var(--borda);
        color: #FFFFFF;
        display: flex;
        font-size: 15px;
        height: 25px;
        justify-content: center;
        left: 15px;
        padding: 0px;
        position: absolute;
        top: 15px;
        width: 25px;
        z-index: 10;
    }
}

.box .whatsapp-produto a,
.box .whatsapp-produto a:hover {
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

/* DESCRIÇÃO DO PRODUTO */
@media only screen and (min-width: 1024px) {
    .box .resumo-prod {
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 45px;
        line-height: 120%;
        margin: 0px;
        padding: 15px 15px 0px 15px;
        overflow-y: hidden;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 1023px) {
    .box .resumo-prod {
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 60px;
        line-height: 120%;
        margin: 0px;
        padding: 15px 15px 0px 15px;
        overflow-y: hidden;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

/* PREÇO DE */
.box .preco-de {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    height: 14px;
    line-height: 120%;
    margin: 5px 0px;
    padding: 0px;
    text-align: center;
    text-decoration: line-through;
    text-transform: var(--transformar-outros-textos) !important;
}

/* PREÇO POR */
.box .preco-por {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 18px;
    font-weight: 700;
    height: 18px;
    line-height: 120%;
    margin: 0px;
    padding: 0px 15px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

/* PREÇO PARCELADO */
.box .preco-parcelado {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 12px;
    font-weight: 400;
    height: 12px;
    line-height: 120%;
    margin: 5px 0px 20px 0px;
    padding: 0px 15px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

/* COMPRA RÝPIDA */
@media only screen and (min-width: 1200px) {
    .box .box-com-borda:hover {
        background-color: #FFFFFF;
    }

    .box:hover .compra-rapida {
        display: block;
        background-color: #FFFFFF;
    }

    .box-com-borda .compra-rapida {
        background-color: #FFFFFF;
        display: none;
        margin-top: -20px;
        margin-left: -1px;
        margin-right: 0px;
        padding: 20px 15px;
        position: absolute;
        width: 100.5% !important;
    }

    .box:hover .box-com-borda .compra-rapida {
        background-color: #FFFFFF;
        border-top: 0px;
        border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-left: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-right: 1px solid rgba(var(--cor-de-textos), 0.1);
        border-radius: 0px 0px var(--borda) var(--borda);
        box-shadow: none;
        z-index: 999 !important;
    }
}

@media only screen and (max-width: 1199px) {
    .box-com-borda .area-comprar {
        padding: 0px 15px 15px 15px;
    }
}

#listagem-produtos-mais-vendidos .box .btn,
#listagem-produtos-lancamentos .box .btn,
#listagem-produtos-veja-tambem .box .btn,
#listagem-produtos .box .btn {
    align-items: center !important;
    display: flex !important;
    height: 38px !important;
    line-height: 38px !important;
    justify-content: center !important;
    padding: 0px !important;
}

/* TXT NENHUM PRODUTO ENCONTRADO */
.txt-nenhum-produto-encontrado {
    color: rgb(var(--textos-color));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 120%;
    margin: 80px 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

/******************************************
*******************************************
* BANNER FIXO >>> _PARTS/_BANNER_FIXO.PHP *
*******************************************
*******************************************/
@media only screen and (min-width: 1200px) {
    #banner-fixo {
        margin-bottom: 50px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #banner-fixo {
        margin-bottom: 0px;
        margin-top: 50px;
    }
}

/**************************************
***************************************
* PARCEIROS >>> _PARTS/_PARCEIROS.PHP *
***************************************
***************************************/
@media only screen and (min-width: 1024px) {
    #slide_parceiros {
        list-style: none;
        margin-bottom: -20px;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #slide_parceiros {
        list-style: none;
        margin-bottom: -20px;
        padding: 0px 10px;
    }
}

@media only screen and (max-width: 767px) {
    #slide_parceiros {
        list-style: none;
        margin-bottom: -20px;
        padding: 0px 20px;
    }
}

#slide_parceiros li {
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 1400px) {
    #slide_parceiros .box {
        align-items: center;
        display: flex;
        height: 120px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 192px;
    }

    #slide_parceiros .img-parceiro {
        align-items: center;
        background-color: #FFFFFF;
        border-radius: var(--borda);
        display: flex;
        filter: grayscale(100%);
        height: 120px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 140px;
        -webkit-filter: grayscale(100%);
    }

    #slide_parceiros .img-parceiro img {
        border-radius: var(--borda);
        max-height: 120px;
        max-width: 140px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #slide_parceiros .box {
        align-items: center;
        display: flex;
        height: 120px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 170px;
    }

    #slide_parceiros .img-parceiro {
        align-items: center;
        background-color: #FFFFFF;
        border-radius: var(--borda);
        display: flex;
        filter: grayscale(100%);
        height: 120px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 140px;
        -webkit-filter: grayscale(100%);
    }

    #slide_parceiros .img-parceiro img {
        border-radius: var(--borda);
        max-height: 120px;
        max-width: 140px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #slide_parceiros .box {
        align-items: center;
        display: flex;
        height: 120px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 180px;
    }

    #slide_parceiros .img-parceiro {
        align-items: center;
        background-color: #FFFFFF;
        border-radius: var(--borda);
        display: flex;
        filter: grayscale(100%);
        height: 120px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 140px;
        -webkit-filter: grayscale(100%);
    }

    #slide_parceiros .img-parceiro img {
        border-radius: var(--borda);
        max-height: 120px;
        max-width: 140px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #slide_parceiros .box {
        align-items: center;
        display: flex;
        height: 100px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 167px;
    }

    #slide_parceiros .img-parceiro {
        align-items: center;
        background-color: #FFFFFF;
        border-radius: var(--borda);
        display: flex;
        filter: grayscale(100%);
        height: 100px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 120px;
        -webkit-filter: grayscale(100%);
    }

    #slide_parceiros .img-parceiro img {
        border-radius: var(--borda);
        max-height: 100px;
        max-width: 120px;
    }
}

@media only screen and (max-width: 767px) {
    #slide_parceiros .box {
        align-items: center;
        display: flex;
        height: 90px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 140px;
    }

    #slide_parceiros .img-parceiro {
        align-items: center;
        background-color: #FFFFFF;
        border-radius: var(--borda);
        display: flex;
        filter: grayscale(100%);
        height: 90px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 110px;
        -webkit-filter: grayscale(100%);
    }

    #slide_parceiros .img-parceiro img {
        border-radius: var(--borda);
        max-height: 90px;
        max-width: 110px;
    }
}

#slide_parceiros .img-parceiro:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

/****************************************
*****************************************
* VÝDEO INSTITUCIONAL >>> PRINCIPAL.PHP *
*****************************************
*****************************************/
@media only screen and (min-width: 1200px) {
    #video-institucional {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda);
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #video-institucional {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda);
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #video-institucional {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border-radius: var(--borda) var(--borda) 0px 0px;
        margin-top: 50px;
    }
}

#video-institucional a,
#video-institucional a:hover {
    cursor: pointer;
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    #video-institucional .box-video {
        align-items: center;
        display: flex;
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #video-institucional .box-video {
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    #video-institucional .texto {
        align-items: center;
        display: flex;
        height: 333px;
        margin: 0px;
        padding: 0px;
    }

    #video-institucional .conteudo {
        align-items: center;
        display: flex;
        margin: 0px;
        max-height: 333px;
        padding: 30px;
        width: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #video-institucional .texto {
        align-items: center;
        display: flex;
        height: 255px;
        margin: 0px;
        padding: 0px;
    }

    #video-institucional .conteudo {
        align-items: center;
        display: flex;
        margin: 0px;
        max-height: 255px;
        padding: 30px;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #video-institucional .texto {
        align-items: center;
        display: flex;
        height: 210px;
        margin: 0px !important;
        padding: 0px !important;
    }

    #video-institucional .conteudo {
        align-items: center;
        display: flex;
        margin: 0px;
        max-height: 210px;
        padding: 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #video-institucional .texto {
        margin: 0px;
        padding: 0px;
    }

    #video-institucional .conteudo {
        margin: 0px;
        padding: 30px;
    }
}

#video-institucional .conteudo h1 {
    text-align: left;
}

#video-institucional .texto .conteudo h2 {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: rgb(var(--fonte-outros-textos)) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding-top: 5px !important;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#video-institucional .video {
    margin: 0px !important;
    padding: 0px !important;
}

@media only screen and (min-width: 768px) {
    #video-institucional .capa-video {
        border-radius: 0px var(--borda) var(--borda) 0px;
    }
}

@media only screen and (max-width: 767px) {
    #video-institucional .capa-video {
        border-radius: 0px 0px var(--borda) var(--borda);
    }
}

#video-institucional .play-icon {
    align-items: center;
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
}

@media only screen and (max-width: 1023px) {
    #video-institucional .play-icon img {
        width: 60px;
    }
}

/****************************************
*****************************************
* NEWSLETTER >>> _PARTS/_NEWSLETTER.PHP *
*****************************************
*****************************************/
@media only screen and (min-width: 1200px) {
    #newsletter {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        margin-top: 30px;
        padding: 50px 0px 60px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #newsletter {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        margin-top: 80px;
        padding: 50px 0px 60px 0px;
    }
}

#newsletter .inscricao {
    margin: 0px 0px 30px 0px !important;
    padding: 0px !important;
}

#newsletter .inscricao h1 {
    color: rgb(var(--cor-de-textos)) !important;
    text-align: center;
}

#newsletter .inscricao h2 {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding-top: 5px !important;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#newsletter .formulario {
    margin: 0px !important;
    padding: 0px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {

    #newsletter .nome,
    #newsletter .mail,
    #newsletter .telefone {
        margin: 0px !important;
    }

    #newsletter .cadastrar {
        margin: 10px 0px 0px 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    #newsletter .nome {
        margin: 5px 0px 0px 0px !important;
        padding: 0px !important;
    }

    #newsletter .mail,
    #newsletter .telefone,
    #newsletter .cadastrar {
        margin: 15px 0px 0px 0px !important;
        padding: 0px !important;
    }
}

/***************************************
****************************************
* FOOTER >>> _PARTS/_MENU_INFERIOR.PHP *
****************************************
****************************************/
#footer {
    background-color: rgb(var(--cor-de-fundo));
    margin: 0px;
    padding: 50px 0px 0px 0px;

}

@media only screen and (min-width: 768px) {
    #footer .menu-inferior {
        align-content: stretch;
        align-items: stretch;
        display: flex;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 1200px) {

    #footer .box-atendimento,
    #footer .box-localizacao {
        max-width: 170px;
    }

    #footer .box-loja-segura-redes-sociais {
        max-width: 145px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {

    #footer .box-institucional,
    #footer .box-ajuda {
        max-width: 170px;
    }

    #footer .box-atendimento,
    #footer .box-localizacao {
        max-width: 160px;
    }

    #footer .box-loja-segura-redes-sociais {
        max-width: 150px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    #footer .box-institucional,
    #footer .box-ajuda,
    #footer .box-atendimento {
        max-width: 160px;
    }

    #footer .box-loja-segura-redes-sociais {
        max-width: 145px;
    }
}

@media only screen and (min-width: 768px) {
    #footer .box-loja-segura-redes-sociais .redes-sociais {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {

    #footer .box-institucional,
    #footer .box-ajuda,
    #footer .box-atendimento,
    #footer .box-localizacao,
    #footer .loja-segura {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 30px;
        text-align: center;
        width: 100%;
    }

    #footer .redes-sociais {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
}

#footer h3 {
    font-size: 16px !important;
}

#footer .menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer .menu li {
    display: block;
}

#footer .menu li a {
    color: rgb(var(--cor-de-textos));
    display: block;
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#footer .menu li a:hover {
    color: rgb(var(--cor-principal-da-marca));
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#footer .box-atendimento .atendimento .contato {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    #footer .box-atendimento .atendimento .contato {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #footer .box-atendimento .atendimento .contato {
        align-items: center;
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
}

#footer .box-atendimento .atendimento .contato li {
    display: block;
    list-style: none;
}

#footer .box-atendimento .atendimento .contato .whatsapp,
#footer .box-atendimento .atendimento .contato .telefone {
    margin: 10px 0px;
    padding: 0px;
}

#footer .box-atendimento .atendimento .contato .box-contato {
    align-items: center;
    display: flex;
    text-decoration: none;
    text-transform: none;
}

#footer .box-atendimento .atendimento .contato .box-contato .icon {
    align-items: center;
    background-color: rgb(var(--cor-de-textos));
    border-radius: var(--borda);
    color: rgba(var(--cor-de-fundo));
    display: flex;
    font-size: 20px;
    height: 30px;
    justify-content: center;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    width: 30px;
}

#footer .box-atendimento .atendimento .contato .box-contato .texto p {
    color: rgba(var(--cor-de-textos), 0.7) !important;
    display: block;
    font-family: var(--fonte-outros-textos);
    font-size: 12px !important;
    line-height: 100% !important;
    text-transform: var(--transformar-outros-textos) !important;
}

#footer .box-atendimento .atendimento .contato .box-contato .texto span {
    color: rgb(var(--cor-de-textos));
    display: block;
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#footer .box-atendimento .atendimento .contato .horario,
#footer .box-atendimento .atendimento .contato .endereco {
    color: rgb(var(--cor-de-textos));
    display: block;
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 1024px) {
    #footer .box-localizacao .localizacao .contato {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #footer .box-localizacao .localizacao .contato {
        list-style: none;
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }
}

@media only screen and (max-width: 767px) {
    #footer .box-localizacao .localizacao .contato {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
}

#footer .box-localizacao .localizacao .contato li {
    color: rgb(var(--cor-de-textos));
    display: block;
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 1024px) {
    #footer .box-loja-segura-redes-sociais .loja-segura .icon-loja-segura {
        align-items: center;
        display: flex;
        height: 55px;
        justify-content: center;
        line-height: 55px;
        margin-top: 8px;
        overflow: hidden;
        position: relative;
        width: 140px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #footer .box-loja-segura-redes-sociais .loja-segura .icon-loja-segura {
        align-items: center;
        display: flex;
        height: 55px;
        justify-content: center;
        line-height: 55px;
        margin-top: 8px;
        overflow: hidden;
        position: relative;
        width: 140px;
    }
}

@media only screen and (max-width: 767px) {
    #footer .box-loja-segura-redes-sociais .loja-segura .icon-loja-segura {
        align-items: center;
        display: flex;
        height: 55px;
        justify-content: center;
        line-height: 55px;
        margin-top: 8px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
}

#footer .box-loja-segura-redes-sociais .loja-segura .icon-loja-segura i {
    color: rgb(var(--cor-de-textos));
    font-size: 140px;
}

#footer .box-loja-segura-redes-sociais .redes-sociais ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer .box-loja-segura-redes-sociais .redes-sociais ul li {
    display: inline-block;
    padding: 0px;
}

#footer .box-loja-segura-redes-sociais .redes-sociais ul li a {
    align-items: center;
    background-color: rgb(var(--cor-de-textos));
    border-radius: var(--borda);
    color: rgba(var(--cor-de-fundo));
    display: flex;
    font-size: 14px;
    height: 25px;
    justify-content: center;
    margin: 7px 5px 0px 0px;
    padding: 0px;
    text-decoration: none;
    width: 25px;
}

#footer .box-loja-segura-redes-sociais .redes-sociais ul li a:hover {
    background-color: rgb(var(--cor-principal-da-marca));
    color: rgba(var(--cor-de-fundo));
    text-decoration: none;
}

/***************************************
****************************************
* FOOTER BOTTOM >>> _PARTS/_RODAPE.PHP *
****************************************
****************************************/
@media only screen and (min-width: 767px) {
    #footer-bottom {
        background-color: rgb(var(--cor-principal-da-marca));
        margin-top: 40px;
        padding: 50px 0px 80px 0px;
    }
}

@media only screen and (max-width: 767px) {
    #footer-bottom {
        background-color: rgba(var(--cor-principal-da-marca));
        margin-top: 50px;
        padding: 50px 0px 80px 0px;
    }
}

@media only screen and (min-width: 1200px) {
    #footer-bottom .dados-cadastrais p {
        color: rgb(var(--cor-de-fundo)) !important;
        font-family: var(--fonte-outros-textos);
        text-align: left;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 1199px) {
    #footer-bottom .dados-cadastrais {
        margin-bottom: 10px;
    }

    #footer-bottom .dados-cadastrais p {
        color: rgb(var(--cor-de-fundo)) !important;
        font-family: var(--fonte-outros-textos);
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

#footer-bottom .dados-cadastrais p strong {
    font-weight: 700 !important;
}

@media only screen and (min-width: 1200px) {
    #footer-bottom .powered-by p {
        align-items: center;
        color: rgb(var(--cor-de-fundo)) !important;
        display: flex;
        font-family: var(--fonte-outros-textos);
        height: 28px;
        justify-content: flex-end;
        margin: 1px 0px 0px 0px !important;
        text-align: right;
        text-transform: var(--transformar-outros-textos) !important;
    }

    #footer-bottom .logo-alfa {
        align-items: center;
        display: flex;
        height: 28px;
        justify-content: flex-end;
        line-height: 28px;
        margin-top: 1px;
        overflow: hidden;
        padding-left: 10px;
        padding-top: 4px;
        position: relative;
    }

    #footer-bottom .logo-alfa i {
        color: rgb(var(--cor-de-fundo));
        font-size: 85px;
    }
}

@media only screen and (max-width: 1199px) {
    #footer-bottom .powered-by p {
        align-items: center;
        color: rgb(var(--cor-de-fundo)) !important;
        display: flex;
        font-family: var(--fonte-outros-textos);
        height: 40px;
        justify-content: flex-end;
        text-align: right;
        text-transform: var(--transformar-outros-textos) !important;
    }

    #footer-bottom .logo-alfa {
        align-items: center;
        display: flex;
        height: 40px;
        justify-content: flex-start;
        line-height: 40px;
        overflow: hidden;
        padding-left: 15px;
        padding-top: 6px;
        position: relative;
    }

    #footer-bottom .logo-alfa i {
        color: rgb(var(--cor-de-fundo));
        font-size: 130px;
    }
}

/***********
************
* WHATSAPP *
************
************/
.link-whatsapp {
    bottom: 0px;
    left: 0px;
    position: sticky;
    right: 0px;
    z-index: 99;
}

.link-whatsapp a,
.link-whatsapp a:hover {
    text-decoration: none;
}

@media only screen and (min-width: 1200px) {
    .link-whatsapp .alinhar-esquerda {
        bottom: 25px;
        left: 25px;
        position: absolute;
        text-decoration: none;
    }

    .link-whatsapp .alinhar-direita {
        bottom: 25px;
        right: 25px;
        position: absolute;
        text-decoration: none;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .link-whatsapp .alinhar-esquerda {
        bottom: 25px;
        left: 9px;
        position: absolute;
        text-decoration: none;
    }

    .link-whatsapp .alinhar-direita {
        bottom: 25px;
        right: 9px;
        position: absolute;
        text-decoration: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .link-whatsapp .alinhar-esquerda {
        bottom: 25px;
        left: 8px;
        position: absolute;
        text-decoration: none;
    }

    .link-whatsapp .alinhar-direita {
        bottom: 25px;
        right: 8px;
        position: absolute;
        text-decoration: none;
    }
}

@media only screen and (max-width: 767px) {
    .link-whatsapp .alinhar-esquerda {
        bottom: 20px;
        left: 10px;
        position: absolute;
        text-decoration: none;
    }

    .link-whatsapp .alinhar-direita {
        bottom: 20px;
        right: 10px;
        position: absolute;
        text-decoration: none;
    }
}

.link-whatsapp i.fa {
    background-color: rgb(var(--cor-whatsapp));
    border: 0;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 40px;
    height: 55px;
    line-height: 55px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 55px;
}

.link-whatsapp i.fa:hover {
    background-color: rgb(var(--cor-whatsapp));
    color: #FFFFFF;
}

/***********************
************************
* LISTAGEM DE PRODUTOS *
************************
************************/
@media only screen and (min-width: 1200px) {
    #pg-listagem-de-produtos .banner-categoria {
        margin: 0px 0px 50px 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #pg-listagem-de-produtos .banner-categoria {
        margin: 0px 0px 25px 0px;
        padding: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    #pg-listagem-de-produtos #breadcrumb-info {
        margin: 0px 0px 50px 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #pg-listagem-de-produtos #breadcrumb-info {
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    #pg-listagem-de-produtos #breadcrumb-info .breadcrumbs {
        align-items: center;
        color: rgba(var(--cor-de-textos), 0.7);
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 12px;
        font-weight: 400;
        height: 47px;
        margin: 0px;
        padding: 0px 5px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 1199px) {
    #pg-listagem-de-produtos #breadcrumb-info .breadcrumbs {
        color: rgba(var(--cor-de-textos), 0.7);
        font-family: var(--fonte-outros-textos);
        font-size: 12px;
        font-weight: 400;
        margin: 0px;
        padding: 0px 5px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

#pg-listagem-de-produtos #breadcrumb-info .breadcrumbs a {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#pg-listagem-de-produtos #breadcrumb-info .breadcrumbs a:hover {
    color: rgb(var(--cor-principal-da-marca));
}

@media only screen and (min-width: 1200px) {
    #pg-listagem-de-produtos #breadcrumb-info .categoria {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        font-family: var(--fonte-titulos-e-banners);
        font-size: 28px;
        font-weight: 700;
        height: 47px;
        line-height: 120%;
        justify-content: center;
        margin: 0px;
        padding: 0px 5px;
        text-align: center;
        text-transform: var(--transformar-titulo) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #pg-listagem-de-produtos #breadcrumb-info .categoria {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        font-family: var(--fonte-titulos-e-banners);
        font-size: 28px;
        font-weight: 700;
        height: 47px;
        line-height: 120%;
        margin: 0px;
        padding: 0px 5px;
        text-align: left;
        text-transform: var(--transformar-titulo) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #pg-listagem-de-produtos #breadcrumb-info .categoria {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-titulos-e-banners);
        font-size: 28px;
        font-weight: 700;
        line-height: 120%;
        margin: 0px;
        padding: 5px;
        text-align: left;
        text-transform: var(--transformar-titulo) !important;
    }
}

@media only screen and (max-width: 767px) {
    #pg-listagem-de-produtos #breadcrumb-info .categoria {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-titulos-e-banners);
        font-size: 28px;
        font-weight: 700;
        line-height: 120%;
        margin: 0px;
        padding: 0px 5px;
        text-align: left;
        text-transform: var(--transformar-titulo) !important;
    }
}

@media only screen and (min-width: 768px) {
    #pg-listagem-de-produtos #breadcrumb-info .form {
        margin: 0px;
        padding: 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    #pg-listagem-de-produtos #breadcrumb-info .form {
        margin: 0px;
        padding: 0px 5px;
    }
}

#pg-listagem-de-produtos #breadcrumb-info .form .navbar-header button {
    border: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
    font-size: 16px;
}

/* BTN FILTRAR NO XS E SM */
#pg-listagem-de-produtos .navbar-header {
    float: none !important;
}

#pg-listagem-de-produtos .navbar-toggle {
    background-color: rgb(var(--cor-de-fundo)) !important;
    border: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: 0px;
    color: rgba(var(--cor-de-textos), 0.7);
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    line-height: 1.42857143;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 10px 15px;
    width: 100% !important;
}

#pg-listagem-de-produtos .navbar-toggle:focus {
    background-color: rgb(var(--cor-principal-da-marca));
    border: 1px solid rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-de-fundo));
    outline: 0;
}

@media (min-width: 1024px) {
    #pg-listagem-de-produtos .navbar-toggle {
        display: none;
    }
}

#pg-listagem-de-produtos .collapse {
    display: none;
}

#pg-listagem-de-produtos .collapse.in {
    display: block;
}

#pg-listagem-de-produtos .navbar-collapse {
    border-top: 0px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
    padding: 0px;
    overflow-x: visible;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
    -webkit-overflow-scrolling: touch;
}

#pg-listagem-de-produtos .navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 1024px) {
    #pg-listagem-de-produtos .navbar-collapse {
        border-top: 0;
        box-shadow: none;
        width: auto;
        -webkit-box-shadow: none;
    }

    #pg-listagem-de-produtos .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    #pg-listagem-de-produtos .navbar-collapse.in {
        overflow-y: visible;
    }

    #pg-listagem-de-produtos .navbar-fixed-top .navbar-collapse,
    #pg-listagem-de-produtos .navbar-static-top .navbar-collapse,
    #pg-listagem-de-produtos .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    #pg-listagem-de-produtos .container>.navbar-header,
    #pg-listagem-de-produtos .container>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 1023px) {
    #pg-listagem-de-produtos .navbar-header {
        padding: 0px 0px 0px 5px;
    }
}

@media only screen and (min-width: 1200px) {
    #pg-listagem-de-produtos .box-navegacao {
        margin: 0px 0px 50px 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #pg-listagem-de-produtos .box-navegacao {
        margin: 50px 0px 0px 0px;
        padding: 0px;
    }
}

#pg-listagem-de-produtos .box-navegacao .texto {
    color: rgb(var(--cor-de-textos));
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 0px 0px 20px 0px;
    text-align: center;
    text-decoration: none;
}

#pg-listagem-de-produtos .box-navegacao .paginacao,
#pg-listagem-de-produtos .box-navegacao .paginacao .pagination {
    display: flex !important;
    justify-content: center !important;
}

/**********************************
***********************************
* PAGINA DE DETALHES DOS PRODUTOS *
***********************************
***********************************/
@media only screen and (min-width: 1200px) {
    #detalhes-do-produto #galeria-e-atributos {
        background-color: #FFFFFF;
        margin: -110px -15px 0px -15px !important;
        padding-top: 50px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #galeria-e-atributos {
        background-color: #FFFFFF;
        margin-top: -80px !important;
        padding-top: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #galeria-e-atributos {
        background-color: #FFFFFF;
        margin-top: -90px !important;
        padding-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #galeria-e-atributos {
        background-color: #FFFFFF;
        margin-top: -50px !important;
        padding-top: 25px;
    }
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #galeria-e-atributos #caminho-do-produto {
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        padding: 0px 0px 10px 7px;
        text-decoration: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #galeria-e-atributos #caminho-do-produto {
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        padding: 0px 0px 10px 2px;
        text-decoration: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #detalhes-do-produto #galeria-e-atributos #caminho-do-produto {
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        padding: 0px 0px 10px 6px;
        text-decoration: none;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #galeria-e-atributos #caminho-do-produto {
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        padding: 0px 0px 10px 0px;
        text-decoration: none;
    }
}

#detalhes-do-produto #galeria-e-atributos #caminho-do-produto a {
    color: rgba(var(--cor-de-textos), 0.7);
    text-decoration: none;
}

#detalhes-do-produto #galeria-e-atributos #caminho-do-produto a:hover {
    color: rgb(var(--cor-principal-da-marca));
    text-decoration: none;
}

/* GALERIA DE IMAGENS */
@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens {
        margin: 0px;
        padding: 0px 0px 0px 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens {
        margin: 0px;
        padding: 0px 0px 0px 7px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens {
        margin: 0px;
        padding: 0px 0px 0px 11px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens {
        margin: 0px;
        padding: 0px 0px 0px 13px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens {
        margin: 0px;
        padding: 0px 5px;
    }
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner {
        align-items: center;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        display: flex;
        height: 590px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner img,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner .embed-responsive {
        max-height: 588px !important;
        max-width: 665px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner {
        align-items: center;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        display: flex;
        height: 525px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner img,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner .embed-responsive {
        max-height: 523px !important;
        max-width: 613px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner {
        align-items: center;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        display: flex;
        height: 458px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner img,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner .embed-responsive {
        max-height: 456px !important;
        max-width: 456px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner {
        align-items: center;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        display: flex;
        height: 500px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner img,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner .embed-responsive {
        max-height: 498px;
        max-width: 715px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner {
        align-items: center;
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        display: flex;
        height: 335px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner img,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-inner .embed-responsive {
        max-height: 333px;
        max-width: 333px;
    }
}

#detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators {
    left: 0px;
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 100%;
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li {
        border: 1px solid #FFFFFF;
        border-radius: 0px;
        cursor: pointer;
        display: inline-block;
        height: 62px;
        margin: 4px 2px 0px 2px;
        overflow: hidden;
        width: 62px;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li img {
        height: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li {
        border: 1px solid #FFFFFF;
        border-radius: 0px;
        cursor: pointer;
        display: inline-block;
        height: 55px;
        margin: 4px 2px 0px 2px;
        overflow: hidden;
        width: 55px;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li img {
        height: 53px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li {
        border: 1px solid #FFFFFF;
        border-radius: 0px;
        cursor: pointer;
        display: inline-block;
        height: 55px;
        margin: 4px 2px 0px 2px;
        width: 55px;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li img {
        height: 53px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li {
        border: 1px solid #FFFFFF;
        border-radius: 0px;
        cursor: pointer;
        display: inline-block;
        height: 122px;
        margin: 4px 2px 0px 2px;
        width: 122px;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li img {
        height: 120px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li {
        border: 1px solid #FFFFFF;
        border-radius: 0px;
        cursor: pointer;
        display: inline-block;
        height: 47px;
        margin: 4px 2px 0px 2px;
        width: 47px;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens #carousel-imagens-produto .carousel-indicators li img {
        height: 45px;
    }
}

#detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-indicators .active {
    border: 1px solid rgb(var(--cor-principal-da-marca));
}

@media only screen and (min-width: 1200px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control {
        background-color: rgba(0, 0, 0, 0);
        bottom: 40%;
        color: rgb(var(--cor-principal-da-marca));
        filter: alpha(opacity=50);
        font-size: 20px;
        opacity: 1;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
        top: 0;
        width: 15%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-prev,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-next,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-left,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-right {
        display: inline-block;
        margin-top: -10px;
        position: absolute;
        top: 70%;
        z-index: 5;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control {
        background-color: rgba(0, 0, 0, 0);
        bottom: 30%;
        color: rgb(var(--cor-principal-da-marca));
        filter: alpha(opacity=50);
        font-size: 20px;
        opacity: 1;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
        top: 0;
        width: 15%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-prev,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-next,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-left,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-right {
        display: inline-block;
        margin-top: -10px;
        position: absolute;
        top: 65%;
        z-index: 5;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control {
        background-color: rgba(0, 0, 0, 0);
        bottom: 30%;
        color: rgb(var(--cor-principal-da-marca));
        filter: alpha(opacity=50);
        font-size: 20px;
        opacity: 1;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
        top: 0;
        width: 15%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-prev,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-next,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-left,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-right {
        display: inline-block;
        margin-top: -10px;
        position: absolute;
        top: 45%;
        z-index: 5;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control {
        background-color: rgba(0, 0, 0, 0);
        bottom: 30%;
        color: rgb(var(--cor-principal-da-marca));
        filter: alpha(opacity=50);
        font-size: 20px;
        opacity: 1;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
        top: 0;
        width: 15%;
    }

    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-prev,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .icon-next,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-left,
    #detalhes-do-produto #galeria-e-atributos #galeria-de-imagens .carousel-control .glyphicon-chevron-right {
        display: inline-block;
        margin-top: -10px;
        position: absolute;
        top: 65%;
        z-index: 5;
    }
}

/* GALERIA LIGHTGALLERY */
.lg-backdrop {
    background-color: #FFFFFF !important;
}

.lg-toolbar .lg-icon {
    color: rgba(var(--cor-de-textos), 0.7) !important;
}

.lg-toolbar .lg-icon:hover {
    color: rgb(var(--cor-de-textos)) !important;
}

.lg-next,
.lg-next:hover,
.lg-prev,
.lg-prev:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: rgb(var(--cor-principal-da-marca)) !important;
}

.lg-outer .lg-thumb-outer {
    background-color: #FFFFFF !important;
}

.lg-outer .lg-thumb-item {
    border: 2px solid #FFFFFF !important;
    border-radius: 0px !important;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: rgb(var(--cor-principal-da-marca)) !important;
}

/* COLUNA SELEÇÃO DE ATRIBUTOS */
@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #galeria-e-atributos #selecao-de-atributos {
        padding: 0px 20px 0px 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #galeria-e-atributos #selecao-de-atributos {
        margin-top: 20px;
        padding: 0px 5px 0px 10px;
    }
}

@media only screen and (max-width: 768px) {
    #detalhes-do-produto #galeria-e-atributos #selecao-de-atributos {
        margin-top: 20px;
    }
}

/* AVALIAÇÃO DO PRODUTO */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .estrelas,
#detalhes-do-produto #avaliacoes-produto .estrelas {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .estrelas ul,
#detalhes-do-produto #avaliacoes-produto .estrelas ul {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .estrelas ul li,
#detalhes-do-produto #avaliacoes-produto .estrelas ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .estrelas ul li i,
#detalhes-do-produto #avaliacoes-produto .estrelas ul li i {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .estrelas .fa-star,
#detalhes-do-produto #avaliacoes-produto .estrelas .fa-star {
    color: rgb(var(--cor-principal-da-marca));
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .estrelas .fa-star-o {
    color: rgb(var(--cor-de-textos));
}

#detalhes-do-produto #avaliacoes-produto .estrelas .fa-star-o {
    color: rgb(var(--cor-de-textos));
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #estrelas-avaliacao .quantidade-avaliacao,
#detalhes-do-produto #avaliacoes-produto .quantidade-avaliacao {
    color: rgb(var(--cor-de-textos));
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    margin: 2px 0px 0px 10px;
    padding: 0px;
    text-align: left;
}

#detalhes-do-produto #avaliacoes-produto .quantidade-avaliacao {
    color: rgb(var(--cor-de-textos));
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    margin: 2px 0px 0px 10px;
    padding: 0px;
    text-align: left;
}

/* PREÇO ATUAL */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #preco {
    color: rgb(var(--cor-principal-da-marca));
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-top: 20px;
}

/* PREÇO ANTERIOR */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #preco #preco_de {
    color: rgba(var(--cor-de-textos), 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: line-through;
}

/* PARCELAMENTO */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #parcelamento {
    color: rgb(var(--cor-de-textos));
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #parcelamento span {
    color: rgb(var(--cor-de-textos));
    font-weight: 700;
}

/* ATRIBUTOS */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .titulo-atributo {
    color: rgb(var(--cor-de-textos));
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    margin-top: 40px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo input[type="radio"] {
    display: none !important;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo {
    flex-flow: row wrap;
    display: flex;
    justify-content: flex-start;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo label {
    cursor: pointer;
    display: inline-block;
    margin: 8px 8px 0px 0px;
    max-width: 100%;
    min-width: 46px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo img {
    border: 2px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
    height: 50px;
    margin: 0px;
    padding: 3px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo .cor {
    border: 2px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
    margin: 0px;
    padding: 3px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo span {
    align-items: center;
    border: 2px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
    color: rgba(var(--cor-de-textos), 0.7);
    display: flex;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 0px 15px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo input[type="radio"]:checked+img,
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo input[type="radio"]:checked+.cor {
    border: 2px solid rgb(var(--cor-principal-da-marca));
    margin: 0px;
    padding: 3px;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos .box-atributo .opcoes-atributo input[type="radio"]:checked+span {
    border: 2px solid rgb(var(--cor-principal-da-marca));
    color: rgb(var(--cor-principal-da-marca));
    font-size: 14px;
    font-weight: 400;
}

/* PRODUTO INDISPONÍVEL */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #texto-produto-indisponivel {
    margin: 0px !important;
    padding: 0px !important;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #texto-produto-indisponivel #sem-disp-prod-info {
    color: rgb(var(--cor-de-textos)) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    padding-bottom: 5px !important;
}

#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #texto-produto-indisponivel .formulario-mail,
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #texto-produto-indisponivel .formulario-mail .box-mail,
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #texto-produto-indisponivel .formulario-mail .box-btn,
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #texto-produto-indisponivel .formulario-mail .box-btn .campo-btn {
    margin: 0px !important;
    padding: 0px !important;
}

/* BTN COMPRAR E INDISPONÍVEL */
#detalhes-do-produto #galeria-e-atributos #selecao-de-atributos #btn-acao {
    margin-top: 40px;
}

/* DESCRIÇÃO DO PRODUTO */
#detalhes-do-produto #selecao-de-atributos .produto {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #selecao-de-atributos .produto .titulo {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 40px 0px 15px 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #selecao-de-atributos .produto .descricao {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

/* CONSULTA FRETE */
#detalhes-do-produto .consulta-frete {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto .consulta-frete .titulo {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 40px 0px 15px 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto .consulta-frete .campo-cep {
    padding-left: 5px !important;
}

#detalhes-do-produto .consulta-frete .campo-btn {
    padding-right: 5px !important;
}

/* COMPARTILHE */
#detalhes-do-produto .compartilhe {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

/* COMPRE JUNTO */
#detalhes-do-produto #compre-junto {
    background-color: #FFFFFF;
    margin: 0px -15px;
    padding: 0px;
}

#detalhes-do-produto #compre-junto .titulo {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 25px 0px 15px 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #compre-junto .imagem-produtos {
    margin-bottom: 15px;
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #compre-junto .imagem-produtos .produto {
        float: left;
        height: 190px;
        width: 190px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .produto img {
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        height: 190px;
        width: 190px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .icon {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        float: left;
        font-size: 30px;
        height: 190px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        text-align: center;
        width: 45px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #compre-junto .imagem-produtos .produto {
        float: left;
        height: 183px;
        width: 183px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .produto img {
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        height: 183px;
        width: 183px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .icon {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        float: left;
        font-size: 32px;
        height: 249px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        text-align: center;
        width: 52.5px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #compre-junto .imagem-produtos .produto {
        float: left;
        height: 140px;
        width: 140px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .produto img {
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        height: 140px;
        width: 140px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .icon {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        float: left;
        font-size: 34px;
        height: 140px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        text-align: center;
        width: 64px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #compre-junto .imagem-produtos .produto {
        float: left;
        height: 109px;
        width: 109px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .produto img {
        border: 1px solid rgba(var(--cor-de-textos), 0.1);
        height: 109px;
        width: 109px;
    }

    #detalhes-do-produto #compre-junto .imagem-produtos .icon {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        float: left;
        font-size: 25px;
        height: 109px;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        text-align: center;
        width: 31px;
    }
}

#detalhes-do-produto #compre-junto .preco-e-comprar {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #compre-junto .preco-e-comprar .preco-do-combo {
    color: rgb(var(--cor-de-textos));
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

#detalhes-do-produto #compre-junto .preco-e-comprar .preco-do-combo span {
    color: rgb(var(--cor-principal-da-marca));
    font-size: 18px;
    font-weight: 700;
}

@media only screen and (max-width: 1199px) {
    #detalhes-do-produto #compre-junto .preco-e-comprar .comprar-combo {
        margin: 10px 0px 0px 0px;
        padding: 0px;
    }
}

/* INFORMAÇÕES DO PRODUTO */
@media only screen and (min-width: 1024px) {
    #detalhes-do-produto #informacoes-do-produto {
        background-color: #FFFFFF;
        margin: 0px -15px;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 1023px) {
    #detalhes-do-produto #informacoes-do-produto {
        background-color: #FFFFFF;
        margin: 0px -15px;
    }
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #informacoes-do-produto .panel {
        background-color: #FFFFFF;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px;
        margin: 0px;
        padding: 35px 0px 0px 20px;
        -webkit-box-shadow: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #informacoes-do-produto .panel {
        background-color: #FFFFFF;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px;
        margin: 0px;
        padding: 35px 0px 0px 5px;
        -webkit-box-shadow: 0px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #informacoes-do-produto .panel {
        background-color: #FFFFFF;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px;
        margin: 0px;
        padding: 35px 0px 0px 7px;
        -webkit-box-shadow: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #informacoes-do-produto .panel {
        background-color: #FFFFFF;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px;
        margin: 0px;
        padding: 35px 0px 0px 5px;
        -webkit-box-shadow: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #informacoes-do-produto .panel {
        background-color: #FFFFFF;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px;
        margin: 0px;
        padding: 35px 13px 0px 13px;
        -webkit-box-shadow: 0px;
    }
}

#detalhes-do-produto #informacoes-do-produto .panel-default>.panel-heading {
    background-color: #FFFFFF;
    border: 0px;
    cursor: pointer;
    padding: 5px 0px;
}

#detalhes-do-produto #informacoes-do-produto .panel-heading {
    background-color: #FFFFFF;
    border: 0px;
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #informacoes-do-produto .panel-heading span:after {
    color: rgb(var(--cor-principal-da-marca));
    content: "\f106";
    cursor: pointer;
    float: right;
    font-family: 'FontAwesome';
}

#detalhes-do-produto #informacoes-do-produto .panel-heading span.collapsed:after {
    content: "\f107";
    cursor: pointer;
}

#detalhes-do-produto #informacoes-do-produto .panel-title {
    border: 0px;
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #informacoes-do-produto .panel-body {
    border: 0px;
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    max-width: 100%;
    padding: 0px;
    width: 100%;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #informacoes-do-produto .panel-group .panel-heading+.panel-collapse>.panel-body,
#detalhes-do-produto #informacoes-do-produto .panel-group .panel-heading+.panel-collapse>.list-group {
    border: 0px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

/* CAROUSEL DE PRODUTOS: QUEM VIU, TAMBÉM COMPROU */
#detalhes-do-produto #quem-viu-tambem-comprou {
    background-color: #FFFFFF;
    margin: 0px -15px;
    padding: 0px;
}

#detalhes-do-produto #quem-viu-tambem-comprou .titulo {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin: 0px !important;
    padding: 25px 0px 15px 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

/* AVALIAÇÕES */
#detalhes-do-produto #avaliacoes-produto {
    background-color: #FFFFFF;
    margin: 0px -15px;
    padding: 0px;
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #avaliacoes-produto .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 20px 5px 0px 15px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #avaliacoes-produto .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 20px 5px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #avaliacoes-produto .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 20px 0px 0px 3px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #avaliacoes-produto .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 20px 0px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #avaliacoes-produto .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 20px 8px 5px 8px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (min-width: 1400px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao {
        padding: 0px 5px 0px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao {
        padding: 0px 5px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao {
        padding: 0px 0px 0px 8px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao {
        padding: 0px 5px 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao {
        padding: 0px 12px 0px 12px;
    }
}

@media only screen and (min-width: 768px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao .avaliacoes {
        align-items: center;
        display: flex;
        height: 46.5px;
    }

    #detalhes-do-produto #avaliacoes-produto .header-avaliacao .texto {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 46.5px;
        justify-content: center;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao .avaliacoes {
        align-items: center;
        display: flex;
        height: 18px;
    }

    #detalhes-do-produto #avaliacoes-produto .header-avaliacao .texto {
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin: 10px 0px 15px 0px;
        text-align: left;
        font-family: var(--fonte-outros-textos);
    }
}

@media only screen and (min-width: 768px) {
    #detalhes-do-produto #avaliacoes-produto .header-avaliacao .btn-avaliar {
        padding: 0px;
    }
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente {
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    margin: 0px;
    padding: 30px 0px;
}

#detalhes-do-produto #avaliacoes-produto .box-avaliacao {
    margin: 0px;
    padding: 0px;
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .titulo-da-avaliacao {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .estrelas-e-data {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .estrelas-e-data .estrelas-da-avaliacao {
    margin: 0px;
    padding: 0px 0px 0px 5px;
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .estrelas-e-data .data-da-avaliacao {
    color: rgba(var(--cor-de-textos), 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .texto-da-avaliacao {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .nome-do-cliente {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 768px) {
    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .col-pergunta {
        border-left: 1px solid rgba(var(--cor-de-textos), 0.1);
        margin-bottom: 20px;
        margin-top: 20px;
        padding: 20px 0px 20px 20px;
    }

    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .pergunta {
        color: rgba(var(--cor-de-textos), 0.7);
        font-family: var(--fonte-outros-textos);
        font-size: 12px;
        font-weight: 400;
        margin: 0px;
        padding: 0px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }

    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta {
        margin: 10px 0px 0px 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .col-pergunta {
        margin: 0px;
        padding: 10px 0px 0px 10px;
    }

    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .pergunta {
        color: rgba(var(--cor-de-textos), 0.7);
        font-family: var(--fonte-outros-textos);
        font-size: 12px;
        font-weight: 400;
        height: 32px;
        line-height: 32px;
        text-transform: var(--transformar-outros-textos) !important;
    }

    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta {
        margin: 0px;
        padding: 0px;
    }
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .sim,
#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .nao {
    color: rgba(var(--cor-de-textos), 0.7);
    cursor: pointer;
    font-family: var(--fonte-outros-textos);
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 768px) {

    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .sim i,
    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .nao i {
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 32px;
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {

    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .sim i,
    #detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .nao i {
        color: rgba(var(--cor-de-textos), 0.7);
        font-size: 28px;
        margin: 0px;
        padding: 0px;
    }
}

#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .sim i:hover,
#detalhes-do-produto #avaliacoes-produto .avaliacao-cliente .resposta .nao i:hover {
    color: rgb(var(--cor-principal-da-marca));
}

/* MODAL AVALIAÇÃO */
#form_avaliacao .modal-header h3 {
    font-family: var(--fonte-outros-textos) !important;
    font-size: 16px !important;
    text-transform: var(--transformar-outros-textos) !important;
}

#form-avaliacao-do-cliente .box-form {
    margin-bottom: 20px;
}

#form-avaliacao-do-cliente .box-form label {
    color: rgb(var(--cor-de-textos)) !important;
    display: inline-block !important;
    font-family: var(--fonte-outros-textos);
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    max-width: 100% !important;
    text-transform: var(--transformar-outros-textos) !important;
}

#form-avaliacao-do-cliente .box-form .radio label {
    color: rgba(var(--cor-de-textos), 0.7) !important;
    display: inline-block !important;
    font-family: var(--fonte-outros-textos);
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
    max-width: 100% !important;
    text-transform: var(--transformar-outros-textos) !important;
}

#form-avaliacao-do-cliente .box-form .min-caracteres {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#form-avaliacao-do-cliente .box-form .contagem-caracteres {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

#form-avaliacao-do-cliente .box-form .contagem-caracteres .label-default {
    background-color: #F9F9F9;
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    text-transform: var(--transformar-outros-textos) !important;
}

#form-avaliacao-do-cliente .box-form .aviso {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

/* AVISO SOBRE PARCELAMENTO */
#detalhes-do-produto #aviso-parcelamento {
    background-color: #FFFFFF;
    margin: 0px -15px;
    padding: 30px 0px 50px 0px;
}

#detalhes-do-produto #aviso-parcelamento .texto {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    padding: 0px 25px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

/*******************
********************
* TODAS AS PÁGINAS *
********************
********************/
#cadastro-cliente .titulo,
#carrinho .titulo,
#checkout .titulo,
#finaliza-compra .titulo,
#minha-conta .titulo,
#meus-pedidos .titulo,
#detalhes-compra .titulo,
#seu-login .titulo,
#sua-senha .titulo,
#fale-conosco .titulo {
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    #identificacao .titulo {
        margin: 0px;
        padding: 0px 0px 15px 0px;
    }
}

@media only screen and (max-width: 767px) {
    #identificacao .titulo {
        margin: 0px 0px 20px 3px;
        padding: 0px;
    }
}

#identificacao .titulo h1,
#cadastro-cliente .titulo h1,
#finaliza-compra .titulo h1,
#minha-conta .titulo h1,
#meus-pedidos .titulo h1,
#detalhes-compra .titulo h1,
#seu-login .titulo h1,
#sua-senha .titulo h1,
#fale-conosco .titulo h1,
#checkout .titulo h1 {
    text-align: center;
}

#carrinho .titulo h1 {
    text-align: left;
}

#cadastro-cliente h2,
#meus-pedidos h2,
#detalhes-compra h2 {
    font-size: 16px !important;
    margin: 20px 0px 10px 0px !important;
    text-align: center;
}

/****************************************************
*****************************************************
* PÁGINA IDENTIFICAÇÃO >>> _PAGES/IDENTIFICACAO.PHP *
*****************************************************
*****************************************************/
@media only screen and (min-width: 1200px) {
    #identificacao .col-login {
        margin: 20px 0px 0px 0px;
        padding: 20px 80px 20px 0px;
    }

    #identificacao .col-cadastro {
        border-left: 1px solid rgba(var(--cor-de-textos), 0.1);
        margin: 20px 0px 0px 0px;
        padding: 20px 0px 20px 80px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #identificacao .col-login {
        margin: 20px 0px 0px 0px;
        padding: 20px 60px 20px 0px;
    }

    #identificacao .col-cadastro {
        border-left: 1px solid rgba(var(--cor-de-textos), 0.1);
        margin: 20px 0px 0px 0px;
        padding: 20px 0px 20px 60px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #identificacao .col-login {
        margin: 0px;
        padding: 10px 30px 10px 0px;
    }

    #identificacao .col-cadastro {
        border-left: 1px solid rgba(var(--cor-de-textos), 0.1);
        margin: 0px;
        padding: 10px 0px 10px 30px;
    }
}

@media only screen and (max-width: 767px) {
    #identificacao .col-login {
        margin: 20px 0px;
        padding: 0px;
    }

    #identificacao .col-cadastro {
        margin: 20px 0px;
        padding: 0px;
    }
}

#identificacao .senha {
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 1024px) {
    #identificacao .link-esqueci-a-senha {
        font-size: 12px;
        height: 45px;
        margin: 0px;
        padding: 12px 0px 0px 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #identificacao .link-esqueci-a-senha {
        font-size: 12px;
        height: 45px;
        line-height: 120%;
        margin: 0px;
        padding: 8px 0px 0px 12px;
    }
}

@media only screen and (max-width: 767px) {
    #identificacao .link-esqueci-a-senha {
        font-size: 12px;
        height: 45px;
        margin: 0px;
        padding: 13px 0px 0px 12px;
    }
}

#identificacao .link-esqueci-a-senha a {
    color: rgba(var(--cor-de-textos), 0.7);
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    text-decoration: none;
}

#identificacao .link-esqueci-a-senha a:hover {
    color: rgb(var(--cor-de-textos));
    text-decoration: none;
}

#identificacao #modal_recuperar_senha .modal-header {
    border-bottom: 0px !important;
}

#identificacao #modal_recuperar_senha .modal-title {
    color: rgb(var(--cor-principal-da-marca));
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
}

#identificacao #modal_recuperar_senha .modal-body {
    padding: 0px 15px 15px 15px;
}

#identificacao #modal_recuperar_senha .modal-body button {
    margin-top: 15px;
}

/**************************************************
***************************************************
* PÁGINA CADASTRO CLIENTE >>> _PAGES/CADASTRO.PHP *
***************************************************
***************************************************/
#cadastro-cliente .radio-primary label {
    color: rgba(var(--cor-de-textos), 0.7) !important;
}

#cadastro-cliente .box-conteudo .area-senha,
#sua-senha .formulario .senha .area-senha,
#login-cliente-carrinho .area-senha {
    background-color: #FFFFFF !important;
    border-radius: var(--borda) !important;
    margin: 0px !important;
    padding: 0px !important;
}

#cadastro-cliente .box-conteudo .area-senha .box-campo-senha,
#sua-senha .formulario .senha .area-senha .box-campo-senha,
#login-cliente-carrinho .area-senha .box-campo-senha {
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-left: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-right: 0px;
    border-top: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda) 0px 0px var(--borda) !important;
    margin: 0px !important;
    padding: 0px !important;
}

#cadastro-cliente .box-conteudo .area-senha .box-btn-senha,
#sua-senha .formulario .senha .area-senha .box-btn-senha,
#login-cliente-carrinho .area-senha .box-btn-senha {
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-left: 0px !important;
    border-right: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-top: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: 0px var(--borda) var(--borda) 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

#cadastro-cliente .box-conteudo .area-senha .box-campo-senha .form-control,
#sua-senha .formulario .senha .area-senha .box-campo-senha .form-control,
#login-cliente-carrinho .area-senha .box-campo-senha .form-control {
    border: 0px !important;
    height: 43px !important;
}

#cadastro-cliente .box-conteudo .area-senha .box-btn-senha .btn-senha,
#sua-senha .formulario .senha .area-senha .box-btn-senha .btn-senha,
#login-cliente-carrinho .area-senha .box-btn-senha .btn-senha {
    border: 0px !important;
    font-size: 22px !important;
    height: 43px !important;
    line-height: 45px !important;
    margin: 0px !important;
    padding: 0px !important;
}

#cadastro-cliente .box-conteudo .box-genero {
    padding-top: 15px !important;
}

#cadastro-cliente .receber-promocoes {
    margin: 0px;
    padding: 20px 0px 40px 0px;
    text-align: center;
}

.btn-controle {
    margin-bottom: 60px;
}

/***********************************
************************************
* CARRINHO >>> _PAGES/CARRINHO.PHP *
************************************
************************************/
#carrinho .titulo .texto {
    align-items: center;
    display: flex;
    height: 55px;
}

#carrinho .titulo .btn {
    align-items: center !important;
    display: flex !important;
    font-weight: bold !important;
    font-size: 16px !important;
    height: 55px !important;
    line-height: 120% !important;
    justify-content: center !important;
    margin: 5px 0px 0px 0px !important;
    padding: 0px 15px !important;
}

#carrinho .titulo .btn i {
    font-size: 26px !important;
    margin-right: 10px !important;
}

/* AVISO: PARA FINALIZAR A COMPRA, CALCULE O FRETE E ESCOLHA UMA OPÇÃO DE ENTREGA */
#carrinho .box-aviso {
    margin-top: 30px;
    padding: 0px 5px;
}

/* TABELA DO CARRINHO */
#carrinho .tabela-carrinho {
    background-color: #FFFFFF;
    border-radius: var(--borda);
    margin: 20px 0px 0px 0px;
    padding: 20px 15px 10px 15px;
}

#carrinho .table-responsive {
    border: 0px;
}

#carrinho .table>thead>tr>th,
#carrinho .table>tbody>tr>th,
#carrinho .table>tfoot>tr>th {
    border-bottom: 1px solid #FFFFFF !important;
}

#carrinho .table>thead>tr>td,
#carrinho .table>tbody>tr>td,
#carrinho .table>tfoot>tr>td {
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
}

/* CABEÇALHO TABELA */
@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho th {
        background-color: rgba(var(--cor-principal-da-marca), 0.2);
        border-bottom: 0px;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-weight: 700;
        height: 48px;
        line-height: 120%;
        padding: 0px 15px;
        vertical-align: middle;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #carrinho #itens-carrinho th {
        background-color: rgba(var(--cor-principal-da-marca), 0.2);
        border-bottom: 0px;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-weight: 700;
        height: 48px;
        line-height: 120%;
        padding: 0px 10px;
        vertical-align: middle;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho th {
        background-color: rgba(var(--cor-principal-da-marca), 0.2);
        border-bottom: 0px;
        border-radius: var(--borda);
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-weight: 700;
        height: 48px;
        line-height: 120%;
        padding: 0px 10px;
        vertical-align: middle;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (min-width: 768px) {
    #carrinho #itens-carrinho .borda-tabela-topo-esquerda {
        border-radius: var(--borda) 0px 0px 0px;
    }

    #carrinho #itens-carrinho .borda-tabela-topo-direita {
        border-radius: 0px var(--borda) 0px 0px;
    }
}

@media only screen and (min-width: 1024px) {
    #carrinho #itens-carrinho td {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

@media only screen and (max-width: 1023px) {
    #carrinho #itens-carrinho td {
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

/* FOTO DO PRODUTO */
@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 15px;
    }

    #carrinho #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 110px;
        line-height: 110px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 110px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #carrinho #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #carrinho #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 108px;
        line-height: 108px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 108px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #carrinho #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 84px;
        line-height: 84px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 84px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #carrinho #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 75px;
        line-height: 75px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 75px;
    }
}

/* DESCRIÇÃO DO PRODUTO */
@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 112px;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #carrinho #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 110px;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 86px;
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 77px;
        margin: 0px;
        padding: 0px;
    }
}

#carrinho #itens-carrinho .desc-prod-carrinho .infos-produto {
    width: 100%;
    padding: 0px 10px;
}

@media only screen and (min-width: 1024px) {
    #carrinho #itens-carrinho .desc-prod-carrinho h2 {
        color: rgb(var(--cor-de-textos)) !important;
        font-family: var(--fonte-outros-textos) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        height: 16px;
        overflow-y: hidden;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho #itens-carrinho .desc-prod-carrinho h2 {
        color: rgb(var(--cor-de-textos)) !important;
        font-family: var(--fonte-outros-textos) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        height: 15px;
        overflow-y: hidden;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .desc-prod-carrinho h2 {
        color: rgb(var(--cor-de-textos)) !important;
        font-family: var(--fonte-outros-textos) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        height: 32px;
        overflow-y: hidden;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

#carrinho #itens-carrinho .desc-prod-carrinho p {
    color: rgba(var(--cor-de-textos), 0.7) !important;
    font-family: var(--fonte-outros-textos);
    font-size: 12px !important;
    height: 14px;
    overflow-y: hidden;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 1024px) {
    #carrinho #itens-carrinho .desc-prod-carrinho .observacao {
        padding-top: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .observacao {
        padding: 5px 10px 10px 10px;
    }
}

#carrinho #itens-carrinho .observacao label {
    color: rgba(var(--cor-de-textos), 0.7) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho .observacao input {
        height: 35px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #carrinho #itens-carrinho .observacao input {
        height: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho #itens-carrinho .observacao input {
        height: 25px !important;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .observacao input {
        height: 30px !important;
    }
}

/* QUANTIDADE DE ITENS DO CARRINHO */
@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho .qtde-item-carrinho {
        align-items: center;
        display: flex;
        height: 112px;
        justify-content: center;
        margin: 0px;
        padding: 0px 10px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #carrinho #itens-carrinho .qtde-item-carrinho {
        align-items: center;
        display: flex;
        height: 110px;
        justify-content: center;
        margin: 0px;
        padding: 0px 5px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho #itens-carrinho .qtde-item-carrinho {
        align-items: center;
        display: flex;
        height: 86px;
        justify-content: center;
        margin: 0px;
        padding: 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .qtde-item-carrinho {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        margin: 0px;
        padding: 5px 0px 0px 10px;
    }
}

#carrinho #itens-carrinho .qtde-item-carrinho .controle {
    display: flex;
    flex-wrap: nowrap;
    margin: 0px;
    justify-content: center;
}

#carrinho #itens-carrinho .qtde-item-carrinho button {
    align-items: center !important;
    border-radius: var(--borda) !important;
    display: flex !important;
    height: 35px !important;
    justify-content: center !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: center !important;
    width: 35px !important;
}

#carrinho #itens-carrinho .qtde-item-carrinho input {
    align-items: center !important;
    border: 1px solid #FFFFFF !important;
    border-radius: var(--borda) !important;
    color: rgb(var(--cor-de-textos)) !important;
    display: flex !important;
    height: 35px !important;
    justify-content: center !important;
    margin: 0px 3px !important;
    padding: 0px !important;
    text-align: center !important;
    width: 50px !important;
}

/* VALOR UNITÁRIO E VALOR TOTAL DO CARRINHO */
@media only screen and (min-width: 1200px) {

    #carrinho #itens-carrinho .valor-unid-carrinho,
    #carrinho #itens-carrinho .valor-total-carrinho {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-size: 14px;
        font-weight: 400;
        height: 112px;
        line-height: 120%;
        margin: 0px;
        padding: 0px 10px;
        text-align: center;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {

    #carrinho #itens-carrinho .valor-unid-carrinho,
    #carrinho #itens-carrinho .valor-total-carrinho {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-size: 14px;
        font-weight: 400;
        height: 110px;
        line-height: 120%;
        margin: 0px;
        padding: 0px 5px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    #carrinho #itens-carrinho .valor-unid-carrinho,
    #carrinho #itens-carrinho .valor-total-carrinho {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-size: 14px;
        font-weight: 400;
        height: 92px;
        line-height: 120%;
        margin: 0px;
        padding: 0px 5px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .valor-unid-total {
        align-items: center;
        display: flex;
        height: 42px;
        margin: 0px;
        padding: 0px 10px 0px 5px;
    }

    #carrinho #itens-carrinho .valor-unid-total .valor-unid-carrinho {
        color: rgb(var(--cor-de-textos));
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        text-align: right;
        text-transform: none;
    }

    #carrinho #itens-carrinho .valor-unid-total .valor-total-carrinho {
        color: rgb(var(--cor-de-textos));
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        text-align: right;
        text-transform: none;
    }
}

/* EXCLUIR ITEM DO CARRINHO */
@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho .excluir-item {
        align-items: center;
        display: flex;
        float: right;
        height: 112px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 5px 0px 0px;
        text-align: right;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #carrinho #itens-carrinho .excluir-item {
        align-items: center;
        display: flex;
        float: right;
        height: 110px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px;
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho #itens-carrinho .excluir-item {
        align-items: center;
        display: flex;
        float: right;
        height: 86px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px;
        text-align: right;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #itens-carrinho .excluir-item {
        align-items: center;
        display: flex;
        float: right;
        height: 77px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 10px 0px 5px;
        text-align: right;
    }
}

@media only screen and (min-width: 1200px) {
    #carrinho #itens-carrinho .excluir-item a {
        align-items: center;
        color: rgba(var(--cor-de-textos), 0.33);
        cursor: pointer;
        display: flex;
        font-size: 18px;
        height: 80px;
        text-decoration: none;
    }

    #carrinho #itens-carrinho .excluir-item a:hover {
        align-items: center;
        color: rgba(var(--cancelado));
        cursor: pointer;
        display: flex;
        height: 80px;
        text-decoration: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    #carrinho #itens-carrinho .excluir-item a,
    #carrinho #itens-carrinho .excluir-item a:hover {
        align-items: center;
        color: rgba(var(--cancelado));
        cursor: pointer;
        display: flex;
        font-size: 16px;
        height: 70px;
        text-decoration: none;
    }
}

@media only screen and (max-width: 767px) {

    #carrinho #itens-carrinho .excluir-item a,
    #carrinho #itens-carrinho .excluir-item a:hover {
        align-items: center;
        color: rgba(var(--cancelado));
        cursor: pointer;
        display: flex;
        font-size: 16px;
        height: 65px;
        text-decoration: none;
    }
}

/* COLUNAS */
#carrinho .cupom-frete-total {
    padding: 0px 5px;
}

@media only screen and (min-width: 1199px) {

    #carrinho .coluna-1,
    #carrinho .coluna-2 {
        background-color: #FFFFFF;
        border-radius: var(--borda);
        margin: 25px 0px 50px 0px;
        padding: 10px 20px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #carrinho .coluna-1 {
        background-color: #FFFFFF;
        border-radius: var(--borda);
        margin: 25px 0px 50px 0px;
        padding: 5px 15px;
    }

    #carrinho .coluna-2 {
        background-color: #FFFFFF;
        border-radius: var(--borda);
        margin: 25px 0px 50px 0px;
        padding: 5px 15px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho .coluna-1 {
        background-color: #FFFFFF;
        border-radius: var(--borda);
        margin: 25px 0px 0px 0px;
        padding: 10px;
    }

    #carrinho .coluna-2 {
        background-color: #FFFFFF;
        border-radius: var(--borda);
        margin: 25px 0px 50px 0px;
        padding: 10px;
    }
}

/* CUPOM DESCONTO E FRETE */
@media only screen and (min-width: 768px) {
    #carrinho .form-carrinho {
        padding: 10px 0px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho .form-carrinho {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 768px) {
    #carrinho .form-carrinho .titulo {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho .form-carrinho .titulo {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        height: 30px;
        margin-bottom: 5px !important;
    }
}

@media only screen and (min-width: 1200px) {
    #carrinho .form-carrinho .titulo i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 28px;
        margin-right: 10px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #carrinho .form-carrinho .titulo i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 22px;
        margin-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho .form-carrinho .titulo i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 20px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho .form-carrinho .titulo i {
        color: rgb(var(--cor-principal-da-marca));
        font-size: 26px;
        margin-left: 5px;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    #carrinho .form-carrinho .titulo span {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        height: 50px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carrinho .form-carrinho .titulo span {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 700;
        line-height: 120%;
        height: 50px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho .form-carrinho .titulo span {
        align-items: center;
        color: rgb(var(--cor-principal-da-marca));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        height: 50px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

#carrinho .form-carrinho .form {
    padding: 0px 5px !important;
}

#carrinho .form-carrinho .form .form-control {
    height: 50px !important;
    padding: 10px 15px !important;
}

#carrinho .form-carrinho .form .btn {
    height: 50px !important;
    line-height: 50px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

@media only screen and (min-width: 768px) {
    #carrinho #r_frete {
        margin: 0px -5px !important;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    #carrinho #r_frete {
        margin: 0px !important;
        padding: 0px !important;
    }
}

/* AVISO CALCULANDO FRETE */
#detalhes-do-produto .consulta-frete .aviso-calculando-frete {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho .aviso-calculando-frete {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto .consulta-frete .aviso-calculando-frete i,
#carrinho .aviso-calculando-frete i {
    color: rgb(var(--cor-principal-da-marca));
    font-size: 25px;
}

/* OPÇÕES DE FRETE */
#detalhes-do-produto .consulta-frete .opcoes-frete-titulo,
#carrinho .opcoes-frete-titulo {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto .consulta-frete .opcao-frete,
#carrinho .opcao-frete {
    background-color: #FFFFFF;
    border: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
    margin: 5px 0px 0px 0px;
    padding: 10px 20px;
    width: 100%;
}

#carrinho .opcao-frete .radio {
    margin-top: 0px;
    margin-bottom: 0px;
}

#carrinho .opcao-frete .radio label::after {
    left: 3px !important;
    position: absolute !important;
    top: 3px !important;
}

#detalhes-do-produto .consulta-frete .opcao-frete .selecionar,
#carrinho .opcao-frete .selecionar {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 1200px) {

    #detalhes-do-produto .consulta-frete .opcao-frete .prazo,
    #carrinho .opcao-frete .prazo {
        color: rgba(var(--cor-de-textos), 0.7);
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 1199px) {

    #detalhes-do-produto .consulta-frete .opcao-frete .prazo,
    #carrinho .opcao-frete .prazo {
        color: rgba(var(--cor-de-textos), 0.7);
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        margin: 0px;
        padding: 0px 10px 0px 25px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

#detalhes-do-produto .consulta-frete .opcao-frete .preco,
#carrinho .opcao-frete .preco {
    color: rgb(var(--aprovado));
    display: flex;
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-end;
    margin: 0px;
    padding: 0px;
    text-transform: var(--transformar-outros-textos) !important;
}

#detalhes-do-produto .consulta-frete .opcao-frete .descricao {
    color: rgba(var(--cor-de-textos), 0.5);
    font-family: var(--fonte-outros-textos);
    font-size: 10px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho .opcao-frete .descricao {
    color: rgba(var(--cor-de-textos), 0.5);
    font-family: var(--fonte-outros-textos);
    font-size: 10px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px 0px 0px 25px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

/* TABELA DE SUBTOTAL E TOTAL DO CARRINHO */
#carrinho .subtotal-carrinho {
    align-items: center;
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    display: flex;
    height: 60px;
}

#carrinho .total-carrinho {
    align-items: center;
    display: flex;
    height: 60px;
}

#carrinho .subtotal-carrinho:hover {
    background-color: rgba(var(--cor-de-textos), 0.05);
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
}

#carrinho .total-carrinho:hover {
    background-color: rgba(var(--cor-de-textos), 0.05);
}

#carrinho .subtotal-carrinho .titulo-subtotal {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 10px 0px 5px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho .subtotal-carrinho .preco {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 5px 0px 10px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho .total-carrinho .titulo-subtotal {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 10px 0px 5px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho .total-carrinho .preco {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 5px 0px 10px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho #desccupom,
#carrinho #lb_frete,
#carrinho #clcupom {
    color: rgba(var(--cor-de-textos), 0.5);
    float: left;
    font-family: var(--fonte-outros-textos);
    font-size: 10px;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho #clcupom a,
#carrinho #clcupom a:hover {
    text-decoration: none;
}

/* BTNS DE AÇÃO: FINALIZAR COMPRA */
#carrinho .comprar-carrinho,
#carrinho .comprar-carrinho .btn-comprar-carrinho-bottom {
    margin: 0px;
    padding: 0px;
}

#carrinho .coluna-2 .comprar-carrinho {
    margin: 0px -5px;
    padding: 10px 0px 0px 0px;
}

/* LINK PARA VER A POLÍTICA DE BRINDES */
#carrinho .consulte-politica-de-brindes {
    margin: 20px 0px 15px 0px;
    text-align: center;
}

#carrinho .consulte-politica-de-brindes a {
    color: rgb(var(--cor-principal-da-marca));
    cursor: pointer;
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#carrinho .consulte-politica-de-brindes a:hover {
    color: rgb(var(--cor-principal-da-marca));
    cursor: pointer;
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-transform: var(--transformar-outros-textos) !important;
}

/* AVISO DE CARRINHO VAZIO */
.carrinho-vazio h2 {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: block;
    margin: 80px 0px !important;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

/********************************************
*********************************************
* CHECKOUT >>> _PAGES/CARRINHO_CHECKOUT.PHP *
*********************************************
*********************************************/
@media only screen and (min-width: 1400px) {
    .box-checkout-1 {
        padding: 0px 100px 0px 0px;
    }

    .box-checkout-2 {
        padding: 40px 10px 0px 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .box-checkout-1 {
        padding: 0px 100px 0px 5px;
    }

    .box-checkout-2 {
        padding-top: 40px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .box-checkout-1 {
        padding: 0px 60px 0px 10px;
    }

    .box-checkout-2 {
        padding: 40px 5px 0px 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .box-checkout-1 {
        padding: 0px 60px 0px 10px;
    }

    .box-checkout-2 {
        padding: 40px 10px 0px 0px;
    }
}

/* #checkout h2 {
    margin-bottom: 15px !important;
    margin-top: 40px !important;
} */

/* LOGIN CLIENTE */
#checkout #login-cliente-carrinho h3 {
    font-size: 18px !important;
    margin-top: 30px !important;
}

#login-cliente-carrinho h4 {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    text-transform: var(--transformar-outros-textos) !important;
}

#login-cliente-carrinho .form-group {
    margin-bottom: 5px !important;
}

#login-cliente-carrinho .texto-ou {
    color: rgba(var(--cor-de-textos), 0.5);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#login-cliente-carrinho button {
    margin-top: 25px !important;
}

#login-cliente-carrinho .esqueci-a-senha {
    color: rgba(var(--cor-de-textos), 0.5);
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#login-cliente-carrinho .esqueci-a-senha a,
#login-cliente-carrinho .esqueci-a-senha a:hover {
    color: rgba(var(--cor-de-textos), 0.5);
    font-size: 14px;
    text-decoration: none;
}

#login-cliente-carrinho .esqueci-a-senha strong {
    color: rgb(var(--cor-principal-da-marca));
    font-weight: 700;
}

/* CADASTRO */
#checkout #cadastro-cliente-carrinho h3 {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    margin-top: 30px !important;
}

#cadastro-cliente-carrinho .sublabel label {
    color: rgba(var(--cor-de-textos), 0.7) !important;
}

#cadastro-cliente-carrinho input[type="date"] {
    position: relative;
}

#cadastro-cliente-carrinho input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
    color: transparent;
    cursor: pointer;
    z-index: 1;
}

#cadastro-cliente-carrinho input[type="date"]:before {
    background: none;
    color: rgba(var(--cor-de-textos), 0.33);
    content: '\f073';
    cursor: pointer;
    display: block;
    font-family: 'FontAwesome';
    font-size: 22px;
    padding: 0px 20px;
    position: absolute;
    right: 0px;
    top: 8px;
}

#cadastro-cliente-carrinho .receber-promocoes {
    text-align: center;
}

/* FORMA DE PAGAMENTO */
#endereco-pagamento .panel-group {
    margin-bottom: 0px;
}

#endereco-pagamento .panel-group .panel {
    border-radius: var(--borda);
    margin-bottom: 0;
}

#endereco-pagamento .panel-group .panel+.panel {
    margin-top: 5px;
}

#endereco-pagamento .panel-group .panel-heading {
    border-radius: var(--borda);
    border-bottom: 0;
}

#endereco-pagamento .panel-group .panel-heading+.panel-collapse>.panel-body,
#endereco-pagamento .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid transparent;
}

#endereco-pagamento .panel-group .panel-footer {
    border-top: 0;
}

#endereco-pagamento .panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid transparent;
}

/* PANEL GATILHO DE PAGAMENTO */
#endereco-pagamento .panel-gatilho-de-pagamento {
    border-color: rgba(var(--cor-de-textos), 0.1);
}

#endereco-pagamento .panel-gatilho-de-pagamento>.panel-heading {
    background-color: #FFFFFF;
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgb(var(--cor-de-textos));
    cursor: pointer;
}

#endereco-pagamento .panel-gatilho-de-pagamento>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: rgba(var(--cor-de-textos), 0.1);
}

#endereco-pagamento .panel-gatilho-de-pagamento>.panel-heading .badge {
    background-color: #FFFFFF;
    color: rgb(var(--cor-de-textos));
}

#endereco-pagamento .panel-gatilho-de-pagamento>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: rgba(var(--cor-de-textos), 0.1);
}

#endereco-pagamento .panel-gatilho-de-pagamento .panel-heading span:after {
    color: rgb(var(--cor-principal-da-marca));
    content: "\f106";
    cursor: pointer;
    float: right;
    font-family: 'FontAwesome';
    font-size: 30px !important;
    margin-top: -44px;
}

#endereco-pagamento .panel-gatilho-de-pagamento .panel-heading span.collapsed:after {
    content: "\f107";
    cursor: pointer;
}

#endereco-pagamento .panel-gatilho-de-pagamento .panel-heading .panel-title h3 {
    font-family: var(--fonte-outros-textos);
    font-size: 18px !important;
    text-transform: var(--transformar-outros-textos) !important;
}

#endereco-pagamento .panel-gatilho-de-pagamento .panel-heading .panel-title p {
    color: rgba(var(--cor-de-textos), 0.5);
    font-family: var(--fonte-outros-textos);
    text-transform: var(--transformar-outros-textos) !important;
}

#endereco-pagamento .panel-gatilho-de-pagamento .panel-body {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    line-height: 120%;
    padding: 25px 20px;
    text-transform: var(--transformar-outros-textos) !important;
}

/* PANEL OPÇÃO DE PAGAMENTO */
#endereco-pagamento .panel-group-secundario {
    background-color: rgba(var(--cor-de-textos), 0.05);
    border: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda) !important;
    margin-top: 10px;
}

#endereco-pagamento .panel-group-secundario .panel-secundario {
    border-radius: 0;
    margin-bottom: 0;
}

#endereco-pagamento .panel-group-secundario .panel-secundario+.panel-secundario {
    margin-top: 0px;
}

#endereco-pagamento .panel-group-secundario .panel-secundario .panel-heading {
    border-radius: 0;
    border-bottom: 1px solid transparent;
}

#endereco-pagamento .panel-group-secundario .panel-secundario .panel-heading+.panel-collapse>.panel-body,
#endereco-pagamento .panel-group-secundario .panel-secundario .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid rgba(var(--cor-de-textos), 0.1);
}

#endereco-pagamento .panel-group-secundario .panel-secundario>.panel-heading {
    background-color: transparent;
    border-color: rgba(var(--cor-de-textos), 0.1);
    color: rgb(var(--cor-de-textos));
    cursor: pointer;
}

#endereco-pagamento .panel-group-secundario .panel-secundario:last-child .panel-heading {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--cor-de-textos));
    cursor: pointer;
}

#endereco-pagamento .panel-group-secundario .panel-secundario>.panel-heading+.panel-collapse>.panel-body {
    background-color: #FFFFFF;
    border-top-color: rgba(var(--cor-de-textos), 0.1);
}

#endereco-pagamento .panel-group-secundario .panel-secundario:last-child .panel-body {
    border-radius: 0px 0px var(--borda) var(--borda);
}

#endereco-pagamento .panel-group-secundario .panel-opcao-de-pagamento>.panel-heading .badge {
    background-color: transparent;
    color: rgb(var(--cor-de-textos));
}

#endereco-pagamento .panel-group-secundario .panel-opcao-de-pagamento>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: rgba(var(--cor-de-textos), 0.1);
}

#endereco-pagamento .panel-group-secundario .panel-opcao-de-pagamento .panel-heading .radio {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

#endereco-pagamento .panel-group-secundario .panel-opcao-de-pagamento .panel-heading .radio label {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 16px !important;
    text-transform: var(--transformar-outros-textos) !important;
    width: 100% !important;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    line-height: 120%;
    padding: 25px 20px;
    text-transform: var(--transformar-outros-textos) !important;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: flex-start;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .icon {
    align-items: center;
    background-color: rgb(var(--cor-de-textos));
    border-radius: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 0px 15px 0px 0px;
    width: 50px;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .icon i {
    color: #FFFFFF;
    font-size: 30px;
}

@media only screen and (min-width: 1200px) {
    #endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .texto {
        width: 420px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .texto {
        width: 320px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .texto {
        width: 210px;
    }
}

@media only screen and (max-width: 767px) {
    #endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .texto {
        width: 190px;
    }
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-debito,
#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-cartao-de-credito {
    padding-bottom: 20px;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-boleto .texto strong,
#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-debito strong,
#endereco-pagamento .panel-opcao-de-pagamento .panel-body .box-instrucoes-cartao-de-credito strong {
    font-weight: 700;
}

.fake-sel-wrap {
    display: inline-block;
    height: 37px !important;
}

.fake-sel-wrap ul {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
    border-radius: 0px !important;
    cursor: default;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px;
    height: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-transform: var(--transformar-outros-textos) !important;
    top: 0;
    width: 100%;
}

.fake-sel-wrap ul li {
    align-items: center;
    display: flex;
    line-height: 45px !important;
    height: 45px !important;
    padding: 0px 15px !important;
}

.fake-sel-wrap ul li.ativo {
    background-color: rgba(var(--cor-principal-da-marca), 0.15) !important;
    color: rgb(var(--cor-de-textos)) !important;
}

.fake-sel-wrap ul li img {
    height: 25px !important;
    margin-right: 10px;
    width: 40px;
}

#endereco-pagamento .panel-opcao-de-pagamento .box-numero-cartao {
    border: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .numero-cartao,
#endereco-pagamento .panel-opcao-de-pagamento .panel-body .bandeira-cartao {
    margin: 0px !important;
    padding: 0px !important;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .numero-cartao .form-control {
    border: 0px !important;
}

#endereco-pagamento .panel-opcao-de-pagamento .panel-body .bandeira-cartao #CartaoBandeira {
    align-items: center;
    display: flex;
    background-color: rgba(var(--cor-de-textos), 0.05);
    border: 0px;
    border-radius: 0px var(--borda) var(--borda) 0px;
    height: 45px;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#endereco-pagamento .panel-gatilho-de-pagamento .btn,
#endereco-pagamento .panel-opcao-de-pagamento .btn {
    align-items: center !important;
    display: flex !important;
    font-weight: bold !important;
    font-size: 16px !important;
    height: 55px !important;
    line-height: 120% !important;
    justify-content: center !important;
    margin: 5px 0px 0px 0px !important;
    padding: 0px 15px !important;
}

/* RESUMO PEDIDO */
#checkout .collapse-pedido {
    align-items: center;
    display: flex;
    background-color: #FFFFFF;
    border: 1px solid rgba(var(--cor-de-textos), 0.1);
    border-radius: var(--borda);
    cursor: pointer;
    height: 50px;
    justify-content: space-between;
    padding: 0px 20px;
    margin-top: 20px;
}

#checkout .collapse-pedido .texto-ver-detalhes {
    align-items: center;
    display: flex;
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout .collapse-pedido span:after {
    color: rgb(var(--cor-principal-da-marca));
    content: "\f107";
    cursor: pointer;
    float: left !important;
    font-family: 'FontAwesome';
    font-size: 30px;
    margin-right: 5px;
}

#checkout .collapse-pedido[aria-expanded=true] span::after {
    content: "\f106";
    cursor: pointer;
}

#checkout .collapse-pedido .valor-total-carrinho {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    text-transform: var(--transformar-outros-textos) !important;
    text-align: right;
}

.collapse-ver-detalhes-pedido {
    display: none;
}

.collapse-ver-detalhes-pedido.in {
    display: block;
}

.collapse-ver-detalhes-pedido .well {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: var(--borda);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 0px;
    min-height: 0px;
    padding: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.collapse-ver-detalhes-pedido .well .box-conteudo {
    margin: 0px !important;
}

#checkout .tabela-carrinho {
    margin: 0px;
    padding: 0px;
}

#checkout .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(var(--cor-de-textos), 0.05);
}

#checkout .table {
    margin-bottom: 0px !important;
}

#checkout .table>thead>tr>td,
#checkout .table>tbody>tr>td,
#checkout .table>tfoot>tr>td {
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
}

#checkout .table-responsive {
    border: 0px;
}

#checkout #itens-carrinho td {
    padding-bottom: 10px;
    padding-top: 10px;
}

/* FOTO DO PRODUTO */
@media only screen and (min-width: 1400px) {
    #checkout #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #checkout #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 78px;
        line-height: 78px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 78px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #checkout #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #checkout #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 75px;
        line-height: 75px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 75px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #checkout #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #checkout #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 66px;
        line-height: 66px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 66px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #checkout #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #checkout #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 54px;
        line-height: 54px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 54px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout #itens-carrinho .box-foto-carrinho {
        padding: 0px 0px 0px 10px;
    }

    #checkout #itens-carrinho .box-foto-carrinho .foto-carrinho {
        align-items: center;
        display: flex;
        height: 49px;
        line-height: 49px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 49px;
    }
}

/* DESCRIÇÃO DO PRODUTO */
@media only screen and (min-width: 1200px) {
    #checkout #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 80px;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #checkout #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 77px;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #checkout #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 68px;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #checkout #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 56px;
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout #itens-carrinho .desc-prod-carrinho {
        align-items: center;
        display: flex;
        height: 51px;
        margin: 0px;
        padding: 0px;
    }
}

#checkout #itens-carrinho .desc-prod-carrinho .infos-produto {
    width: 100%;
    padding: 0px 10px;
}

#checkout #itens-carrinho .desc-prod-carrinho h3 {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    max-height: 15px;
    overflow-y: hidden;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout #itens-carrinho .desc-prod-carrinho p {
    color: rgba(var(--cor-de-textos), 0.7);
    font-family: var(--fonte-outros-textos);
    font-size: 12px;
    text-transform: var(--transformar-outros-textos) !important;
}

/* PREÇO TOTAL */
@media only screen and (min-width: 1200px) {
    #checkout #itens-carrinho .valor-total {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 80px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #checkout #itens-carrinho .valor-total {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 77px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #checkout #itens-carrinho .valor-total {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 68px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #checkout #itens-carrinho .valor-total {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 56px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #checkout #itens-carrinho .valor-total {
        align-items: center;
        color: rgb(var(--cor-de-textos));
        display: flex;
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        height: 51px;
        justify-content: flex-end;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

/* TABELA DE SUBTOTAL E TOTAL DO CARRINHO */
#checkout .subtotal-e-total {
    padding: 0px 10px;
}

#checkout .subtotal-carrinho {
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    display: flex;
    height: 70px;
}

#checkout .total-carrinho {
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 0px;
    display: flex;
    height: 70px;
}

#checkout .subtotal-carrinho:hover {
    background-color: rgba(var(--cor-de-textos), 0.05);
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
}

#checkout .total-carrinho:hover {
    background-color: rgba(var(--cor-de-textos), 0.05);
    border-bottom: 0px;
}

#checkout .subtotal-carrinho .titulo-subtotal {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 0px 0px 10px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout .subtotal-carrinho .preco {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 10px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout .total-carrinho .titulo-subtotal {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 0px 0px 10px;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout .total-carrinho .preco {
    color: rgb(var(--cor-principal-da-marca));
    font-family: var(--fonte-outros-textos);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px 10px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout #desccupom,
#checkout #lb_frete,
#checkout #clcupom {
    color: rgba(var(--cor-de-textos), 0.5);
    font-family: var(--fonte-outros-textos);
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#checkout #clcupom a,
#checkout #clcupom a:hover {
    text-decoration: none;
}

/************************************************
*************************************************
* FINALIZA COMPRA >>> PAGES/FINALIZA_COMPRA.PHP *
*************************************************
*************************************************/
#finaliza-compra .conteudo {
    background-color: #FFFFFF;
    border-radius: var(--borda);
    margin: 20px 0px 0px 0px;
    padding: 20px;
}

#finaliza-compra .conteudo .descricao {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#finaliza-compra .conteudo .instrucoes {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#finaliza-compra .btn-acao {
    margin: 20px 0px 60px 0px;
    padding: 0px;
}

/*****************************************
******************************************
* MINHA CONTA >>> _PAGES/MINHA_CONTA.PHP *
******************************************
******************************************/
@media only screen and (min-width: 768px) {
    #minha-conta .atalhos {
        align-items: stretch;
        display: flex;
        justify-content: space-between;
        margin: 20px 0px 60px 0px;
        padding: 0px;
    }

    #minha-conta .atalhos a,
    #minha-conta .atalhos a:hover {
        cursor: pointer;
        text-decoration: none;
        width: 140px;
    }
}

@media only screen and (max-width: 767px) {
    #minha-conta .atalhos {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 20px 0px 60px 0px;
        padding: 0px;
    }

    #minha-conta .atalhos a,
    #minha-conta .atalhos a:hover {
        cursor: pointer;
        margin-bottom: 25px;
        text-decoration: none;
        width: 160px;
    }
}

#minha-conta .atalhos .box-atalho {
    align-items: center;
    display: flex;
    flex-direction: column;
}

#minha-conta .atalhos .box-atalho i {
    color: rgb(var(--cor-principal-da-marca));
    font-size: 60px;
    margin-bottom: 10px;
}

#minha-conta .atalhos .box-atalho h2 {
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px !important;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

/*********************************************
**********************************************
* MEUS PEDIDOS >>> _PAGES/MINHAS_COMPRAS.PHP *
**********************************************
**********************************************/
#meus-pedidos .tabela-pedido {
    background-color: #FFFFFF;
    border-radius: var(--borda);
    margin: 20px 0px 80px 0px;
    padding: 20px 15px;
}

#meus-pedidos .table-responsive {
    margin-bottom: 0px;
    border: 0px;
}

#meus-pedidos .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(var(--cor-de-textos), 0.05) !important;
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

/* CABEÇALHO TABELA */
@media only screen and (min-width: 768px) {
    #meus-pedidos #itens-pedido th {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border: 0px;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 700;
        height: 45px;
        line-height: 120%;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        vertical-align: middle;
    }

    #meus-pedidos #itens-pedido .borda-tabela-topo-esquerda {
        border-radius: var(--borda) 0px 0px 0px;
    }

    #meus-pedidos #itens-pedido .borda-tabela-topo-direita {
        border-radius: 0px var(--borda) 0px 0px;
    }
}

@media only screen and (max-width: 767px) {
    #meus-pedidos #itens-pedido th {
        background-color: rgba(var(--cor-principal-da-marca), 0.1);
        border: 0px;
        border-radius: var(--borda) var(--borda) 0px 0px;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 700;
        height: 45px;
        line-height: 120%;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 768px) {
    #meus-pedidos #itens-pedido td {
        border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin: 0px;
        padding: 10px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 767px) {
    #meus-pedidos #itens-pedido td {
        border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1) !important;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin: 0px;
        padding: 20px 10px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        vertical-align: middle;
    }

    #meus-pedidos #itens-pedido button {
        margin: 0px !important;
        padding: 0px !important;
    }

    #meus-pedidos #itens-pedido button {
        margin-top: 10px !important;
    }
}

#meus-pedidos #itens-pedido .cancelado {
    color: rgb(var(--cancelado));
    /* VERMELHO */
    font-weight: 700;
}

#meus-pedidos #itens-pedido .aguardando-pagamento {
    color: rgb(var(--aguardando-pagamento));
    /* AMARELO */
    font-weight: 700;
}

#meus-pedidos #itens-pedido .a-faturar {
    color: rgb(var(--a-faturar));
    /* LARANJA */
    font-weight: 700;
}

#meus-pedidos #itens-pedido .aprovado {
    color: rgb(var(--aprovado));
    /* VERDE */
    font-weight: 700;
}

#meus-pedidos #itens-pedido .encerrado {
    color: rgb(var(--encerrado));
    /* AZUL ESCURO */
    font-weight: 700;
}

#meus-pedidos #itens-pedido .em-entrega {
    color: rgb(var(--em-entrega));
    /* AZUL CLARO */
    font-weight: 700;
}

/**************************************************
***************************************************
* DETALHES COMPRAS >>> _DEFS/FUNCTIONS_PEDIDO.PHP *
***************************************************
***************************************************/
.box-tabela-detalhes-compra {
    background-color: #FFFFFF;
    border-radius: var(--borda);
    margin: 20px 0px 0px 0px;
    padding: 20px 15px;
}

#detalhes-compra,
#detalhes-compra td,
#detalhes-pedido,
#detalhes-pedido td,
#pagamento-envio,
#pagamento-envio td,
#produtos-comprados,
#produtos-comprados td {
    border: 0px;
}

@media only screen and (min-width: 768px) {
    #detalhes-compra #detalhes-pedido .pedido {
        background-color: rgb(var(--cor-principal-da-marca));
        border: 0px;
        border-radius: var(--borda) 0px 0px 0px;
        color: rgba(var(--cor-de-fundo), 0.8);
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 700;
        line-height: 150%;
        height: 100px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        vertical-align: middle;
        width: 30%;
    }

    #detalhes-compra #detalhes-pedido .pedido span {
        color: rgb(var(--cor-de-fundo));
        font-family: var(--fonte-outros-textos);
        font-size: 24px;
        font-weight: 700;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-compra #detalhes-pedido .pedido {
        background-color: rgb(var(--cor-principal-da-marca));
        border: 0px;
        border-radius: var(--borda) 0px 0px 0px;
        color: rgba(var(--cor-de-fundo), 0.8);
        font-family: var(--fonte-outros-textos);
        font-size: 13px;
        font-weight: 700;
        line-height: 150%;
        height: 100px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        vertical-align: middle;
        width: 50%;
    }

    #detalhes-compra #detalhes-pedido .pedido span {
        color: rgb(var(--cor-de-fundo));
        font-family: var(--fonte-outros-textos);
        font-size: 18px;
        font-weight: 700;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (min-width: 768px) {
    #detalhes-compra #detalhes-pedido .origem-e-data {
        align-items: center;
        background-color: rgba(var(--cor-de-textos), 0.05);
        border: 0px;
        border-radius: 0px var(--borda) 0px 0px;
        display: flex;
        height: 100px;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-compra #detalhes-pedido .origem-e-data {
        align-items: center;
        background-color: rgba(var(--cor-de-textos), 0.05);
        border: 0px;
        border-radius: 0px var(--borda) 0px 0px;
        display: flex;
        height: 100px;
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) {
    #detalhes-compra #detalhes-pedido .origem {
        color: rgba(var(--cor-secundaria-da-marca), 0.5);
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-compra #detalhes-pedido .origem {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #detalhes-compra #detalhes-pedido .data {
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        width: 50%;
    }

    #detalhes-compra #detalhes-pedido .data span {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 24px;
        font-weight: 700;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {
    #detalhes-compra #detalhes-pedido .data {
        color: rgb(var(--cor-de-textos));
        font-family: var(--fonte-outros-textos);
        font-size: 13px;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
        width: 100%;
    }

    #detalhes-compra #detalhes-pedido .data span {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 18px;
        font-weight: 700;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (min-width: 768px) {

    #dados-destinatario .titulo,
    #pagamento-envio .titulo,
    #produtos-comprados .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        margin: 0px;
        padding: 40px 10px 10px 10px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

@media only screen and (max-width: 767px) {

    #dados-destinatario .titulo,
    #pagamento-envio .titulo,
    #produtos-comprados .titulo {
        color: rgb(var(--cor-principal-da-marca));
        font-family: var(--fonte-outros-textos);
        font-size: 14px;
        font-weight: 700;
        line-height: 120%;
        margin: 0px;
        padding: 40px 10px 10px 10px;
        text-align: center;
        text-transform: var(--transformar-outros-textos) !important;
    }
}

#dados-destinatario .dados-tabela,
#pagamento-envio .dados-tabela {
    border: 0px;
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    line-height: 120%;
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

#produtos-comprados .foto-e-detalhes-produto {
    align-items: center;
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    display: flex;
    margin: 0px;
    padding: 10px 5px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #produtos-comprados .foto {
        align-items: center;
        display: flex;
        height: 80px;
        justify-content: center;
        overflow-y: hidden;
        width: 80px;
    }

    #produtos-comprados .foto img {
        max-height: 78px;
        max-width: 78px;
    }
}

@media only screen and (max-width: 767px) {
    #produtos-comprados .foto {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #produtos-comprados .detalhes-produto {
        padding: 0px 0px 0px 5px;
    }
}

#produtos-comprados .detalhes-produto h3 {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left;
    text-transform: var(--transformar-outros-textos) !important;
}

#produtos-comprados .detalhes-produto p {
    color: rgba(var(--cor-de-textos), 0.5) !important;
    font-family: var(--fonte-outros-textos);
    text-align: left;
}

#produtos-comprados .preco-produto {
    border-bottom: 1px solid rgba(var(--cor-de-textos), 0.1);
    padding: 10px 0px;
    text-align: right;
    vertical-align: middle;
}

#produtos-comprados .preco-produto .preco-un-prod {
    color: rgba(var(--cor-de-textos), 0.5) !important;
    padding: 0px 5px 0px 0px !important;
}

#produtos-comprados .preco-produto .preco-total-prod {
    color: rgb(var(--cor-de-textos)) !important;
    padding: 0px 5px 0px 0px !important;
}

#produtos-comprados .subtotal {
    background-color: rgba(var(--cor-de-textos), 0.05);
    border-bottom: 2px solid #FFFFFF;
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 10px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

#produtos-comprados .total {
    background-color: rgba(var(--cor-de-textos), 0.05);
    border-bottom: 2px solid #FFFFFF;
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
    padding: 10px;
    text-align: right;
    text-transform: var(--transformar-outros-textos) !important;
}

/*****************************************
******************************************
* ALTERAR LOGIN >>> _PAGES/SEU_LOGIN.PHP *
******************************************
******************************************/
#seu-login .texto {
    margin: 20px 0px;
    padding: 0px;
}

#seu-login .texto p {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#seu-login .formulario {
    margin: 0px 0px 40px 0px;
    padding: 0px;
}

@media only screen and (min-width: 1400px) {
    #seu-login .btn-acao {
        margin-bottom: 40px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #seu-login .btn-acao {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

/*****************************************
******************************************
* ALTERAR SENHA >>> _PAGES/SUA_SENHA.PHP *
******************************************
******************************************/
#sua-senha .texto {
    margin: 20px 0px;
    padding: 0px;
}

#sua-senha .texto p {
    font-family: var(--fonte-outros-textos);
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: var(--transformar-outros-textos) !important;
}

@media only screen and (min-width: 768px) {
    #sua-senha .formulario {
        margin: 0px 0px 40px 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #sua-senha .formulario {
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }

    #sua-senha .formulario .senha {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) {
    #sua-senha .btn-acao {
        margin-bottom: 40px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #sua-senha .btn-acao {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

/****************************************************
*****************************************************
* CONTATO E LOCALIZAÇÃO >>> _PAGES/FALE_CONOSCO.PHP *
*****************************************************
*****************************************************/
#fale-conosco {
    margin-bottom: 60px;
}

/* BOX FORMULÁRIO */
@media only screen and (min-width: 1024px) {
    #fale-conosco .box-formulario {
        margin: 0px;
        padding: 20px 0px 0px 5px !important;
    }

    #fale-conosco .box-formulario .formulario {
        background-color: #FFFFFF;
        border-radius: var(--borda) 0px 0px var(--borda);
        margin: 0px;
        padding: 20px 40px 10px 20px;
    }
}

@media only screen and (max-width: 1023px) {
    #fale-conosco .box-formulario {
        margin: 0px !important;
        padding: 20px 5px !important;
    }

    #fale-conosco .box-formulario .formulario {
        background-color: #FFFFFF;
        border-radius: var(--borda);
        margin: 0px;
        padding: 20px 20px 10px 20px;
    }
}

/* BOX DADOS */
@media only screen and (min-width: 1024px) {
    #fale-conosco .box-dados {
        margin: 0px;
        padding: 20px 5px 0px 0px;
    }
}

@media only screen and (max-width: 1023px) {
    #fale-conosco .box-dados {
        margin: 0px !important;
        padding: 0px 5px !important;
    }
}

@media only screen and (min-width: 1024px) {
    #fale-conosco .box-dados .dados-contato {
        background-color: rgba(var(--cor-principal-da-marca), 0.2);
        border-radius: 0px var(--borda) 0px 0px;
        margin: 0px;
        padding: 15px;
    }
}

@media only screen and (max-width: 1023px) {
    #fale-conosco .box-dados .dados-contato {
        background-color: rgba(var(--cor-principal-da-marca), 0.2);
        border-radius: var(--borda) var(--borda) 0px 0px;
        margin: 0px;
        padding: 15px;
    }
}

#fale-conosco .box-dados .dados-contato .telefone,
#fale-conosco .box-dados .dados-contato .whatsapp,
#fale-conosco .box-dados .dados-contato .email {
    align-items: center;
    display: flex;
    height: 30px;
    margin: 5px 0px;
    padding: 0px;
}

#fale-conosco .box-dados .dados-contato .endereco {
    align-items: center;
    display: flex;
    height: 60px;
    margin: 5px 0px;
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    #fale-conosco .box-dados .dados-contato .horario-atendimento {
        align-items: center;
        display: flex;
        height: 30px;
        margin: 5px 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #fale-conosco .box-dados .dados-contato .horario-atendimento {
        align-items: center;
        display: flex;
        height: 38px;
        margin: 5px 0px;
        padding: 0px;
    }
}

/* ICON */
#fale-conosco .box-dados .dados-contato .telefone .icon,
#fale-conosco .box-dados .dados-contato .whatsapp .icon,
#fale-conosco .box-dados .dados-contato .email .icon {
    align-items: center;
    display: flex;
    height: 30px;
    width: 40px;
}

#fale-conosco .box-dados .dados-contato .endereco .icon {
    align-items: flex-start;
    display: flex;
    height: 60px;
    width: 40px;
}

#fale-conosco .box-dados .dados-contato .horario-atendimento .icon {
    align-items: center;
    display: flex;
    height: 30px;
    width: 40px;
}

/* IMG */
#fale-conosco .box-dados .dados-contato i {
    color: rgb(var(--cor-principal-da-marca));
    font-size: 30px;
}

/* TEXTO */
#fale-conosco .box-dados .dados-contato .telefone .texto,
#fale-conosco .box-dados .dados-contato .whatsapp .texto,
#fale-conosco .box-dados .dados-contato .email .texto,
#fale-conosco .box-dados .dados-contato .endereco .texto,
#fale-conosco .box-dados .dados-contato .horario-atendimento .texto {
    color: rgb(var(--cor-de-textos));
    font-family: var(--fonte-outros-textos);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    text-transform: var(--transformar-outros-textos) !important;
}

#fale-conosco .box-dados .dados-contato .telefone .texto strong,
#fale-conosco .box-dados .dados-contato .whatsapp .texto strong,
#fale-conosco .box-dados .dados-contato .email .texto strong,
#fale-conosco .box-dados .dados-contato .endereco .texto strong,
#fale-conosco .box-dados .dados-contato .horario-atendimento .texto strong {
    font-weight: 700;
}

@media only screen and (min-width: 1024px) {
    #fale-conosco .localizacao #map {
        border-radius: 0px 0px var(--borda) 0px;
        height: 292px;
    }
}

@media only screen and (max-width: 1023px) {
    #fale-conosco .localizacao #map {
        border-radius: 0px 0px var(--borda) var(--borda);
        height: 300px;
    }
}

/***********************************
************************************
* PERSONALIZAÇÃO MODAL SWEET ALERT *
************************************
************************************/
.swal2-icon.swal2-warning,
.swal2-icon.swal2-info,
.swal2-icon.swal2-question {
    border-color: rgb(var(--cor-principal-da-marca)) !important;
    color: rgb(var(--cor-principal-da-marca)) !important;
}

.swal2-icon.swal2-success {
    border-color: rgb(var(--cor-btn-comprar)) !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: rgb(var(--cor-btn-comprar)) !important;
}

.swal2-icon.swal2-error {
    border-color: rgb(var(--cancelado)) !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: rgb(var(--cancelado)) !important;
}

.swal2-popup .swal2-title {
    color: rgb(var(--cor-principal-da-marca)) !important;
    font-family: var(--fonte-outros-textos);
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: center !important;
    text-transform: var(--transformar-outros-textos) !important;
}

.swal2-popup .swal2-content {
    color: rgb(var(--cor-de-textos)) !important;
    font-family: var(--fonte-outros-textos);
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    text-transform: var(--transformar-outros-textos) !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0px !important;
    border-radius: var(--borda) !important;
    background-color: rgb(var(--cor-principal-da-marca)) !important;
    color: #FFFFFF !important;
    font-family: var(--fonte-outros-textos);
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 45px !important;
    line-height: 1.42857143 !important;
    padding: 12px 20px !important;
    text-align: center !important;
    text-transform: var(--transformar-outros-textos) !important;
}

.swal2-popup .swal2-styled.swal2-cancel {
    border: 0px !important;
    border-radius: var(--borda) !important;
    background-color: rgba(var(--cor-de-textos), 0.33) !important;
    color: #FFFFFF !important;
    font-family: var(--fonte-outros-textos);
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 45px !important;
    line-height: 1.42857143 !important;
    padding: 12px 20px !important;
    text-align: center !important;
    text-transform: var(--transformar-outros-textos) !important;
}

.swal2-popup .swal2-footer {
    color: rgba(var(--cor-de-textos), 0.7) !important;
    font-family: var(--fonte-outros-textos);
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center !important;
    text-transform: var(--transformar-outros-textos) !important;
}

.swal2-popup .swal2-footer a,
.swal2-popup .swal2-footer a:hover {
    color: rgba(var(--cor-de-textos), 0.7) !important;
    font-family: var(--fonte-outros-textos);
    font-size: 12px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    text-transform: var(--transformar-outros-textos) !important;
}

.swal2-popup .swal2-footer strong {
    font-weight: 700 !important;
}

/**********
***********
* ICOMOON *
***********
***********/
@font-face {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-display: block;
    src: url('../fonts/template-1-2-3/icomoon.eot?pcn4bn');
    src: url('../fonts/template-1-2-3/icomoon.eot?pcn4bn#iefix') format('embedded-opentype'),
        url('../fonts/template-1-2-3/icomoon.ttf?pcn4bn') format('truetype'),
        url('../fonts/template-1-2-3/icomoon.woff?pcn4bn') format('woff'),
        url('../fonts/template-1-2-3/icomoon.svg?pcn4bn#icomoon') format('svg');
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.icon-barrinha-info-entrega:before {
    content: "\e900";
}

.icon-barrinha-info-parcelamento:before {
    content: "\e901";
}

.icon-barrinha-info-receba-em-casa:before {
    content: "\e902";
}

.icon-barrinha-info-whatsapp:before {
    content: "\e903";
}

.icon-carrinho-cupom-desconto:before {
    content: "\e904";
}

.icon-carrinho-frete:before {
    content: "\e905";
}

.icon-checkout-impressao-boleto:before {
    content: "\e906";
}

.icon-checkout-nao-enviado:before {
    content: "\e907";
}

.icon-checkout-pague-pela-internet:before {
    content: "\e908";
}

.icon-checkout-prazo-de-validade:before {
    content: "\e909";
}

.icon-contato-email:before {
    content: "\e90a";
}

.icon-contato-endereco:before {
    content: "\e90b";
}

.icon-contato-horario:before {
    content: "\e90c";
}

.icon-contato-telefone:before {
    content: "\e90d";
}

.icon-contato-whatsapp:before {
    content: "\e90e";
}

.icon-janela-login-meus-pedidos:before {
    content: "\e90f";
}

.icon-janela-login-minha-conta:before {
    content: "\e910";
}

.icon-logo-alfa-networks:before {
    content: "\e911";
}

.icon-logo-mercado-pago:before {
    content: "\e912";
}

.icon-logo-pagseguro:before {
    content: "\e913";
}

.icon-logo-pix:before {
    content: "\e914";
}

.icon-minha-conta-creditos:before {
    content: "\e915";
}

.icon-minha-conta-dados-cadastrais:before {
    content: "\e916";
}

.icon-minha-conta-fale-conosco:before {
    content: "\e917";
}

.icon-minha-conta-login:before {
    content: "\e918";
}

.icon-minha-conta-pedidos:before {
    content: "\e919";
}

.icon-minha-conta-senha:before {
    content: "\e91a";
}

.icon-pin:before {
    content: "\e91b";
}

.icon-play:before {
    content: "\e91c";
}

.icon-selo-site-seguro:before {
    content: "\e91d";
}

.icon-topo-carrinho:before {
    content: "\e91e";
}

.icon-topo-login:before {
    content: "\e91f";
}