/* ESTILOS GERAIS */
body {
    background: #0f172a;
    /* slate-900 */
}

/* Pode adicionar estilos extras aqui conforme crescer o projeto */

/* Exemplo: animação suave */
.fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media print {

    /* Esconde tudo no site */
    body * {
        visibility: hidden;
    }

    /* Força a exibição da área de impressão */
    #areaImpressao,
    #areaImpressao * {
        visibility: visible;
    }

    #areaImpressao {
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background: white;
        color: black;
    }

    /* Remove margens automáticas do navegador */
    @page {
        margin: 0;
        size: auto;
    }
}