/* =========================
   FONDO ANIMADO
========================= */
/* BODY */
body{
    background:#0d0d0d;
    overflow-x:hidden;
    position:relative;
}

/* GLOW 1 */
body::before{
    content:"";
    position:fixed;
    width:600px;
    height:600px;
    background:radial-gradient(circle, rgba(234,76,137,0.25), transparent);
    filter:blur(120px);
    top:-150px;
    left:-150px;
    animation:moveGlow1 8s infinite alternate ease-in-out;
    z-index:-1;
    pointer-events:none;
}

/* GLOW 2 */
body::after{
    content:"";
    position:fixed;
    width:500px;
    height:500px;
    background:radial-gradient(circle, rgba(255,106,163,0.2), transparent);
    filter:blur(120px);
    bottom:-150px;
    right:-150px;
    animation:moveGlow2 10s infinite alternate ease-in-out;
    z-index:-1;
    pointer-events:none;
}

/* ANIMACIONES MÁS VISIBLES */
@keyframes moveGlow1{
    from{
        transform:translate(0,0) scale(1);
    }
    to{
        transform:translate(300px,200px) scale(1.3);
    }
}

@keyframes moveGlow2{
    from{
        transform:translate(0,0) scale(1);
    }
    to{
        transform:translate(-250px,-150px) scale(1.25);
    }
}