/* Skeleton shimmer / pulse para cards de artículos */

.skeleton {
  background-color: #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}

.dark .skeleton {
  background-color: #374151;
}

@keyframes skeleton-shimmer {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.35) 50%,
    transparent 100%
  );
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

.dark .skeleton::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 50%,
    transparent 100%
  );
}

.skeleton-text {
  height: 1rem;
  border-radius: 0.25rem;
  background-color: #d1d5db;
}

.dark .skeleton-text {
  background-color: #4b5563;
}