.el-texto-imagem-lateral-vazada{
	padding: 45px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	@include tablet {
		padding: 90px 0;
	}
	@include mq-min(1920) {
		padding: valor-fluido(90, 1920) 0;
	}
	.img{
		background: rgba(0, 0, 0, 0.01);
		margin-bottom: 20px;
		img{
			display: block;
			margin: 0 auto;
			max-width: 100%;
			height: auto;
			@include desktop {
				max-width: none;
			}
			@include mq-min(1920) {
				width: valor-fluido(960, 1920);
			}
		}
		span{
			display: block;
			clear: both;
			padding: 10px;
			text-align: center;
			word-break: break-word;
			font-size: 12px;
			@include mq-min(1920) {
				padding: valor-fluido(10, 1920);
				font-size: valor-fluido(12, 1920);
			}
		}
	}
	.texto{
		.v1, .v2, .v3{
			margin-bottom: 20px;
			@include mq-min(1920) {
				margin-bottom: valor-fluido(20, 1920);
			}
		}
	}
	
	&.align{
		.wrapper-img-texto{
			@include desktop {
				display: flex;
				justify-content: space-between;
			}
		}
		&.topo .wrapper-img-texto{
			@include desktop {
				align-items: flex-start;
			}
		}
		&.meio .wrapper-img-texto{
			@include desktop {
				align-items: center;
			}
		}
		&.base .wrapper-img-texto{
			@include desktop {
				align-items: flex-end;
			}
		}
		.texto{
			@include desktop {
				width: 46%;
			}
		}
	}

	&.imagem-left{
		.img{
			@include desktop {
				float: left;
				width: 50%;
				margin-right: 4%;

				order: 0;
			}
			img{
				@include desktop {
					float: right;
				}
			}
		}
	}
	&.imagem-right{
		.img{
			@include desktop {
				float: right;
				width: 50%;
				margin-left: 4%;

				order: 1;
			}
			img{
				@include desktop {
					float: left;
				}
			}
		}
	}
}