/* Medayork: fichas 3D — tamaño y animaciones sutiles de las fichas premium (funciona en Chromium 87). */
.f3d { display: inline-block; overflow: visible; vertical-align: bottom; }

/* Brillo que pasa por la NMAX de oro */
.f3d-premium .f3d-brillo { animation: f3d-brillo 3.2s ease-in-out infinite; }
@keyframes f3d-brillo {
  0% { transform: translateX(0); }
  55%, 100% { transform: translateX(190px); }
}

/* Rueditas girando */
.f3d-premium .f3d-rueda { transform-box: fill-box; transform-origin: 50% 50%; animation: f3d-rueda 1.6s linear infinite; }
@keyframes f3d-rueda { to { transform: rotate(360deg); } }

/* Chispitas que titilan */
.f3d-premium .f3d-chispa { transform-box: fill-box; transform-origin: 50% 50%; animation: f3d-chispa 2.4s ease-in-out infinite; }
@keyframes f3d-chispa {
  0%, 100% { transform: scale(.35); opacity: 0; }
  40% { transform: scale(1); opacity: 1; }
  70% { transform: scale(.6); opacity: .4; }
}

/* Bombillos de la chiva rumbera (dos grupos que se turnan) */
.f3d-premium .f3d-luz { animation: f3d-luz 1.2s linear infinite; }
.f3d-premium .f3d-luz-b { animation-delay: -.6s; }
@keyframes f3d-luz {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: .15; }
}

@media (prefers-reduced-motion: reduce) {
  .f3d-premium .f3d-brillo,
  .f3d-premium .f3d-rueda,
  .f3d-premium .f3d-chispa,
  .f3d-premium .f3d-luz { animation: none; }
  .f3d-premium .f3d-chispa { opacity: 1; transform: none; }
}