/* Aregue todo su codigo personalizado aquí */

.player-button {

    font-weight: 700;
    
}

.app-player .player-button-alt {
    padding: .2vw .80vw;
  
}

.app-player .player {
    padding: .3vw;
}

.color-text {
    color: rgb(255 255 255 / 62%);
    font-weight: 400;
}

#app-player .player-program-badge {

    font-weight: 800;
   background-color: #fa1100;
}

#app-player .player-button {

    font-weight: 600;
   
}

/* Fallback visual fixes: keep volume control visible over dark player backgrounds. */
#app-player .player-range-fill {
    background-color: #ffffff !important;
}
#app-player .player-range-thumb {
    background-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,.35);
}
#app-player .player-range-wrapper {
    background-color: rgba(255,255,255,.35) !important;
}


/* 1.0.8 - Eliminar el círculo/anillo de enfoque de los controles,
   sin modificar el botón principal Play/Pause. */
#app-player .player-button:not(.player-button-play):focus,
#app-player .player-button:not(.player-button-play):active,
#app-player .player-button:not(.player-button-play):focus-visible {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

#app-player .player-button:not(.player-button-play)::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}


/* 1.0.9 - Play activo: mantener un círculo definido y fijo.
   Se desactiva únicamente la animación pulse del botón Play. */
#app-player .player-button-play.is-active {
    --pulse-state: none !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.85) !important;
}
#app-player .player-button-play.is-active::before,
#app-player .player-button-play.is-active::after {
    display: none !important;
    animation: none !important;
}

/* 1.0.17 - el contenedor real del scroll de letras es #lyrics. */
#app-player #modal-lyrics .modal-body#lyrics {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}
#app-player #modal-lyrics .modal-body#lyrics,
#app-player #modal-lyrics .modal-body#lyrics p {
    letter-spacing: normal !important;
    word-spacing: normal !important;
}