.el-galeria-imagens{
	background-color: #313131;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	.itens{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		.item{
			position: relative;
			width: 50%;
			@include tablet {
				width: 33.333333%;
			}
			.img{
				img{
					display: block;
					margin: 0 auto;
					max-width: 100%;
					height: auto;
					@include mq-min(1920) {
						width: valor-fluido(640, 1920);
					}
				}
			}
			.hover{
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				max-height: 0;
				background-color: rgba(#000000, 0.85);
				transition: 0.4s ease-out;
				overflow: hidden;
				.links{
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 25px 10px;
					@include mq-min(1360) {
						padding: 25px 35px;
					}
					@include mq-min(1920) {
						padding: valor-fluido(25, 1920) valor-fluido(35, 1920);
					}
					.legenda{
						font-size: 13px;
						font-weight: 300;
						@include text-ellipsis;
						@include mq-min(1920) {
							font-size: valor-fluido(13, 1920);
						}
						b, strong{
							font-weight: 800;
						}
					}
					a{
						display: inline-block;
						font-size: 12px;
						font-weight: 800;
						line-height: 1.5;
						text-transform: uppercase;
						color: rgba(#ffffff, 0.75);
						text-align: center;
						padding: 5px 10px;
						transition: 0.2s;
						@include mq-min(1920) {
							font-size: valor-fluido(12, 1920);
							padding: valor-fluido(5, 1920) valor-fluido(10, 1920);
						}
						&:hover{
							color: #ffffff;
						}
						i {
							font-size: 20px;
							vertical-align: middle;
							@include mq-min(1920) {
								font-size: valor-fluido(20, 1920);
							}
						}
					}
				}
			}
			&:hover .hover{
				max-height: 100%;
			}
		}
	}

	&.itens-maximo-4{
		.itens{
			.item{
				@include desktop {
					width: 25%;
				}
			}
		}
	}
	&.itens-maximo-5{
		.itens{
			.item{
				@include desktop {
					width: 20%;
				}
			}
		}
	}
	&.itens-maximo-6{
		.itens{
			.item{
				@include desktop {
					width: 16.666667%;
				}
			}
		}
	}
}