¡Ponte atento!

<form id="contacto-web3" action="https://api.web3forms.com/submit" method="POST">
  
  <!-- CONFIGURACIÓN WEB3FORMS -->
  <input type="hidden" name="access_key" value="caaaf86b-c629-4778-bdac-0e654a26d354">
  <input type="hidden" name="subject" value="Nuevo contacto desde mi nsite">
  <input type="hidden" name="from_name" value="Ponte Atento web">
  
  <!-- HONEYPOT ANTI-SPAM (no borrar ni mostrar) -->
  <input type="checkbox" name="botcheck" style="display: none;">

  <!-- CAMPOS VISIBLES -->
  <div class="form-group">
    <label for="w3f-nombre">Nombre</label>
    <input type="text" id="w3f-nombre" name="name" placeholder="Tu nombre" required nc:no-persist>
  </div>

  <div class="form-group">
    <label for="w3f-email">Correo electrónico</label>
    <input type="email" id="w3f-email" name="email" placeholder="tu@correo.com" required nc:no-persist>
  </div>

  <button type="submit">Enviar mensaje</button>
</form>

<!-- Mensaje de éxito (oculto por defecto) -->
<div id="w3f-exito" hidden>
  <p>✅ ¡Gracias! Tu mensaje ha sido enviado correctamente.</p>
</div>
<script>
(async () => {
  await window.nc.ready;
  const form = document.getElementById('contacto-web3');
  if (!form) return;

  form.addEventListener('submit', async (e) => {
    e.preventDefault();
    const btn = form.querySelector('button[type=submit]');
    const exito = document.getElementById('w3f-exito');
    
    btn.disabled = true;
    btn.textContent = 'Enviando...';

    try {
      const res = await fetch(form.action, {
        method: 'POST',
        body: new FormData(form),
        headers: { 'Accept': 'application/json' }
      });
      const data = await res.json();

      if (data.success) {
        form.hidden = true;
        exito.hidden = false;
        // Marca el documento como "sucia" para que 
        // nsite-clay no recargue una versión vieja 
        // mientras el usuario lee el éxito
        window.nc.dirty = true;
      } else {
        alert('Error: ' + (data.message || 'No se pudo enviar'));
        btn.disabled = false;
        btn.textContent = 'Reintentar';
      }
    } catch (err) {
      alert('Error de red: ' + err.message);
      btn.disabled = false;
      btn.textContent = 'Reintentar';
    }
  });
})();
</script>

The starter is twelve years old and came from a baker in Ghent who was closing up. We feed it twice a day and it has opinions about the weather.

Everything is sold the day it is baked. What is left at four goes to the shelter on Cobalt Street.