.secao-banner { height: auto; overflow: hidden; background: var(--t-blue); background-image: url("../images/governanca-corporativa/hero-background-2.png"); background-position: top left; background-repeat: no-repeat; background-size: contain; position: relative; }
.secao-banner .imagem-banner { width: 40%; height: 100%; position: absolute; top: 0; right: 0; background: url("../images/governanca-corporativa/bn-governanca-corporativa.png"); background-size: cover; background-position: top left; background-repeat: no-repeat; }
.secao-banner .descricao-banner img { position: relative; top: -10px; }
.secao-banner .descricao-banner h1 { font-size: 1.9em; }
.secao-banner .descricao-banner { padding-bottom: 40px; }
.secao-banner .descricao-banner .h1-title::after { display: block; content: ''; width: 100%; height: 2px; background: var(--t-yellow); }
.secao-banner .descricao-banner p.descricao { font-size: 18px; }
.t-breadcrumbs, .t-breadcrumbs a, .t-breadcrumbs .breadcrumb_last { color: var(--t-white); }
.t-breadcrumbs a:hover { color: var(--t-white); opacity: 0.8; text-decoration: underline; }
.secao-branca { background: var(--t-white); }
.secao-azul { background: var(--t-blue); }
.secao-branca h3, .secao-azul h3 { font-size: 1.9em; font-weight: 900; line-height: 1.2em; display: flex; align-items: center; }
.sliding-codigo-conduta { background: var(--t-white); }
.sliding-seguranca-corporativa { background: var(--t-blue); }
.secao-branca p, .secao-azul p { font-size: 1.2em; font-weight: 400; line-height: 1.5em; }
.secao-branca img.imagem-topico, .secao-azul img.imagem-topico { width: 100%; height: auto; }
.secao-azul .position-esquerda, .secao-branca .position-esquerda, .secao-azul .position-direita, .secao-branca .position-direita { margin-left: 0; }
.fundo-vetor { background: #F5F7F8 url("../images/governanca-corporativa/fundo-vector.png") center center no-repeat; background-size: cover; }
.fundo-vetor h3 { font-size: 2em; font-weight: 900; line-height: 1.2em; display: flex; align-items: center; }
.fundo-vetor .box { background: var(--t-blue); }
.fundo-vetor .box h4 { font-size: 1.1em; font-weight: 700; line-height: 1.2em; }
.fundo-vetor .box p { font-size: 1em; font-weight: 400; }
.estrutura-gestao { background: linear-gradient(90deg, var(--t-blue) 0%, var(--t-cyan) 100%); }
.estrutura-gestao h3 { font-weight: 700; }
.estrutura-gestao h2 { font-size: 2.2em; font-weight: 700; }
.estrutura-gestao p { font-size: 1em; font-weight: 300; }
.estrutura-gestao .bloco-gradiente-vertical { width: 5px; background: linear-gradient(180deg, var(--t-cyan) 0%, var(--t-green) 100%); height: 100%; top: 0; }
.right-0 { right: 0; }

@media(min-width: 420px) {
	.secao-banner .descricao-banner .h1-title::after { width: 150%; }
	.secao-banner .descricao-banner h1 { font-size: 3em; }
	.secao-banner .descricao-banner { padding-bottom: 190px; }
	.secao-azul .position-direita, .secao-branca .position-direita { margin-left: -20%; }
	.secao-branca h3, .secao-azul h3 { font-size: 2.5em; }
	.secao-branca p, .secao-azul p { font-size: 1.8em; }
	.sliding-codigo-conduta { background: var(--t-white) url("../images/governanca-corporativa/img-codigo-e-etica-nova.png") no-repeat; background-position-x: 100%; background-position-y: bottom; background-size: 50%; }
	.sliding-seguranca-corporativa { background: var(--t-blue) url("../images/governanca-corporativa/img-seg-corporativa-nova.png") no-repeat; background-position-x: 100%; background-position-y: bottom; background-size: 50%; }
	.fundo-vetor h3 { font-size: 2.6em; }
	.fundo-vetor .box h4 { font-size: 1.2em; }
	.fundo-vetor .box p { font-size: 1.1em; }
	.estrutura-gestao h2 { font-size: 2.5em; }
	.estrutura-gestao p { font-size: 1.1em; }
	.estrutura-gestao .bloco-gradiente-vertical { width: 20px; }
}