/* ============================================================================= Medifit UI Kit ============================================================================= El vocabulario de componentes de la app. Nació en la búsqueda de alimentos (food_recognition.html es la implementación de referencia) y se extrajo aquí para que todas las pantallas usen las mismas piezas. Principios, que son los que separan un componente pensado de uno improvisado: 1. Neutros más UN acento. El naranja de Medifit se reserva para la acción principal y el estado seleccionado; todo lo demás es escala de grises. 2. Bordes de 1px en lugar de sombras. La sombra sugiere elevación; casi nada en una app está elevado salvo las hojas y los diálogos. 3. Radios de una sola familia: 10 para controles, 12 para tarjetas, 16 para hojas, 999 para píldoras. Nada de valores sueltos. 4. Cada control tiene sus cuatro estados: reposo, pulsado, foco y desactivado. El foco se ve (anillo de 3px), porque hay usuarios con teclado. 5. Objetivos táctiles de 44px. Si el elemento visible es menor, se extiende con un pseudo-elemento invisible. 6. Cifras con `font-variant-numeric: tabular-nums` para que no bailen al actualizarse. Se carga DESPUÉS de shared/native.css y ANTES del