pagseguro.uol.com.br Open in urlscan Pro
152.195.50.47  Public Scan

Submitted URL: http://mfxmhq40.r.us-east-1.awstrack.me/L0/http:%2F%2Fclicklogger.rm.uol.com.br%2F%3Fprd=32%26grp=src:198;chn:615%26msr=Cliques%2520de%2...
Effective URL: https://pagseguro.uol.com.br/checkout/nc/sender-data-payment-methods.jhtml?t=5dd8a57c5d45df8f84916ba32e6027cdffc33fae1ae7aba8
Submission: On March 31 via manual from IN — Scanned from US

Form analysis 1 forms found in the DOM

POST #

<form id="payment" action="#" method="post" class="all tsmcustom">
  <input type="hidden" name="deviceId" class="deviceId" value="">
  <input type="hidden" name="tokenDNA" class="tokenDNA" value="">
  <input type="hidden" id="acsrfToken" name="acsrfToken" value="4gJhyFytsn5JncWCmyZScyh.qwBadm9rSbxDXNa0FT82-1680296684707-14400000-58">
  <input type="hidden" id="t" name="t" value="5dd8a57c5d45df8f84916ba32e6027cdffc33fae1ae7aba8">
  <input type="hidden" id="ab-test" name="ab-test" value="NONE">
  <input type="hidden" id="smsTokenHashStatus" name="smsTokenHashStatus" value="false">
  <fieldset id="greetings-set" class="content">
    <h1>Você receberá o comprovante de pagamento no e-mail abaixo:</h1>
    <div class="field">
      <p class="readonly-info"> camila.mota@br.abb.com - <a id="signOut" href="/checkout/nc/sender-identification.jhtml?t=5dd8a57c5d45df8f84916ba32e6027cdffc33fae1ae7aba8&amp;logout=true">alterar</a>
      </p>
      <div class="uolMsg uolMsg-micro uolMsg-info  buyAsGuest-info ">
        <p>Se você já possui conta, <a href="/checkout/nc/sender-identification.jhtml?t=5dd8a57c5d45df8f84916ba32e6027cdffc33fae1ae7aba8&amp;logout=true">faça login</a> para usar seus dados de entrega e de pagamento (Carteira e Saldo PagSeguro).</p>
      </div>
    </div>
  </fieldset>
  <fieldset id="shippingAddress" class="content  complete   readonly " data-omniture-section="Endereço para entrega">
    <h1>Endereço para entrega:</h1>
    <div class="informAddress">
      <div class="field completeAddress">
        <div class="field showAlways">
          <p class="readonly-info"> 18087-125 <br>Rod.Sen.José Ermirio de Moraes, KM 11 <br>SN <br>Aparecidinha <br>Sorocaba - SP </p>
        </div>
      </div>
      <div class="incompleteAddress">
        <div class="fillAddress">
          <div class="postalCodeConsult showAlways field" action="/checkout/nc/postal-code-data.jhtml">
            <label for="shippingAddressPostalCode">CEP <span class="changeHifen">-</span> <a class="back omniture-click" data-omniture-action="voltar" href="#">voltar</a> </label>
            <input data-title="CEP" data-editable="" class="medium addressPostalCode" type="text" id="shippingAddressPostalCode" name="shippingAddressPostalCode" value="18087-125" autocomplete="off" maxlength="9">
            <span class="pagseguro-button search-postal-code-button gray-theme">Buscar</span>
            <i class="icon-uolMsg icon-loading small"></i>
          </div>
          <div class="readonly-address field showAlways dynamicAddress">
            <p class="readonly-info">
              <span class="addressStreet">Rod.Sen.José Ermirio de Moraes, KM 11</span>
              <span class="addressNumber">SN</span> <span class="addressComplement"></span>
              <span class="addressDistrict">Aparecidinha</span>
              <span class="addressCity">Sorocaba</span> <span class="addressState"> - SP</span>
            </p>
          </div>
          <div class="address-street-field field" style="display: none;">
            <label for="shippingAddressStreet">Rua</label>
            <input data-title="Rua" data-editable="false" class="big addressStreet" type="text" id="shippingAddressStreet" name="shippingAddressStreet" value="Rod.Sen.José Ermirio de Moraes, KM 11" maxlength="160">
            <p class="insertion-guide">Ex.: Av. Brasil.</p>
          </div>
          <div class="address-number-field field showAlways" style="display: none;">
            <label for="shippingAddressNumber">Número</label>
            <input data-title="Número" data-editable="false" class="addressNumber" type="text" id="shippingAddressNumber" name="shippingAddressNumber" value="SN" maxlength="20" size="10">
            <p class="insertion-guide">Ex.: 1384.</p>
          </div>
          <div class="address-complement-field field showAlways" style="display: none;">
            <label for="shippingAddressComplement">Complemento <span>Opcional</span></label>
            <input data-title="Complemento" data-editable="false" class="addressComplement" type="text" id="shippingAddressComplement" name="shippingAddressComplement" value="" maxlength="40" size="16">
            <p class="insertion-guide">Ex.: apartamento 73.</p>
          </div>
          <div class="clear-all"></div>
          <div class="address-district-field field" style="display: none;">
            <label for="shippingAddressDistrict">Bairro</label>
            <input data-title="Bairro" data-editable="false" type="text" name="shippingAddressDistrict" id="shippingAddressDistrict" value="Aparecidinha" class="medium addressDistrict" maxlength="60">
          </div>
          <div class="address-city-field field" style="display: none;">
            <label for="shippingAddressCity">Cidade</label>
            <input data-title="Cidade" data-editable="false" class="medium addressCity" type="text" id="shippingAddressCity" name="shippingAddressCity" value="Sorocaba" maxlength="60">
          </div>
          <div class="address-state-field field" style="display: none;">
            <label for="shippingAddressState">Estado</label>
            <select data-title="Estado" data-editable="false" id="shippingAddressState" name="shippingAddressState" class="medium addressState">
              <option value="">Selecione</option>
              <option value="AC">AC</option>
              <option value="AL">AL</option>
              <option value="AP">AP</option>
              <option value="AM">AM</option>
              <option value="BA">BA</option>
              <option value="CE">CE</option>
              <option value="DF">DF</option>
              <option value="ES">ES</option>
              <option value="GO">GO</option>
              <option value="MA">MA</option>
              <option value="MT">MT</option>
              <option value="MS">MS</option>
              <option value="MG">MG</option>
              <option value="PA">PA</option>
              <option value="PB">PB</option>
              <option value="PR">PR</option>
              <option value="PE">PE</option>
              <option value="PI">PI</option>
              <option value="RJ">RJ</option>
              <option value="RN">RN</option>
              <option value="RS">RS</option>
              <option value="RO">RO</option>
              <option value="RR">RR</option>
              <option value="SC">SC</option>
              <option value="SP" selected="selected">SP</option>
              <option value="SE">SE</option>
              <option value="TO">TO</option>
            </select>
          </div>
        </div>
      </div>
    </div>
    <input type="hidden" name="shippingType" value="3">
  </fieldset>
  <fieldset class="payment-step content" data-omniture-section="Meios de pagamento">
    <h1>Pagamento</h1>
    <div class="errorSmsTokenVerify">
      <div class="uolMsg uolMsg-micro uolMsg-warning ">
        <p>Saldo indisponível. Acesse sua conta e verifique se possui celular cadastrado.</p>
      </div>
    </div>
    <div class="errorSmsTokenVerify-lightbox">
      <div class="errorSmsTokenVerify-lightbox__inner">
        <div class="uolMsg uolMsg-micro uolMsg-warning ">
          <p>Uso do saldo indisponível no momento.</p>
        </div>
        <div class="pagseguro-button small"><span>Voltar</span></div>
      </div>
    </div>
    <div id="paymentOptions" class="mark-selected-input custom-radio field payment-options-quantity-3">
      <ul>
        <li id="creditCardOption">
          <label class="option-label selected">
            <input data-title="Cartão de crédito" type="radio" id="paymentMethod_creditCard" name="paymentMethod" value="creditCard"> Cartão de crédito <span class="obs">Em até 18x*</span>
          </label>
        </li>
        <li id="debitCardOption">
          <label class="option-label">
            <input data-title="Cartão de débito Caixa" type="radio" id="paymentMethod_debitCard" name="paymentMethod" value="debitCard"> Cartão de débito Caixa </label>
        </li>
        <li id="bookletOption">
          <label class="option-label">
            <input data-title="Boleto" type="radio" id="paymentMethod_booklet" name="paymentMethod" value="booklet"> Boleto </label>
        </li>
        <li id="depositOption" style="display: none;">
          <label class="option-label">
            <input data-title="Depósito em conta" type="radio" id="paymentMethod_deposit" name="paymentMethod" value="deposit"> Depósito em conta </label>
        </li>
      </ul>
    </div>
    <input type="hidden" id="pciToken" name="pciToken">
    <input type="hidden" id="pciTokenError" name="pciTokenError">
    <input type="hidden" id="installmentBinVisa" value="435087">
    <input type="hidden" id="installmentBinMaster" value="533728|549622">
    <div class="creditCardFields">
      <var class="buttonText">Confirmar o pagamento</var>
      <var class="obsText">Seu pagamento passará por uma análise interna e estará sujeito à confirmação feita por telefone ou e-mail. O prazo de entrega será considerado somente após a confirmação feita pela operadora. Você sempre será notificado,
        por e-mail, sobre qualquer alteração no fluxo de processamento do seu pedido.</var>
      <div class="step" id="cardDataContainer" step-title="Alterar o cartão">
        <input type="hidden" id="creditCardCode" value="">
        <input type="hidden" id="creditCardBrand" name="creditCardBrand" value="">
        <div id="moreCardsInfo" data-omniture-section="Tooltip outros cartões">
          <p>São diversos cartões de crédito aceitos.</p>
          <ul>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Aura">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/aura_flag.png); background-position: center top;" title="Aura">Aura</h3> em até<br>
              <strong class="themeTextColor">18 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Cabal">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/cabal_flag.png); background-position: center top;" title="Cabal">Cabal</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Visa">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/visa_flag.png); background-position: center top;" title="Visa">Visa</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: PersonalCard">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/personalcard_flag.png); background-position: center top;" title="PersonalCard">PersonalCard</h3> em até<br>
              <strong class="themeTextColor">3 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: FORTBRASIL">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/fortbrasil_flag.png); background-position: center top;" title="FORTBRASIL">FORTBRASIL</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: VALECARD">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/valecard_flag.png); background-position: center top;" title="VALECARD">VALECARD</h3> em até<br>
              <strong class="themeTextColor">4 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Banese Card">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/banesecard_flag.png); background-position: center top;" title="Banese Card">Banese Card</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: American Express">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/amex_flag.png); background-position: center top;" title="American Express">American Express</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Elo">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/elo_flag.png); background-position: center top;" title="Elo">Elo</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Diners">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/diners_flag.png); background-position: center top;" title="Diners">Diners</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: GRANDCARD">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/grandcard_flag.png); background-position: center top;" title="GRANDCARD">GRANDCARD</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Sorocred">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/sorocred_flag.png); background-position: center top;" title="Sorocred">Sorocred</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Up Policard">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/upbrasil_flag.png); background-position: center top;" title="Up Policard">Up Policard</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: BrasilCard">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/brasilcard_flag.png); background-position: center top;" title="BrasilCard">BrasilCard</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Hipercard">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/hipercard_flag.png); background-position: center top;" title="Hipercard">Hipercard</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: MasterCard">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/mastercard_flag.png); background-position: center top;" title="MasterCard">MasterCard</h3> em até<br>
              <strong class="themeTextColor">12 vezes</strong>
            </li>
            <li class="omniture-click" data-omniture-action="Clique falso em bandeira: Mais!">
              <h3 style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/mais_flag.png); background-position: center top;" title="Mais!">Mais!</h3> em até<br>
              <strong class="themeTextColor">10 vezes</strong>
            </li>
          </ul>
        </div>
        <div class="double-columns first-block">
          <div id="ccBrandConsult" class="field ">
            <label for="creditCardNumber">Número do cartão</label>
            <div class="ccBrandConsultWrapper"><input data-title="Número do cartão" type="text" id="creditCardNumber" value="" maxlength="19" autocomplete="off">
              <div class="ccBrandView" data-omniture-section="Selecione a bandeira">
                <dl>
                  <dt></dt>
                  <dd></dd>
                </dl>
                <div class="select">
                  <h3 class="clickToOpen">Selecione a bandeira</h3>
                  <ul>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Aura" name="aura" installments="18" code="106" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/aura_flag.png);" title="Aura">Aura</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Cabal" name="cabal" installments="12" code="116" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/cabal_flag.png);" title="Cabal">Cabal</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Visa" name="visa" installments="12" code="101" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/visa_flag.png);" title="Visa">Visa</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="PersonalCard" name="personalcard" installments="3" code="109" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/personalcard_flag.png);" title="PersonalCard">PersonalCard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="FORTBRASIL" name="fortbrasil" installments="12" code="113" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/fortbrasil_flag.png);" title="FORTBRASIL">FORTBRASIL</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="VALECARD" name="valecard" installments="4" code="115" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/valecard_flag.png);" title="VALECARD">VALECARD</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Banese Card" name="banesecard" installments="12" code="123" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/banesecard_flag.png);" title="Banese Card">Banese Card</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="American Express" name="amex" installments="12" code="103" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/amex_flag.png);" title="American Express">American Express</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Elo" name="elo" installments="12" code="107" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/elo_flag.png);" title="Elo">Elo</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Diners" name="diners" installments="12" code="104" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/diners_flag.png);" title="Diners">Diners</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="GRANDCARD" name="grandcard" installments="12" code="119" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/grandcard_flag.png);" title="GRANDCARD">GRANDCARD</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Sorocred" name="sorocred" installments="12" code="120" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/sorocred_flag.png);" title="Sorocred">Sorocred</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Up Policard" name="upbrasil" installments="12" code="122" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/upbrasil_flag.png);" title="Up Policard">Up Policard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="BrasilCard" name="brasilcard" installments="12" code="112" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/brasilcard_flag.png);" title="BrasilCard">BrasilCard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Hipercard" name="hipercard" installments="12" code="105" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/hipercard_flag.png);" title="Hipercard">Hipercard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="MasterCard" name="mastercard" installments="12" code="102" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/mastercard_flag.png);" title="MasterCard">MasterCard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Mais!" name="mais" installments="10" code="117" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/mais_flag.png);" title="Mais!">Mais!</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <p class="insertion-guide showoffFlags omniture-click" data-omniture-action="Clique falso nas bandeiras (Ver outros cartões)"><span class="otherBrands link omniture-click omniture-click-stop-propagation"
                data-omniture-action="Ver outros cartões (tooltip)" rel="tooltip-1">e outros</span></p>
            <var class="restrictedByBinsAdvice">Este cartão não é válido para essa compra.</var>
          </div>
          <div class="field cardDueDate ">
            <label for="creditCardDueDate_Month">Data de validade</label>
            <input data-title="Data de validade do cartão" type="text" data-autotab-target="creditCardDueDate_Year" placeholder="MM" maxlength="2" class="small" id="creditCardDueDate_Month">
            <input data-title="Data de validade do cartão" type="text" placeholder="AA" maxlength="2" class="small" id="creditCardDueDate_Year">
          </div>
          <div class="clear-all"></div>
          <div class="field cardHolderName  a ">
            <label for="creditCardHolderName"> Nome do dono do cartão </label>
            <input data-title="Nome do dono do cartão" class="bigger" type="text" id="creditCardHolderName" name="holderName">
            <p class="insertion-guide">Ex.: CARLOS A F DE OLIVEIRA</p>
          </div>
          <div class="field cardCvv ">
            <label for="creditCardCVV">Código de segurança <a class="cvvDetail questionMark omniture-click" data-omniture-action="Código de segurança (CVV) - Tooltip de ajuda" href="#creditCardCvvInfo" rel="tooltip-0">?</a></label>
            <input data-title="Código de segurança do cartão" class="medium" type="text" id="creditCardCVV" name="creditCardCVV" value="" autocomplete="off">
          </div>
          <div class="field cardPassword ">
            <label for="creditCardPassword">Senha do cartão</label>
            <input data-title="Senha do cartão" class="medium" type="password" id="creditCardPassword" name="creditCardCVV" value="">
          </div>
          <div class="field cardPiece ">
            <label for="cardPiece">Preencha os <strong>números</strong> que estão faltando <a class="cvvDetail questionMark" href="#creditCardCvvInfo" rel="tooltip-0">?</a></label>
            <span class="cardPieceMask"></span><input data-title="Trecho do cartão" class="small" type="text" id="cardPiece" name="creditCardCVV" value="" autocomplete="off"><span class="cardPieceMask"></span>
          </div>
          <div class="field holderPhonePiece">
            <label for="holderPhonePiece">Complete o celular do dono do cartão</label>
            <span class="holderPhonePieceMask"></span><input data-title="Trecho do celular do dono do cartão" class="small" type="text" id="holderPhonePiece" name="holderEndPhone" value="" maxlength="4" autocomplete="off">
          </div>
          <div class="clear-all"></div>
          <div class="clear-all"></div>
          <span class="link other-payment-methods">Todas as formas de pagamento</span>
        </div>
      </div> <!-- step -->
      <div class="subcontent">
        <h1>Parcelamento</h1>
        <div class="chooseInstallment field">
          <label for="cardInstallmentQuantity">Digite o número do cartão para liberar o parcelamento</label>
          <select data-title="Opções de parcelamento" id="cardInstallmentQuantity" name="installmentQuantity" disabled="">
            <option value="">...</option>
          </select>
          <div>
            <p id="cardinstallmentGuide" class="insertion-guide">*O valor mínimo da parcela é R$ 5,00</p>
          </div>
          <div>
            <p class="insertion-installment-guide" style="display: none;"></p>
          </div>
        </div>
      </div>
      <div class="clear-all"></div>
      <div class="step subcontent" id="cardHolderContainer" step-title="Informar dados do dono do cartão">
        <div id="cardHolderDataFields">
          <div id="cardHolderData" class="holderData double-columns first-block">
            <h1>Dados do dono do cartão</h1>
            <div class="holderCPFField field  a ">
              <label for="holderCPF"> CPF do dono do cartão </label>
              <input class="bigger" type="text" id="holderCPF" name="holderCPF" value="" data-title="CPF do dono do cartão" maxlength="14" autocomplete="off">
            </div>
            <div class="holderPhoneField field ">
              <label for="holderAreaCode"> Celular do dono do cartão </label>
              <input class="small" type="text" data-autotab-target="holderPhone" maxlength="2" id="holderAreaCode" name="holderAreaCode" value="" data-title="Celular do dono do cartão">
              <input class="big" type="text" maxlength="9" id="holderPhone" name="holderPhone" value="" data-title="Celular do dono do cartão">
            </div>
            <input type="hidden" name="holderCanEditPhone" value="true">
            <div class="holderBornDateField field  a ">
              <label for="holderBornDate"> Data de nascimento </label>
              <input class="medium" type="text" id="holderBornDate" name="holderBornDate" value="" data-title="Data de nascimento">
              <p class="insertion-guide">Ex.: 20/05/1980</p>
            </div>
            <div class="clear-all"></div>
          </div>
        </div>
        <div class="subcontent" id="cardBillingAddressFields" data-omniture-section="Endereço de fatura do cartão">
          <div id="cardChooseBillingAddress" class="field mark-selected-input custom-radio chooseBillingAddress">
            <h1>Endereço da fatura do cartão</h1>
            <label for="cardSameOfShipping_T" class="option-label selected">
              <input class="omniture-click boolean-type-field" data-title="Igual ao exibido abaixo" data-omniture-action="Endereço de fatura igual ao de entrega" type="radio" id="cardSameOfShipping_T" name="sameAsShipping" value="true"> Igual ao
              endereço de entrega </label>
            <label for="cardSameOfShipping_F" class="option-label">
              <input class="omniture-click boolean-type-field" data-title="Outro endereço de fatura" data-omniture-action="Outro endereço" type="radio" id="cardSameOfShipping_F" name="sameAsShipping" value="false"> Outro endereço </label>
          </div>
          <div id="cardBillingAddress" class="field incompleteAddress  hasShippingAddress " style="display: none;">
            <div class="fillAddress">
              <div class="postalCodeConsult showAlways field" action="/checkout/nc/address.jhtml">
                <label for="cardBillingAddressPostalCode">CEP </label>
                <input data-title="CEP" data-editable="" class="medium addressPostalCode hideDisabled_handleBillingAddress" type="text" id="cardBillingAddressPostalCode" name="billingAddressPostalCode" value="" autocomplete="off" disabled=""
                  maxlength="9">
                <span class="pagseguro-button search-postal-code-button gray-theme">Buscar</span>
                <i class="icon-uolMsg icon-loading small"></i>
              </div>
              <div class="readonly-address field showAlways dynamicAddress" style="display: none;">
                <p class="readonly-info">
                  <span class="addressStreet"></span>
                  <span class="addressNumber"></span> <span class="addressComplement"></span>
                  <span class="addressDistrict"></span>
                  <span class="addressCity"></span> <span class="addressState"> - </span>
                </p>
              </div>
              <div class="address-street-field field" style="display: none;">
                <label for="cardBillingAddressStreet">Rua</label>
                <input data-title="Rua" data-editable="true" class="big addressStreet hideDisabled_handleBillingAddress" type="text" id="cardBillingAddressStreet" name="billingAddressStreet" value="" maxlength="160" disabled="">
                <p class="insertion-guide">Ex.: Av. Brasil.</p>
              </div>
              <div class="address-number-field field showAlways" style="display: none;">
                <label for="cardBillingAddressNumber">Número</label>
                <input data-title="Número" data-editable="true" class="addressNumber hideDisabled_handleBillingAddress" type="text" id="cardBillingAddressNumber" name="billingAddressNumber" value="" maxlength="20" size="10" disabled="">
                <p class="insertion-guide">Ex.: 1384.</p>
              </div>
              <div class="address-complement-field field showAlways" style="display: none;">
                <label for="cardBillingAddressComplement">Complemento <span>Opcional</span></label>
                <input data-title="Complemento" data-editable="true" class="addressComplement hideDisabled_handleBillingAddress" type="text" id="cardBillingAddressComplement" name="billingAddressComplement" value="" maxlength="40" size="16"
                  disabled="">
                <p class="insertion-guide">Ex.: apartamento 73.</p>
              </div>
              <div class="clear-all"></div>
              <div class="address-district-field field" style="display: none;">
                <label for="cardBillingAddressDistrict">Bairro</label>
                <input data-title="Bairro" data-editable="true" type="text" name="billingAddressDistrict" id="cardBillingAddressDistrict" value="" class="medium addressDistrict hideDisabled_handleBillingAddress" maxlength="60" disabled="">
              </div>
              <div class="address-city-field field" style="display: none;">
                <label for="cardBillingAddressCity">Cidade</label>
                <input data-title="Cidade" data-editable="true" class="medium addressCity hideDisabled_handleBillingAddress" type="text" id="cardBillingAddressCity" name="billingAddressCity" value="" maxlength="60" disabled="">
              </div>
              <div class="address-state-field field" style="display: none;">
                <label for="cardBillingAddressState">Estado</label>
                <select data-title="Estado" data-editable="true" id="cardBillingAddressState" name="billingAddressState" class="medium addressState hideDisabled_handleBillingAddress" disabled="">
                  <option value="">Selecione</option>
                  <option value="AC">AC</option>
                  <option value="AL">AL</option>
                  <option value="AP">AP</option>
                  <option value="AM">AM</option>
                  <option value="BA">BA</option>
                  <option value="CE">CE</option>
                  <option value="DF">DF</option>
                  <option value="ES">ES</option>
                  <option value="GO">GO</option>
                  <option value="MA">MA</option>
                  <option value="MT">MT</option>
                  <option value="MS">MS</option>
                  <option value="MG">MG</option>
                  <option value="PA">PA</option>
                  <option value="PB">PB</option>
                  <option value="PR">PR</option>
                  <option value="PE">PE</option>
                  <option value="PI">PI</option>
                  <option value="RJ">RJ</option>
                  <option value="RN">RN</option>
                  <option value="RS">RS</option>
                  <option value="RO">RO</option>
                  <option value="RR">RR</option>
                  <option value="SC">SC</option>
                  <option value="SP">SP</option>
                  <option value="SE">SE</option>
                  <option value="TO">TO</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="clear-all"></div>
      </div><!-- step -->
    </div>
    <div id="creditCardCvvInfo">
      <ul>
        <li class="amex">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/amex.png" alt=""> Informe os <strong>quatro números</strong> localizados na frente do cartão.
            </dd>
          </dl>
        </li>
        <li class="personalcard">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/personalcard.png" alt=""> Informe os <strong>quatro números sinalizados</strong> na imagem.
            </dd>
          </dl>
        </li>
        <li class="cardban">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/cardban.png" alt=""> Informe os <strong>quatro números sinalizados</strong> na imagem.
            </dd>
          </dl>
        </li>
        <li class="aura">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/aura.png" alt=""> Informe os <strong>quatro números sinalizados</strong> na imagem
            </dd>
          </dl>
        </li>
        <li class="fortbrasil">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/fortbrasil.png" alt=""> Informe os <strong>seis números sinalizados</strong> na imagem
            </dd>
          </dl>
        </li>
        <li class="valecard">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/valecard.png" alt=""> Informe os <strong>quatro números sinalizados</strong> na imagem
            </dd>
          </dl>
        </li>
        <li class="debitCard">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de débito virtual CAIXA.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd> O código de segurança, ou CVV, deve ser gerado através do app “Caixa Tem”. </dd>
            <dd> Lembre-se, para cada nova compra online você deve gerar um novo código. </dd>
          </dl>
        </li>
        <li class="default">
          <p>Para sua segurança, solicitamos que informe alguns números do seu cartão de crédito.</p>
          <dl>
            <dt>Onde encontrar?</dt>
            <dd>
              <img src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/cvv/default.png" alt=""> Informe os <strong>três últimos números localizados</strong> no verso do cartão.
            </dd>
          </dl>
        </li>
      </ul>
    </div>
    <div id="bookletOptions" class="bookletFields" style="display: none;">
      <var class="guideText"></var>
      <var class="buttonText">Gerar boleto</var>
      <div class="field mark-selected-input">
        <div class="split-field">
          <input type="hidden" id="bookletBankCode" name="bookletBankCode" value="202" disabled="" class="hideDisabled_seeOption">
          <img id="billet-ico" src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/ico_boleto.png" width="68" height="50" alt="Pague com boleto">
          <p>O pedido será confirmado somente após a aprovação do pagamento.</p>
          <p id="bookletTax">Tarifa de boleto = <strong>R$ 1,00</strong> <span>Tarifa aplicada para cobrir os custos de gestão de risco do meio de pagamento.</span></p>
        </div>
      </div>
      <span class="link other-payment-methods">Todas as formas de pagamento</span>
    </div>
    <div id="pixOptions" class="pixFields" style="display: none;">
      <var class="buttonText">Pagar com Pix</var>
      <div id="pixDataContainer">
        <div class="pix-banner-wrapper">
          <img width="180" src="https://stc.pagseguro.uol.com.br/pagseguro/i/checkout/pix/logo-pix.svg" class="pix-logo-banner">
          <div class="pix-paragraph"> Use o <b>Pix</b>, é rápido e o pagamento é instantâneo. Basta gerar o <b>QR Code</b> e realizar o pagamento através do <b>PagBank</b> ou app da instituição financeira de sua preferência. </div>
          <div class="pix-feedback">
            <div id="pixLoading" style="display: none;"> gerando QR code…&nbsp; </div>
            <div id="pixCreateFeedback" style="display: none;">
              <div id="pixFeedbackMessage">…</div>
            </div>
          </div>
        </div>
        <div id="pixExtraControls"><span class="link other-payment-methods">Todas as formas de pagamento</span></div>
      </div>
    </div>
    <div id="debitCardOptions" class="debitCardFields" style="display: none;">
      <div class="step" id="debitDataContainer" step-title="Cartão de débito virtual Caixa">
        <input type="hidden" id="debitCardCode" value="" disabled="" class="hideDisabled_seeOption">
        <input type="hidden" id="debitCardBrand" name="debitCardBrand" value="" disabled="" class="hideDisabled_seeOption">
        <div class="double-columns first-block">
          <div id="dcBrandConsult" class="field">
            <label for="debitCardNumber">Número do Cartão</label>
            <div class="dcBrandConsultWrapper"><input data-title="Número do cartão" type="text" id="debitCardNumber" value="" maxlength="19" autocomplete="off" disabled="" class="hideDisabled_seeOption">
              <div class="dcBrandView" data-omniture-section="Selecione a bandeira">
                <dl>
                  <dt></dt>
                  <dd></dd>
                </dl>
                <div class="select">
                  <h3 class="clickToOpen">Selecione a bandeira</h3>
                  <ul>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Aura" name="aura" installments="18" code="106" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/aura_flag.png);" title="Aura">Aura</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Cabal" name="cabal" installments="12" code="116" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/cabal_flag.png);" title="Cabal">Cabal</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Visa" name="visa" installments="12" code="101" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/visa_flag.png);" title="Visa">Visa</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="PersonalCard" name="personalcard" installments="3" code="109" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/personalcard_flag.png);" title="PersonalCard">PersonalCard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="FORTBRASIL" name="fortbrasil" installments="12" code="113" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/fortbrasil_flag.png);" title="FORTBRASIL">FORTBRASIL</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="VALECARD" name="valecard" installments="4" code="115" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/valecard_flag.png);" title="VALECARD">VALECARD</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Banese Card" name="banesecard" installments="12" code="123" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/banesecard_flag.png);" title="Banese Card">Banese Card</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="American Express" name="amex" installments="12" code="103" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/amex_flag.png);" title="American Express">American Express</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Elo" name="elo" installments="12" code="107" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/elo_flag.png);" title="Elo">Elo</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Diners" name="diners" installments="12" code="104" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/diners_flag.png);" title="Diners">Diners</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="GRANDCARD" name="grandcard" installments="12" code="119" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/grandcard_flag.png);" title="GRANDCARD">GRANDCARD</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Sorocred" name="sorocred" installments="12" code="120" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/sorocred_flag.png);" title="Sorocred">Sorocred</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Up Policard" name="upbrasil" installments="12" code="122" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/upbrasil_flag.png);" title="Up Policard">Up Policard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="BrasilCard" name="brasilcard" installments="12" code="112" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/brasilcard_flag.png);" title="BrasilCard">BrasilCard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Hipercard" name="hipercard" installments="12" code="105" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/hipercard_flag.png);" title="Hipercard">Hipercard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="MasterCard" name="mastercard" installments="12" code="102" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/mastercard_flag.png);" title="MasterCard">MasterCard</a>
                    </li>
                    <li>
                      <a href="#" class="omniture-click" data-omniture-action="Mais!" name="mais" installments="10" code="117" style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/mais_flag.png);" title="Mais!">Mais!</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <p class="insertion-guide showoffFlags showoffFlagsCaixaVoucher"></p>
          </div>
          <div class="field cardDueDate">
            <label for="debitCardDueDate_Month">Data de validade</label>
            <input data-title="Data de validade do cartão" type="text" data-autotab-target="debitCardDueDate_Year" placeholder="MM" maxlength="2" class="small hideDisabled_seeOption" id="debitCardDueDate_Month" name="debitCardDueMonth" disabled="">
            <input data-title="Data de validade do cartão" type="text" placeholder="AA" maxlength="2" class="small hideDisabled_seeOption" id="debitCardDueDate_Year" name="debitCardDueYear" disabled="">
          </div>
          <div class="clear-all"></div>
          <div class="field cardHolderName a">
            <label for="debitCardHolderName"> Nome do dono do cartão </label>
            <input data-title="Nome do dono do cartão" class="bigger hideDisabled_seeOption" type="text" id="debitCardHolderName" name="debitHolderName" disabled="">
            <p class="insertion-guide">Ex.: CARLOS A F DE OLIVEIRA</p>
          </div>
          <div class="field cardCvv">
            <label for="debitCardCVV">Código de segurança <a class="cvvDetail questionMark omniture-click" href="#creditCardCvvInfo" rel="tooltip-0">?</a></label>
            <input data-title="Código de segurança do cartão" class="medium hideDisabled_seeOption" type="text" id="debitCardCVV" name="debitCardCVV" value="" maxlength="3" autocomplete="off" disabled="">
          </div>
          <div class="field"></div>
          <div class="clear-all"></div>
          <span class="link other-payment-methods">Todas as formas de pagamento</span>
        </div>
      </div>
      <div class="step subcontent" id="debitCardHolderContainer" step-title="Informar dados do dono do cartão">
        <div id="debitCardHolderDataFields">
          <div id="debitCardHolderData" class="holderData double-columns first-block">
            <h1>Dados do dono do cartão</h1>
            <div class="debitHolderCPFField field  a ">
              <label for="debitHolderCPF"> CPF do dono do cartão </label>
              <input class="bigger hideDisabled_seeOption" type="text" id="debitHolderCPF" name="debitHolderCPF" value="" data-title="CPF do dono do cartão" disabled="" maxlength="14" autocomplete="off">
            </div>
            <div class="debitHolderPhoneField field ">
              <label for="debitHolderAreaCode"> Celular do dono do cartão </label>
              <input class="small hideDisabled_seeOption" type="text" data-autotab-target="debitHolderPhone" maxlength="2" id="debitHolderAreaCode" name="debitHolderAreaCode" value="" data-title="Celular do dono do cartão" disabled="">
              <input class="big hideDisabled_seeOption" type="text" maxlength="9" id="debitHolderPhone" name="debitHolderPhone" value="" data-title="Celular do dono do cartão" disabled="">
            </div>
            <input type="hidden" name="debitHolderCanEditPhone" value="true" disabled="" class="hideDisabled_seeOption">
            <div class="debitHolderBornDateField field  a ">
              <label for="debitHolderBornDate"> Data de nascimento </label>
              <input class="medium hideDisabled_seeOption" type="text" id="debitHolderBornDate" name="debitHolderBornDate" value="" data-title="Data de nascimento" disabled="">
              <p class="insertion-guide">Ex.: 20/05/1980</p>
            </div>
            <div class="clear-all"></div>
          </div>
        </div>
        <div class="subcontent" id="debitCardBillingAddressFields">
          <div id="debitCardChooseBillingAddress" class="field mark-selected-input custom-radio chooseBillingAddress">
            <h1>Endereço do titular do cartão</h1>
            <label for="debitCardSameOfShipping_T" class="option-label selected">
              <input class="omniture-click boolean-type-field hideDisabled_seeOption" data-title="Igual ao exibido abaixo" type="radio" id="debitCardSameOfShipping_T" name="debitCardSameAsShipping" value="true" disabled=""> Igual ao endereço de
              entrega </label>
            <label for="debitCardSameOfShipping_F" class="option-label">
              <input class="omniture-click boolean-type-field hideDisabled_seeOption" data-title="Outro endereço de fatura" type="radio" id="debitCardSameOfShipping_F" name="debitCardSameAsShipping" value="false" disabled=""> Outro endereço </label>
          </div>
          <div id="debitCardBillingAddress" class="field incompleteAddress  hasShippingAddress ">
            <div class="fillAddress">
              <div class="postalCodeConsult showAlways field" action="/checkout/nc/address.jhtml">
                <label for="debitCardBillingAddressPostalCode">CEP </label>
                <input data-title="CEP" data-editable="" class="medium addressPostalCode hideDisabled_seeOption" type="text" id="debitCardBillingAddressPostalCode" name="billingAddressPostalCode" value="" autocomplete="off" disabled="" maxlength="9">
                <span class="pagseguro-button search-postal-code-button gray-theme">Buscar</span>
                <i class="icon-uolMsg icon-loading small"></i>
              </div>
              <div class="readonly-address field showAlways dynamicAddress" style="display: none;">
                <p class="readonly-info">
                  <span class="addressStreet"></span>
                  <span class="addressNumber"></span> <span class="addressComplement"></span>
                  <span class="addressDistrict"></span>
                  <span class="addressCity"></span> <span class="addressState"> - </span>
                </p>
              </div>
              <div class="address-street-field field" style="display: none;">
                <label for="debitCardBillingAddressStreet">Rua</label>
                <input data-title="Rua" data-editable="true" class="big addressStreet hideDisabled_seeOption" type="text" id="debitCardBillingAddressStreet" name="billingAddressStreet" value="" maxlength="160" disabled="">
                <p class="insertion-guide">Ex.: Av. Brasil.</p>
              </div>
              <div class="address-number-field field showAlways" style="display: none;">
                <label for="debitCardBillingAddressNumber">Número</label>
                <input data-title="Número" data-editable="true" class="addressNumber hideDisabled_seeOption" type="text" id="debitCardBillingAddressNumber" name="billingAddressNumber" value="" maxlength="20" size="10" disabled="">
                <p class="insertion-guide">Ex.: 1384.</p>
              </div>
              <div class="address-complement-field field showAlways" style="display: none;">
                <label for="debitCardBillingAddressComplement">Complemento <span>Opcional</span></label>
                <input data-title="Complemento" data-editable="true" class="addressComplement hideDisabled_seeOption" type="text" id="debitCardBillingAddressComplement" name="billingAddressComplement" value="" maxlength="40" size="16" disabled="">
                <p class="insertion-guide">Ex.: apartamento 73.</p>
              </div>
              <div class="clear-all"></div>
              <div class="address-district-field field" style="display: none;">
                <label for="debitCardBillingAddressDistrict">Bairro</label>
                <input data-title="Bairro" data-editable="true" type="text" name="billingAddressDistrict" id="debitCardBillingAddressDistrict" value="" class="medium addressDistrict hideDisabled_seeOption" maxlength="60" disabled="">
              </div>
              <div class="address-city-field field" style="display: none;">
                <label for="debitCardBillingAddressCity">Cidade</label>
                <input data-title="Cidade" data-editable="true" class="medium addressCity hideDisabled_seeOption" type="text" id="debitCardBillingAddressCity" name="billingAddressCity" value="" maxlength="60" disabled="">
              </div>
              <div class="address-state-field field" style="display: none;">
                <label for="debitCardBillingAddressState">Estado</label>
                <select data-title="Estado" data-editable="true" id="debitCardBillingAddressState" name="billingAddressState" class="medium addressState hideDisabled_seeOption" disabled="">
                  <option value="">Selecione</option>
                  <option value="AC">AC</option>
                  <option value="AL">AL</option>
                  <option value="AP">AP</option>
                  <option value="AM">AM</option>
                  <option value="BA">BA</option>
                  <option value="CE">CE</option>
                  <option value="DF">DF</option>
                  <option value="ES">ES</option>
                  <option value="GO">GO</option>
                  <option value="MA">MA</option>
                  <option value="MT">MT</option>
                  <option value="MS">MS</option>
                  <option value="MG">MG</option>
                  <option value="PA">PA</option>
                  <option value="PB">PB</option>
                  <option value="PR">PR</option>
                  <option value="PE">PE</option>
                  <option value="PI">PI</option>
                  <option value="RJ">RJ</option>
                  <option value="RN">RN</option>
                  <option value="RS">RS</option>
                  <option value="RO">RO</option>
                  <option value="RR">RR</option>
                  <option value="SC">SC</option>
                  <option value="SP">SP</option>
                  <option value="SE">SE</option>
                  <option value="TO">TO</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="clear-all"></div>
      </div>
    </div>
    <div id="depositOptions" class="depositFields" style="display: none;">
      <div class="step" step-title="Alterar o banco">
        <var class="buttonText">Confirmar o pagamento</var>
        <div class="field mark-selected-input">
          <div class="split-field depositBank">
            <label>Selecione seu banco: <a id="accountDepositLink" href="#depositHowItWorks" rel="tooltip-3">Veja como funciona</a></label>
            <ul class="chooseBrand">
              <li>
                <label title="Bradesco" for="bookletBankCode_bradesco" class="selected">
                  <input data-title="Bradesco" type="radio" id="bookletBankCode_bradesco" name="bookletBankCode" value="703" disabled="" class="hideDisabled_seeOption">
                  <span style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/bradesco_selection.png);"> Bradesco </span>
                </label>
              </li>
              <li>
                <label title="Banco do Brasil" for="bookletBankCode_bb">
                  <input data-title="Banco do Brasil" type="radio" id="bookletBankCode_bb" name="bookletBankCode" value="701" disabled="" class="hideDisabled_seeOption">
                  <span style="background-image:url(https://stc.pagseguro.uol.com.br/pagseguro/i/checkout-presentation/flags/bb_selection.png);"> Banco do Brasil </span>
                </label>
              </li>
            </ul>
            <div class="uolMsg uolMsg-medium no-icon">
              <dl>
                <dt>Atenção:</dt>
                <dd>A confirmação do seu pagamento pode levar de <strong>2 a 13 dias úteis.</strong></dd>
                <dd>Guarde o comprovante do seu depósito, você precisará enviar essa informação ao PagSeguro para aprovação do seu pagamento.</dd>
              </dl>
            </div>
            <aside id="depositHowItWorksCB">
              <ol>
                <li>
                  <span>Escolha o banco em que deseja fazer o depósito e confirme o pagamento.</span>
                </li>
                <li>
                  <span>Na página de sucesso, você terá acesso aos dados para depósito.</span>
                </li>
                <li>
                  <span>Vá até uma agência e faça o depósito em dinheiro na conta do PagSeguro.</span>
                </li>
                <li>
                  <span>Guarde seu comprovante.</span>
                </li>
                <li>
                  <span>Acesse o PagSeguro com seu e-mail e senha. Caso não tenha cadastro será importante se cadastrar para concluir o processo de pagamento.</span>
                </li>
                <li>
                  <span>Em sua conta PagSeguro, escolha qual transação você deseja informar o pagamento do depósito.</span>
                </li>
                <li>
                  <span>Informe os dados do comprovante de depósito, em seguida faça o envio do comprovante.</span>
                </li>
                <li>
                  <span>Pronto! Suas informações serão analisadas e dentro de 2 a 13 dias úteis você será avisado por e-mail.</span>
                </li>
              </ol>
            </aside>
          </div>
        </div>
      </div>
      <div id="depositConfirmation" class="confirmPayment">
        <h1 class="themeTextColor">Você possui conta no %BANK_NAME%</h1>
        <div class="chooseDepositOptions" id="chooseEft">
          <h3>Sim, tenho conta!</h3>
          <p>Faça o pagamento com débito online</p>
          <ul class="checkList">
            <li>É gratuito.</li>
            <li>Mais utilizado.</li>
            <li>Aprovação em até 4 horas.</li>
          </ul>
          <p class="btwrapper">
            <button type="button" class="cancelAction mainActionButton pagseguro-button medium hideDisabled_seeOption" disabled="">Pagar com débito online</button>
          </p>
        </div>
        <div class="chooseDepositOptions" id="chooseDeposit">
          <h3>Não tenho conta.</h3>
          <p>Faça um depósito em dinheiro na conta corrente do PagSeguro e siga os seguintes passos:</p>
          <ol>
            <li><span class="coloredList">1.</span> Vá até uma agência bancária.</li>
            <li><span class="coloredList">2.</span> Guarde o comprovante.</li>
            <li><span class="coloredList">3.</span> Caso não possua uma conta no PagSeguro, você deve fazer seu cadastro.</li>
            <li><span class="coloredList">4.</span> Acesse sua conta no PagSeguro para enviar o comprovante do depósito.</li>
            <li><span class="coloredList">5.</span> Os dados serão analisados e a aprovação do pagamento pode levar de 2 a 13 dias úteis.</li>
          </ol>
          <p><strong>Atenção: Caso você não siga os passos acima, o seu pagamento não será reconhecido.</strong></p>
          <p class="btwrapper">
            <button type="button" class="confirmAction pagseguro-button gray-theme medium hideDisabled_seeOption" disabled="">Fazer o depósito em dinheiro</button>
          </p>
        </div>
      </div>
    </div>
  </fieldset>
  <fieldset class="content fill-personal-data" data-omniture-section="Dados pessoais">
    <h1>Informe seus dados pessoais</h1>
    <div id="cardPersonalData" class="field mark-selected-input custom-radio creditCardFields">
      <label for="useCardPersonalData" class="option-label selected">
        <input class="omniture-click" data-title="Usar os mesmos dados pessoais informados para o cartão" data-omniture-action="Usar os mesmos dados informados para o cartão" type="radio" id="useCardPersonalData" name="holderAsPersonalData"
          value="true"> Usar os mesmos dados informados para o cartão </label>
      <label for="otherPersonalData" class="option-label">
        <input class="omniture-click" data-title="Informar outros dados" data-omniture-action="Informar outros dados" type="radio" id="otherPersonalData" name="holderAsPersonalData" value="false"> Informar outros dados </label>
    </div>
    <div id="fillPersonalData" class="double-columns" style="display: none;">
      <div class="senderNameField field  a ">
        <label for="senderName"> Nome </label>
        <input class="bigger hideDisabled_handlePersonalData" type="text" id="senderName" name="senderName" value="" data-title="Nome" disabled="">
        <p class="insertion-guide">Sem pontos ou abreviações</p>
      </div>
      <div class="senderCPFField field ">
        <label for="senderCPF"> CPF </label>
        <input class="bigger hideDisabled_handlePersonalData" type="text" id="senderCPF" name="senderCPF" value="" data-title="CPF" disabled="" maxlength="14" autocomplete="off">
      </div>
      <div class="senderPhoneField field  a ">
        <label for="senderAreaCode"> Celular </label>
        <input class="small hideDisabled_handlePersonalData" type="text" data-autotab-target="senderPhone" maxlength="2" id="senderAreaCode" name="senderAreaCode" value="" data-title="Celular" disabled="">
        <input class="big hideDisabled_handlePersonalData" type="text" maxlength="9" id="senderPhone" name="senderPhone" value="" data-title="Celular" disabled="">
      </div>
      <input type="hidden" name="senderCanEditPhone" value="true" disabled="" class="hideDisabled_handlePersonalData">
    </div>
  </fieldset>
  <div id="mainAction" class="content">
    <button type="submit" id="continueToPayment" class="pagseguro-button mainActionButton large">Confirmar o pagamento</button>
    <p class="mainActionObs">Seu pagamento passará por uma análise interna e estará sujeito à confirmação feita por telefone ou e-mail. O prazo de entrega será considerado somente após a confirmação feita pela operadora. Você sempre será notificado,
      por e-mail, sobre qualquer alteração no fluxo de processamento do seu pedido.</p>
    <div id="paymentMethodsMsgBox">
      <div id="paymentMethodPixInfo" class="pixFields" style="display: none;">
        <div class="uolMsg uolMsg-small uolMsg-info">
          <p>A <a href="https://pagseguro.uol.com.br/conta-digital/compra-protegida" target="_blank">Disputa</a> não estará disponível para compras realizadas com a utilização do PIX como meio de pagamento.</p>
        </div>
      </div>
    </div>
    <div id="defaultLoader" class="loadBox">
      <div class="uolMsg uolMsg-medium uolMsg-loading">
        <h3>Processando. Aguarde...</h3>
      </div>
    </div>
    <div id="progressLoader" class="loadBox">
      <div id="progress-message" class="uolMsg uolMsg-medium uolMsg-loading ">
        <h3>Processando o seu pagamento. Aguarde...</h3>
      </div>
      <div id="credicCardProgress">
        <div class="bar">
          <div class="pct themeBgColor themeTextColor" style="width:0%;" data-progress="0"></div>
        </div>
        <p><strong class="rounded themeTextColor">0</strong></p>
      </div>
    </div>
  </div>
</form>

Text Content

BLUENG

(19) 3645-8465

http://www.blueng.com.br




Este pagamento será processado pelo PagSeguro. Saiba mais

Total segurança para você


 * PAGAMENTO DO SEU JEITO
   
   Mais de 20 opções de meios de pagamento para você escolher


 * PARCELAMENTO
   
   Parcele em até 18 vezes com cartão de crédito


 * SUA COMPRA PROTEGIDA
   
   Caso não receba o produto o PagSeguro possibilita formas para você receber
   seu dinheiro de volta


 * DADOS PROTEGIDOS
   
   Compre sem informar seus dados financeiros para a loja


RESUMO DO PEDIDO


ENDEREÇO DE ENTREGA

18087-125
Rod.Sen.José Ermirio de Moraes, KM 11
SN
Aparecidinha
Sorocaba - SP

Descrição Valor


MATRICULA NO CURSO DE NR 10 RECICLAGEM ONLINE

Quantidade: 1
Valor do item: R$ 149,00 R$149,00


TOTAL A PAGAR

R$149,00

Esta compra está sendo feita no Brasil.


VOCÊ RECEBERÁ O COMPROVANTE DE PAGAMENTO NO E-MAIL ABAIXO:

camila.mota@br.abb.com - alterar

Se você já possui conta, faça login para usar seus dados de entrega e de
pagamento (Carteira e Saldo PagSeguro).


ENDEREÇO PARA ENTREGA:

18087-125
Rod.Sen.José Ermirio de Moraes, KM 11
SN
Aparecidinha
Sorocaba - SP

CEP - voltar Buscar

Rod.Sen.José Ermirio de Moraes, KM 11 SN Aparecidinha Sorocaba - SP

Rua

Ex.: Av. Brasil.

Número

Ex.: 1384.

Complemento Opcional

Ex.: apartamento 73.


Bairro
Cidade
Estado Selecione AC AL AP AM BA CE DF ES GO MA MT MS MG PA PB PR PE PI RJ RN RS
RO RR SC SP SE TO


PAGAMENTO

Saldo indisponível. Acesse sua conta e verifique se possui celular cadastrado.

Uso do saldo indisponível no momento.

Voltar
 * Cartão de crédito Em até 18x*
 * Cartão de débito Caixa
 * Boleto
 * Depósito em conta

Confirmar o pagamento Seu pagamento passará por uma análise interna e estará
sujeito à confirmação feita por telefone ou e-mail. O prazo de entrega será
considerado somente após a confirmação feita pela operadora. Você sempre será
notificado, por e-mail, sobre qualquer alteração no fluxo de processamento do
seu pedido.

São diversos cartões de crédito aceitos.


 * AURA
   
   em até
   18 vezes


 * CABAL
   
   em até
   12 vezes


 * VISA
   
   em até
   12 vezes


 * PERSONALCARD
   
   em até
   3 vezes


 * FORTBRASIL
   
   em até
   12 vezes


 * VALECARD
   
   em até
   4 vezes


 * BANESE CARD
   
   em até
   12 vezes


 * AMERICAN EXPRESS
   
   em até
   12 vezes


 * ELO
   
   em até
   12 vezes


 * DINERS
   
   em até
   12 vezes


 * GRANDCARD
   
   em até
   12 vezes


 * SOROCRED
   
   em até
   12 vezes


 * UP POLICARD
   
   em até
   12 vezes


 * BRASILCARD
   
   em até
   12 vezes


 * HIPERCARD
   
   em até
   12 vezes


 * MASTERCARD
   
   em até
   12 vezes


 * MAIS!
   
   em até
   10 vezes

Número do cartão


SELECIONE A BANDEIRA

 * Aura
 * Cabal
 * Visa
 * PersonalCard
 * FORTBRASIL
 * VALECARD
 * Banese Card
 * American Express
 * Elo
 * Diners
 * GRANDCARD
 * Sorocred
 * Up Policard
 * BrasilCard
 * Hipercard
 * MasterCard
 * Mais!

e outros

Este cartão não é válido para essa compra.
Data de validade

Nome do dono do cartão

Ex.: CARLOS A F DE OLIVEIRA

Código de segurança ?
Senha do cartão
Preencha os números que estão faltando ?
Complete o celular do dono do cartão


Todas as formas de pagamento


PARCELAMENTO

Digite o número do cartão para liberar o parcelamento ...

*O valor mínimo da parcela é R$ 5,00






DADOS DO DONO DO CARTÃO

CPF do dono do cartão
Celular do dono do cartão
Data de nascimento

Ex.: 20/05/1980




ENDEREÇO DA FATURA DO CARTÃO

Igual ao endereço de entrega Outro endereço
CEP Buscar

-

Rua

Ex.: Av. Brasil.

Número

Ex.: 1384.

Complemento Opcional

Ex.: apartamento 73.


Bairro
Cidade
Estado Selecione AC AL AP AM BA CE DF ES GO MA MT MS MG PA PB PR PE PI RJ RN RS
RO RR SC SP SE TO


 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os quatro números localizados na frente do cartão.

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os quatro números sinalizados na imagem.

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os quatro números sinalizados na imagem.

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os quatro números sinalizados na imagem

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os seis números sinalizados na imagem

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os quatro números sinalizados na imagem

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   débito virtual CAIXA.
   
   Onde encontrar? O código de segurança, ou CVV, deve ser gerado através do app
   “Caixa Tem”. Lembre-se, para cada nova compra online você deve gerar um novo
   código.

 * Para sua segurança, solicitamos que informe alguns números do seu cartão de
   crédito.
   
   Onde encontrar? Informe os três últimos números localizados no verso do
   cartão.

Gerar boleto

O pedido será confirmado somente após a aprovação do pagamento.

Tarifa de boleto = R$ 1,00 Tarifa aplicada para cobrir os custos de gestão de
risco do meio de pagamento.

Todas as formas de pagamento
Pagar com Pix
Use o Pix, é rápido e o pagamento é instantâneo. Basta gerar o QR Code e
realizar o pagamento através do PagBank ou app da instituição financeira de sua
preferência.
gerando QR code… 
…
Todas as formas de pagamento
Número do Cartão


SELECIONE A BANDEIRA

 * Aura
 * Cabal
 * Visa
 * PersonalCard
 * FORTBRASIL
 * VALECARD
 * Banese Card
 * American Express
 * Elo
 * Diners
 * GRANDCARD
 * Sorocred
 * Up Policard
 * BrasilCard
 * Hipercard
 * MasterCard
 * Mais!



Data de validade

Nome do dono do cartão

Ex.: CARLOS A F DE OLIVEIRA

Código de segurança ?


Todas as formas de pagamento


DADOS DO DONO DO CARTÃO

CPF do dono do cartão
Celular do dono do cartão
Data de nascimento

Ex.: 20/05/1980




ENDEREÇO DO TITULAR DO CARTÃO

Igual ao endereço de entrega Outro endereço
CEP Buscar

-

Rua

Ex.: Av. Brasil.

Número

Ex.: 1384.

Complemento Opcional

Ex.: apartamento 73.


Bairro
Cidade
Estado Selecione AC AL AP AM BA CE DF ES GO MA MT MS MG PA PB PR PE PI RJ RN RS
RO RR SC SP SE TO

Confirmar o pagamento
Selecione seu banco: Veja como funciona
 * Bradesco
 * Banco do Brasil

Atenção: A confirmação do seu pagamento pode levar de 2 a 13 dias úteis. Guarde
o comprovante do seu depósito, você precisará enviar essa informação ao
PagSeguro para aprovação do seu pagamento.
 1. Escolha o banco em que deseja fazer o depósito e confirme o pagamento.
 2. Na página de sucesso, você terá acesso aos dados para depósito.
 3. Vá até uma agência e faça o depósito em dinheiro na conta do PagSeguro.
 4. Guarde seu comprovante.
 5. Acesse o PagSeguro com seu e-mail e senha. Caso não tenha cadastro será
    importante se cadastrar para concluir o processo de pagamento.
 6. Em sua conta PagSeguro, escolha qual transação você deseja informar o
    pagamento do depósito.
 7. Informe os dados do comprovante de depósito, em seguida faça o envio do
    comprovante.
 8. Pronto! Suas informações serão analisadas e dentro de 2 a 13 dias úteis você
    será avisado por e-mail.


VOCÊ POSSUI CONTA NO %BANK_NAME%


SIM, TENHO CONTA!

Faça o pagamento com débito online

 * É gratuito.
 * Mais utilizado.
 * Aprovação em até 4 horas.

Pagar com débito online


NÃO TENHO CONTA.

Faça um depósito em dinheiro na conta corrente do PagSeguro e siga os seguintes
passos:

 1. 1. Vá até uma agência bancária.
 2. 2. Guarde o comprovante.
 3. 3. Caso não possua uma conta no PagSeguro, você deve fazer seu cadastro.
 4. 4. Acesse sua conta no PagSeguro para enviar o comprovante do depósito.
 5. 5. Os dados serão analisados e a aprovação do pagamento pode levar de 2 a 13
    dias úteis.

Atenção: Caso você não siga os passos acima, o seu pagamento não será
reconhecido.

Fazer o depósito em dinheiro


INFORME SEUS DADOS PESSOAIS

Usar os mesmos dados informados para o cartão Informar outros dados
Nome

Sem pontos ou abreviações

CPF
Celular
Confirmar o pagamento

Seu pagamento passará por uma análise interna e estará sujeito à confirmação
feita por telefone ou e-mail. O prazo de entrega será considerado somente após a
confirmação feita pela operadora. Você sempre será notificado, por e-mail, sobre
qualquer alteração no fluxo de processamento do seu pedido.

A Disputa não estará disponível para compras realizadas com a utilização do PIX
como meio de pagamento.


PROCESSANDO. AGUARDE...


PROCESSANDO O SEU PAGAMENTO. AGUARDE...

0

© 1996 - 2023 UOL - O melhor conteúdo. Todos os direitos reservados.