/* ==========================================================================
   FASE 4 · VELOCIDAD PERCIBIDA
   Esqueletos de carga (tarjetas fantasma con brillo) que usan los tokens del
   tema activo, así se ven bien en Blanco, Oscuro, Sepia, etc.
   ========================================================================== */
.skeleton-card {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.75rem;
    border-radius: 14px;
    background: var(--t-surface, #161412);
    border: 1px solid var(--t-border, rgba(128, 128, 128, 0.2));
    min-height: 100%;
}
.skeleton-cover {
    width: 100%;
    aspect-ratio: 2 / 3;
    border-radius: 10px;
}
.skeleton-line {
    height: 0.8rem;
    border-radius: 6px;
}
.skeleton-btn {
    height: 2.1rem;
    border-radius: 10px;
    margin-top: auto;
}
.sk-shimmer {
    background:
        linear-gradient(100deg,
            transparent 20%,
            color-mix(in srgb, var(--t-ink, #f5f2ec) 9%, transparent) 50%,
            transparent 80%)
        var(--t-hover, rgba(128, 128, 128, 0.14));
    background-size: 200% 100%;
    animation: sk-brillo 1.3s ease-in-out infinite;
}
@keyframes sk-brillo {
    0%   { background-position: 150% 0; }
    100% { background-position: -50% 0; }
}
@media (prefers-reduced-motion: reduce) {
    .sk-shimmer { animation: none; }
}