/* ==============================================================================
   ESTILOS - HOMENAGEM DONA ANA ZÉLIA (VERMELHO E BRANCO)
   ============================================================================== */

html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Scrollbar Personalizada */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1A040B;
}
::-webkit-scrollbar-thumb {
  background: #A4133C;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #FF4D6D;
}

/* Corações Flutuantes Criados ao Clicar */
.floating-heart-burst {
  position: fixed;
  bottom: 20px;
  font-size: 28px;
  pointer-events: none;
  z-index: 9999;
  animation: burstUp 2.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes burstUp {
  0% {
    transform: translateY(0) scale(0.6) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: translateY(-220px) scale(1.3) rotate(20deg);
    opacity: 0.9;
  }
  100% {
    transform: translateY(-500px) scale(0.4) rotate(-20deg);
    opacity: 0;
  }
}

/* Corações Flutuantes e Vivos Perto da Carta */
@keyframes floatGentle {
  0%, 100% {
    transform: translateY(0px) rotate(0deg) scale(1);
    opacity: 0.85;
  }
  50% {
    transform: translateY(-12px) rotate(6deg) scale(1.08);
    opacity: 1;
  }
}

@keyframes floatGentleAlt {
  0%, 100% {
    transform: translateY(0px) rotate(-5deg) scale(0.92);
    opacity: 0.75;
  }
  50% {
    transform: translateY(-18px) rotate(8deg) scale(1.05);
    opacity: 1;
  }
}

.ambient-heart-1 {
  animation: floatGentle 4.5s ease-in-out infinite;
}

.ambient-heart-2 {
  animation: floatGentleAlt 5.5s ease-in-out infinite 0.8s;
}

.ambient-heart-3 {
  animation: floatGentle 3.8s ease-in-out infinite 1.6s;
}

.ambient-heart-4 {
  animation: floatGentleAlt 6.2s ease-in-out infinite 2.2s;
}