/* Naia animada · DChat Pro */
.naia { position: relative; overflow: hidden; display: block; background: #0c0a00; }
.naia--busto { aspect-ratio: 2 / 3; max-width: 100%; }
.naia--avatar { aspect-ratio: 1 / 1; border-radius: 50%; }
.naia__palco {
  position: absolute; inset: 0;
  transform-origin: 50% 100%;
  animation: naia-respira 4.6s ease-in-out infinite;
}
.naia--avatar .naia__palco { inset: auto; width: 213.3%; height: 320%; left: -63.5%; top: -47.9%; }
.naia__base, .naia__camada { position: absolute; display: block; user-select: none; pointer-events: none; }
.naia__base { inset: 0; width: 100%; height: 100%; }
.naia__camada { height: auto; opacity: 0; transition: opacity 70ms linear; }
.naia__camada--on { opacity: 1; }

/* gesto de confirmação: a tela do celular brilha e o check pulsa */
.naia__tela { position: absolute; left: 7%; top: 42.3%; width: 16.6%; height: 22%; border-radius: 14% / 8%; pointer-events: none; opacity: 0; }
.naia__check { position: absolute; left: 11.8%; top: 50.7%; width: 7.8%; aspect-ratio: 1 / 1; border-radius: 50%; pointer-events: none; opacity: 0; }
.naia--confirmando .naia__tela { animation: naia-tela 1.8s ease-out; }
.naia--confirmando .naia__check { animation: naia-check 1.8s ease-out; }
@keyframes naia-tela {
  0% { opacity: 0; box-shadow: 0 0 0 0 rgba(242,205,0,0); }
  20% { opacity: 1; box-shadow: 0 0 0 4px rgba(242,205,0,.85), 0 0 40px 8px rgba(242,205,0,.45); }
  100% { opacity: 0; box-shadow: 0 0 0 10px rgba(242,205,0,0), 0 0 60px 20px rgba(242,205,0,0); }
}
@keyframes naia-check {
  0% { opacity: 0; transform: scale(.6); box-shadow: 0 0 0 0 rgba(60,207,110,.0); }
  25% { opacity: 1; transform: scale(1.15); box-shadow: 0 0 0 6px rgba(60,207,110,.55); }
  45% { transform: scale(1); }
  100% { opacity: 0; box-shadow: 0 0 0 22px rgba(60,207,110,0); }
}
@keyframes naia-respira {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-0.35%) scale(1.006); }
}
@media (prefers-reduced-motion: reduce) {
  .naia__palco { animation: none; }
  .naia__camada { transition: none; }
  .naia--confirmando .naia__tela, .naia--confirmando .naia__check { animation: none; }
}