tienda.movistar.com.mx Open in urlscan Pro
43.152.26.58  Public Scan

Submitted URL: http://bit.ly/4epjfxB
Effective URL: https://tienda.movistar.com.mx/recarga-en-linea
Submission: On June 28 via manual from ES — Scanned from ES

Form analysis 4 forms found in the DOM

GET https://tienda.movistar.com.mx/catalogsearch/result/

<form class="search__form search__form__2022" id="search_mini_form" action="https://tienda.movistar.com.mx/catalogsearch/result/" method="get">
  <label for="search" class="visuallyhidden">Buscar en celulares</label>
  <input id="search" data-mage-init="{&quot;quickSearch&quot;:{
                                &quot;formSelector&quot;:&quot;#search_mini_form&quot;,
                                &quot;url&quot;:&quot;https://tienda.movistar.com.mx/search/ajax/suggest/&quot;,
                                &quot;destinationSelector&quot;:&quot;#search_autocomplete&quot;}
                           }" type="text" name="q" value="" placeholder="Buscar Smartphone" class="search_box js-inputAutocomplete" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off">
  <button type="submit" title="Buscar" class="search__btn i-search search">
  </button>
  <!-- <div id="search_autocomplete" class="search-autocomplete"></div> -->
  <div id="search_autocomplete_form" data-bind="scope: 'searchsuiteautocomplete_form'" style="display:none;">
    <!-- ko template: getTemplate() --><!-- /ko -->
  </div>
  <script type="text/x-magento-init"> {
    "*": {
        "Magento_Ui/js/core/app": {
            "components": {
                "searchsuiteautocomplete_form": {
                    "component": "MageWorx_SearchSuiteAutocomplete/js/autocomplete"
                },
                "searchsuiteautocompleteBindEvents": {
                    "component": "MageWorx_SearchSuiteAutocomplete/js/bindEvents",
                    "config": {
                        "searchFormSelector": "#search_mini_form",
                        "searchButtonSelector": "button.search",
                        "inputSelector": "#search, #mobile_search, .minisearch input[type=\"text\"]",
                        "searchDelay": "500"
                    }
                },
                "searchsuiteautocompleteDataProvider": {
                    "component": "MageWorx_SearchSuiteAutocomplete/js/dataProvider",
                    "config": {
                        "url": "https://tienda.movistar.com.mx/mageworx_searchsuiteautocomplete/ajax/index/"
                    }
                }
            }
        }
    }
}
</script>
</form>

GET https://tienda.movistar.com.mx/catalogsearch/result/

<form class="search__form search__form__2022" id="search_mini_form" action="https://tienda.movistar.com.mx/catalogsearch/result/" method="get">
  <label for="search" class="visuallyhidden">Buscar en celulares</label>
  <input id="search" data-mage-init="{&quot;quickSearch&quot;:{
                                &quot;formSelector&quot;:&quot;#search_mini_form&quot;,
                                &quot;url&quot;:&quot;https://tienda.movistar.com.mx/search/ajax/suggest/&quot;,
                                &quot;destinationSelector&quot;:&quot;#search_autocomplete&quot;}
                           }" type="text" name="q" value="" placeholder="Buscar Smartphone" class="search_box js-inputAutocomplete" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off">
  <button type="submit" title="Buscar" class="search__btn i-search search">
  </button>
  <!-- <div id="search_autocomplete" class="search-autocomplete"></div> -->
  <div id="search_autocomplete_form" data-bind="scope: 'searchsuiteautocomplete_form'" style="display:none;">
    <!-- ko template: getTemplate() --><!-- /ko -->
  </div>
  <script type="text/x-magento-init"> {
    "*": {
        "Magento_Ui/js/core/app": {
            "components": {
                "searchsuiteautocomplete_form": {
                    "component": "MageWorx_SearchSuiteAutocomplete/js/autocomplete"
                },
                "searchsuiteautocompleteBindEvents": {
                    "component": "MageWorx_SearchSuiteAutocomplete/js/bindEvents",
                    "config": {
                        "searchFormSelector": "#search_mini_form",
                        "searchButtonSelector": "button.search",
                        "inputSelector": "#search, #mobile_search, .minisearch input[type=\"text\"]",
                        "searchDelay": "500"
                    }
                },
                "searchsuiteautocompleteDataProvider": {
                    "component": "MageWorx_SearchSuiteAutocomplete/js/dataProvider",
                    "config": {
                        "url": "https://tienda.movistar.com.mx/mageworx_searchsuiteautocomplete/ajax/index/"
                    }
                }
            }
        }
    }
}
</script>
</form>

POST https://tienda.movistar.com.mx/estatus-recarga

<form id="msmx-recarga" class="validate step-box__wrap form js-StepBoxSlide" action="https://tienda.movistar.com.mx/estatus-recarga" method="POST">
  <input name="form_key" type="hidden" value="a7VQ7eqKeLT7AI81"> <!-- Panel 1-->
  <div class="step-box__item js-stepBox" id="panelOne">
    <fieldset class="step-box__inner">
      <legend class="step-box__legend" tabindex="0">
        <span class="step-box__title-high">1</span>
        <span class="step-box__title title_brand">Ingresa el número</span>
      </legend>
      <div class="form__row">
        <p class="step-box__txt">
          <!-- Escribe el número Movistar al que le quieres hacer una recarga -->
        </p>
        <label class="form__label" for="codeMov">Número Movistar</label>
        <div class="form__signal js-validateItem">
          <!-- JS oculta el Spinner Class= "js-SpinnerTime"-->
          <!-- <span class="spinner spinner_small js-SpinnerTime"></span> -->
          <input class="form__input" autocomplete="off" placeholder="ej: 5555555555" name="codeMov" id="codeMov" data-validate="phone" type="tel" value="" maxlength="10" onblur="NumberPhone(this.value)">
        </div>
        <small class="js-validateMsg"></small>
      </div>
      <div class="form__row step-box_center">
        <button class="form__link step-box_show js-editStep" type="button" id="editPhone" title="Da clic aquí para editar el número ingresado" aria-describedby="codeMov"> Editar Número </button>
        <p class="txt_brand steps-box__blink">
          <!-- Tienes un paquete vigente hasta el 20 de septiembre de 2018 -->
        </p>
        <div id="recaptcha" data-size="invisible" style="display: block;" data-sitekey="6LeJEDgcAAAAAAR4cFI3KiTsK1_WePOn2kXm1-eK">
        </div><br>
        <button id="btn_fiststep" disabled="" class="form__btn btn js-btnNextStepForm one" style="opacity: .2;" type="button" title="Da clic aquí para confirmar tu número y continuar a la selección del monto de tu recarga">Continuar</button>
      </div>
      <style>
        #html-body [data-pb-style=FEP88QE] {
          justify-content: flex-start;
          display: flex;
          flex-direction: column;
          background-position: left top;
          background-size: cover;
          background-repeat: no-repeat;
          background-attachment: scroll
        }

        #html-body [data-pb-style=FEP88QE],
        #html-body [data-pb-style=WV8MW24] {
          border-style: none;
          border-width: 1px;
          border-radius: 0;
          margin: 0;
          padding: 0
        }
      </style>
      <div data-content-type="row" data-appearance="contained" data-element="main">
        <div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src=""
          data-element="inner" data-pb-style="FEP88QE">
          <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="WV8MW24" data-decoded="true"><img src="https://tienda.movistar.com.mx/media/wysiwyg/banners/recargas/banner-portal-cautivo_ajuste_medida.webp"
              alt="Recarga en línea"></div>
        </div>
      </div>
    </fieldset>
  </div>
  <!-- Panel 2-->
  <div class="step-box__item step-box__item_disable js-stepBox" id="panelTwo">
    <div class="hidden" id="recarga_nba">
      <!-- Loader Homologado se muestraal validar Dn para recargas-->
      <div class="loading-spiner tuning validar-dn-recargas-loader">
        <style>
          .showbox {
            position: absolute;
            top: 30%;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            height: 100px;
            width: 200px;
            z-index: 90099;
          }

          .loader {
            position: absolute;
            margin: 0 auto;
            width: 100px;
          }

          .loader:before {
            content: "";
            display: block;
            padding-top: 100%;
          }

          .circular {
            -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
            height: 130%;
            transform-origin: center center;
            width: 200%;
            position: absolute;
            top: -212%;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
          }

          .path {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            -webkit-animation: dash 1.5s ease-in-out infinite,
              color 6s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            stroke-linecap: round;
          }

          @-webkit-keyframes rotate {
            100% {
              transform: rotate(360deg);
            }
          }

          @keyframes rotate {
            100% {
              transform: rotate(360deg);
            }
          }

          @-webkit-keyframes dash {
            0% {
              stroke-dasharray: 1, 200;
              stroke-dashoffset: 0;
            }

            50% {
              stroke-dasharray: 89, 200;
              stroke-dashoffset: -35px;
            }

            100% {
              stroke-dasharray: 89, 200;
              stroke-dashoffset: -124px;
            }
          }

          @keyframes dash {
            0% {
              stroke-dasharray: 1, 200;
              stroke-dashoffset: 0;
            }

            50% {
              stroke-dasharray: 89, 200;
              stroke-dashoffset: -35px;
            }

            100% {
              stroke-dasharray: 89, 200;
              stroke-dashoffset: -124px;
            }
          }

          @-webkit-keyframes color {

            100%,
            0% {
              stroke: rgb(0, 169, 227);
            }

            40% {
              stroke: rgb(0, 169, 227);
            }

            66% {
              stroke: rgb(0, 169, 227);
            }

            80%,
            90% {
              stroke: rgb(0, 169, 227);
            }
          }

          @keyframes color {

            100%,
            0% {
              stroke: rgb(0, 169, 227);
            }

            40% {
              stroke: rgb(0, 169, 227);
            }

            66% {
              stroke: rgb(0, 169, 227);
            }

            80%,
            90% {
              stroke: rgb(0, 169, 227);
            }
          }

          body {
            background-color: transparent;
          }

          .cargando {
            margin: auto;
            position: absolute !important;
            color: #000000;
            font-family: "Telefonica" !important;
            font-size: 22px !important;
            text-align: center !important;
            width: 346px;
            top: 30px;
            left: -71px;
          }

          .fondoLoader {
            width: 40%;
            height: 60%;
            background-color: #fff0;
            /* Cambia el color de fondo a tu preferencia */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 0;
            border-radius: 8px;
          }

          @media only screen and (max-width: 600px) {
            .fondoLoader {
              width: 80%;
              height: 50%;
            }

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

              /* Estilos adicionales para pantallas menores a 400px */
              .fondoLoader {
                width: 92%;
                height: 60%;
              }

              .cargando {
                font-size: 18px !important;
                padding-inline: 8%;
              }
            }
          }
        </style>
        <div class="fondoLoader">
          <div class="showbox">
            <div class="loader">
              <svg class="circular" viewBox="25 25 50 50">
                <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3.5" stroke-miterlimit="10"></circle>
              </svg>
            </div>
            <!-- <div class="cargando"> Cargando...</div> -->
          </div>
        </div>
        <div class="showbox validar-dn-recargas-loader-showbox">
          <div class="cargando">Espera un momento se esta validando tu número. </div>
        </div>
      </div>
    </div>
    <fieldset class="step-box__inner" id="scrollTop">
      <legend class="step-box__legend" tabindex="0">
        <span class="step-box__title-high">2</span>
        <span class="step-box__title title_brand" id="etapa-dos">Selecciona</span>
      </legend>
      <div class="form__row-gral">
        <div id="recarga_normal">
          <p class="step-box__txt">
          </p>
          <!-- Radio Box-->
          <ul class="radio-box js-radioPack" id="paq_recargas">
            <!-- Llenado dinámico -->
          </ul>
          <small class="js-validateMsg" data-name="packs"></small>
        </div>
      </div>
      <!-- .form__row-gral.step-box_center
                button.form__btn.btn.js-btnNextStepForm(type='button') Continuar
                
                -->
    </fieldset>
    <div class="link-regresar"><span class="modal__link link__brand js-editStep" id="Regresaruno">Regresar</span></div>
  </div>
  <!-- Panel 3-->
  <div class="step-box__item step-box__item_disable js-stepBox" id="panelThree">
    <div id="mpShow" style="display:block">
      <div>
        <fieldset class="step-box__inner">
          <legend class="step-box__legend" tabindex="0">
            <span class="step-box__title-high">3</span>
            <span class="step-box__title title_brand">Método de Pago</span>
          </legend>
          <div class="step__lead success_show">
            <p class="step__txt" id="viewPaymentMethod"></p>
          </div>
          <div class="step__content js-stepAccordion mercadopago-content">
            <div class="form-ico form-icoMP">
              <input type="radio" id="card" name="mp-selection" value="1" class="form__radio">
              <label class="form__radio_label" for="card">
                <span class="form-ico__label i-cards " tabindex="0" title="Da clic aquí para elegir tarjeta de débito o crédito como tu medio de pago">Tarjeta Débito/Crédito</span>
              </label>
              <span class="i-a-arrow-right MP payment-mp" tabindex="0" role="button" title="Da clic aquí para desplegar la sección donde podrás ingresar los datos de tu tarjeta"></span>
            </div>
            <div id="paymentForm" class="tarjetascontent" style="display:none;">
              <h3>Detalles de la tarjeta</h3>
              <div>
                <div id="tarjetascontent" style="margin-top: 30px;">
                  <div class="labelContent form__row-gral">
                    <label for="cardholderName" class="form__label form__label-ico i-star-fill">Ingresa tu primer nombre y apellido <!-- <span class="helpcard icon_name"></span> -->
                    </label>
                    <div id="icon_name">
                      <div id="expiration_example" style="display: none">
                        <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card1.png" alt="Tarjeta Frontal">
                      </div>
                      <div id="expiration_example_amex" style="display: none">
                        <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card3.png" alt="Tarjeta Trasera">
                      </div>
                    </div>
                  </div>
                  <input class="form__input" placeholder="Ingresa tu primer nombre y apellido" type="text" id="cardholderName" data-checkout="cardholderName" name="cardholderName" oninput="updateMaxlength(this)" maxlength="60">
                  <small class="js-validateMsg" data-name="cardholderName"></small>
                  <div class="form__row-gral">
                    <input class="form__input" type="hidden" id="email" name="email" data-isactive="false" maxlength="70">
                    <div class="form__row-gral">
                      <div class="labelContent mp-label">
                        <label for="cardNumber" class="form__labelt1 form__label-ico i-star-fill">Número de la tarjeta <span class="helpcard icon_card">&nbsp;</span>
                        </label>
                        <div id="icon_card">
                          <div id="expiration_example_card" style="display:none;">
                            <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card1.png" alt="Tarjeta">
                          </div>
                          <div id="expiration_example_amex_card" style="display:none;">
                            <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card3.png" alt="Tarjeta">
                          </div>
                        </div>
                      </div>
                      <input type="tel" maxlength="19" id="cardNoSafe" value="" autocomplete="cc-number" placeholder="Número de la tarjeta" class="form__input" oncut="return false">
                      <input id="cardNumber" name="cardNoSafe" data-checkout="cardNumber" value="" style="display:none;">
                      <input id="formatCardNumber" value="" style="display:none;">
                      <small class="js-validateMsg" data-name="cardNoSafe" id="cardNumberError"></small>
                    </div>
                    <div class="mp-label form__row-gral">
                      <label for="cardExpiration" class="form__labelt1 form__label-ico i-star-fill">Fecha de vencimiento <span class="helpcard icon_expiration">&nbsp;</span>
                      </label>
                      <div id="icon_expiration">
                        <div id="expiration_example_exp" style="display:none;">
                          <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card1.png" alt="Tarjeta">
                        </div>
                        <div id="expiration_example_amex_exp" style="display:none;">
                          <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card3.png" alt="Tarjeta">
                        </div>
                      </div>
                    </div>
                    <div>
                      <div class="form__row-gral flex-content-mp">
                        <div class="small-content medium-content-mp">
                          <input type="text" id="cardExpiration" placeholder="MM/YY" value="" maxlength="5" ondrag="return false" ondrop="return false" autocomplete="off" class="form__input reqCalle">
                          <small class="js-validateMsg" data-name="cardExpiration" id="cardExpirationError"></small>
                          <input type="hidden" id="cardExpirationMonth" data-checkout="cardExpirationMonth">
                          <input type="hidden" id="cardExpirationYear" data-checkout="cardExpirationYear">
                        </div>
                      </div>
                    </div>
                    <div class="mp-label form__row-gral">
                      <label for="securityCode" class="form__labelt1 form__label-ico i-star-fill">Código de seguridad&nbsp; <span class="helpcard icon_ccv">*&nbsp;</span>
                      </label>
                      <div id="icon_cvv">
                        <div id="ccv_example" class="" style="display:none;">
                          <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card2.png" alt="Tarjeta">
                        </div>
                        <div id="expiration_example_amex_cvv" class="" style="display:none;">
                          <img src="https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/card3.png" alt="Tarjeta">
                        </div>
                      </div>
                    </div>
                    <div class="small-content medium-content-mp">
                      <input type="password" pattern="[0-9]*" id="securityCode" data-checkout="securityCode" placeholder="123" value="" maxlength="3" onselectstart="return false" onpaste="return false" oncopy="return false" oncut="return false"
                        ondrag="return false" ondrop="return false" autocomplete="off" class="form__input">
                      <small class="js-validateMsg" data-name="securityCode"></small>
                    </div>
                    <div id="issuerInput" style="display:none;">
                      <label for="issuer">Banco emisor</label>
                      <select class="form__input" id="issuer" name="issuer" data-checkout="issuer"></select>
                    </div>
                    <div>
                      <input type="hidden" name="dnRecarga" id="dnRecarga">
                      <input type="hidden" name="transactionAmount" id="transactionAmount">
                      <input type="hidden" name="paymentMethodId" id="paymentMethodId">
                      <input type="hidden" name="description" id="description">
                      <input type="hidden" id="publicKeyMP" name="publicKeyMP" value="APP_USR-ed414e9e-61e5-4878-b4ed-325827e3532d">
                      <input type="hidden" id="isMercadoPago" name="isMercadoPago" value="1">
                      <input type="hidden" id="isMercadoPagoPro" name="isMercadoPagoPro" value="0">
                      <input type="hidden" id="device_id_mp" name="device_id" value="">
                      <input type="hidden" id="typeSwingingEnd" name="typeSwingingEnd" data-checkout="typeSwingingEnd" value="">
                      <br>
                      <button type="button" class="form__btn btn" id="payment-recharge" data-index="3" title="Da clic aquí para pagar con la tarjeta ingresada en el formulario">Pagar</button>
                      <br>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="form-ico form-icoMP">
              <input type="radio" id="redirect-mp" name="mp-selection" value="2" class="form__radio">
              <label class="form__radio_label radio-label-mp" for="redirect-mp">
                <span class="form-ico__label icon_mp" tabindex="0" title="Da clic aquí para elegir Mercado Pago como tu medio de pago"></span>
              </label>
              <span class="i-a-arrow-right MP payment-mppro" tabindex="0" role="button" title="Da clic aquí para ir al sitio de mercado pago para realizar tu pago"></span>
            </div>
            <div id="images-recargas"><span class="modal__link link__brand link-regresar" id="regresardos">Regresar</span></div>
            <script type="text/x-magento-init"> {
        "*": {
            "Telefonica_MercadoPago/js/recharges": {}
        }
    }

</script>
            <!-- Loader Homologado se muestraal validarformads de pago-->
            <div class="loading-spiner tuning loader-recargas-metodo-pago-mp" style="display:none; z-index: 9999999999; !important">
              <style>
                .showbox {
                  position: absolute;
                  top: 30%;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  margin: auto;
                  height: 100px;
                  width: 200px;
                  z-index: 90099;
                }

                .loader {
                  position: absolute;
                  margin: 0 auto;
                  width: 100px;
                }

                .loader:before {
                  content: "";
                  display: block;
                  padding-top: 100%;
                }

                .circular {
                  -webkit-animation: rotate 2s linear infinite;
                  animation: rotate 2s linear infinite;
                  height: 130%;
                  transform-origin: center center;
                  width: 200%;
                  position: absolute;
                  top: -212%;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  margin: auto;
                }

                .path {
                  stroke-dasharray: 1, 200;
                  stroke-dashoffset: 0;
                  -webkit-animation: dash 1.5s ease-in-out infinite,
                    color 6s ease-in-out infinite;
                  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
                  stroke-linecap: round;
                }

                @-webkit-keyframes rotate {
                  100% {
                    transform: rotate(360deg);
                  }
                }

                @keyframes rotate {
                  100% {
                    transform: rotate(360deg);
                  }
                }

                @-webkit-keyframes dash {
                  0% {
                    stroke-dasharray: 1, 200;
                    stroke-dashoffset: 0;
                  }

                  50% {
                    stroke-dasharray: 89, 200;
                    stroke-dashoffset: -35px;
                  }

                  100% {
                    stroke-dasharray: 89, 200;
                    stroke-dashoffset: -124px;
                  }
                }

                @keyframes dash {
                  0% {
                    stroke-dasharray: 1, 200;
                    stroke-dashoffset: 0;
                  }

                  50% {
                    stroke-dasharray: 89, 200;
                    stroke-dashoffset: -35px;
                  }

                  100% {
                    stroke-dasharray: 89, 200;
                    stroke-dashoffset: -124px;
                  }
                }

                @-webkit-keyframes color {

                  100%,
                  0% {
                    stroke: rgb(0, 169, 227);
                  }

                  40% {
                    stroke: rgb(0, 169, 227);
                  }

                  66% {
                    stroke: rgb(0, 169, 227);
                  }

                  80%,
                  90% {
                    stroke: rgb(0, 169, 227);
                  }
                }

                @keyframes color {

                  100%,
                  0% {
                    stroke: rgb(0, 169, 227);
                  }

                  40% {
                    stroke: rgb(0, 169, 227);
                  }

                  66% {
                    stroke: rgb(0, 169, 227);
                  }

                  80%,
                  90% {
                    stroke: rgb(0, 169, 227);
                  }
                }

                body {
                  background-color: transparent;
                }

                .cargando {
                  margin: auto;
                  position: absolute !important;
                  color: #000000;
                  font-family: "Telefonica" !important;
                  font-size: 22px !important;
                  text-align: center !important;
                  width: 346px;
                  top: 30px;
                  left: -71px;
                }

                .fondoLoader {
                  width: 40%;
                  height: 60%;
                  background-color: #fff0;
                  /* Cambia el color de fondo a tu preferencia */
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  z-index: 0;
                  border-radius: 8px;
                }

                @media only screen and (max-width: 600px) {
                  .fondoLoader {
                    width: 80%;
                    height: 50%;
                  }

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

                    /* Estilos adicionales para pantallas menores a 400px */
                    .fondoLoader {
                      width: 92%;
                      height: 60%;
                    }

                    .cargando {
                      font-size: 18px !important;
                      padding-inline: 8%;
                    }
                  }
                }
              </style>
              <div class="fondoLoader">
                <div class="showbox">
                  <div class="loader">
                    <svg class="circular" viewBox="25 25 50 50">
                      <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3.5" stroke-miterlimit="10"></circle>
                    </svg>
                  </div>
                  <!-- <div class="cargando"> Cargando...</div> -->
                </div>
              </div>
              <div class="showbox">
                <div class="cargando">Estamos verificando tus datos ¡tomará unos segundos!. </div>
              </div>
            </div>
          </div>
        </fieldset>
      </div>
      <input type="hidden" id="isOpen_flag" value="">
      <script type="text/x-magento-init"> {
        "*": {
            "Telefonica_MercadoPago/js/pasarela": {}
        }
    }
</script>
      <style>
        div.content-mercadopago-efectivo {
          background-image: url(https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/icon-money_blue.png);
          background-size: 41px 41px;
        }

        div.content-mercadopago-tarjeta {
          background-image: url(https://tienda.movistar.com.mx/static/version1719363563/frontend/Movistar/eshop/es_MX/Telefonica_MercadoPago/images/icon-credit-card_blue.png);
          background-size: 45px 28px;
        }
      </style>
    </div>
  </div>
</form>

Name: formularioRecargaPOST https://tienda.movistar.com.mx/estatus-recarga

<form name="formularioRecarga" id="formEnd" method="POST" action="https://tienda.movistar.com.mx/estatus-recarga">
  <input name="form_key" type="hidden" value="a7VQ7eqKeLT7AI81"> <!-- Auxiliares -->
  <input type="hidden" name="offeringID" id="offeringID" value="">
  <input type="hidden" name="type" id="type" value="">
  <input type="hidden" name="codeproduct" id="codeproduct" value="">
  <input type="hidden" name="statusbolton" id="statusbolton" value="">
  <input type="hidden" name="dnfinal" id="dnfinal" value="">
  <input type="hidden" name="servicios" id="servicios" value="">
  <input type="hidden" name="paquete" id="paquete" value="">
  <input type="hidden" name="montofinal" id="montofinal" value="">
  <input type="hidden" name="codrecarga" id="codrecarga" value="">
  <input type="hidden" name="dnow" id="dnow" value="06/24">
  <input type="hidden" name="emailFlap" id="emailFlap">
  <input type="hidden" name="isRechargeMov" id="isRechargeMov" value="1">
  <input type="hidden" id="isMercadoPagoPro" name="isMercadoPagoPro" data-checkout="isMercadoPagoPro" value="0">
  <input type="hidden" id="typeSwingingEnd" name="typeSwingingEnd" data-checkout="typeSwingingEnd" value="">
</form>

Text Content

The store will not work correctly when cookies are disabled.

Su navegador parece tener JavaScript deshabilitado. Para la mejor experiencia en
nuestro sitio, asegúrese de habilitar JavaScript en su navegador.



 * Particulares
 * Emprendedores
 * Empresas

Sección
Particulares
Emprendedores
Empresas
Smartphones
Renueva tu Smartphone
Todas las marcas
Liquidación
Smartphones 5G

o selecciona tu marca favorita

Renueva tu Smartphone
Todas las marcas
Liquidación
Smartphones 5G o selecciona tu marca favorita

Planes
Contrata un Plan
Agrega líneas
Pásate de Prepago a un Plan
Roaming Internacional
Larga Distancia
Contrata un plan
Agrega líneas
Pásate de Prepago a un Plan
Roaming Internacional
Larga Distancia
Prepago
Compra un Prepago
Recarga aquí
Promociones
Roaming Internacional
Larga Distancia
Compra un Prepago
Recarga aquí
Promociones
Roaming Internacional
Larga Distancia
Atención al cliente
Cómo te ayudamos
Preguntas frecuentes
Centros de Atención y Ventas
Robo o extravío
Cobertura
Código de liberación
Consulta de folio
Políticas de devolución
Cómo te ayudamos
Preguntas frecuentes
Centros de Atención y Ventas
Robo o extravío
Cobertura
Código de liberación
Consulta de folio
Políticas de devolución
Servicios digitales
Música y Video
Gaming
Utilidades
Otros Servicios
Música y Video
Gaming
Utilidades
Otros Servicios
Buscar en celulares

Mi Movistar
Buscar en celulares





TELEFÓNICA RECARGAS




RECARGA EN LÍNEA MOVISTAR

1 Ingresa el número



Número Movistar

Editar Número





Continuar

Espera un momento se esta validando tu número.
2 Selecciona



Regresar
3 Método de Pago



Tarjeta Débito/Crédito


DETALLES DE LA TARJETA

Ingresa tu primer nombre y apellido

Número de la tarjeta  

Fecha de vencimiento  


Código de seguridad  * 


Banco emisor

Pagar


Regresar
Estamos verificando tus datos ¡tomará unos segundos!.


TÉRMINOS Y CONDICIONES



Aviso de Privacidad
Términos y Condiciones



Para consultar la Política de Uso Justo Servicios
Internacionales Prepago, entra aquí.


Constancias(s) del Sistema Electrónico de
Registro de IFT Consulta aquí




Cerrar


CONFIRMA TUS DATOS

Tu número




Editar monto

MEDIO DE PAGO





Editar medios de pago

Total a pagar:



Recargar


¿Estás seguro que deseas abandonar tu compra?

Continuar Abandonar compra









Estamos verificando tus datos ¡tomará unos segundos!.
Ayuda
 * Atención al cliente
 * Información para clientes
 * Preguntas frecuentes
 * Campañas vigentes


Productos y Servicios
 * Contrata un plan
 * Encuentra tu Smartphone


Sobre nosotros
 * Quiénes somos
 * Fundación Telefónica Movistar
 * Personas con discapacidad
 * Dialogando
 * * Transparencia y Políticas
      * Centro de Transparencia
      * Centro de Políticas, términos y condiciones
 * Trabaja con nosotros


Avisos de privacidad

Descarga la App Movistar MX

Hazlo aquí
¡Síguenos!

Compra segura

 * 
 * 
 * 

© 2024 Movistar, Todos los derechos reservados

 * 
 * 
 * 
 *