feat(ui): respuesta táctil y áreas de toque según guía de fluidez

Tokens de movimiento centralizados (duraciones y curvas únicas), feedback
de pulsación visible e inmediato en tarjeta de tarea, TTS, chips, teclado
y navegación; áreas táctiles mínimas de 44-48px en controles pequeños;
tracking positivo en etiquetas en mayúsculas; touch-action manipulation
para eliminar el retardo de doble-tap en la tablet kiosko.
This commit is contained in:
Jaume Garriga Maestre
2026-07-12 21:35:28 +02:00
parent 08c7289f25
commit 5421080b04
5 changed files with 60 additions and 8 deletions

View File

@@ -73,14 +73,15 @@
border: var(--card-border-width) solid color-mix(in srgb, var(--c) 35%, #fff);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
transition: transform 0.15s, box-shadow 0.2s;
transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-settle) var(--ease-out);
animation: slideUp 0.4s ease both;
&:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-soft);
}
&:active { transform: scale(0.98); }
// Mantiene la elevación del hover al pulsar: sin salto entre ambos estados.
&:active { transform: translateY(-2px) scale(0.97); }
&__mascot {
font-size: 84px;