<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.layaPagamentoCliente{width: 100%;}
.cupom-desconto{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ftm-div-cupom legend{
    color: var(--corPrimaria);
    font-size: 20px;
    font-weight: bold;
}
#inputCupom{
    padding: 9px 10px;
    border: 1px solid var(--corPrimaria);
}
.div-cupons{
    padding: 15px;
    border-bottom: 1px solid var(--cinza);
}
.div-cupons .button-azul{
    padding: 9px 15px;
    background-color: var(--cinza);
    color: white;
    font-weight: bold;
    border: 1px solid var(--cinza);
    cursor: pointer;
    transition:  .3s all;
}
.div-cupons .button-azul:hover{
    border: 1px solid var(--cinza);
    background-color: white;
    color: var(--cinza);
    transition:  .3s all;
}
.carrinho-compra-valores{
    margin-top: 25px;
    display: flex;
    flex-direction: column;
}
.carrinho-compra-valores p{
    font-weight: bold;
    font-size: 14px;
    color: var(--corTexto);
}
.carrinho-compra-valores div{
    display: flex;
    gap: 6px;
    justify-content: space-between;
    border-bottom: 1px solid var(--cinza);
    padding: 5px 8px;
}
.conteudoValorFinal1{
    background-color: var(--cinzaClaro);
    padding: 6px;
}

.containerCpomDesconto{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 35px;
    border: unset !important;
}
.containTotalVendas{
    width: 35%;
}
.carrinho-compra-valores .texto_Cupom_resultado{
    font-size: 16px;
}
.secaoFormaPagamento{
    padding: 15px 20px 35px;
    background-color: var(--cinzaClaro);
    margin-top: 5px;
}
.secaoPagamentos h1{
    padding: 10px;
    font-size: 24px;
    background-color: var(--corTexto);
    color: white;
}
#divBandeiras{
    display: flex;
    flex-direction: column;
    align-items: start;
    align-items: center;
    gap: 15px;
}
#divBandeiras li{
    border-radius: 10px;
    padding: 5px 15px;
    cursor: pointer;
    border: 1px solid transparent;
}
#divBandeiras li:hover{
    transition: .3s;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    
}
#PagamentoTipo_PIX{width: 100%;}
#PagamentoTipo_AVISTA img{height: 65px;}
.box-instrucoes{width: 45%;}
#divPagamentoPedido{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
}
#parcelamento{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
#parcelamento p{padding: 10px;}
#parcelamento ul li{
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0px 10px;
}
#parcelamento .medio{
    margin-bottom: 10px;
    color: var(--transicao);
    background-color: var(--cinzaEscuro);
    color: white;
    padding: 6px;
    font-size: 14px;
}
#divInfoPagamento_1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    gap: 4px;
}
.box-dados-cartao{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
}
.dados-cartao{display: none;}
.informacao-cartao{position: relative;}
.informacao-cartao::before{
    content: "";
    position: absolute;
    width: .1px;
    right: -3px;
    border: 1px solid var(--cinzaEscuro);
    height: 100%;
}
.informacao-cartao p{
    margin-bottom: 10px;
    background-color: var(--cinzaEscuro);
    font-size: 14px;
    color: white;
    padding: 6px;
}
.concluir-compra{padding: 10px;}
.concluir-compra .button-azul{
    padding: 9px 15px !important;
    width: 100%;
    background-color: var(--corPrimaria);
    color: white;
    font-weight: bold;
    border: 1px solid var(--corPrimaria);
    transition: .3s all;
    cursor: pointer;
}
.concluir-compra .button-azul:hover{
    background-color: white;
    color: var(--corPrimaria);
    border: 1px solid var(--corPrimaria);
    transition: .3s all;
}
.divLoaderPagamentoSVG{height: 40px;}
#txtLoaderPagamento{
    font-size: 16px;
    color: var(--corSecundaria);
    margin-bottom: 15px;
}
#divInstrucoesPagamento div{
    color: var(--cinzaEscuro);
    font-size: 15px;
    line-height: 140%;
    padding: 10px;
}
#divInfoPagamento_0 p{
    color: var(--corTexto);
}
.descricaoImgPagamento{
    display: flex;
    gap: 5px;
    padding: 5px 10px;
    align-items: center;
    flex-direction: column;
}
.forma-pagamento{
    display: flex;
    gap: 10px;
}</pre></body></html>