.texto-editavel{
	line-height: 1.5;
	font-weight: 300;
	@include clf;
	p{
		margin-bottom: 20px;
		@include mq-min(1920) {
			margin-bottom: valor-fluido(20, 1920);
		}
		a{
			color: $color_destaque;
		}
	}
	ul{
		padding-left: 0;
		li{
			position: relative;
			margin-bottom: 20px;
			list-style-type: none;
			@include mq-min(1920) {
				margin-bottom: valor-fluido(20, 1920);
			}
			&:before{
				content: '';
				display: inline-block;
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background-color: $color_destaque2;
				margin-right: 5px;
				vertical-align: middle;
				@include mq-min(1920) {
					width: valor-fluido(6, 1920);
					height: valor-fluido(6, 1920);
					margin-right: valor-fluido(5, 1920);
				}
			}
		}
	}
	ol{
		padding-left: 0;
		counter-reset: section;
		li{
			position: relative;
			margin-bottom: 20px;
			list-style-type: none;
			@include mq-min(1920) {
				margin-bottom: valor-fluido(20, 1920);
			}
			&:before{
				counter-increment: section;
				content: counters(section, ".") " -";
				margin-right: 5px;
				font-weight: bold;
				@include mq-min(1920) {
					margin-right: valor-fluido(5, 1920);
				}
			}
		}
	}
	ol, ul{
		margin-bottom: 20px;
		@include mq-min(1920) {
			margin-bottom: valor-fluido(20, 1920);
		}
		ol, ul{
			padding-left: 20px;
			padding-top: 10px;
			@include mq-min(1920) {
				padding-left: valor-fluido(20, 1920);
				padding-top: valor-fluido(10, 1920);
			}
		}
		li{
			list-style-position: inside;
		}
	}
	strong{
		font-weight: bold;
	}
	h1,h2,h3,h4,h5,h6{
		font-weight: 300;
		color: $color_destaque;
		margin-bottom: 20px;
		line-height: 1.2;
		@include mq-min(1920) {
			margin-bottom: valor-fluido(20, 1920);
		}
		b, strong{
			font-weight: 700;
			color: $color2;
			text-transform: uppercase;
			display: block;
		}
	}
	h1, h2{
		@include propriedade-fluida("font-size", 20, 29, 320, 1360);
		@include mq-min(1920) {
			font-size: valor-fluido(29, 1920);
		}
		b, strong{
			@include propriedade-fluida("font-size", 25, 38, 320, 1360);
			@include mq-min(1920) {
				font-size: valor-fluido(38, 1920);
			}
		}
	}
	h3{
		@include propriedade-fluida("font-size", 18, 25, 320, 1360);
		@include mq-min(1920) {
			font-size: valor-fluido(25, 1920);
		}
		b, strong{
			@include propriedade-fluida("font-size", 22, 32, 320, 1360);
			@include mq-min(1920) {
				font-size: valor-fluido(32, 1920);
			}
		}
	}
	h4{
		@include propriedade-fluida("font-size", 16, 22, 320, 1360);
		@include mq-min(1920) {
			font-size: valor-fluido(22, 1920);
		}
		b, strong{
			@include propriedade-fluida("font-size", 22, 28, 320, 1360);
			@include mq-min(1920) {
				font-size: valor-fluido(28, 1920);
			}
		}
	}
	h5{
		@include propriedade-fluida("font-size", 14, 18, 320, 1360);
		@include mq-min(1920) {
			font-size: valor-fluido(18, 1920);
		}
		b, strong{
			@include propriedade-fluida("font-size", 18, 22, 320, 1360);
			@include mq-min(1920) {
				font-size: valor-fluido(22, 1920);
			}
		}
	}
	h6{
		@include propriedade-fluida("font-size", 14, 18, 320, 1360);
		@include mq-min(1920) {
			font-size: valor-fluido(18, 1920);
		}
		b, strong{
			@include propriedade-fluida("font-size", 18, 22, 320, 1360);
			@include mq-min(1920) {
				font-size: valor-fluido(22, 1920);
			}
		}
	}
	table{
		max-width: 100%;
		border-top: 4px solid $color_destaque;
		margin-top: 40px;
		margin-bottom: 20px;
		@include mq-min(1920) {
			border-top: valor-fluido(4, 1920) solid $color_destaque;
			margin-top: valor-fluido(40, 1920);
			margin-bottom: valor-fluido(20, 1920);
		}
		tr{
			th, td{
				padding: 14px;
				text-align: left;
				border: none;
				border-left: 2px solid #ffffff;
				@include mq-min(1920) {
					padding: valor-fluido(14, 1920);
					border-left: valor-fluido(2, 1920) solid #ffffff;
				}
			}
			th{
				font-weight: bold;
				background: #e2e2e2 !important;
				text-align: center;
			}
			&:nth-child(2n){
				th, td{
					background: #ededed;
				}
			}
		}
	}
	img{
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	small{
		font-size: 80%;
	}
	hr{
		
	}

	.botao{
		border-color: $color_destaque2;
		border-radius: 10px;
		height: auto;
    	line-height: 1.4;
    	padding: 15px;
    	font-size: 12px;
    	margin-bottom: 0;
		@include desktop {
			padding: 15px 50px;
			font-size: 20px;
		}
		@include mq-min(1920) {
			border-radius: valor-fluido(10, 1920);
			height: valor-fluido(64, 1920);
			line-height: valor-fluido(64, 1920);
			padding: 0 valor-fluido(50, 1920);
			font-size: valor-fluido(20, 1920);
		}
		&:hover{
			color: #ffffff;
			background-color: $color_destaque2;
		}
		&.primario{
			color: #ffffff;
			background-color: $color_destaque2;
			border-color: $color_destaque2;
			&:hover, &:focus{
				background-color: darken($color_destaque2, 10%);
				border-color: darken($color_destaque2, 10%);
			}
		}
		&.smaller{
			height: 48px;
			line-height: 48px;
			font-size: 18px;
			@include mq-min(1920) {
				font-size: valor-fluido(18, 1920);
				height: valor-fluido(48, 1920);
				line-height: valor-fluido(48, 1920);
			}
		}
		&.bigger{
			height: 80px;
			line-height: 80px;
			font-size: 26px;
			@include mq-min(1920) {
				font-size: valor-fluido(26, 1920);
				height: valor-fluido(80, 1920);
				line-height: valor-fluido(80, 1920);
			}
		}
	}
	
	.rgb-container{
		.rgb-container-inner{
			max-width: 100%;
			@include mq-max($desktop) {
				width: 80% !important;
				float: none !important;
				margin: 0 auto;
			}
		}
	}
	.rgb-link-lightbox{
		color: $color_destaque;
		text-decoration: underline;
		cursor: pointer;
	}
	.rgb-lightbox{
		display: none;
	}
}

.rgb-lightbox{
	padding: 20px;
	max-width: 1175px;
	@include mq-min(1920) {
		padding: valor-fluido(20, 1920);
		max-width: valor-fluido(1175, 1920);
	}
}