HTML Formulario Registro - RE

<!-- ── ZONA DEL FORMULARIO ── -->
<div class="ov-re-form-zone">

  <!-- Precargador — visible mientras carga, se oculta al terminar -->
  <div class="ov-re-preloader" id="ov-re-preloader">
    <div class="ov-re-preloader-spinner"></div>
    <span>Cargando formulario...</span>
  </div>

  <!-- Formulario — oculto hasta que el precargador termina -->
  <div id="ov-re-form-wrap" style="display:none;">
    <div class="ov-re-form-header">
      <h2>Reserva tu lugar</h2>
      <p>Completa el formulario y recibirás la confirmación con el enlace de acceso por correo.</p>
    </div>
    <form class="ov-re-form" id="ov-re-form" novalidate>
      <!-- Los campos se generan aquí automáticamente desde Sheets -->
      <div id="ov-re-campos-dinamicos"></div>
      <div class="ov-re-check-group">
        <input type="checkbox" id="ov-re-terminos" name="terminos"/>
        <span>Acepto recibir el enlace del evento y comunicaciones relacionadas por correo electrónico.</span>
      </div>
      <span class="ov-re-field-error" id="ov-re-err-terminos">Debes aceptar para continuar</span>
      <button type="submit" class="ov-re-btn-submit" id="ov-re-btn-submit">
        <span id="ov-re-btn-text">Confirmar registro</span>
        <div class="ov-re-spinner" id="ov-re-spinner"></div>
        <div class="ov-re-btn-arrow" id="ov-re-btn-arrow">→</div>
      </button>
    </form>
  </div>

  <!-- Estado: Éxito -->
  <div class="ov-re-estado ov-re-estado-success" id="ov-re-estado-success">
    <div class="ov-re-estado-icon">🎉</div>
    <h3>¡Registro confirmado!</h3>
    <p>Tu lugar está reservado. Revisa tu correo para los detalles de acceso al evento.</p>
    <div class="ov-re-estado-detail" id="ov-re-resumen-registro"></div>
    <button class="ov-re-btn-back" onclick="ovReResetForm()">← Registrar otra persona</button>
  </div>

  <!-- Estado: Lista de espera -->
  <div class="ov-re-estado ov-re-estado-full" id="ov-re-estado-espera">
    <div class="ov-re-estado-icon">⏳</div>
    <h3>Cupo completo</h3>
    <p>El evento está lleno, pero te agregamos a la lista de espera. Si se libera un lugar, te avisaremos de inmediato.</p>
    <div class="ov-re-estado-detail" id="ov-re-resumen-espera"></div>
    <button class="ov-re-btn-back" onclick="ovReOcultarEstados()">← Volver</button>
  </div>

  <!-- Estado: Error -->
  <div class="ov-re-estado ov-re-estado-error" id="ov-re-estado-error">
    <div class="ov-re-estado-icon">⚠️</div>
    <h3>Algo salió mal</h3>
    <p id="ov-re-error-msg">Hubo un problema al procesar tu registro. Por favor intenta de nuevo.</p>
    <button class="ov-re-btn-back" onclick="ovReOcultarEstados()">← Intentar de nuevo</button>
  </div>

</div>