/* Carrusel de vídeos de Play & Mix (sustituye al carrusel de Elementor Pro). */
.pmt-carousel {
	--pmt-car-gap: 16px;
	--pmt-car-per: 3;
	position: relative;
}
.pmt-car-track {
	display: flex;
	gap: var(--pmt-car-gap);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.pmt-car-track::-webkit-scrollbar { display: none; }
.pmt-car-slide {
	flex: 0 0 calc((100% - (var(--pmt-car-per) - 1) * var(--pmt-car-gap)) / var(--pmt-car-per));
	scroll-snap-align: start;
}
.pmt-yt,
.pmt-yt iframe {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 8px;
	overflow: hidden;
}
.pmt-yt {
	padding: 0;
	background: #000;
	cursor: pointer;
}
.pmt-yt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s, opacity .3s;
}
.pmt-yt:hover img,
.pmt-yt:focus-visible img { transform: scale(1.04); opacity: .85; }
.pmt-yt-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	background: linear-gradient(193deg, #f7a90c 0%, #e77103 100%);
	box-shadow: 0 4px 18px rgba(0, 0, 0, .45);
}
.pmt-yt-play::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -11px 0 0 -7px;
	border-style: solid;
	border-width: 11px 0 11px 19px;
	border-color: transparent transparent transparent #fff;
}
.pmt-car-nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
}
.pmt-car-nav[disabled] { opacity: 0; pointer-events: none; }
.pmt-car-prev { left: 6px; }
.pmt-car-next { right: 6px; }

/* Tablet: 2 vídeos; móvil: 1 vídeo y se ve un poco del siguiente para invitar a deslizar. */
@media (max-width: 1024px) { .pmt-carousel { --pmt-car-per: 2; } }
@media (max-width: 600px) {
	.pmt-carousel { --pmt-car-per: 1.15; --pmt-car-gap: 10px; }
	.pmt-car-nav { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.pmt-car-track { scroll-behavior: auto; }
	.pmt-yt img { transition: none; }
}