/* ---- FRONT-END ---- */
#hbn-fotos-en-videos-wrapper h2.hbn-fotos-en-videos-title {
	font-family: 'Averta Bold';
	font-size: clamp( 28px, 2.73504vw, 32px);
	color: #272049;
	margin-bottom: 30px;
}

#hbn-fotos-en-videos-wrapper #hbn-foto-en-video-main-wrapper {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
}

#hbn-fotos-en-videos-wrapper #hbn-foto-en-video-main-wrapper .hbn-foto-en-video-main-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;	
}

#hbn-fotos-en-videos-wrapper #hbn-foto-en-video-main-wrapper .hbn-foto-en-video-main-container.active {
	opacity: 1;
	z-index: 10;
	transition: all .3s ease-in-out;
}

#hbn-fotos-en-videos-wrapper #hbn-foto-en-video-main-wrapper .hbn-foto-en-video-main-container.not-active {
	opacity: 0;
	z-index: -100;
	transition: all .3s ease-in-out;
}

#hbn-fotos-en-videos-wrapper #hbn-foto-en-video-main-wrapper .hbn-foto-en-video-main-container img,
#hbn-fotos-en-videos-wrapper #hbn-foto-en-video-main-wrapper .hbn-foto-en-video-main-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}


#hbn-fotos-en-videos-wrapper .hbn-foto-en-video-thumb-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

#hbn-fotos-en-videos-wrapper .hbn-foto-en-video-thumb-container img,
#hbn-fotos-en-videos-wrapper .hbn-foto-en-video-thumb-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#hbn-fotos-en-videos-wrapper .hbn-foto-en-video-thumb-container .video-overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
}




@media(max-width: 767px) {
	#hbn-fotos-en-videos-wrapper .hbn-foto-en-video-thumb-container {
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
		margin-bottom: 30px;
	}
}





/* ---- PREVIEW BACK-END ---- */
#text-wrapper {
	padding: 35px 0;
}