.el-texto-blog{
	padding: 45px 0;
	background-image: url(../imagens/pattern-1.png);
	background-repeat: repeat;
	@include tablet {
		padding: 90px 0;
	}
	@include mq-min(1360) {
		@include propriedade-fluida("padding-top", 90, 180, 1360, 1920);
		@include propriedade-fluida("padding-bottom", 90, 180, 1360, 1920);
	}
	@include mq-min(1920) {
		padding: valor-fluido(90, 1920) 0;
	}
	.wrapper{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto;
		@include desktop {
			width: 75%;
			padding-left: 0;
			padding-right: 0;
		}
		@include mq-min(1360) {
			display: flex;
			justify-content: space-between;
		}
		.texto{
			@include mq-min(1360) {
				width: 60%;
			}
			.texto-editavel{
				margin-bottom: 50px;
				@include mq-min(1360) {
					@include propriedade-fluida("margin-bottom", 50, 100, 1360, 1920);
				}
				@include mq-min(1920) {
					margin-bottom: valor-fluido(100, 1920);
				}
			}
			.form-comentario{
				.form{
					.v1, .v2, .v3{
						margin-bottom: 30px;
					}
					.submit{
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						justify-content: space-between;
						@include desktop {
							flex-wrap: nowrap;
						}
						.aviso{
							width: 100%;
							font-size: 14px;
							line-height: 1.2;
							margin-bottom: 25px;
							text-align: center;
							@include desktop {
								flex-grow: 1;
								text-align: left;
							}
						}
						.g-recaptcha{
							width: 100%;
							margin-bottom: 25px;
							@include tablet {
								width: 48%;
							}
							@include desktop {
								width: auto;
								margin-left: 4%;
								flex-grow: 0;
							}
							>div{
								margin: 0 auto;
							}
						}
						input.primario{
							width: 100%;
							padding: 0 30px;
							@include tablet {
								width: 48%;
								margin-left: 4%;
							}
							@include desktop {
								width: auto;
								flex-grow: 0;
							}
						}
					}
				}
				.comentarios{
					.comentario{
						margin-bottom: 20px;
						@include desktop {
							margin-bottom: 45px;
						}
						&:last-child{
							margin-bottom: 0;
						}
						.nome{
							font-weight: 300;
							font-size: 18px;
							margin-bottom: 20px;
							line-height: 1.2;
							color: $color_destaque;
						}
						.data{
							display: block;
							font-size: 12px;
							margin-bottom: 5px;
						}
						.texto{
							line-height: 1.2;
							font-size: 15px;
						}
					}
				}
			}
		}
		.categorias{
			@include mq-min(1360) {
				width: 30%;
				margin-left: 10%;
			}
			.v{
				font-size: 24px;
				font-weight: 300;
				color: $color_destaque;
				line-height: 1.2;
				margin-bottom: 15px;
				@include tablet {
					margin-bottom: 30px;
				}
				@include mq-min(1920) {
					font-size: valor-fluido(24, 1920);
					margin-bottom: valor-fluido(30, 1920);
				}
			}
			.lista{
				a{
					display: block;
					font-size: 20px;
					font-weight: 500;
					color: $color2;
					line-height: 1.2;
					margin-bottom: 15px;
					transition: 0.2s;
					@include mq-min(1920) {
						font-size: valor-fluido(20, 1920);
						margin-bottom: valor-fluido(15, 1920);
					}
					&.ativo,
					&:hover{
						color: $color_destaque;
					}
					&:before{
						content: '';
						display: inline-block;
						width: 18px;
						height: 18px;
						border-radius: 50%;
						background-color: $color2;
						margin-right: 15px;
						vertical-align: middle;
						margin-top: -3px;
						transition: 0.2s;
						@include mq-min(1920) {
							width: valor-fluido(6, 1920);
							height: valor-fluido(6, 1920);
							margin-right: valor-fluido(5, 1920);
							margin-top: valor-fluido(-3, 1920);
						}
					}
					&.ativo:before,
					&:hover:before{
						background-color: $color_destaque;
					}
				}
			}
		}
	}
}