/* v6.60 — acabamento final para publicação direta no Cloudflare */

/* Mantém a linha com a largura visual completa dos nomes. */
.name-plaque::after {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Movimento contínuo, perceptível e compatível com Safari/iPhone. */
.bear-hero {
  transform-origin: 50% 78% !important;
  animation: v660-bear-alive 4.4s .15s ease-in-out infinite both !important;
  -webkit-animation: v660-bear-alive 4.4s .15s ease-in-out infinite both !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

@keyframes v660-bear-alive {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate3d(-1.4px, -4px, 0) rotate(-.16deg) scale(1.011);
  }
  50% {
    transform: translate3d(0, -9px, 0) rotate(0deg) scale(1.022);
  }
  75% {
    transform: translate3d(1.4px, -4px, 0) rotate(.16deg) scale(1.011);
  }
}

@-webkit-keyframes v660-bear-alive {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: translate3d(-1.4px, -4px, 0) rotate(-.16deg) scale(1.011);
  }
  50% {
    -webkit-transform: translate3d(0, -9px, 0) rotate(0deg) scale(1.022);
  }
  75% {
    -webkit-transform: translate3d(1.4px, -4px, 0) rotate(.16deg) scale(1.011);
  }
}

@media (min-width: 431px) {
  .name-plaque::after {
    width: 98% !important;
    max-width: 98% !important;
  }
}