/**
 * Incremento visual 6 (docs/25-incremento-visual-6-ajustes-iconos-motion-diseno.md
 * secciones F.2/F.3/J.2) — skeletons estáticos compartidos por los tres
 * paneles: cero shimmer/pulse/gradiente animado, revelación retrasada
 * exclusivamente por CSS (150ms), sin setTimeout.
 */

.loading-shell {
  opacity: 0;
  visibility: hidden;
  animation: reveal-skeleton 0s var(--loading-reveal-delay) forwards;
}
@keyframes reveal-skeleton {
  to { opacity: 1; visibility: visible; }
}

.skeleton-block, .skeleton-card, .skeleton-row {
  background: var(--loading-placeholder-bg);
  border-radius: var(--radius-md);
}