/* ===========================================================================
   Utilidades que los MODULOS NATIVOS usan y css/tailwind.css no tiene.
   30-jul-2026
   ---------------------------------------------------------------------------
   POR QUE EXISTE ESTE ARCHIVO

   `css/tailwind.css` se compilo UNA sola vez, en el commit inicial, y nunca
   mas. Su `content` en tailwind.config.js declara `./index.html` y
   `./modules/*.html`: los NUEVE modulos nativos (js/*.js) quedaron FUERA del
   escaneo, asi que toda clase que solo ellos usan nunca se genero.

   Medido el 30-jul: 185 clases distintas usadas en js/*.js no existen en la
   hoja. La mayoria son `hover:` y decoran; estas CINCO mienten:

       un boton deshabilitado se ve EXACTAMENTE IGUAL que uno activo.

   Quien lo pulsa no obtiene nada y concluye que el sistema esta roto. Es el
   mismo patron que dejo el traspaso de Cuentas por Pagar un mes desplegado,
   en verde y sin que nadie pudiera verlo: `bg-violet-600` tampoco existia.

   POR QUE UN ARCHIVO APARTE Y NO TOCAR tailwind.css

   Esa hoja la comparten 26 modulos y no hay build que la regenere: editarla a
   mano, o recompilarla, arriesga los otros 25 por un problema de estos. Este
   archivo es ADITIVO y se carga DESPUES, asi que solo puede sumar.

   POR QUE NO SE ARREGLAN TAMBIEN LAS DE `focus:`

   `focus:outline-none` tambien esta ausente (45 usos), de modo que el contorno
   NATIVO del navegador sigue viendose al navegar con teclado. Revivir esa
   clase sin revivir a la vez sus `focus:ring-*` y `focus:border-*` QUITARIA el
   unico indicador de foco que hay hoy. Un arreglo a medias dejaria la
   accesibilidad peor que ahora, asi que se dejan en paz.

   Los valores estan copiados de la PROPIA hoja compilada (`.bg-gray-100`,
   `.opacity-50`, …), no escritos de memoria, para que un boton deshabilitado
   se vea igual aqui que en los modulos que si tienen la clase.
   =========================================================================== */

.disabled\:opacity-50:disabled { opacity: .5 }

.disabled\:cursor-not-allowed:disabled { cursor: not-allowed }

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251/var(--tw-bg-opacity, 1));
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity, 1));
}

/* 7-ago-2026: boton de asignar el PIN de firma temporal (Configuracion -> Usuarios). */
.hover\:text-indigo-600:hover{color:#4f46e5}