/* InformaPro - tweaks puntuales sobre Tailwind CDN. */

/* Alpine.js cloak: oculta plantillas hasta que Alpine arranca. */
[x-cloak] { display: none !important; }

/* Animacion sutil para la barra de progreso de jobs en curso. */
@keyframes ipro-progress {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(300%); }
}
.ipro-progress {
  position: relative;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.15);
}
.ipro-progress::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 33%;
  background: linear-gradient(90deg, transparent, #3a86d6, transparent);
  animation: ipro-progress 1.6s ease-in-out infinite;
}

/* Tipografia legible para resultados en <pre> serif. */
article pre {
  font-size: 0.98rem;
  line-height: 1.6;
}

/* Focus visible accesible. */
:focus-visible {
  outline: 2px solid #3a86d6;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Tablas comodas en movil. */
table { border-collapse: collapse; }

/* Mejor scroll en iOS. */
html { -webkit-text-size-adjust: 100%; }
body { -webkit-tap-highlight-color: transparent; }