/* WumSports Streams — todo con prefijo .wum-st / .wum-streams, sin estilos globales. */
.wum-streams {
	--wum-st-red: #e62117;
	--wum-st-dark: #14161a;
	--wum-st-muted: #6b6f76;
	display: grid;
	gap: 14px;
	margin: 0 0 24px;
}
.wum-streams a { text-decoration: none; color: inherit; }

.wum-st-media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	background: var(--wum-st-dark);
	border-radius: 4px;
	overflow: hidden;
}
.wum-st-media img,
.wum-st-media iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
	display: block;
	transition: transform .3s ease;
}
.wum-st-main:hover .wum-st-media img,
.wum-st-card:hover .wum-st-media img { transform: scale(1.03); }

.wum-st-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	background: var(--wum-st-dark);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 4px 8px;
	border-radius: 3px;
}
.wum-st-badge--live { background: var(--wum-st-red); }
.wum-st-badge--live::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 6px;
	border-radius: 50%;
	background: #fff;
	vertical-align: 1px;
	animation: wum-st-pulse 1.4s infinite;
}
@keyframes wum-st-pulse { 50% { opacity: .25; } }

.wum-st-play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 64px;
	height: 44px;
	margin: -22px 0 0 -32px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .65);
	transition: background .2s;
}
.wum-st-play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -6px;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #fff;
}
.wum-st-main:hover .wum-st-play,
.wum-st-card:hover .wum-st-play { background: var(--wum-st-red); }
.wum-st-card .wum-st-play { width: 46px; height: 32px; margin: -16px 0 0 -23px; }
.wum-st-card .wum-st-play::after { margin: -7px 0 0 -5px; border-width: 7px 0 7px 12px; }

.wum-st-info { display: block; padding: 8px 2px 0; }
.wum-st-when {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--wum-st-red);
	margin-bottom: 3px;
}
.wum-st-title {
	display: block;
	font-weight: 700;
	line-height: 1.3;
	color: #111;
}
.wum-st-main .wum-st-title { font-size: 20px; }
.wum-st-card .wum-st-title { font-size: 14px; }

.wum-st-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 14px;
}

.wum-streams--empty {
	padding: 22px;
	background: #f2f3f5;
	border-radius: 4px;
	text-align: center;
}
.wum-streams--empty p { margin: 0 0 12px; }
.wum-st-btn {
	display: inline-block;
	padding: 8px 16px;
	background: var(--wum-st-red);
	color: #fff !important;
	border-radius: 3px;
	font-weight: 700;
	font-size: 13px;
}

@media (max-width: 600px) {
	.wum-st-main .wum-st-title { font-size: 17px; }
	.wum-st-list { grid-template-columns: 1fr 1fr; }
}