/* Mantiene visibles los cursos si JS no está disponible. */
@media (prefers-reduced-motion: no-preference) {
  .cc-courses-grid .cc-motion-pending { opacity: 0; translate: 0 16px; }
  .cc-courses-grid .cc-course.cc-motion-pending { translate: 0 32px; }
  .cc-courses-grid .cc-motion-active {
    animation: cc-course-appear 650ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: var(--cc-motion-delay, 0ms);
  }
  .cc-courses-grid .cc-course__icon.cc-motion-active,
  .cc-courses-grid .cc-course__title.cc-motion-active,
  .cc-courses-grid .cc-course__description.cc-motion-active,
  .cc-courses-grid .cc-course__specialist.cc-motion-active { animation-duration: 550ms; }
}
@keyframes cc-course-appear {
  from { opacity: 0; translate: 0 var(--cc-motion-distance, 16px); }
  to { opacity: 1; translate: 0 0; }
}
/* Respuesta suave al puntero; el foco ofrece la misma respuesta visual. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .cc-courses-grid .cc-course { transition: transform 250ms ease; }
  .cc-courses-grid .cc-course:hover,
  .cc-courses-grid .cc-course:focus-within { transform: scale(1.02); }
}