Descripción del Código

El código HTML que proporcionaste crea una página web para una empresa llamada "Credilibranza" con dos secciones principales:

1. Calculadora de Crédito: Un simulador interactivo que permite a los usuarios seleccionar un monto de préstamo y un plazo. Al ajustar los controles deslizantes, la página calcula y muestra en tiempo real la cuota mensual aproximada, desglosando el capital, los intereses, la tarifa de firma digital y una fianza.

2. Formulario de Solicitud de Crédito: Un formulario de múltiples pasos que se muestra después de que el usuario hace clic en el botón "Solicítalo Ya". Este formulario guía al usuario a través de varias etapas para recopilar la información necesaria para una solicitud de crédito:

   • Paso 1: Información Personal: Pide el nombre, número de identificación, correo electrónico y teléfono.

   • Paso 2: Información Laboral: Recopila datos sobre la empresa, cargo, antigüedad y tipo de contrato, con un campo condicional para la fecha de finalización del contrato a término fijo.

   • Paso 3 y 4: Información de Nómina: Un paso intermedio que informa que la información de nómina es opcional, seguido de los campos para el nombre, correo y teléfono del departamento de nómina.

   • Paso 5: Referencias: Solicita el nombre y teléfono de dos referencias personales.

   • Paso 6: Información Bancaria: Pide los detalles de la cuenta bancaria del usuario para el desembolso del préstamo.

   • Paso 7: Documentos: Permite al usuario subir archivos (documento de identidad, carta laboral y colilla de pago) con validación de tamaño.

El código también incluye una lógica de validación de campos para asegurar que la información sea correcta antes de pasar al siguiente paso. Al finalizar el formulario, se simula un envío de datos a un Google Apps Script (la URL está incluida en el código) y se muestra un mensaje de confirmación.

Todo el diseño se basa en los colores y el estilo de la marca Credilibranza, con efectos de transición y animaciones sutiles para una experiencia de usuario fluida.

Código funcional Credilibraza