/* Estilos de cursos.php */

.anim-fade-up {
          opacity: 0;
          transform: translateY(30px);
          transition: opacity 0.7s ease-out, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
          will-change: opacity, transform;
        }
        .anim-fade-up.is-visible {
          opacity: 1;
          transform: translateY(0);
        }

        .anim-cards-right {
          opacity: 0;
          transform: translateX(80px);
          transition:
            opacity 1s ease-out 0.4s,
            transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;
          will-change: opacity, transform;
        }
        .anim-cards-right.is-visible {
          opacity: 1;
          transform: translateX(0);
        }

        .anim-pills-left {
          opacity: 0;
          transform: translateX(-80px);
          transition:
            opacity 1s ease-out 0.6s,
            transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
          will-change: opacity, transform;
        }
        .anim-pills-left.is-visible {
          opacity: 1;
          transform: translateX(0);
        }

        @media (prefers-reduced-motion: reduce) {
          .anim-fade-up,
          .anim-cards-right,
          .anim-pills-left {
            opacity: 1;
            transform: none;
            transition: none;
          }
        }