body {
    background-image: url("img/fondo4.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; /* Centrado perfecto horizontal y vertical */
    
    /* 1. SE FIJA AL FONDO: Evita que el fondo se mueva o se rompa al hacer scroll */
    background-attachment: fixed; 

    /* 2. ALTO MÍNIMO: Obliga al fondo a cubrir el 100% del alto de la pantalla del dispositivo */
    min-height: 100vh; 
    width: 100%;

    /* Tus propiedades de centrado para el reproductor */
    display: flex;
    justify-content: center;
    align-items: center;
}