body {
    /* ... tus estilos existentes ... */
    opacity: 0; /* Asegura que el body sea invisible al inicio */
    animation-name: cargueLento;
    animation-duration: 0.5s; /* Un poco más largo para toda la página */
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0.001s; /* Un pequeño retraso */
}

@keyframes cargueLento {
    0% { opacity: 0; }
    100% { opacity: 1; }
}