/* Estilo general del body */
 body {
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     background: url('img/nocover.jpg') no-repeat center center fixed;
     /* Fondo predeterminado */
     background-size: cover;
     position: relative;
     overflow: hidden;
 }

 /* Efecto desenfocado en el fondo */
 body::before {
     content: "";
     position: fixed;
     /* Cambiar a fixed para cubrir toda la pantalla */
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: inherit;
     filter: blur(20px);
     /* Efecto de desenfoque */
     z-index: -2;
 }

 /* Capa semitransparente morada encima del fondo desenfocado */
 .overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(59, 0, 132, 0.8);
     /* Color morado con transparencia */
     z-index: -1;
     /* Colocarlo sobre el fondo desenfocado */
 }

 /* Reproductor centrado */
 .myCast {
     z-index: 1;
     width: 100%;
     max-width: 400px;
     /* 400 para player cuadrado y superior para player largo */
     /* Limitar tamaño máximo del reproductor */
 }

footer {
    background-color: rgba(0, 0, 0, 0.6); /* Fondo negro transparente */
    color: white; /* Color de texto blanco */
    text-align: center; /* Centrar el texto */
    padding: 0px; /* Espaciado alrededor del texto */
    position: fixed; /* Para que se quede en la parte inferior de la pantalla */
    bottom: 0;
    left: 0;
    font-weight: 300;   /* Peso de fuente en negrita */
    width: 100%; /* Abarcar todo el ancho de la pantalla */
    font-family: 'Poppins', sans-serif; /* Asegura que se use la misma fuente que el resto de la página */
}