.el-chamada-pagina-parallax{
	.wrapper{
		position: relative;
		@include desktop {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.info{
			position: relative;
			padding: 35px 0;
			text-align: center;
			@include desktop {
				width: 61%;
				text-align: left;
			}
			@include mq-min(1360) {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
			@include mq-min(1920) {
				width: 48%;
				padding: valor-fluido(35, 1920) 0;
			}
			.v2{
				margin-bottom: 20px;
				@include mq-min(1360) {
					flex-grow: 0;
					flex-shrink: 0;
					width: 340px;
				}
				@include mq-min(1920) {
					width: valor-fluido(340, 1920);
					margin-bottom: valor-fluido(20, 1920);
				}
			}
			.desc{
				@include mq-min(1360) {
					flex-grow: 1;
					flex-shrink: 1;
					margin-left: 30px;
				}
				@include mq-min(1920) {
					width: 58%;
					margin-left: valor-fluido(30, 1920);
				}
				.texto-editavel{
					margin-bottom: 35px;
					@include mq-min(1920) {
						margin-bottom: valor-fluido(35, 1920);
					}
				}
				.btn{
					font-weight: 300;
					color: $color_destaque;

					@include propriedade-fluida("font-size", 16, 18, 320, 768);

					@include mq-min(1920) {
						font-size: valor-fluido(18, 1920);
					}
					&:hover{
						color: darken($color_destaque, 10%);
						text-decoration: underline;
					}
				}
			}
		}
		.parallax{
			position: relative;
			overflow: hidden;
			@include desktop {
				width: 40%;
				margin-right: -3%;
				margin-left: 2%;
			}
			@include mq-min(1920) {
				width: 53%;
			}
			.estatico{
				@include desktop {
					opacity: 0;
				}
				img{
					display: block;
					max-width: 100%;
					height: auto;
					transition: 1s;
					@include mq-min(1920) {
						width: valor-fluido(960, 1920);
					}
				}
			}
			.layers{
				display: none;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				@include desktop {
					display: block;
				}
				.layer{
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background-size: cover;
					background-position: center;
					background-repeat: no-repeat;
					@include mq-max(1023) {
						background-image: none !important;
					}
					img{
						display: block;
						max-width: 100%;
						height: auto;
					}
				}
			}
		}
	}
}