/* ANIMACIÓN FADE-IN */
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-out;
}
.fade-in.animated {
    opacity: 1;
}

/* ANIMACIÓN FADE-OUT (adicional) */
.fade-out {
    opacity: 1;
    transition: opacity 1s ease-out;
}
.fade-out.animated {
    opacity: 0;
}