.el-contatos-mapa{
	background-image: url(../imagens/pattern-1.png);
	background-repeat: repeat;
	@include tablet {
		display: flex;
		flex-wrap: wrap;
	}
	@include desktop {
		@include propriedade-fluida("padding-top", 35, 70, 1024, 1360);
	}
	.item{
		position: relative;
		margin-bottom: 50px;
		padding-bottom: 465px;
		@include tablet {
			width: 50%;
			margin-bottom: 0;
		}
		@include mq-min(1920) {
			padding-bottom: valor-fluido(465, 1920);
		}
		.fundo-detalhe{
			left: 6%;
		}
		.info{
			height: 100%;
			padding: 20px 10px;
			text-align: center;
			@include tablet {
				padding: 40px 10px;
				text-align: left;
			}
			@include desktop {
				text-align: left;
				padding-left: 6%;
				padding-right: 6%;
				@include propriedade-fluida("padding-top", 55, 110, 1024, 1360);
				@include propriedade-fluida("padding-bottom", 55, 110, 1024, 1360);
			}
			@include mq-min(1360) {
				display: flex;
				align-items: flex-start;
			}
			@include mq-min(1920) {
				padding-top: valor-fluido(55, 1920);
				padding-bottom: valor-fluido(55, 1920);
			}
			.v3{
				position: relative;
				@include propriedade-fluida("margin-bottom", 15, 50, 320, 1360);
				@include mq-min(1360) {
					width: 48%;
				}
			}
			.textos{
				position: relative;
				@include mq-min(1360) {
					width: 48%;
					margin-left: 4%;
				}
				.contatos{
					margin-bottom: 15px;
					@include mq-min(1920) {
						margin-bottom: valor-fluido(15, 1920);
					}
				}
				.endereco{
					margin-bottom: 15px;
					@include mq-min(1920) {
						margin-bottom: valor-fluido(15, 1920);
					}
				}
				.btn{
					display: inline-block;
					padding: 15px 30px;
					line-height: 1.2;
					color: $color_destaque;
					border: 1px solid $color_destaque;
					border-radius: 8px;
					font-size: 17px;
					font-weight: 500;
					text-align: center;
					transition: 0.2s;
					@include mq-min(1920) {
						padding: valor-fluido(15, 1920) valor-fluido(30, 1920);
						border: valor-fluido(1, 1920) solid $color_destaque;
						border-radius: valor-fluido(8, 1920);
						font-size: valor-fluido(17, 1920);
					}
					&:hover{
						color: #ffffff;
						background-color: $color_destaque;
					}
				}
			}
		}
		.mapa{
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 465px;
			@include mq-min(1920) {
				height: valor-fluido(465, 1920);
			}
		}
		.mapa-imagem{
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 465px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			@include mq-min(1920) {
				height: valor-fluido(465, 1920);
			}
		}
	}
}