/* css/style.css */

/* Ajustes finos que o Tailwind padrão não cobre sem plugins extras */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Cursor piscando para o efeito de digitação */
@keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #1a1a1a; } }
.typing-cursor { border-right: 2px solid #1a1a1a; animation: blink-caret 0.75s step-end infinite; }

/* Classes de Animação de Entrada */
.reveal-entry { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal-entry.active { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }

/* Animação de flutuação suave */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.animate-float {
    /* Executa a animação 'float' em 4 segundos, de forma infinita e suave */
    animation: float 4s ease-in-out infinite;
    /* Melhora a renderização da imagem durante o movimento */
    will-change: transform;
}
#ebooks-wrapper {
    /* Adiciona um espaço nas laterais para o snap-center funcionar melhor no mobile */
    padding-left: 20px;
    padding-right: 20px;
}

/* css/style.css */

/* Animação Exclusiva para os Cards dos Pilares */
@keyframes elasticPop {
    0% {
        opacity: 0;
        transform: scale(0.8) translateY(50px);
    }
    60% {
        transform: scale(1.05) translateY(-10px); /* Leve esticada para dar vida */
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Quando a classe 'active' for adicionada pelo JS, executa a animação */
#pillars .pillar-card.reveal-entry.active {
    transition: none; /* Remove a transição padrão */
    animation: elasticPop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; /* Curva Bezier para efeito elástico */
}

/* Delays específicos para o efeito cascata (um depois do outro) */
#pillars .pillar-card:nth-child(1) { animation-delay: 0.1s; }
#pillars .pillar-card:nth-child(2) { animation-delay: 0.3s; }
#pillars .pillar-card:nth-child(3) { animation-delay: 0.5s; }
#pillars .pillar-card:nth-child(4) { animation-delay: 0.7s; }
#pillars .pillar-card:nth-child(5) { animation-delay: 0.9s; }