#mobile_track_progress {
			-webkit-appearance: none;
			appearance: none;
			width: 100%;
			background: transparent;
			cursor: pointer;
		}

		#mobile_track_progress:focus { outline: none; }

		#mobile_track_progress::-webkit-slider-runnable-track {
			width: 100%;
			height: 4px;
			background: #0CCC23;
			border-radius: 4px;
		}

		#mobile_track_progress::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			height: 11px;
			width: 11px;
			border-radius: 50%;
			background: #1572e8;
			margin-top: -4px;    
		}

		#mobile_track_progress::-moz-range-track {
			width: 100%;
			height: 4px;
			background: #0CCC23;
			border-radius: 4px;
			border: none;
		}

		#mobile_track_progress::-moz-range-thumb {
			height: 14px;
			width: 14px;
			border-radius: 50%;
			background: green;
			border: none;
		}	

		.clickable-player-info { cursor: pointer; }

		/* Control estricto de capas (Jerarquía Global) */
		#main_smartplayer_bar, .smartplayer {
			z-index: 1030 !important;
		}

		.modal-backdrop {
			z-index: 1040 !important;
		}

		.modal {
			z-index: 1050 !important;
		}

		#modalPlayerMobile {
			z-index: 1060 !important;
		}

		#modalLetra, #modalInformacion, #modalNotificacion, #modalVideoPlayer, #modalAgregarLista {
			z-index: 1070 !important;
		}

		#pubModal {
			z-index: 10080 !important;
		}

		#modalPlayerMobile .modal-dialog {
			max-width: 100% !important;
			margin: 0 !important;
			height: 100vh;
		}
		
		#modalPlayerMobile .modal-content {
			height: 100vh;
			border-radius: 0;
			border: none;
			background-color: #1a2035 !important;
			box-shadow: none;
		}

		#mobileSwipeArea {
			will-change: transform, opacity;
			transition: transform 0s, opacity 0s;
		}

		#mobileSwipeArea.swiping-transition {
			transition: transform 0.25s ease-out, opacity 0.25s ease-out !important;
		}

		.marquee-container {
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			box-sizing: border-box;
			margin: 10px 0 5px 0;
		}

		.marquee-text {
			display: inline-block;
			padding-left: 100%;
			animation: marquee 10s linear infinite;
		}

		@keyframes marquee {
			0%   { transform: translate(0, 0); }
			100% { transform: translate(-100%, 0); }
		}

		.mobile-app-btn {
			border-radius: 50% !important;
			width: 50px !important;
			height: 50px !important;
			font-size: 18px !important;
		}

		.mobile-app-btn-play {
			border-radius: 50% !important;
			width: 65px !important;
			height: 65px !important;
			font-size: 24px !important;
		}