#splash-screen {
    transition: opacity .6s ease, visibility .6s ease;
}
#splash-screen img {
    width: min(300px, 70vw);

    animation:
        logoAppear .8s ease-out,
        logoFloat 2.5s ease-in-out infinite;

    filter:
        drop-shadow(0 0 10px rgba(62,177,229,.25))
        drop-shadow(0 0 20px rgba(62,177,229,.15));
}
#splash-screen.hide {
    opacity: 0;
    visibility: hidden;
}

#splash-screen img {
    width: clamp(180px, 35vw, 280px);
    opacity: 0;
    animation: splashEntrada .8s cubic-bezier(.16, 1, .3, 1) .3s forwards;
}

@keyframes splashEntrada {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}