/* Aregue todo su codigo personalizado aquí */

.player-button {
    font-weight: 700;
}

/* ==========================================
   FONDO ESTÁTICO REAL (Sin tocar el JS)
   ========================================== */
.app {
    background-image: url('https://i.ibb.co/20yKLnVw/14dbd3a2-3372-4dfb-9330-20d651d6173f.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

/* ==========================================
   ARREGLO DEFINITIVO PC Y MOVIL
   ========================================== */

@media (min-width: 992px) {
    .player-cover-title {
        width: auto !important;
        max-width: 250px !important;
        min-width: 0;
    }

    .player-cover-title .station-name {
        font-size: 12px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) {
    .player-social:not(.modal-social) {
        display: none !important;
    }
    
    .player-cover-title {
        width: auto !important;
        max-width: 160px !important;
        min-width: 0;
    }

    .player-cover-title .station-name {
        font-size: 11px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}