/**
 * Animações premium — apenas desktop (≥1024px)
 * e prefers-reduced-motion: no-preference.
 * Mobile: estático (ver final do arquivo).
 */

@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
  .bp-btn--primary:hover,
  .bp-btn--dark:hover,
  .bp-btn--outline:hover,
  .bp-btn--ghost:hover {
    transform: translateY(-2px);
  }

  .bp-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--bp-shadow-lg);
    border-color: rgba(0, 191, 99, 0.18);
  }

  .bp-benefit:hover {
    transform: translateY(-2px);
    box-shadow: var(--bp-shadow);
  }

  .bp-step:hover {
    transform: translateY(-3px);
    box-shadow: var(--bp-shadow);
  }

  /* Fundo em movimento suave */
  .bp-hero__grad {
    animation: bp-grad-drift 22s ease-in-out infinite alternate;
  }

  .bp-hero__blob--1 {
    animation: bp-blob-a 20s ease-in-out infinite alternate;
  }

  .bp-hero__blob--2 {
    animation: bp-blob-b 16s ease-in-out infinite alternate-reverse;
  }

  .bp-hero__float--1 {
    animation: bp-float 7s ease-in-out infinite;
  }

  .bp-hero__float--2 {
    animation: bp-float 9s 0.8s ease-in-out infinite reverse;
  }

  .bp-hero__float--3 {
    animation: bp-float 8s 0.4s ease-in-out infinite;
  }

  @keyframes bp-grad-drift {
    from {
      transform: translate(0, 0) scale(1);
    }
    to {
      transform: translate(2%, -1.5%) scale(1.04);
    }
  }

  @keyframes bp-blob-a {
    from {
      transform: translate(0, 0) scale(1);
    }
    to {
      transform: translate(36px, -48px) scale(1.12);
    }
  }

  @keyframes bp-blob-b {
    from {
      transform: translate(0, 0) scale(1);
    }
    to {
      transform: translate(-28px, 32px) scale(1.08);
    }
  }

  @keyframes bp-float {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-12px);
    }
  }

  /* Entrada no scroll (estilo Catálogos) */
  .bp-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.65s var(--bp-ease), transform 0.65s var(--bp-ease);
  }

  .bp-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .bp-reveal-stagger > .bp-reveal:nth-child(1) {
    transition-delay: 0ms;
  }
  .bp-reveal-stagger > .bp-reveal:nth-child(2) {
    transition-delay: 55ms;
  }
  .bp-reveal-stagger > .bp-reveal:nth-child(3) {
    transition-delay: 110ms;
  }
  .bp-reveal-stagger > .bp-reveal:nth-child(4) {
    transition-delay: 165ms;
  }
  .bp-reveal-stagger > .bp-reveal:nth-child(5) {
    transition-delay: 220ms;
  }
  .bp-reveal-stagger > .bp-reveal:nth-child(6) {
    transition-delay: 275ms;
  }

  /* Hero load-in */
  .bp-hero.is-ready .bp-hero__content {
    animation: bp-hero-in 0.85s var(--bp-ease) both;
  }

  .bp-hero.is-ready .bp-hero__visual {
    animation: bp-hero-in 0.95s 0.12s var(--bp-ease) both;
  }

  @keyframes bp-hero-in {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Transição suave entre seções */
  .bp-section {
    transition: background-color 0.4s ease;
  }
}

/* Mobile / tablet: sem animações pesadas */
@media (max-width: 1023px) {
  .bp-reveal {
    opacity: 1;
    transform: none;
  }

  .bp-hero__grad,
  .bp-hero__blob,
  .bp-hero__float {
    animation: none !important;
  }

  .bp-hero__float {
    display: none;
  }

  .bp-card,
  .bp-benefit,
  .bp-step,
  .bp-btn {
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  }

  .bp-card:hover,
  .bp-benefit:hover,
  .bp-step:hover {
    transform: none;
  }
}