.play_body {
    margin: 0;
      padding: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Segoe UI', sans-serif;
      background: linear-gradient(-45deg, #1e3c72, #2a5298, #1cb5e0, #000046);
      background-size: 400% 400%;
      animation: gradientBG 15s ease infinite;

       }





@keyframes gradientBG {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* Contenedor del reproductor */
    .player-container {
      background: rgba(255, 255, 255, 0.1);
      border: 2px solid rgba(255, 255, 255, 0.2);
      border-radius: 20px;
      padding: 30px;
      width: 90%;
      max-width: 500px;
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      color: #fff;
      text-align: center;
      transition: transform 0.3s ease;
    }

    .player-container:hover {
      transform: scale(1.03);
    }

    h2 {
      margin-bottom: 20px;
      font-size: 1.8em;
    }

    iframe {
      border: none;
      border-radius: 10px;
      transition: box-shadow 0.3s ease;
    }

    iframe:hover {
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    }