/*
Estilo do conteúdo de páginas de texto (políticas, termos de uso etc).
Arquivo único usado em dois lugares — basta linkar este CSS em ambos:
  - Admin: preview do editor em termosEdit.php -> .campoConteudoTermos .note-editable
  - Front: onde o campo "conteudo" for impresso -> <div class="conteudoTermos">...</div>
*/

:is(.conteudoTermos, .campoConteudoTermos .note-editable){
	font: 400 17px/29px 'Montserrat';
	color: #3E3B3B;
	font-family: Montserrat;
	letter-spacing: -0.01em;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) h1,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h2,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h3,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h4,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h5,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h6{
	font: 700 15px/22px 'Montserrat';
	color: #191516;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	margin: 32px 0 12px;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) h1:first-child,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h2:first-child,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h3:first-child,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h4:first-child,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h5:first-child,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) h6:first-child{
	margin-top: 0;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) p{
	/*margin: 0 0 14px;*/
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) strong,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) b{
	font-weight: 600;
	color: #191516;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) em,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) i{
	font-style: italic;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) ul,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) ol{
	margin: 0 0 14px;
	padding-left: 20px;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) ul{
	list-style: none;
	padding-left: 0;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) ul li{
	position: relative;
	padding-left: 18px;
	margin-bottom: 6px;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) ul li::before{
	content: '·';
	position: absolute;
	left: 0;
	top: -3px;
	font: 700 20px/1 'Montserrat';
	color: #191516;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) ol li{
	margin-bottom: 6px;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) a:link,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) a:active,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) a:visited{
	color: inherit;
	text-decoration: underline;
	transition: all 0.5s ease;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) a:hover{
	color: var(--cor1);
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 14px;
}

:is(.conteudoTermos, .campoConteudoTermos .note-editable) table td,
:is(.conteudoTermos, .campoConteudoTermos .note-editable) table th{
	border: 1px solid #DFE5E6;
	padding: 8px 10px;
	text-align: left;
}