.Video,
.Video * {
	position: relative;
    overflow: hidden;
}

video[poster],
video {
    height:100%;
    width:100%;
    object-fit: cover;
}

.Video a.fancybox img {
	display: block;
    transition: var(--transicao);
    width: 100%;
    height: 100%;
}

.Video a.fancybox:hover img {
    scale: 1.02;
}

.Video a.fancybox .playButton {
	display: block;
    content: "";
    position: absolute;
    width: calc( var(--H1) * 1.5 );
    height: calc( var(--H1) * 1.5 );
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: var(--playVideo);
    background-repeat: no-repeat;
    background-size: calc( 100% - ( var(--gap) * 4.5 ) );
    background-position: 55%;
    border-radius: 100% !important;
    border: calc( var(--borderWidth) * 3 ) solid var(--corBranca);
    background-color: var(--corBrancaTransparencia);
    z-index: 99;
    backdrop-filter: blur(20px);
    cursor: pointer;
}

.fancybox__container .fancybox__content {
	aspect-ratio: 16 / 9 !important;
	width: 90vw !important;
	height: auto !important;
	max-height: 81vh !important;
	max-width: 144vh !important;
}

.video-header-special {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.video-header-special video {
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 767px) {
    .Video a.fancybox .playButton {
        width: calc( var(--H1) * 1.25 );
        height: calc( var(--H1) * 1.25 );
        background-size: calc( 100% - (var(--gap) * 1.25 ) );
        background-position: 60%;
        border-width: calc( var(--borderWidth) * 2 );
    }
}