/home/simp499cl/public_html/licitasimple/

/home/simp499cl/public_html/licitasimple

Name	Size	Mode	Actions
favicon.png	2382	0644	edit dl rm
index.html	113453	0644	edit dl rm
index_original.html	203648	0644	edit dl rm
login.html	8420	0644	edit dl rm
logo_licitasimple_1_260x60.png	8210	0644	edit dl rm
logo_licitasimple_1_260x60_1.png	8210	0644	edit dl rm
logo_licita_simple_260x60.png	5392	0644	edit dl rm
logo_licita_simple_260x60_1.png	5356	0644	edit dl rm
main.css	127909	0644	edit dl rm
pp.html	54352	0644	edit dl rm
recuperar-clave.html	6565	0644	edit dl rm
registro.html	19029	0644	edit dl rm
tyc.html	59985	0644	edit dl rm
validar-codigo.html	10674	0644	edit dl rm

Edit: /home/simp499cl/public_html/licitasimple/validar-codigo.html (10674B)

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Verificar cuenta | LicitaSimple</title>
  <link href="main.css" rel="stylesheet" />
  <link rel="icon" href="favicon.png" type="image/png">
</head>

<body class="bg-gradient-to-br from-slate-50 via-white to-cyan-50">
  <div class="min-h-screen flex flex-col">
    <main class="flex-1">
      <section class="py-12 sm:py-16 lg:py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
          <div class="flex items-center justify-center mb-2">
            <a href="index.html#home" class="inline-flex items-center gap-3">
              <img src="logo_licitasimple_1_260x60.png" alt="Logo LicitaSimple" class="h-10 sm:h-12 w-auto" />
              <span class="sr-only">LicitaSimple</span>
            </a>
          </div>

<div class="max-w-3xl mx-auto">
            <div class="text-center mb-12">
              <h1 class="text-3xl sm:text-4xl font-bold text-slate-900 mb-3">Verifica tu cuenta</h1>
              <p class="text-slate-600 text-base sm:text-lg mx-auto">
                Te enviamos un código de 6 dígitos a tu correo. Ingresa el código para activar tu cuenta.
              </p>
            </div>

<div class="flex flex-col sm:flex-row gap-3 pt-2 justify-center">
                    <button
                      type="submit"
                      class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow hover:bg-primary/90 h-9 px-4 py-2 bg-gradient-to-r from-cyan-600 to-teal-600 hover:from-cyan-700 hover:to-teal-700 text-white"
                    >
                      Validar
                    </button>
                    <div class="px-2 py-2"></div>

<a
                      href="registro.html"
                      class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border shadow-sm h-9 px-4 py-2 border-cyan-600 text-cyan-700 hover:bg-cyan-50"
                    >
                      Volver
                    </a>
                  </div>

<p class="text-xs text-slate-500 text-center">
                    ¿No recibiste el correo? Revisa spam o solicita reenvío (pendiente de implementar).
                  </p>
                </form>
            </div>

<p class="text-xs text-slate-500 mt-4 text-center">
              Al continuar, aceptas nuestros <a href="tyc.html" class="text-cyan-700 hover:text-cyan-800 font-semibold underline">Términos y Condiciones</a> y la
              <a href="pp.html" class="text-cyan-700 hover:text-cyan-800 font-semibold underline">Política de Privacidad</a>.
            </p>
          </div>
        </div>
      </section>
    </main>

<footer class="py-6 border-t border-slate-200 bg-white/70 backdrop-blur">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <p class="text-center text-sm text-slate-600">© 2025 LicitaSimple. Todos los derechos reservados.</p>
      </div>
    </footer>
  </div>

<div id="okModal" class="fixed inset-0 z-50 hidden">
    <div class="absolute inset-0 bg-slate-900/40 backdrop-blur-sm"></div>
    <div class="relative min-h-screen flex items-center justify-center p-4">
<div class="w-full max-w-[360px] sm:max-w-[420px] rounded-2xl bg-white shadow-xl border-2 border-slate-200 overflow-hidden">
          <div class="p-6 border-b border-slate-100 flex items-start gap-4">
          <div class="w-12 h-12 rounded-full bg-gradient-to-br from-cyan-500 to-teal-500 flex items-center justify-center text-white flex-shrink-0">
            
            <svg aria-hidden="true" class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" d="M20 6 9 17l-5-5"/>
            </svg>
          </div>
          <div class="min-w-0">
            <h3 class="text-lg font-bold text-slate-900">¡Cuenta verificada!</h3>
            <p class="text-slate-600 mt-1">OK: tu cuenta fue verificada correctamente.</p>
          </div>
        </div>
        <div class="p-6 flex flex-col sm:flex-row gap-3 justify-end">
          <button
            id="closeModalBtn"
            type="button"
            class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow hover:bg-primary/90 h-9 px-4 py-2 bg-gradient-to-r from-cyan-600 to-teal-600 hover:from-cyan-700 hover:to-teal-700 text-white"
          >
            Continuar
          </button>
        </div>
      </div>
    </div>
  </div>

function openModal() {
        okModal.classList.remove('hidden');
        document.body.style.overflow = 'hidden';
        closeModalBtn && closeModalBtn.focus();
      }

function closeModal() {
        okModal.classList.add('hidden');
        document.body.style.overflow = '';
      }

function onlyDigit(value) {
        return (value || '').replace(/\D/g, '').slice(0, 1);
      }

// Auto-advance, backspace, paste
      inputs.forEach((input, idx) => {
        input.addEventListener('input', (e) => {
          const v = onlyDigit(input.value);
          input.value = v;

if (v && idx < inputs.length - 1) inputs[idx + 1].focus();
        });

input.addEventListener('keydown', (e) => {
          const key = e.key;

if (key === 'Backspace') {
            if (input.value) return; // borra el dígito actual normal
            if (idx > 0) {
              inputs[idx - 1].focus();
              inputs[idx - 1].value = '';
              e.preventDefault();
            }
          }

// Flechas
          if (key === 'ArrowLeft' && idx > 0) inputs[idx - 1].focus();
          if (key === 'ArrowRight' && idx < inputs.length - 1) inputs[idx + 1].focus();
        });

input.addEventListener('paste', (e) => {
          const text = (e.clipboardData || window.clipboardData).getData('text') || '';
          const digits = text.replace(/\D/g, '').slice(0, 6).split('');
          if (!digits.length) return;

e.preventDefault();
          digits.forEach((d, i) => {
            if (inputs[i]) inputs[i].value = d;
          });
          const next = inputs[Math.min(digits.length, inputs.length) - 1];
          next && next.focus();
        });
      });

// Submit demo => modal OK
      form && form.addEventListener('submit', (e) => {
        e.preventDefault();
        openModal();
      });

// Cerrar modal
      closeModalBtn && closeModalBtn.addEventListener('click', () => {
        closeModal();
        // demo: redirige a login si existe
        // window.location.href = 'login.html';
      });

okModal && okModal.addEventListener('click', (e) => {
        if (e.target === okModal) closeModal();
      });

document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape' && !okModal.classList.contains('hidden')) closeModal();
      });

// Focus inicial
      inputs[0] && inputs[0].focus();
    })();
  </script>
</body>
</html>

Verificar cuenta | LicitaSimple

Verifica tu cuenta

Te enviamos un código de 6 dígitos a tu correo. Ingresa el código para activar tu cuenta.

Al continuar, aceptas nuestros Términos y Condiciones y la Política de Privacidad.