/* Área de cliente: sensación de app al cambiar de pantalla. */
/* Transición suave al cambiar de pantalla desde el menú (clientes.js); sin soporte, el cambio es directo. */
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s}
/* El botón tocado se marca al instante, sin esperar a la página nueva. */
.cs-tabbar a,.cs-side a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cs-tabbar a.cs-pulsado,.cs-side a.cs-pulsado{color:var(--azul-t);background:var(--surface-2)}
.cs-tabbar a.cs-quita{color:var(--text-3);background:none}
/* Barrita de carga arriba mientras llega la pantalla. */
.cs-carga{position:fixed;top:0;left:0;height:3px;width:0;background:var(--lima,#6FC22B);z-index:100;
  transition:width 1.2s cubic-bezier(.1,.7,.2,1);pointer-events:none}
.cs-carga.on{width:80%}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .cs-carga{transition:none}
}