/* Estilos compartidos por todas las pantallas (además de Tailwind). */

/* Transición entre páginas: fundido corto al navegar dentro del sitio (Chrome/WebView de Android;
   los navegadores que no la soportan navegan igual, sin efecto). */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 180ms; }

/* Toques más rápidos: sin la demora del doble toque para zoom ni el recuadro gris de Android */
html { -webkit-tap-highlight-color: transparent; }
a, button, summary, label, input[type=checkbox], [onclick] { touch-action: manipulation; }

/* Respuesta visual inmediata al tocar */
a, button, summary { transition: transform 90ms ease-out, opacity 90ms ease-out; }
a:active, button:active, summary:active { transform: scale(0.97); opacity: 0.85; }
button:disabled:active { transform: none; opacity: inherit; }