pruebas en la APK: huecos dobles de las barras, contraste y zonas tactiles

Probado con la APK instalada en el emulador de Android Studio (Pixel 9, Android 16):

- La barra de arriba llevaba 65px de mas y la de abajo 24: el contenedor de la app
  del dev ya se aparta de las barras del sistema y nuestro CSS volvia a sumar
  safe-area-inset. Ahora --inset-top y --inset-bottom, a 0, en mobile_base.css.
- Borrar en una tarjeta: la barra de confirmar se metia en la fila de botones y
  'Si, borrar' salia letra a letra. La fila ya puede saltar de linea.
- Acampada: .time-chip y .pref-pill del dev quedaban en negro sobre gris oscuro, y la
  pildora elegida con texto claro sobre el resalte en las paletas oscuras.
- Zonas tactiles a 44px: barra de arriba, fichas, pasos de la bienvenida, aviso de
  bienvenida, pie, casillas con su etiqueta, botones del buzon; enlaces en el texto
  a 24px.
- Acceso a un bloque de Ajustes: el titulo ya no queda bajo la barra de arriba.

En la guia y en ARQUITECTURA_APK.md: no usar env(safe-area-inset-*), los tamaños
minimos y el fallo del boton atras de la app del dev (la tecla retrocede dos pasos).

GUIA_DE_DESARROLLO.md

@@ -178,6 +178,14 @@ hay que subir la especificidad y poner `!important` también. Ojo con una trampa
 `Acampada.css` quita el borde a todos los `div`, así que para ponérselo a uno hace
 falta `.main-column div.la-clase`.
 
+Huecos de las barras del sistema: nada de `env(safe-area-inset-*)`. El contenedor de
+la app del dev ya se aparta de la barra de estado y de la de gestos, y si se suma en
+el CSS el hueco sale dos veces. Se usan `var(--inset-top)` y `var(--inset-bottom)`,
+que valen 0 y están en `mobile_base.css`.
+
+Zonas táctiles: 44 px como mínimo para botones, fichas y casillas (con su etiqueta);
+24 px para los enlaces que van dentro de una línea de texto (nombres, etiquetas).
+
 Letra: Anton para títulos y para el botón negro principal de cada pantalla
 (`.create-button`). Lo demás, letra del sistema en negrita.