section { padding-top: 100px; }

/*INSTITUCIONAL*/
.institucional { width: 100%; height: auto; position: relative; overflow: hidden; clear: both; text-align: center; padding: 0px 0px 20px 0px; }
.institucional .contexto { color: #000000; font-size: 13px; line-height: 22px; font-family: var(--fonte-padrao); text-align: left; padding: 15px 0px 30px 0px; }
.institucional .contexto u { text-decoration: underline; }

.botao-contato{ position: relative; left: 50%; height: auto; cursor: pointer; width: auto; margin: 20px 0px 5px 0px; padding: 15px 25px; text-align: center; line-height: 20px; font-family: var(--fonte-padrao), Arial; font-size: 16px; color: #ffffff; background: var(--cor-principal); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; }

.botao-contato:hover  { padding: 15px 30px; }

#impresso{ display: none; }

@media screen and (max-width: 1150px) {
	.institucional { padding: 20px 3% 0px 3%; width: 94% }
	.institucional .contexto { text-align: center; font-size: 14px; line-height: 22px; }
	.institucional .contexto b, .institucional .contexto u, .institucional .contexto a { font-size: 14px; line-height: 22px; }
}


@media print {

#impresso{ display: block;  text-align: center;}

	@page{ margin: 2;}
      body * {visibility: hidden;}
      section, section *, .logomarca {
		max-width: 28cm;
        visibility: visible;
		margin-left: 10px;
		margin-right: 10px;
    }
	.botao-contato{
		display: none;
	}
	pagebreak::before{
		content: '\A\A\A\A\A\A';
		white-space: pre;
		display: block;
	}
		pagebreak::after{
		content: '\A';
		white-space: pre;
		display: inline-block;
		height: 2px;
	    border-bottom: 1px solid black; /* Cor e espessura da linha, ajuste conforme necessário */
		width: 100%;

	}

}