/* Estilos adicionais para compatibilidade */
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

/* Garantir que o gradiente de texto funcione */
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.text-transparent {
  color: transparent;
}

/* Melhorar responsividade */
@media (max-width: 768px) {
  .text-2xl {
    font-size: 1.5rem;
  }
  .text-3xl {
    font-size: 1.875rem;
  }
}

/* Garantir que os ícones apareçam corretamente */
[data-lucide] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

/* Melhorar a aparência do vídeo */
video {
  border-radius: 1rem;
}

/* Hover effects para botões */
.hover\:scale-105:hover {
  transform: scale(1.05);
}

.hover\:bg-red-700:hover {
  background-color: #b91c1c;
}

/* Garantir que o footer seja respeitado */
.min-h-screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.flex-1 {
  flex: 1 1 0%;
  overflow: hidden;
}

/* Garantir que o conteúdo não sobreponha o footer */
#root > div {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Garantir que o background cubra toda a página */
body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom right, #111827, #1f2937, #000000);
  min-height: 100vh;
}

html {
  height: 100%;
  background: linear-gradient(to bottom right, #111827, #1f2937, #000000);
}

/* Efeito pulsante  */
.animate-pulse-button {
  animation: pulse-button 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  box-shadow: 0 0 20px rgba(220, 38, 38, 0.5);
}

@keyframes pulse-button {
  0%, 100% {
    box-shadow: 0 0 20px rgba(220, 38, 38, 0.5);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 30px rgba(220, 38, 38, 0.8);
    transform: scale(1.02);
  }
}

/* Efeito hover */
.animate-pulse-button:hover {
  animation: none;
  box-shadow: 0 0 25px rgba(220, 38, 38, 0.9);
  transform: scale(1.05);
}