/* ==========================================================================
   ARQUIVO PRINCIPAL: style.css
   DESCRIÇÃO: Este é o arquivo que organiza e importa todos os módulos de estilo.
   Ele mantém o código 100% organizado e limpo!
   ========================================================================== */

/* 1. Módulo de Cores, Fontes e Sombras */
@import url('variables.css');

/* 2. Módulo de Estrutura Básica e Reset */
@import url('base.css');

/* 3. Módulo dos Componentes (Cartões, Botões e Rodapé) */
@import url('components.css');

/* --------------------------------------------------------------------------
   ANIMAÇÃO DE ENTRADA SUAVE (Fade-in ao carregar a página)
   -------------------------------------------------------------------------- */
@keyframes surgirSuave {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animar-entrada {
    animation: surgirSuave 0.6s ease-out forwards;
}