.el-galeria-arquivos{
	padding: 45px 0;
	background-image: url(../imagens/pattern-1.png);
	background-repeat: repeat;
	@include tablet {
		padding: 90px 0;
	}
	@include mq-min(1920) {
		padding: valor-fluido(90, 1920) 0;
	}
	.introducao{
		.v1, .v2, .v3{
			margin-bottom: 20px;
			@include mq-min(1920) {
				margin-bottom: valor-fluido(20, 1920);
			}
		}
		.texto-editavel{
			margin-bottom: 20px;
			@include mq-min(1920) {
				margin-bottom: valor-fluido(20, 1920);
			}
		}
	}
	.itens{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		.item{
			display: flex;
			align-items: center;
			width: 100%;
			margin-bottom: 10px;
			padding: 10px 15px;
			background-color: #f1f1f1;
			transition: 0.2s;
			border-radius: 30px;
			@include phablet {
				width: 49%;
				&:nth-child(n) { margin-left: 2% }
				&:nth-child(2n+1) { margin-left: 0 }
			}
			@include tablet {
				width: 32%;
				&:nth-child(n) { margin-left: 2% }
				&:nth-child(3n+1) { margin-left: 0 }
			}
			@include mq-min(1920) {
				margin-bottom: valor-fluido(10, 1920);
				padding: valor-fluido(10, 1920);
				border-radius: valor-fluido(30, 1920);
			}
			&:hover{
				color: #ffffff;
				background-color: $color_destaque;
			}
			i{
				flex-grow: 0;
				flex-shrink: 0;
				font-size: 32px;
				margin-right: 5px;
				@include mq-min(1920) {
					font-size: valor-fluido(32, 1920);
					margin-right: valor-fluido(5, 1920);
				}
			}
			span{
				flex-grow: 1;
				flex-shrink: 1;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
}