/* Animação de pulsação para chamar atenção aos botões de tela cheia */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.fullscreen-btn i {
  animation: pulse 2s infinite;
}

/* Efeito de hover para parar a animação */
.fullscreen-btn:hover i {
  animation: none;
}

/* Efeito de foco acessível */
.fullscreen-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(66, 100, 251, 0.5);
}

/* Efeito de transição no modal */
.demo-modal {
  transition: opacity 0.3s ease;
}

/* Efeito de transição na abertura do modal */
.modal-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.demo-modal.active .modal-content {
  opacity: 1;
  transform: translateY(0);
}