@import url('//fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); .full-pagamento {   font-family: "Roboto", sans-serif;  font-weight: 400;  font-style: normal; } .full-pagamento .checkout-title {   font-weight:700;   font-size:20px; } .full-pagamento .checkout-subtitle, .full-pagamento .titpart-entrega {   color:#a6a3a3;   font-weight:700;   margin-bottom:5px; } .full-pagamento .titpart-entrega {   margin-top:10px; } .full-pagamento .card-bandeira {   width:40px;   display: block;   background-repeat: no-repeat;   background-position:center center;   background-color:white;   background-size:contain;   border-radius:5px;  height: 30px;   background:url(//admin.puze.com.br/css/imgs/cards/card.png) no-repeat center center;   background-size:contain; } .full-pagamento .card-bandeira.mastercard {   background-image:url(//admin.puze.com.br/css/imgs/cards/mastercard.png); } .full-pagamento .card-bandeira.visa {   background-image:url(//admin.puze.com.br/css/imgs/cards/visa.png); } .full-pagamento .card-line {   display:flex;   gap:10px;   align-items:center;  flex-wrap: wrap; } .full-pagamento .card-wrap {   background: #f5f5c4;   border: 1px solid #CCC;   padding: 8px;   margin-bottom: 5px;   transition:0.5s ease; } .full-pagamento .pagamento-explain {   font-size:14px;   margin-bottom:10px; } .full-pagamento .card-pag-button, .full-pagamento .form-cartao button {   background:#31ac6d;   color:white;   padding: 8px 25px;   border-radius: 5px;  transition:0.5s ease;   border:none;   font-size:18px;   display: inline-block; }  .full-pagamento .card-wrap .card-pag-button {   font-size:16px;   padding: 3px 15px;   } .full-pagamento .card-pag-button:hover, .form-cartao button:hover {   background:#3ec27e; } .full-pagamento .card-del-button {   color:gray; } .full-pagamento .card-final {   font-weight:bold; } .full-pagamento .form-cartao .input:not(.selectize) {   border:1px solid #CCC;   background:#f5f4f4;   transition:0.5s ease; } .full-pagamento .card-wrap:hover, .full-pagamento .form-cartao .input:focus { background: #fdefb8; } .full-pagamento .form-cartao label {   display:block;   font-size:14px;   color:gray; } .full-pagamento .form-cartao .mini-fields-wrap {   display: grid;   gap:20px;   grid-template-columns: 1fr 1fr; } .full-pagamento .form-cartao .fieldwrap {   margin-bottom:5px; } .full-pagamento .form-cartao .fieldwrap.fieldname-card_save {   margin: 10px 0 } .full-pagamento .card-form-wrap {   margin-top:20px; } .full-pagamento #card_name.input {   width:100%; } .full-pagamento .compra-side {   margin-top:30px; } .frete-nome,.itemtotal {   font-weight: bold; } .check-green {   color:green } .full-pagamento .esc-pagamento {  display:flex;   align-items:center;   gap:5px;   padding:10px;   border-radius:10px;   transition:0.5s ease;   color:black;   font-weight:bold; } .full-pagamento .opt-pagamento .card-form-wrap {   margin-top:0; } .full-pagamento .pagamento-tag-pay {   font-size:10px;   font-weight:normal;   text-transform:uppercase;   background:#00b69e;   color:white;   margin-left:auto;   padding:2px 5px;   border-radius:5px; } .full-pagamento.new-model .form-cartao .input:not(.checkbox-input):not(.selectize) {   width:100%;   padding:5px;   margin-bottom:10px; }  .full-pagamento .esc-pagamento:before {   display:inline-block;   content:'';   width:10px;   height:10px;   border:1px solid black;   border-radius:50%; } .full-pagamento .esc-pagamento.clicked:before {   outline:3px solid black;   outline-offset: -3px; } .full-pagamento .esc-pagamento.clicked {   border-bottom:0;   border-radius:10px 10px 0 0 } .full-pagamento .pagamento-wrap-around-opt {   border:1px solid black;   border-radius:10px;   margin-bottom:10px;   transition:0.5s ease; } .full-pagamento .opt-pagamento {   padding:10px; }  .full-pagamento .checkout-separline {   margin-top:10px;   border-top:1px solid #CCC;   padding-top:5px; } .full-pagamento .pagamento-center {   text-align:center; } .full-pagamento .opt-pagamento.slideDivOpen {   border-top:0;   border-radius:0 0 10px 10px; } .full-pagamento .pagamento-image-pix {   max-width:150px;   margin:10px auto; } .full-pagamento .areaPix .copyMeButton {   position:static;   width:100%;   background:#31ac6d;   color:white;   border:none;  padding:5px;   display:inline-block; } .full-pagamento .pagamento-code-pix {   word-break:break-all;   border:1px solid #CCC;   padding:5px;   background:#e6e6e6;   font-size:14px; } .checkout-conf-compra a.samplebtn.car-show-desconto {   background:#00b69e;   color:white;   border-radius:5px; } .checkout-conf-compra .desconto-side-left {   float:none;   display:flex;   white-space:nowrap;   gap:3px; } .checkout-conf-compra .cardesconto button.samplebtn {   background:#00b69e;   color:white;   margin:0;   border-radius:5px; } .checkout-conf-compra .cardesconto input {   border:1px solid #CCC; } @media screen and (min-width:601px){ .full-pagamento .card-pag-button {   margin-left:auto; } } @media screen and (min-width:993px){ .full-pagamento .container {   display:grid;   grid-template-columns:1fr 1fr;   gap: 40px; }   .full-pagamento .form-cartao .formbutton-align {  text-align: center;  display:block;  margin-top:10px;   }   .full-pagamento .compra-side {   margin-top:0; } }