@charset "utf-8";

/* ************************************************************************************************************************************
				GALERIA DE VÍDEOS
************************************************************************************************************************************ */

/* RESET DOS ESPAÇAMENTOS */
#vid_conteudo, #vid_conteudo *, #vid_conteudo *:before, #vid_conteudo *:after { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#vid_conteudo img { border: 0; margin: 0; }

/* NAVEGAÇÃO */
#vid_conteudo .sw_area_navegacao_paginas { margin-top: 20px; }

/* VISUALIZAÇÕES */
#vid_conteudo .vid_area_visualizacoes { height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; display: -webkit-flex; align-items: center; font-size: 10px; color: #444; text-transform: uppercase; letter-spacing: .045em; }
#vid_conteudo .vid_area_visualizacoes .swfa { width: 24px; height: 24px; line-height: 24px; display: inline-block; vertical-align: top; text-align: center; font-size: 12px; background: #ebedee; margin-right: 5px; border-radius: 100%; flex-shrink: 0; }

/* ************************************************************************************************************************************
				LISTAGEM
************************************************************************************************************************************ */
#vid_conteudo .vid_area_listagem_galeria_videos .vid_cont_listagem_galeria_videos { display: -webkit-flex; flex-wrap: wrap; gap: 25px; padding-top: 20px; }
#vid_conteudo .vid_galeria_videos { width: 30%; flex: 30%; display: inline-block; vertical-align: top; margin: 0; }
#vid_conteudo .vid_galeria_videos .sw_categoria { position: absolute; top: 10px; right: 10px; z-index: 10; }
#vid_conteudo .vid_galeria_videos .vid_cont_galeria_videos { height: 100%; position: relative; border-radius: 4px; overflow: hidden; display: -webkit-flex; flex-direction: column; transition: .25s ease; }
#vid_conteudo .vid_galeria_videos .vid_area_img_galeria_videos { padding-top: 56.25%; position: relative; overflow: hidden; }
#vid_conteudo .vid_galeria_videos .vid_area_img_galeria_videos img { position: absolute; top: 0; left: 0; transition: .25s ease; }
#vid_conteudo .vid_galeria_videos .vid_area_img_galeria_videos .swfa { width: 70px; height: 70px; line-height: 70px; text-align: center; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; font-size: 60px; color: rgba(255, 255, 255, .6); filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25)); transition: .25s ease; }
#vid_conteudo .vid_galeria_videos :hover .vid_area_img_galeria_videos .swfa { color: #fff; }
#vid_conteudo .vid_galeria_videos :hover .vid_area_img_galeria_videos img { transform: scale(1.15); transition-duration: 2s; }
#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos { display: -webkit-flex; flex-direction: column; flex: 1; position: relative; padding: 15px 20px; transition: .25s ease; }
#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos .sw_titulo_listagem,
#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos .sw_info_listagem { flex: none; }
#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos .sw_info_listagem .sw_descricao_info { font-size: 10px; letter-spacing: .095em; margin-bottom: 5px; }
#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos .vid_area_visualizacoes { margin-top: auto; }
#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos hr { width: 4px; position: absolute; top: 10px; left: 0; bottom: 5px; border: 0; border-radius: 4px; transition: .15s ease; }
#vid_conteudo .vid_galeria_videos :not(:hover) .vid_area_info_galeria_videos hr { background: #dfe1e6; }

@media(min-width: 1001px) {
	#vid_conteudo .vid_galeria_videos :hover .vid_cont_galeria_videos { background: #fff; box-shadow: 0 10px 15px -7px rgba(0, 0, 0, 0.15); }
	#vid_conteudo .vid_galeria_videos :hover .vid_area_info_galeria_videos { transform: translateX(10px); }
	/* LR1 | LR2 */
	#vid_conteudo .lr1 .vid_galeria_videos:nth-child(-n+4),
	#vid_conteudo .lr2 .vid_galeria_videos:nth-child(-n+2) { flex: 40%; }
	#vid_conteudo .vid_cont_listagem_galeria_videos .vid_galeria_videos:only-child .vid_cont_galeria_videos,
	#vid_conteudo .sw_item_slide:only-child .vid_cont_galeria_videos { flex-direction: unset; }
	#vid_conteudo .vid_cont_listagem_galeria_videos .vid_galeria_videos:only-child .vid_cont_galeria_videos .vid_area_img_galeria_videos,
	#vid_conteudo .sw_item_slide:only-child .vid_cont_galeria_videos .vid_area_img_galeria_videos { width: 35%; padding-top: 20%; }
	#vid_conteudo .vid_cont_listagem_galeria_videos .vid_galeria_videos:only-child .vid_area_info_galeria_videos,
	#vid_conteudo .sw_item_slide:only-child .vid_area_info_galeria_videos { margin-left: 10px; }
}

@media(max-width: 1000px) {
	#vid_conteudo .vid_galeria_videos .vid_area_info_galeria_videos { transform: translateX(10px); }
	#vid_conteudo .vid_galeria_videos .vid_cont_galeria_videos { background: #fff; box-shadow: 0 10px 15px -7px rgba(0, 0, 0, 0.15); }
	/* LI */
	#vid_conteudo .vid_galeria_videos { flex: 49%; }
	#vid_conteudo .li .vid_galeria_videos:first-child { flex: 100%; }
}

/* ************************************************************************************************************************************
				INTERNA
************************************************************************************************************************************ */

/* TÍTULO */
#vid_conteudo .vid_titulo_galeria_videos { display: -webkit-flex; align-items: center; justify-content: center; font-size: 17px; color: #47474b; gap: 10px; margin: 20px 0; margin: max(20px, 3%) 0; }
#vid_conteudo .vid_titulo_galeria_videos .swfa { width: 40px; height: 40px; line-height: 40px; background: #edf1f5; font-size: 12px; color: #45454b; flex-shrink: 0; border-radius: 100%; text-align: center; padding-left: 3px; }

/* PLAYER */
#vid_conteudo .vid_player_video { border-radius: 4px; padding-top: 56.25%; position: relative; overflow: hidden; }
#vid_conteudo .vid_player_video .sw_video_capa { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; background: #000; }

/* INFO */
#vid_conteudo .vid_area_info_video { padding-left: 15px; margin: 25px 0; position: relative; display: -webkit-flex; flex-wrap: wrap; gap: 10px; align-items: center; }
#vid_conteudo .vid_area_info_video:before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 0; background: #dfe1e6; border-radius: 4px; }
#vid_conteudo .vid_area_info_video .vid_data_video { font-size: 10px; color: #56565b; letter-spacing: .095em; display: inline-block; vertical-align: middle; }
#vid_conteudo .vid_area_info_video .vid_area_descricao_video { width: 100%; line-height: 1.45; color: #56565b; margin-top: 5px; }

/* VÍDEOS POR CATEGORIA */
#vid_conteudo .vid_area_videos_categoria { background: #f3f4f6; box-shadow: -50vw 0 0 #f3f4f6, 50vw 0 0 #f3f4f6; padding: 2.5% 0; padding: max(2.5%, 20px) 0; margin-top: 10px; }
#vid_conteudo .vid_area_videos_categoria .vid_titulo_videos { font-size: 16px; color: #35353b; margin: 10px; }
:not(.contraste) #vid_conteudo .vid_area_videos_categoria .vid_titulo_videos strong:not(:hover) { color: #35353b !important; }
#vid_conteudo .vid_area_videos_categoria .vid_galeria_videos { width: 100%; height: 100%; padding: 10px; }