/* Magnus SPA — Skeleton loading + infinite scroll */
:root { --skel-base:#1A1A1A; --skel-shine:#242424; }

.skeleton-card { background:var(--dark2); position:relative; overflow:hidden; }

.skeleton-card::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.045) 50%, transparent 100%);
  background-size:200% 100%;
  animation:shimmer 1.4s ease-in-out infinite;
  will-change:background-position;
  transform:translateZ(0);
}

@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position:-200% 0; }
}

.skel-img { height:180px; background:var(--dark3); }

.skel-body { padding:12px 14px; }

.skel-line { background:var(--dark3); border-radius:1px; margin-bottom:8px; }
.skel-cat   { height:9px;  width:55px; }
.skel-name  { height:16px; width:82%; margin-bottom:6px; }
.skel-model { height:9px;  width:48%; margin-bottom:14px; }
.skel-footer-bar {
  height:36px;
  background:var(--dark3);
  border-top:1px solid rgba(255,255,255,.04);
  margin-top:10px;
}

/* Infinite scroll sentinel (invisible trigger) */
.load-more-sentinel { grid-column:1/-1; height:1px; }

/* "Cargando más…" indicator */
.load-more-indicator {
  grid-column:1/-1;
  padding:2rem;
  text-align:center;
  font-family:var(--fd);
  font-weight:700;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gray3);
  animation:pulse 1.2s infinite;
}