/* Animação do selo de acessibilidade (publico/acessibilidade.php).
   Extraído do <style> próprio de tela para o bundle compartilhado — ver
   .claude/rules/04-ui-ux.md e docs do padrão único (P2). */
.acess-selo-animado {
  display: inline-block;
  animation: acessSeloEntrada 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.acess-selo-animado:hover {
  animation: acessSeloPulse 2s ease-in-out infinite;
}
@keyframes acessSeloEntrada {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes acessSeloPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.acess-selo-card{text-align:center}
.acess-selo-preview{display:flex;justify-content:center}
.acess-recurso-card{cursor:default}
.acess-embed-preview{text-align:center}
.acess-embed-grid{align-items:center}