.pg1{
    padding: 20px;
    max-width: 964px;
    margin: 10px auto;
    border: 1px solid white;
    background: white;
    display: flex;
    flex-flow: row-reverse;
}
.pg1 > h2{
    padding: 20px 0;
}
.pg1 .forma{}
.pg1 .forma > a,
.pg1 .forma > button{
    padding: 5px 10px;
    text-transform: uppercase;
    background: white;
    text-decoration: none;
    color: #444;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}
.pg1 >img{
    display: table;
    margin: auto;
}
.pg1 .forma > a.selecionado,
.pg1 .forma > button.selecionado{
    background: #09f;
    color: white;
}
.cadastrousuario>.logo.pagamento{
    flex-direction: column;
    justify-content: start;
    background: #f0f0f0;
    align-items: normal;
    gap: 11px;
}
.cadastrousuario>.logo.pagamento>table{
    /* background: white; */
}
.cadastrousuario>.logo.pagamento>table>thead>tr{
    background: white;
}
.produto{
    text-align: justify;
    padding: 7px 13px;
}
.erro{
    background: #F44336;
    padding: 5px 20px;
    color: white;
    text-transform: uppercase;
    font-family: Oswald;
}
.valor{
    text-align: center;
}
table>tbody>tr>td{
    background: white;
    padding: 7px 13px;
}
.cadastrousuario>.logo.pagamento>h3{
    font-size: 16px;
    font-family: oswald;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px;
    border-left: 2px solid #ccc;
    background: white;
}
.pg1 #form-checkout{}
.payment-panel[hidden]{
    display: none !important;
}
.pg1 .info{
    background: white;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* border-bottom: 2px solid #bdbdbd; */
    padding: 20px 0;
    margin-top: 20px;
}
.pg1 .info > h2{
    color: #13133d;
    text-transform: uppercase;
    font-size: 16px;
}
.pg1 .info > p{}
.pg1 .info > p.obs{
    color: #009688;
}
.cupom_wrap{
    display: flex;
    gap: 5px;
    /* align-items: center; */
    flex-direction: column;
}
.cupom_wrap>label{}
.cupom_wrap>input{
    padding: 3px;
    font-size: 16px;
    border: #ababab 2px solid;
    border-radius: 6px;
    text-align: center;
}
.cupom_wrap>input::placeholder{font-size:10px; padding-left:10px}
.cupom_wrap>button{
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px;
    border: none;
    border-radius: 5px;
    background-color: #dd6514;
    color: white;
    cursor: pointer;
}
.cupom_wrap>span{
    font-family: 'Roboto';
    font-size: 15px;
}
.cupom-valido{
    color: green;
}
.cupom-limite,.cupom-inativo,.cupom-expirado,.cupom-invalido{
    color: red;
}
.pix-checkout{
    /* width: min(420px, 100%); */
}
.pix-placeholder,
.pix-box{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background: #fff;
    /* border: 1px solid #e5e7eb; */
    border-radius: 8px;
}
.pix-box h3,
.pix-placeholder h3{
    margin: 0;
    color: #13133d;
    text-transform: uppercase;
    font-size: 16px;
}
.pix-box p,
.pix-placeholder p{
    margin: 0;
}
.pix-amount{
    font-weight: 700;
    color: #13133d;
}
.pix-status{
    padding: 9px 10px;
    border-radius: 6px;
    background: #eef6ff;
    color: #0f4c81;
    font-weight: 700;
}
.pix-status[data-status="approved"]{
    background: #e8f7ee;
    color: #147a3d;
}
.pix-status[data-status="rejected"],
.pix-status[data-status="cancelled"],
.pix-status[data-status="expired"],
.pix-box--error{
    background: #fff1f1;
    color: #b42318;
}
.pix-qr{
    width: min(280px, 100%);
    aspect-ratio: 1 / 1;
    object-fit: contain;
    align-self: center;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}
.pix-copy-label{
    font-weight: 700;
    color: #13133d;
}
.pix-copy-row{
    display: flex;
    gap: 8px;
    align-items: stretch;
}
.pix-copy-row input{
    flex: 1;
    min-width: 0;
    padding: 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
}
.pix-copy-row button,
.pix-continue{
    border: 0;
    border-radius: 6px;
    background: #09f;
    color: #fff;
    padding: 10px 14px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
}
.pix-copy-msg{
    min-height: 18px;
    color: green;
    font-size: 14px;
}
.pix-help{
    color: #475569;
    font-size: 14px;
}
.cadastrousuario>.logo.pagamento>.img>img{
    /* width: 350px; */
    height: 28%;
}
.info_cadastro{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background: white;
    flex-direction: column;
    gap: 6px;
}
.info_cadastro > .titulo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: baseline;
    width: 100%;
    text-wrap-mode: nowrap;
}
.info_cadastro>.dados{
    display: flex;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
}
.svg{
    max-width: 31px;
    margin-right: 9px;
}
.info_cadastro>.dados>p:last-of-type{
    text-align: end;
}
.info_cadastro>.dados>p{width: 100%;padding: 5px 0;}
.info_cadastro > .titulo>p{
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    padding: 5px 0;
}
.cadastrousuario>.logo.pagamento>.img{height: 51%;display: flex;/* width: 100%; */align-items: center;justify-content: center;}
@media (max-width : 850px){
    .pg1{
        flex-flow: column
    }
    .pix-copy-row{
        flex-direction: column;
    }
}