@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/cinzel.woff2') format('woff2');
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

/* Classes auxiliares e estilos customizados */

.font-serif-custom {
  font-family: 'Times New Roman', Times, serif;
}

/* Impede a seleção de texto em todo o site */
body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Padrão */
}

/* Impede o arrasto de imagens */
img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  -user-drag: none;
  pointer-events: none; /* Desativa interações de clique direito/salvar na imagem */
}

/* Delays para animação sequencial */
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }

/* Animações da Onda Pulsante do WhatsApp */
@keyframes whatsapp-ripple {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.whatsapp-pulse-wave-1 {
  animation: whatsapp-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.whatsapp-pulse-wave-2 {
  animation: whatsapp-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation-delay: 0.6s;
}



/* Animação Keyframe para o surgimento */
@keyframes fadeInUpSmooth {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Classe base para todos os elementos com animação */
.reveal-item {
  opacity: 0;
  transform: translateY(30px);
  will-change: opacity, transform;
}

/* Quando ganha a classe active (via carregamento ou scroll) */
.reveal-item.active {
  animation: fadeInUpSmooth 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Atrasos sequenciais (staggering) */
.reveal-item.delay-1 { animation-delay: 0.3s !important; }
.reveal-item.delay-2 { animation-delay: 0.6s !important; }
.reveal-item.delay-3 { animation-delay: 0.9s !important; }