/* La rosa comparte el botón, el progreso y la cadenita de la cuenta original. */
.cuenta .cuenta-rosa {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 108%;
  height: 108%;
  max-width: none;
  object-fit: contain;
  transform: translate(-50%, -50%);
  opacity: 0;
  filter: drop-shadow(0 2px 3px #0009);
  pointer-events: none;
}
body[data-estilo-cuentas="rosas"] .cuenta[data-estado="completa"][data-rosa-lista="true"]::before,
body[data-estilo-cuentas="rosas"] .cuenta[data-estado="completa"][data-rosa-lista="true"] .cuenta-perla { opacity: 0; }
body[data-estilo-cuentas="rosas"] .cuenta[data-estado="completa"][data-rosa-lista="true"] .cuenta-rosa { opacity: 1; }

body[data-estilo-cuentas="rosas"] .cuenta-floreciendo {
  --rosa-inicio: .72;
  --rosa-abrir: 1.04;
  --rosa-duracion: 480ms;
}
body[data-movimiento="suave"] .cuenta-floreciendo {
  --rosa-inicio: .94;
  --rosa-abrir: 1;
  --rosa-duracion: 380ms;
}
body[data-estilo-cuentas="rosas"] .cuenta-floreciendo .cuenta-rosa {
  animation: rosa-florecer var(--rosa-duracion) cubic-bezier(.2,.65,.3,1) both;
}
body[data-estilo-cuentas="rosas"] .cuenta-floreciendo .cuenta-perla,
body[data-estilo-cuentas="rosas"] .cuenta-floreciendo::before {
  animation: rosa-despedir-perla var(--rosa-duracion) ease-out both;
}
@keyframes rosa-florecer {
  from { opacity: 0; transform: translate(-50%, -50%) scale(var(--rosa-inicio)); }
  70% { opacity: 1; transform: translate(-50%, -50%) scale(var(--rosa-abrir)); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes rosa-despedir-perla {
  from { opacity: 1; }
  65%, to { opacity: 0; }
}
body[data-movimiento="quieto"] .cuenta-floreciendo,
body[data-movimiento="quieto"] .cuenta-floreciendo img,
body[data-movimiento="quieto"] .cuenta-floreciendo::before { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .cuenta-floreciendo, .cuenta-floreciendo img, .cuenta-floreciendo::before { animation: none !important; }
}