.woocommerce-product-gallery .woovid-slide {
	background: #000;
}

.woovid-video {
	display: block;
	width: 100%;
	height: auto;
	max-height: 80vh;
	background: #000;
}

.woovid-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

.woovid-embed iframe,
.woovid-embed embed,
.woovid-embed object,
.woovid-embed video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.woovid-embed--fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: auto;
	padding: 2em;
	background: #000;
}

.woovid-embed--fallback a {
	color: #fff;
}

/* --- Bloque "Product Gallery" (temas de bloques) --- */

.woovid-block-holder {
	position: relative;
}

.woovid-block-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #000;
	object-fit: contain;
}

.woovid-block-media.woovid-embed {
	aspect-ratio: auto;
}

.wc-block-product-gallery-thumbnails__thumbnail.woovid-block-thumb {
	position: relative;
}

.wc-block-product-gallery-thumbnails__thumbnail.woovid-block-thumb::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate( -40%, -50% );
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #fff;
	filter: drop-shadow( 0 0 3px rgba( 0, 0, 0, .8 ) );
	pointer-events: none;
}

/* La lupa de PhotoSwipe no tiene sentido sobre el video. */
.woocommerce-product-gallery.woovid-active .woocommerce-product-gallery__trigger {
	display: none;
}

/* Distintivo de reproducción en la miniatura del video. */
.woocommerce-product-gallery .flex-control-nav li.woovid-thumb {
	position: relative;
}

.woocommerce-product-gallery .flex-control-nav li.woovid-thumb::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate( -40%, -50% );
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #fff;
	filter: drop-shadow( 0 0 3px rgba( 0, 0, 0, .8 ) );
	pointer-events: none;
}
