Activa el modo inmersivo para kioscos y tabletas

El checkout tiene dos presentaciones con la misma lógica por debajo. La formal, por defecto, es sobria y sirve para casi cualquier tienda web. La inmersiva está pensada para una pantalla que el cliente usa con el dedo: un kiosco de autoservicio, una tableta en el mostrador o una web que quiere guiar paso a paso.

1. Elige dónde lo activas:

   • En la etiqueta: <finora-checkout modo="inmersivo" …>.
   • En el modal: FinoraCheckout.abrir({ sesionId, token, modo: 'inmersivo', onResultado }).
   • En la página alojada: agrega &modo=inmersivo a la urlPago.

2. Si quieres sonidos suaves al teclear, al cambiar de paso y al terminar, agrega sonidos a la etiqueta o sonidos: true al modal. Vienen apagados: en un local con varios kioscos, el sonido molesta antes de ayudar.

3. Dale al componente toda la pantalla disponible. Está probado desde 390 px de ancho (teléfono) hasta pantallas de 1920 × 1080, incluidos kioscos verticales.

4. Prueba un pago completo en sandbox en el equipo real, con el dedo, antes de ponerlo frente a clientes.

Qué cambia

	Formal	Inmersivo
Letra	16 px	18 px, y 20 px en pantallas grandes
Botones	Al menos 44 px	Al menos 64 px
Teclado numérico en pantalla	Solo con pantalla táctil	Siempre, en los campos numéricos
Progreso	Lista lateral	Cuatro pasos arriba: carrito, datos, cobro y recibo
Espera	Indicador y texto	Una animación que muestra el cobro viajando al terminal y al banco
Guía	No hay	Un personaje que dice qué hacer en cada paso

Qué no cambia

La API, los eventos, los textos de los medios y las reglas: no hay campo de tarjeta, EN_DUDA no ofrece reintentar y el pedido se confirma con el aviso firmado.

Accesibilidad

Las animaciones son solo visuales: cada mensaje del guía se anuncia como texto a los lectores de pantalla. Si el equipo tiene activada la preferencia de reducir movimiento, las animaciones se apagan.