#efeitos-flutuantes {
  position: fixed;
  inset: 0;
  z-index: 20;
  overflow: hidden;
  pointer-events: none;
}

.efeito-flutuante {
  position: absolute;
  bottom: -70px;
  display: block;
  pointer-events: none;
  user-select: none;
  will-change: transform, opacity;
  animation-name: flutuarPagina;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.efeito-coracao {
  color: #c8841a;
  line-height: 1;
  text-shadow: 0 2px 5px rgba(139, 58, 0, 0.2);
}

.efeito-flor {
  object-fit: contain;
  filter: drop-shadow(0 2px 5px rgba(139, 58, 0, 0.18));
}

@keyframes flutuarPagina {
  0% { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.72; }
  85% { opacity: 0.58; }
  100% { transform: translate3d(var(--desvio), -115vh, 0) rotate(var(--giro)); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #efeitos-flutuantes { display: none; }
}