/* Movimento suave nos botões e entrada dos três bônus. */
.button-pulse {
  position: relative;
  transform-origin: center;
  animation: pomar-button-pulse 2.6s ease-in-out infinite;
}

.button-pulse::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  animation: pomar-button-halo 2.6s ease-out infinite;
}

.button-pulse:hover,
.button-pulse:focus,
.button-pulse:hover::after,
.button-pulse:focus::after {
  animation-play-state: paused;
}

.button-cream.button-pulse {
  --pulse-color: rgba(214, 229, 170, .3);
}

@keyframes pomar-button-pulse {
  0%, 100% { transform: scale(1); }
  45% { transform: scale(1.025); }
}

@keyframes pomar-button-halo {
  0% { box-shadow: 0 0 0 0 var(--pulse-color, rgba(33, 75, 53, .22)); }
  65%, 100% { box-shadow: 0 0 0 13px transparent; }
}

/* O conteúdo permanece visível mesmo sem JavaScript. */
.bonus.bonus-reveal-start {
  animation: pomar-bonus-reveal .75s cubic-bezier(.2, .7, .25, 1) var(--bonus-reveal-delay, 0s) both;
}

@keyframes pomar-bonus-reveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .button-pulse,
  .button-pulse::after,
  .bonus.bonus-reveal-start {
    animation: none;
  }
}