/* ------------------------------section-radio---------------------------- */


  .player_img{
    width: 100%;
    max-width: 500px;
    border-radius: 12px 12px 0 0;
    box-shadow:0px 0px 5px rgb(8, 8, 8);
    margin:auto;
  }
  .player{
    min-height: 250px;
    height: 100%;
    background-color:rgb(13 13 14 / 80%);
    background-image: url("../../img/front-page/radio/sound-waves-.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 0 0 12px 12px ;
    box-shadow:0px 0px 5px rgb(8, 8, 8);
    margin:auto;
    max-width: 500px;
  }

@media (min-width:768px) {
    .player_img{
        border-radius: 12px 0 0 12px;
    }
    .player{
        min-height: 200px;
        border-radius: 0 12px 12px 0;
    }
}
  
  .player_header{
    display: block;
  }
  .player_controls{
    margin-top: 10px;
    display: flex;
    width: 35%;
    justify-content: space-evenly;
    align-items: center;
    background: #111111db;
    border-radius: 20px;
    padding: 10px;
    border: 4px solid #00000087;
    box-shadow: inset 0 0 10px #333;
  
  }
  
  .player_btn{
    cursor: pointer;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    box-shadow:1px 1px 4px #111, -1px -1px 4px #1f1f1f;
    background-color: #0000008a;
  }
  
  .player_btn:active{
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow:inset 1px 1px 4px #111, inset -1px -1px 4px #1f1f1f;
  }
  


  
  .player_title{
    font-weight: 600;
    font-size: 0.8em;
    color:#f1eeee;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
  }
  

  
  .player_artist{
    font-size: 15px;
    margin: 10px 20px 0;
  }
  
  .player_song{
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 1em;
    opacity: 0.5;
    margin: 0;
  }
  
  .player_btn_medium{
    min-width: 50px;
    min-height: 50px;
  }
  
  .btn-blue{
    background-color: var(--guati-color-cuar);
    color: #fff;
  }
  
  .hidden-btn{
    display: none;
  }
  
  .Blink {
    color:var(--guati-color-prim);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--guati-color-prim);
    animation: blinker .5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
  }
  
  @keyframes blinker {  
    from { opacity: 1;}
    to { opacity: 0;}
  }
  
  .on-air{
      background-color: rgb(49, 46, 46);
      padding:2px 10px;
      border-radius: 10px;
      box-shadow:inset 1px 1px 4px #111, inset -1px -1px 4px #1f1f1f;
      border: 4px solid #1f1f1f;
      margin-top:15px;
      font-family: 'Roboto-Bold';
  } 
  
  /*----- END STYLE RADIO ------*/