/* ============================================================
   Esqueleto de carga reutilizable (shimmer)
   Úsalo con la clase .sk en cualquier bloque placeholder.
   ============================================================ */
.sk {
  position: relative;
  display: block;
  background-color: #2e2e2e;
  border-radius: 0.6rem;
  overflow: hidden;
}
.sk::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.09), transparent);
  animation: sk-shimmer 1.3s ease-in-out infinite;
}
@keyframes sk-shimmer {
  100% { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .sk::after { animation: none; }
}

/* Primitivas comunes */
.sk-line   { height: 0.9rem; border-radius: 0.4rem; }
.sk-circle { border-radius: 50%; }
.sk-pill   { border-radius: 9999px; }