/* Animaciones — sutiles y ejecutivas */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal-fade,
  .hero-inner > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html.motion-enabled .site-header {
    transition:
      box-shadow 0.35s ease,
      background-color 0.35s ease;
  }

  html.motion-enabled .site-header.is-scrolled {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  }

  html.motion-enabled .hero-home::after {
    animation: hero-line-pulse 3s ease-in-out infinite;
  }

  @keyframes hero-line-pulse {
    0%,
    100% {
      opacity: 0.7;
      transform: translateX(-50%) scaleX(1);
    }
    50% {
      opacity: 1;
      transform: translateX(-50%) scaleX(1.15);
    }
  }

  .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition:
      opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .reveal-fade {
    opacity: 0;
    transition: opacity 0.55s ease;
    transition-delay: var(--reveal-delay, 0ms);
  }

  .reveal.is-visible,
  .reveal-fade.is-visible {
    opacity: 1;
    transform: none;
  }

  html.motion-enabled .spotlight-area .spotlight-head,
  html.motion-enabled .spotlight-area .spotlight-stage {
    opacity: 1;
    transform: none;
  }

  html.motion-enabled .spotlight-card-media img {
    transition: transform 0.55s ease;
  }

  html.motion-enabled .spotlight-card:hover .spotlight-card-media img {
    transform: scale(1.05);
  }

  html.motion-enabled .spotlight-card-cta {
    transition:
      background 0.2s ease,
      transform 0.2s ease;
  }

  html.motion-enabled .spotlight-card:hover .spotlight-card-cta {
    transform: translateX(3px);
  }

  html.motion-enabled .ps-profile-photo img {
    transition: transform 0.5s ease;
  }

  html.motion-enabled .ps-profile-card:hover .ps-profile-photo img {
    transform: scale(1.02);
  }

  html.motion-enabled .temas-index-link {
    transition:
      transform 0.3s ease,
      border-color 0.3s ease,
      box-shadow 0.3s ease;
  }

  html.motion-enabled .temas-index-link:hover {
    transform: translateY(-2px);
  }

  html.motion-enabled .popular-pill {
    transition:
      transform 0.2s ease,
      border-color 0.2s ease,
      background 0.2s ease;
  }

  html.motion-enabled .popular-pill:hover {
    transform: translateY(-1px);
  }

  html.motion-enabled .ps-plan li {
    transition:
      transform 0.35s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease;
  }

  html.motion-enabled .ps-plan li:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  }

  html.motion-enabled .metric-card,
  html.motion-enabled .chart-card,
  html.motion-enabled .problem-card {
    transition:
      transform 0.35s ease,
      box-shadow 0.35s ease;
  }

  html.motion-enabled .metric-card:hover,
  html.motion-enabled .chart-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  }

  html.motion-enabled .nav-dropdown-menu {
    transition:
      opacity 0.2s ease,
      transform 0.2s ease;
  }

  html.motion-enabled .nav-dropdown.is-hover .nav-dropdown-menu {
    animation: menu-in 0.22s ease forwards;
  }

  @keyframes menu-in {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}