/* ===== CONTENEDOR PRINCIPAL ===== */
    #palpitar-radio-player {
      height: 100dvh;
      max-height: 100dvh;
      max-width: 100dvh;
      margin: 0 auto;
      background: linear-gradient(180deg, #0a1a2f, #081423);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 16px;
      box-sizing: border-box;
    }

    /* ===== PORTADA ===== */
    #cover {
      width: 100%;
      max-height: 100dvh;
      object-fit: cover;
      border-radius: 14px;
      background: #0b4fa3;
    }

    /* ===== INFO ===== */
    #station-name {
      font-size: 18px;
      font-weight: 700;
      margin-top: 10px;
      text-align: center;
      color: #ffffff; /* ← BLANCO */
    }

    #now-playing {
      margin-top: 8px;
    }

    .np-line {
      margin: 4px 0;
      line-height: 1.4;
      text-align: center;
    }

    .np-label {
      font-size: 20px;
      color: #cfd9e6;
      font-weight: 600;
      margin-right: 6px;
    }

    .np-value {
      font-size: 16px;
      font-weight: 600;
      color: #9ecbff;
    }

    /* ===== CONEXIÓN ===== */
    #listening-mode {
      margin-top: 8px;
      text-align: center;
    }

    .listen-label {
      font-size: 12px;
      color: #cfd9e6;
      margin: 0;
    }

    .listen-value {
      font-size: 14px;
      font-weight: 600;
      margin-top: 2px;
      color: #ffffff; /* ← BLANCO */
    }

    /* ===== BOTÓN PLAY ===== */
    #playBtn {
      margin: 14px auto;
      width: 96px;
      height: 96px;
      font-size: 44px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      background: #0b4fa3;
      color: #ffffff;
      box-shadow: 0 8px 20px rgba(0,0,0,.45);
    }

    /* ===== MENSAJE AYUDA ===== */
    #quality-hint {
      font-size: 13px;
      color: #cfd9e6;
      text-align: center;
      margin-bottom: 8px;
      opacity: 0.85;
    }

    /* ===== CANALES ===== */
    .channels {
      display: flex;
      gap: 10px;
      margin-bottom: 6px;
    }

    .channels button {
      flex: 1;
      padding: 10px;
      border-radius: 10px;
      border: 1px solid #1f3b63;
      cursor: pointer;
      background: #0f2545;
      color: #ffffff;
      font-size: 14px;
    }

    .channels button.active {
      background: #f59e0b;
      color: #000;
      border-color: #f59e0b;
    }

    /* ===== AJUSTES SOLO MÓVIL ===== */
    @media (max-width: 600px) {
      #palpitar-radio-player {
        padding: 14px;
      }

      #playBtn {
        width: 88px;
        height: 88px;
        font-size: 40px;
      }
    }