/**
 * Estilos específicos del widget PMTV - Más Vistos.
 * Los estilos base del carrusel vienen de program-carousel.css.
 */

/* Número de ranking sobre la tarjeta */
.pmtv-most-watched .pmtv-card-rank {
	position: absolute;
	bottom: -6px;
	left: -4px;
	font-size: clamp(52px, 9vw, 76px);
	font-weight: 900;
	font-style: italic;
	line-height: 1;
	color: #fff;
	-webkit-text-stroke: 2px rgba(0, 0, 0, 0.55);
	text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), -1px -1px 0 rgba(0, 0, 0, 0.3);
	pointer-events: none;
	user-select: none;
	z-index: 2;
}

/* Sombra interna en la imagen cuando hay ranking */
.pmtv-most-watched .pmtv-card-ranked .pmtv-card-media {
	box-shadow: inset 0 -50px 40px -10px rgba(0, 0, 0, 0.45);
}

/* Dejar espacio para el número en la parte inferior de la tarjeta */
.pmtv-most-watched .pmtv-card-ranked {
	padding-bottom: 18px;
}