/*
 * style.css (Versão Corrigida)
 * Removido o @apply para evitar o erro, utilizando apenas CSS puro.
 */

/* O PDF.js renderiza em um Canvas, esta é a única regra que pode ser mantida
   se você quiser um seletor simples para os botões de controle, mas sem `@apply` */
.control-btn {
    /* Não há substituição direta para o @apply aqui. */
    /* Você pode adicionar estilos CSS puros se for absolutamente necessário. */
    cursor: pointer; /* Apenas o cursor é CSS puro */
}

/* Garante que o canvas seja visível e tenha um tamanho inicial */
#pdf-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* 2. Animações Customizadas */

/* Animação para o botão CTA principal */
@keyframes bounce-slow {
    0%, 100% { transform: translateY(0) scale(1.0); }
    50% { transform: translateY(-3px) scale(1.01); }
}

.animate-bounce-slow {
    animation: bounce-slow 3s infinite ease-in-out;
}

/* Animação para Hero Text */
@keyframes fade-in-down {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-down {
    animation: fade-in-down 0.8s ease-out both;
}

.animate-fade-in {
    animation: fade-in-down 1.2s ease-out both;
}

/* 3. Scroll Reveal (Estilo Básico) */
.reveal-element {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}