@charset "utf-8";
/* CSS Document */

/* Cabeçalho institucional: proporção fixa (largura 100%), imagem com crop (object-fit) */
.fullwidthHeader--ratio1920x369,
.fullwidthHeader--ratio1920x359 {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.fullwidthHeader--ratio1920x369 {
	aspect-ratio: 1920 / 369;
}

.fullwidthHeader--ratio1920x359 {
	aspect-ratio: 1920 / 359;
}

.fullwidthHeader--ratio1920x369 img,
.fullwidthHeader--ratio1920x359 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* Enquadramento do banner institucional: leve deslocamento vertical (mostrar um pouco mais da parte inferior da arte) */
.fullwidthHeader--ratio1920x359 img {
	object-position: center 38%;
}

/* espaço para o texto da página de conteúdo */

.pag > .esp_texto { position:relative; padding:20px 0; line-height:22px; font-size:10pt; margin:0 0 60px 0; }

.pag > .esp_texto .pagconteudo_titulo { font-family: "Book Antiqua Bold","Times"; /* border-bottom:1px dotted #999999; */ padding:28px 0 8px 0; margin:0 12px 12px 0px; font-size:28px; font-weight:bold; }
.pag > .esp_texto .pagconteudo_subtitulo { padding:8px 0 8px 0; margin:0 12px 6px 0px; font-size:10pt; font-weight:bold; }


/* remoção de e-mail do cadastro de mala direta */

.btn_confirma_remover_email { margin:4px 0 0 350px; text-align:center; width:200px; line-height:32px; border-radius:8px; background:#BA1827; cursor:pointer; color:#FFF; }


/* botão centralizado */

.btnCentro { margin:20px auto; text-align:center; width:240px; line-height:32px; background:#BA1827; cursor:pointer; color:#FFF; }


/* página de ajuda */

.box_ajuda { width:96%; max-width:600px; margin:0 auto; }
.box_ajuda .lin { min-height:24px; margin:50px 0 30px 0; }
.box_ajuda .lin .lt { float:left; width:24px; line-height:24px; height:24px; background:#878787; color:#FFF; text-align:center; border-radius:50%; margin:0 20px 0 0; }
.box_ajuda .lin .inf { float:left; line-height:24px; min-height:24px; width:calc( 100% - 44px ); }
.box_ajuda .lin:after { display:block; content:""; clear:both; }

.box_ajuda img { width:90%; height:auto; margin:0 5%; }

@media (max-width:1023px){
    .pag > .esp_texto { position:relative; padding:20px 20px; line-height:22px; font-size:10pt; margin:0 0 60px 0; }
    .pag > .esp_texto .pagconteudo_titulo { padding:18px 0 8px 0;  }

}