/* =============================
           🔹 Estilos dinámicos para Player 2
           ============================= */

        :root {
            --primary-bg: #f11e1e;
            --secondary-bg: #dd9a08;
            --text-color: #f7f8f1;  /* 🔹 Aquí se define el color correcto del texto */
            --icon-color: #f6eeee; /* 🔹 Aquí se define el color correcto de los íconos */
            --highlight-color: #fbf4f4;
            --border-radius: 15px;
        }

        /* Fondo y estructura del player */
        .player-expanded {
            background: linear-gradient(45deg, var(--primary-bg), var(--secondary-bg));
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
            color: var(--text-color) !important;
        }

        /* ==============================
           🔹 CORRECCIÓN: Color correcto en textos
           ============================== */
        .radio-info, .radio-details,
        .now-playing, .live-indicator span,
        .social-link {
            color: var(--text-color) !important; /* 🔹 Se asegura que los textos tengan el color correcto */
        }

        /* Botón Escríbenos (WhatsApp) */
        .whatsapp-btn {
            background-color: #25d366;
            color: #ffffff;
            border: none;
            padding: 8px 12px;
            border-radius: 5px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            margin-right: 5px;
            white-space: nowrap;
        }

        .whatsapp-btn:hover {
            opacity: 0.9;
        }

        /* Botón Video en Vivo */
        .btn-video {
            background-color: var(--highlight-color);
            color: var(--text-color);
            border: none;
            padding: 8px 12px;
            border-radius: 5px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            margin-right: 5px;
            white-space: nowrap;
        }

        .btn-video:hover {
            opacity: 0.9;
        }

        /* ==============================
           🔹 CORRECCIÓN: Color correcto en Íconos
           ============================== */
        .play-btn, .menu-btn,
        .fa-microphone-lines, .fa-location-dot,
        .social-menu a {
            color: var(--icon-color) !important; /* 🔹 Se asegura que los íconos tengan el color correcto */
        }

        /* Slider de volumen */
        input[type="range"]::-webkit-slider-thumb {
            background-color: var(--icon-color);
        }