/* =====================================================================
   iCasar — corações flutuantes (Etapa 19)
   Decoração sutil, usa a cor de destaque do modelo escolhido (--c3),
   então se adapta sozinha a qualquer tema/paleta aplicada.
   Fica por trás de todo o conteúdo (z-index baixo, pointer-events none)
   para nunca atrapalhar cliques ou leitura.
   ===================================================================== */
.c-coracoes {
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  overflow: hidden;
}
.c-coracao {
  position: absolute; bottom: -40px; color: var(--c3);
  opacity: 0; animation: cCoracaoSobe linear infinite;
  will-change: transform, opacity;
}
.c-coracao svg { width: 100%; height: 100%; display: block; }

@keyframes cCoracaoSobe {
  0%   { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }
  8%   { opacity: .35; }
  92%  { opacity: .22; }
  100% { transform: translateY(-110vh) translateX(var(--deriva, 30px)) rotate(var(--giro, 12deg)); opacity: 0; }
}

/* Discreto: menos e mais devagar em telas pequenas, para não pesar */
@media (max-width: 640px) {
  .c-coracao:nth-child(n+7) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .c-coracoes { display: none; }
}