/* public/assets/css/presenter-mode.css - Efeitos de sincronização do Modo Apresentador */

/* Destaque sincronizado */
.presenter-highlight {
  background: rgba(255, 215, 0, 0.2);
  border-left: 4px solid gold;
  transition: all 0.3s ease;
}

/* Animação breve de pulso no destaque */
.presenter-highlight-animate {
  animation: pulseHighlight 0.5s ease;
}

@keyframes pulseHighlight {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

/* Foco em elemento sincronizado */
.presenter-focus {
  box-shadow: 0 0 20px rgba(100, 200, 255, 0.5);
  border: 2px solid #64c8ff;
}