/* v6.67 — respiração suave, contínua e perceptível dos ursinhos
   Ajuste sobre a v6.66: movimento continua elegante, mas agora volta a ser visível.
   A respiração é o protagonista; o balanço lateral é mínimo e mais lento. */

.bear-motion-shell,
.bear-sway-shell {
  display: block !important;
  width: 100% !important;
}

.bear-picture {
  overflow: visible !important;
}

.bear-motion-shell {
  transform-origin: 50% 82% !important;
  -webkit-transform-origin: 50% 82% !important;
}

.bear-sway-shell {
  transform-origin: 50% 90% !important;
  -webkit-transform-origin: 50% 90% !important;
}

/* Anula qualquer animação anterior diretamente na imagem */
.bear-sway-shell > .bear-hero {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  animation: none !important;
  -webkit-animation: none !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: no-preference) {
  .bear-motion-shell {
    animation: v667-bear-breathe 7.2s ease-in-out .2s infinite !important;
    -webkit-animation: v667-bear-breathe 7.2s ease-in-out .2s infinite !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  .bear-sway-shell {
    animation: v667-bear-sway 12.8s ease-in-out .1s infinite !important;
    -webkit-animation: v667-bear-sway 12.8s ease-in-out .1s infinite !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  @keyframes v667-bear-breathe {
    0%, 100% {
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
    50% {
      transform: translate3d(0, -4.1px, 0) scale3d(1.0032, 1.0112, 1);
    }
  }

  @-webkit-keyframes v667-bear-breathe {
    0%, 100% {
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
    50% {
      -webkit-transform: translate3d(0, -4.1px, 0) scale3d(1.0032, 1.0112, 1);
    }
  }

  @keyframes v667-bear-sway {
    0%, 100% {
      transform: translate3d(-0.55px, 0, 0);
    }
    50% {
      transform: translate3d(0.55px, 0, 0);
    }
  }

  @-webkit-keyframes v667-bear-sway {
    0%, 100% {
      -webkit-transform: translate3d(-0.55px, 0, 0);
    }
    50% {
      -webkit-transform: translate3d(0.55px, 0, 0);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .bear-motion-shell,
  .bear-sway-shell,
  .bear-hero {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    -webkit-transform: none !important;
  }
}