/*
Theme Name: OESB
Text Domain: oesb
Author: NascerWeb | Christiano Amaral
Author URI: http://nascer.net/
Description: Template desenvolvido exclusivamente para o Observatório do Ecossisistema de Saúde do Brasil, em parceria com a agência AMI CD.
Version: 1.0
*/
/*-------------------------------------------------------
WEBFONTS
-------------------------------------------------------*/
/* red-hat-text-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/red-hat-text-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/red-hat-text-v19-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/red-hat-text-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/red-hat-text-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/red-hat-text-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/red-hat-text-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/red-hat-text-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/red-hat-text-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/red-hat-text-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-text-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/red-hat-text-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/vend-sans-v1-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/vend-sans-v1-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/vend-sans-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/vend-sans-v1-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/vend-sans-v1-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/vend-sans-v1-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/vend-sans-v1-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/vend-sans-v1-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/vend-sans-v1-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vend-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vend Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/vend-sans-v1-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*-------------------------------------------------------
RESET
-------------------------------------------------------*/
/* 0. Remove margins and padding */
html, body,
html *, body * {
	margin: 0;
	padding: 0;
	border: 0;	
}
/* 1. Box sizing global */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* 2. Previne o aumento automático de fontes em dispositivos móveis */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* 3. Remove margens padrão e define o comportamento do scroll */
body, h1, h2, h3, h4, h5, h6 p, figure, blockquote, dl, dd {
  margin-block-end: 0;
}
/* 4. Remove estilos de lista apenas quando usamos o atributo 
   (Útil para acessibilidade sem perder o estilo padrão de textos longos) */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 5. Configurações base do corpo do site */
body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; /* Melhora a renderização no macOS/iOS */
}
/* 6. Melhora a legibilidade em títulos e elementos interativos */
h1, h2, h3, h4, h5, h6,
button, input, label {
  line-height: 1.1;
}
/* 7. Novidade: Evita viúvas e melhora o equilíbrio visual em títulos */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* 8. Evita espaços estranhos abaixo das imagens */
img,
picture {  
  display: block;
}
/* 9. Faz com que inputs e botões herdem as fontes do projeto */
input,
button,
textarea,
select,
address {
  font: inherit;
}
/* 10. Garante que textareas sem atributo 'rows' tenham um tamanho mínimo decente */
textarea:not([rows]) {
  min-height: 10em;
}
/* 11. limpa propriedades de campos de formulários */
input,
select,
textarea,
button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;   
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    outline: none;  
    background-color: transparent;
    box-shadow: none; 
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}
textarea {
    resize: vertical; /* Oculta o arrasto horizontal para não quebrar o layout, permite só vertical */
}
/* Remove o "X" de limpar que o Chrome/Safari injeta nos inputs de pesquisa */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
/* Remove a setinha padrão do select em navegadores da Microsoft */
select::-ms-expand {
    display: none;
}
/* 12. Adiciona margem de scroll para links internos (âncoras) não ficarem "colados" ao topo */
:target {
  scroll-margin-block: 5ex;
}
/* 13. ACESSIBILIDADE: Respeita a preferência de movimento reduzido do utilizador */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
html{
	height:100%;    
}
body {
	background-color: #FFFFFF;
    color: #2A335C;
    font-family: "Red Hat Text", sans-serif;
    font-optical-sizing: auto;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;		
	overflow-x: hidden;
	min-height: 100%;	
}
body.no-scroll{
    overflow-y: hidden;
}
.font-1{
    font-family: "Red Hat Text", sans-serif;
}
.font-2{
    font-family: "Vend Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {	
    font-family: "Vend Sans", sans-serif;
	font-weight: 400;	
	line-height: 1.4em;	
}
h1{
    font-size: 35px;   
    font-weight: 300;  
    line-height: 1.2em;	  
}
h2{	
	font-size: 30px;  
    line-height: 1.35em;	      
}
h2.section-title {
    width: max-content;   
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;	
	position: relative;
}
h3{	
	font-size: 20px;	
    line-height: 1.5em;
}
h4{
	font-size: 16px;	
}
h5{
	font-size: 16px;	
}
h6{
	font-size: 16px;
}
a{	
    color: #2A335C;
	text-decoration: none;
	transition: color 300ms ease;
}
strong{
	font-weight: 600;	
	}
em{
	font-style: italic;
}
p {
	line-height: 1.5em;
	margin-bottom: 1em;
}
p:last-child{
	margin-bottom: 0 !important;
}
.clearfix{
	clear:both;
}
.clearbox::after{
	content: "";
	display: table;
	clear:both;
}
img,
svg{
	display: block;
	height: auto;
}
* path{   
    transition: fill 300ms ease;
}
.site {
	width: 100%;
	height: auto;	
	padding-top: 84px;
	position: relative;		
}
section{	
	width: 100%;
	height: auto;
	position: relative;		
}
.inner{	
	width: 1046px;
	height: auto;  	
	margin: 0 auto;
    position: relative;   
}
/* VÍDEOS RESPONSIVOS (YOUTUBE / VIMEO) */
.video-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;  
    overflow: hidden;   
}
.video-wrapper {    
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.video-wrapper iframe,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* BOTÃO PADRAO */
.btn-padrao{
    background: transparent;
    border: 1px solid;
    border-radius: 55px;
    width: 254px;
    height: 55px;    
    display: inline-flex; 
    align-items: center; 
    justify-content: center;  
    font-family: "Vend Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;   
    text-transform: uppercase;   
    text-align: center;
}
.btn-padrao.bac{
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.btn-padrao.bac:hover{
    background: #FFFFFF;
    color: #3070B3;
}
.btn-padrao.cae{
    border-color: #EAEED3;
    color: #EAEED3;
}
.btn-padrao.cae:hover{
    background: #EAEED3;
    color: #2A335C;
}
.btn-padrao.bac{
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.btn-padrao.bac:hover{
    background: #FFFFFF;
    color: #3070B3;
}
.btn-padrao.acb{
    border-color: #3070B3;
    color: #3070B3;
}
.btn-padrao.acb:hover{
    background: #3070B3;
    color: #FFFFFF;
}
.btn-padrao.aec{
    border-color: #2A335C;
    color: #2A335C;
}
.btn-padrao.aec:hover{
    background: #2A335C;
    color: #EAEED3;
}
/* CLASSES */
.txt-branco{
    color: #FFFFFF;
}
.txt-azul{
    color: #3070B3;
}
.secao-txt{
    width: 342px;
}

/*EMENDAS OWL*/
.owl-nav {   
	width: 100%;
	height: 25px;
	padding: 0;	
	position: absolute;	
    top: 15px;
	left: 0;	
    pointer-events: none;
}
.owl-prev,
.owl-next {
    background: transparent !important;         
    border: none !important;      
    border-radius: 50%;
	width: 25px;
    height: 25px;
    display: block;
    position: absolute;   
    color: #2A335C !important;       
    font-size: 18px !important;      
    pointer-events: all;
    transition: background-color 300ms ease, color 300ms ease;
}
.owl-prev{
    left: -34px;
}
.owl-next{
    right: -34px;    
}
.owl-prev:hover,
.owl-next:hover{
   background-color: #3070B3 !important;   
    color: #EAEED3 !important;   
}
.owl-prev.disabled,
.owl-next.disabled{
    opacity: 0.3;
    cursor: default !important;
    pointer-events: none;
}
.owl-dots {
    width: 100%;
	position: absolute;
    bottom: 0;	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}
.owl-dots .owl-dot{
    background-color: #EAEED3 !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;   
    position: relative;
    transition: background-color 300ms ease;    
}
.owl-dots .owl-dot.active{
    background-color: #3070B3 !important;
}
/* TOOL TIP */
.owl-dots .owl-dot .dot-tooltip {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);    
    background-color: #2A335C;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 5px;     
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    z-index: 10;
}
.owl-dots .owl-dot .dot-tooltip.laranja{
    background-color: #E4562E;
}
.owl-dots .owl-dot .dot-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #2A335C transparent transparent transparent;
}
.owl-dots .owl-dot .dot-tooltip.laranja::after{
    border-color: #E4562E transparent transparent transparent;
}
.owl-dots .owl-dot:hover .dot-tooltip {
    opacity: 1;
    visibility: visible;
    margin-bottom: 12px;
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header{
	background-color: #EAEED3;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.header-inner{	
	width: 1046px;   
	height: 84px;	
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.btn-menu,
.btn-busca{
    background: transparent;
    border: none;   
    padding: 0; 
    cursor: pointer;
}
.btn-busca img,
.btn-idiomas img,
.btn-busca svg,
.btn-idiomas svg{
    width: auto;
    height: 24px;
    margin: 0 auto;
}
.btn-menu path,
.btn-busca path,
.btn-idiomas path{
	fill: #2A335C;	
} 
.btn-busca span,
.btn-idiomas span {
	width: max-content;
	display: block;
    color: #2A335C;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.25em;
    transition: color 300ms ease;
}
.btn-menu:hover path,
.btn-busca:hover path,
.btn-idiomas:hover path{
    fill: #3070B3;
}
.btn-busca:hover span,
.btn-idiomas:hover span{
    color: #3070B3;
}
.logo {
	width: max-content;
	height: auto;
	display: flex;
	gap: 24px;
	align-items: flex-end;
}
.logo-d{
    display: block;   
}
.logo-m{
    display: none;
}
.logo-txt {
	border-left: 1px solid #2A335C;
	height: 46px;
	padding: 6px 0 0 24px;
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
	line-height: 1.15em;
	display: inline-block;
}
.acessorios {
	width: max-content;
	display: flex;
	align-items: start;
	gap: 20px;
}
/* IDIOMAS */
.idiomas{
    width: 54px;
    height: 42px;
    position: relative;
    z-index: 2;
}
.btn-idiomas {
	background: none;
    color: #2A335C;
	font-size: 20px;
    cursor: pointer;	    
}
.idiomas-list {
	background: #FFFFFF;
	padding: 8px 8px 0;
	position: absolute;
	top: 45px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in-out;
}
.idiomas-list a.glink {	
	width: max-content;
    display: block;
    color: #2A335C;
    font-size: 0;
    margin-bottom: 8px;
}
.idiomas-list a.glink img {	
	display: inline-block;	
	opacity: 1;
}
a.glink span {
    display: inline-block;	
	margin-right: 0 !important;
    margin-left: 5px;	
}
.idiomas-list a.glink:hover{
    color: #3070B3;
}
.idiomas:hover .btn-idiomas{
    color: #3070B3;
}
.idiomas:hover .idiomas-list{
    opacity: 1;
    visibility: visible;
}
.option-navigation{
    display: none;
}
.backdrop-navigation{
    display: none;
}
/* NAVEGAÇÃO */
.navegacao,
.busca{
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    padding: 45px 0;
    position: absolute;
    left: 0;
    top: 84px;
    visibility: hidden;
    opacity: 0;   
    transition: opacity 300ms ease, visibility 300ms ease;      
}
.navegacao.ativo,
.busca.ativo{
    visibility: visible;
    opacity: 1;
}
.menu-header{
    width: 1046px;
    margin: 0 auto;
}
.menu-header ul.menu{
    display: flex;
    justify-content: center;    
}
.menu-header ul.menu > li{
    border-right: 1px solid #EAEED3;
    padding: 0 26px 15px;   
}
.menu-header ul.menu > li:first-child{    
    padding-left: 0;
}
.menu-header ul.menu > li:last-child{
    border-right: none;
    padding-right: 0;    
}
.menu-header ul.menu > li > a{
    text-transform: uppercase;
}
/* SUBMENU */
.menu-header ul.menu > li > ul.sub-menu,
.menu-header ul.menu > li > ul.sub-menu > li > ul.sub-menu{
    padding: 20px 0 0;
}
.menu-header ul.menu > li > ul.sub-menu > li{
    padding: 0 0 0 18px;
    margin: 0 0 20px;
}
.menu-header ul.menu > li > ul.sub-menu > li > ul.sub-menu > li{
    background: url(img/icone-item-menu.svg) no-repeat 0 2px;
    padding: 0 0 0 25px;
    margin: 0 0 20px;
}
.menu-header ul.menu > li > ul.sub-menu > li:last-child,
.menu-header ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:last-child{
    margin: 0;
}
/* MENU SOBRE */
.menu-header ul.menu li.menu-sobre > a{
    pointer-events: none;
}
.menu-header ul.menu li.menu-sobre a{
    color: #E4562E;
}
/* MENU ECOSSISTEMA */
.menu-header ul.menu li.menu-ecossistema > ul.sub-menu{
   display: flex;
   gap: 0 22px;
}
.menu-header ul.menu li.menu-ecossistema > ul.sub-menu > li{
    margin: 0;
}
/* MENU GLOSSÁRIO */
.menu-header ul.menu > li > ul.sub-menu > li > ul.sub-menu > li.menu-glossario{
    background: none;
    padding: 0;
}
/* MENU COLUNA */
.menu-header ul.menu li.menu-coluna > a{
    display: none;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu{   
    width: 180px; 
    padding: 0;
    margin: 0 0 20px;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li{
    border-bottom: 1px solid #EAEED3;
    padding: 15px 0;
    margin: 0;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li:first-child{   
    padding: 0 0 15px;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li:nth-child(1) a{
    color: #2699FB;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li:nth-child(2) a{
    color: #FCB900;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li:nth-child(3) a{
    color: #E4562E;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li a{
    text-transform: uppercase;
}
.menu-header ul li a {	
    display: block;
    position: relative;
	color: #3070B3;
    font-family: "Vend Sans", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3em;	
}
.menu-header ul li a:hover{
    color: #2A335C !important;
}
/* LINKEDIN */
.linkedin{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0 15px;
}
.linkedin span{
    font-family: "Vend Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #2A335C;
}
.linkedin path{
    fill: #2A335C;   
}
.linkedin a:hover path{
    fill: #3070B3;
}
/* BUSCA */
.busca-inner {
    width: 696px;
    margin: 0 auto;	
}
.form-busca{
    position: relative;
}
.form-busca input {    
    border: 1px solid #2A335C;
    border-radius: 15px;
    width: 100%;      
    height: 55px;
    padding: 0 55px 0 16px;
    font-size: 16px;
    font-family: inherit;
    color: #2A335C;
    outline: none;
    transition: border-color 300ms ease;  
}
.form-busca input:focus{
    border-color: #3070B3;
}
.form-busca input::placeholder{
    color: #2A335C;
    opacity: 0.5;
}
.form-busca input:focus::placeholder{   
    opacity: 0;
}
.form-busca .btn-buscar{
    background: none;
    border: none;
    width: 45px;
    height: 45px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.form-busca .btn-buscar path{
    fill: #2A335C;   
}
.form-busca .btn-buscar:hover path{
    fill: #3070B3;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
/* INICIATIVA */
.iniciativa{
    border-top: 1px solid #EAEED3;    
}
.iniciativa .inner{
    width: 856px;
    padding: 40px 0 105px;
    display: flex;
}
.iniciativa-container {
	border-right: 1px solid #3070B3;
	padding: 0 50px 0 0;
	margin: 0 50px 0 0;
}
.iniciativa-container:last-child{
    border-right: none;
	padding: 0;
	margin: 0;
}
.iniciativa h4{
    color: #3070B3;
    font-weight: 700;
    margin-bottom: 3em;
}
.iniciativa-lista {
	padding: 0 0 0 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 50px;
}
/* FOOTER */
footer{    
    background: #EAEED3;    
}
footer .inner{
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 95px;
}
footer .linkedin path{
    fill: #E4562E;   
}
footer .linkedin a:hover path{
    fill: #2A335C;
}
/* DIREITOS */
.direitos{
    width: 1046px;
    padding: 30px 0;
    text-align: center;
    margin: 0 auto;
}
.direitos p{   
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
}
.direitos p br{
    display: none;
}
.direitos p a{
    transition: color 300ms ease;
}
.direitos p a:hover{
    color: #E4562E;
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
.hero{
    background-color: #3070B3;
    height: calc( 100vh - 84px );
    overflow: hidden;
}
/* VÍDEO */
.hero-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
h1.hero-video-title{
    width: 435px;   
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(110px);
    z-index: 1;  
}
h1.hero-video-title span {
	background-color: #3070B3;
	color: #EAEED3;
	display: inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 0 10px;
	line-height: 1.2;
	font-family: "Vend Sans", sans-serif;
	font-size: 35px;
	font-weight: 300;
}
.btn-hero-video{
    background-color: #FFF;
    border-radius: 100px;
    width: max-content;
    height: 35px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    bottom: 40px;
    left: 60px;
    z-index: 2;
    color: #3070B3;
    font-family: "Vend Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;   
    transition: color 300ms ease, background-color 300ms ease;
}
.btn-hero-video:hover{
    background-color: #3070B3;
    color: #FFF;
}
.btn-hero-video:hover .btn-icone path{
    fill: #FFF;
}
/* IMAGEM */
.hero .inner {
	display: flex;
	justify-content: start;
	align-items: end;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -42px;
}
.hero-img{
    mask: url(img/mask.svg) no-repeat center center;
    mask-size: 100% auto;
    width: 648px;
    height: 692px;
    object-fit: cover;
    margin: 0 0 0 -90px;    
}
h1.hero-title{
    width: 435px;
    color: #EAEED3;  
    margin: 0 0 60px 90px;
}
.gr-hero {
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    z-index: 2;
}
/* SOBRE */
.sobre{    
    background-image: var(--bg-desktop);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.sobre::before{
    content: "";
    background: rgba(48, 112, 179, 1) ;
    width: calc( 50vw - 523px );
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.sobre::after {
	content: "";
	background: linear-gradient(90deg, rgba(48, 112, 179, 1) 20%, rgba(48, 112, 179, 0) 100%);
	width: 683px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-523px);
	z-index: 0;	
}
.sobre .inner {
	height: 560px;
	padding: 40px 0 95px;	
	display: flex;
	flex-direction: column;
    z-index: 1;
}
.linha-vertical::before {
	content: "";
	border-right: 1px solid #FFFFFF;
	width: 1px;
	height: calc( 100% - 65px);
	position: absolute;
	top: 65px;
	left: 25px;
}
.sobre-txt{
    width: 285px;  
    text-align: center;
    margin: auto 0 0 90px;
}
.sobre-txt h3{    
    margin-bottom: 1.5em;
}
/* ECOSSISTEMA */
.ecossistema{
    background: #2A335C;
    overflow: hidden;
}
.ecossistema .inner {
	height: 480px;
	padding: 0 0 60px;	
	display: flex;	
}
.ecossistema-gr{
    width: auto;
    height: 500px;
    margin: 20px 120px 0 -60px;
}
.ecossistema-txt{
    width: 430px;   
    margin: auto 0 0;
}
.ecossistema-txt h2{   
    margin-bottom: 0.5em;
}
.ecossistema-txt p{
    font-style: italic;
    margin-bottom: 2rem;
}
/* CONHECIMENTO */
.conhecimento{
    background-image: var(--bg-desktop);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;   
}
.conhecimento::after {
	content: "";
	background: linear-gradient(90deg, #5BC7DA 20%, #80D8E9 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;   
	z-index: -1;	
}
.conhecimento .inner {
	height: 560px;
	padding: 40px 0 95px;	
	display: flex;
	flex-direction: column;
    z-index: 1;
}
.conhecimento-txt{     
    margin: auto 0 0 90px;
}
.conhecimento-txt h2,
.conhecimento-txt h3{    
    margin-bottom: 0.5em;
}
.conhecimento-txt h3{
    font-weight: 700;
}
.conhecimento-txt p{
    font-style: italic;
    margin-bottom: 2rem;
}
.conhecimento-gr{
    position: absolute;
    top: 75px;
    left: 50%;   
    z-index: 2;   
}
/* DESTAQUES */
.destaques-inicio .inner{
    padding: 40px 0 60px;
}
.destaques-inicio-txt{   
    margin: 0 0 30px;
}
.destaques-inicio-txt h2{   
    margin-bottom: 0.5em;
}
.destaques-inicio-txt p{
    font-style: italic;
    margin-bottom: 2rem;
}
.destaques-inicio-lista{
    display: block;
    padding-bottom: 35px;    
}
.destaques-inicio-lista .owl-stage {
    display: flex;
}
.destaques-inicio-lista .owl-item {
    display: flex;
    flex: 1 0 auto;
}
/*-------------------------------------------------------
BANNERS
-------------------------------------------------------*/
.banner{
    overflow: hidden;
}
.banner .inner{
    height: calc( 100vh - 84px );
    max-height: 684px;
    display: flex;
    align-items: center;
    justify-content: start;
    z-index: 1;
}
.banner-txt{   
    transform: translateY(-25px);
}
/* BREADCRUMB */
.navegacao-breadcrumb {   
    width: max-content;
    font-family: "Vend Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25em;
    text-transform: uppercase;
    margin-bottom: 2.5rem;   
}
.navegacao-breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.navegacao-breadcrumb li {
    display: inline-block;
}
.navegacao-breadcrumb .separador {
    margin: 0 4px;   
}
h1.banner-title{
    width: max-content;
    max-width: 520px;
    margin-bottom: 0.6em;
}
h1.banner-title negrito{
    font-weight: 700;
}
.banner-txt p{
    font-size: 20px;
}
.banner-img {  
	position: absolute;
	top: 50%;
	left: 50%;	
	z-index: 0;
}
/* BANNER SOBRE */
.banner-sobre,
.banner-sobre a{
    color: #3070B3;
}
.banner-sobre a:hover {
    color: #2A335C;
}
.banner-sobre .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;	
	transform: translate(-50%,-50%);	
}
/* BANNER ECOSSISTEMA */
.banner-ecossistema{
    background: #E4562E;
}
.banner-ecossistema,
.banner-ecossistema a{
    color: #EAEED3;
}
.banner-ecossistema a:hover {
    color: #2A335C;
}
.banner-ecossistema p{
    color: #FFFFFF;
}
.banner-ecossistema .banner-img {  
    width: 644px;
	transform: translate(-90px,-50%);	
}
/* BANNER ECOSSISTEMA PÁGINAS */
.banner-eco-pagina::before,
.banner-noticias-img-container::before{
    content: "";
    background: url(img/gr-ecossistema.svg) no-repeat;
    background-size: 100% auto;
    width: 527px;
    height: 564px;
    position: absolute;
    top: min(calc((100vh - 84px) * 0.16), 110px);
    left: 50%;
    transform: translate(240px,0);
    z-index: 3;
}
.banner-eco-pagina::after{
    content: "";
    background: linear-gradient(0deg, rgba(48, 112, 179, 1) 15%, rgba(48, 112, 179, 0) 100%);
    width: 100%;
    height: 85%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.banner-eco-pagina .inner{
    padding-top: min(calc((100vh - 84px) * 0.22), 150px);
    align-items: start;
    z-index: 2;
}
.banner-eco-pagina .banner-txt {
	transform: none;
}
.banner-eco-pagina .navegacao-breadcrumb {
	margin-bottom: 12.5rem;
}
.banner-eco-pagina h1.banner-title{ 
    text-transform: uppercase;
}
.banner-eco-pagina,
.banner-eco-pagina a{
    color: #FFFFFF;
}
.banner-eco-pagina a:hover {
    color: #2A335C;
}
.banner-eco-pagina .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;	
	transform: translate(-50%,-50%);	
}
/* PÁGINA ANS */
.page-ans .banner-eco-pagina .inner::after{
    content: "";
    background: url(img/icone-ans.svg) no-repeat;
    background-size: 100% auto;
    width: 64px;
    height: 64px;
    position: absolute;
    top: min(calc((100vh - 84px) * 0.19), 130px);
    right: 0;   
    z-index: 2;
}

/* BANNER GLOSSÁRIO */
.banner-glossario{
    background: #EAEED3;
}
.banner-glossario::before {
	content: "";
	background: url(img/gr-glossario.svg) no-repeat;
	background-size: 100% auto;
	width: 202px;
	height: 242px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(268px,-50%);
    margin: 20px 0 0 0;
	z-index: 1;	
}
.banner-glossario .inner{
    padding-top: min(calc((100vh - 84px) * 0.22), 150px);
    align-items: start;
    z-index: 2;
}
.banner-glossario .banner-txt {
	transform: none;
}
.banner-glossario .navegacao-breadcrumb {
	margin-bottom: 6.5rem;
}
.banner-glossario h1.banner-title{ 
    color: #E4562E;
    text-transform: uppercase;
}
.banner-glossario,
.banner-glossario a{
    color: #2A335C;
}
.banner-glossario a:hover {
    color: #E4562E;
}
.banner-glossario .banner-img {
    border-radius: 50%;
    width: 432px;
    height: 432px;
    object-fit: cover;	
	transform: translate(-84px,-50%);	
}
/* BANNER REPOSITÓRIO */
.banner-repositorio .inner{
    height: 488px;
    padding: 40px 0 0;
    align-items: start;
}
.banner-repositorio .banner-txt {
	transform: none;
}
.banner-repositorio .navegacao-breadcrumb {
    color: #3070B3;
	margin-bottom: 10rem;
}
.banner-repositorio h1.banner-title{ 
    width: 452px;
    text-transform: uppercase;
}
.banner-repositorio a{
    color: #3070B3;
}
.banner-repositorio a:hover {
    color: #2A335C;
}
.banner-repositorio .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;	
	transform: translate(-50%,-50%);	
}
/* BANNER CONTATO */
.banner-contato{
    background: #3070B3;
}
.banner-contato .inner {	
    padding-top: min(calc((100vh - 84px) * 0.13), 70px);
    padding-bottom: min(calc((100vh - 84px) * 0.15), 80px);
	max-height: 540px;	    
}
.banner-contato .banner-txt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;   
	transform: none;
}
.banner-contato .navegacao-breadcrumb{ 
    margin-bottom: auto;
}
.banner-contato,
.banner-contato a{
    color: #FFFFFF;
}
.banner-contato a:hover {
    color: #FCB900;
}
.banner-contato p{
    color: #FFFFFF;
}
.banner-contato .banner-img {  
    width: 425px;
	transform: translate(30px,-50%);	
}
/*-------------------------------------------------------
PADRÃO
-------------------------------------------------------*/
.padrao h2,
.padrao h3{
    position: relative;   
	margin-bottom: 1.5rem;    
}
.padrao h2{
	font-size: 28px;	
    font-weight: 600;
}
.padrao h3{
	font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
	text-decoration-color: #EAEED3;
	text-decoration-thickness: 3px;
    text-underline-offset: 6px;
}
.padrao p a{		
	text-decoration: underline;
}
.padrao p a:hover{
	color: #3070B3;
}
.padrao blockquote {
    border-left: 3px solid #3070B3;
	padding: 16px 90px 16px 24px;	
	font-size: 20px;
	font-weight: 500;
	font-style: italic;
	color: #3070B3;
    margin-left: 90px;
	margin-bottom: 1rem;
}
.padrao ul,
.padrao ol{  
	padding: 0 0 0 20px;
	margin: 1rem 0;	
}
.padrao ol{
	counter-reset: li;
}
.padrao li{
	position: relative;
	line-height: 1.5em;	
}
.padrao ul li::before {
	content: "\2022";
	color: #3070B3;
	font-size: 1.75em;
	position: absolute;
	left: -13px;
	line-height: 0.85em;
}
.padrao ol li {
	counter-increment: li;
}
.padrao ol li::before {
	content: counter(li)'.';
	color: #3070B3;
	font-size: 1em;
    font-weight: 700;
	position: absolute;
	left: -20px;	
}
.padrao .wp-caption{
	width: 100% !important;
	height: auto;
    margin: 1.5rem 0;
}
.padrao .wp-caption img{
    margin-bottom: 0 !important;
}
.padrao .wp-caption-text {   
	padding: 10px 0 0;
    height: auto;   
	position: relative;	
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;
}
.padrao img.size-conteudo,
.padrao img.size-full,
.padrao img.size-large,
.padrao img.size-medium{
	width: 100%;
	height: auto;
	margin: 1.5rem 0;
}
.padrao .table-container{
    margin: 1.5rem 0;
}
.padrao table {
    width: 696px;    
    border-collapse: collapse;    
}
.padrao table tr{
    border-top: 1px solid #3070B3;
}
.padrao table tr:last-child{
    border-bottom: 1px solid #3070B3;
}
.padrao table tr:nth-child(even) td{
    background-color: #E9EFF6;
}
.padrao table td {
    border: 1px solid #3070B3;
}
.padrao table th {   
    border: 1px solid #3070B3;           
    font-weight: 600;
}
.padrao table td,
.padrao table th {   
    border-top: none;
    border-bottom: none;   
    padding: 7px;
}
.padrao table td:first-child,
.padrao table th:first-child {
    border-left: none;     
}
.padrao table td:last-child,
.padrao table th:last-child {
    border-right: none;     
}
.padrao .video-container{
    margin: 1.5rem 0;
}
.padrao .gallery {
	width: 100%;	
    padding-bottom: 20px;
	margin: 1.5rem 0;
}
.padrao *:last-child{
    margin-bottom: 0 !important;
}
/*-------------------------------------------------------
PADRÃO BÁSICO
-------------------------------------------------------*/
.padrao.basico h2,
.padrao.basico h3{    
	margin-bottom: 1rem;    
}
.padrao.basico h2{
	font-size: 20px;	
    font-weight: 700;
}
.padrao.basico h3{
	font-size: 18px;
    font-weight: 700;   
    text-underline-offset: 5px;
}
/*-------------------------------------------------------
PÁGINAS
-------------------------------------------------------*/
.bloco-texto .inner{
    width: 696px;
    padding: 55px 0;
}
/* GALERIA MOSAICO */
.mosaico .inner{
    padding: 25px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.mosaico-item{
    background: #3070B3;
    display: block;
    overflow: hidden;
}
.mosaico-item:nth-child(6n+1){
    width: 430px;
    height: 320px;
}
.mosaico-item:nth-child(6n+2){
    width: 616px;
    height: 320px;
}
.mosaico-item:nth-child(3n+3){
    width: 1046px;
    height: 400px;
}
.mosaico-item:nth-child(6n+4){
    width: 694px;
    height: 400px;
}
.mosaico-item:nth-child(6n+5){
    width: 352px;
    height: 400px;
}
.mosaico-item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center center;      
}
.mosaico-item:hover .mosaico-item-img{
    transform: scale(1.05);   
    opacity: 0.7;
}
/* ACCORDION */
.bloco-sanfona{
    margin: 2rem 0;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.accordion-item {
    background: transparent;
    border: 1px solid #EAEED3;
    border-radius: 24px;   
    padding: 15px 20px 30px;
    overflow: hidden;
}
.accordion-button{
    display: block;
    position: relative;
} 
.accordion-img{
    width: auto;
    height: 95px;
    position: relative;
    left: -8px;
}
.accordion-title {
    width: calc( 100% + 8px );
    padding: 15px 0 0;  
    display: flex;
    justify-content: space-between;
    align-items: center;   
    gap: 10px;         
    cursor: pointer;
    position: relative;
}
.accordion-title::after {
    content: "\f078"; 
    background-color: #EAEED3;  
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-family: "Font Awesome 6 Free";   
    font-weight: 900;   
    font-size: 18px;
    color: #3070B3;      
    display: flex;
    align-items: center;
    justify-content: center;    
    transition: background-color 300ms ease, color 300ms ease, transform 300ms ease;
}
.accordion-item:hover .accordion-title::after{
    background-color: #3070B3;
    color: #EAEED3;    
}
.accordion-item.active .accordion-title::after{  
    transform: rotate(180deg);
}
.accordion-img{
    width: auto;
    height: 95px;
    flex-shrink: 0;
    position: relative;
    left: -8px;
}
.accordion-title h4 {    
    font-size: 20px;
    font-weight: 700;
    color: #3070B3;
    flex: 1;   
    margin-bottom: 0;
    transition: color 200ms ease;   
}
.accordion-title:hover h4,
.accordion-item.active .accordion-title h4{
    color: #2A335C;
}
.accordion-text {
    padding: 20px 0 0;  
    display: none;
}
/* BOX VERDE */
.box-verde{
    background: #F7F8ED;
    padding: 30px 0 45px;
    position: relative;
    margin: 2rem 0;
}
.box-verde:last-child{
    margin: 2rem 0 -55px !important;
}
.box-verde::after{
    content: "";
    background: #F7F8ED;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.box-verde .accordion-item {
	border: 1px solid #3070B3;
}
/*-------------------------------------------------------
QUEM SOMOS
-------------------------------------------------------*/
.instituicoes .inner{
    padding: 40px 0 60px;
}
.instituicoes .linha-vertical::before {	
	border-right: 1px solid #EAEED3;	
	height: calc( 100% - 145px);	
	top: 85px;	
}
.instituicoes h2{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
}
.instituicoes-lista{
    display: flex;
    flex-direction: column;
    gap: 70px 0;
}
.instituicao-item{
    display: flex;    
    gap: 0 40px;
}
.instituicao-item-logo{
    width: 315px;
}
.instituicao-item-logo img{
	margin-left: auto;
}
.instituicao-item-texto{
    width: 606px;
}
/*-------------------------------------------------------
O QUE FAZEMOS
-------------------------------------------------------*/
.lista-icones {
    width: 1046px;
    padding: 16px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 3.5rem;
}
.item-icone {
    width: 264px;      
}
.imagem-icone{
    width: 194px;
    height: 206px;
    display: flex;
    justify-content: center;
    align-items: end;
    margin: 0 auto 15px;
}
.texto-icone {
    color: #3070B3;
    font-weight: 500;
    text-align: center;
}
.texto-icone h3{
    margin-bottom: 0.5rem;
}
/*-------------------------------------------------------
ECOSSISTEMA
-------------------------------------------------------*/
.saude .inner{
    display: flex;
}
.saude-imagem-container{
    width: 430px;
    display: flex;    
}
.saude-imagem {
	background: no-repeat center center;
	background-size: cover;
	width: calc( 100% + ( 50vw - 523px ) );
	height: 100%;
    flex-shrink: 0;
}
.saude-conteudo{
    width: 616px; 
    text-align: center;   
}
.saude-conteudo h2{
    color: #EAEED3;
    font-weight: 700;
    margin-bottom: 1rem;
}
.saude-conteudo p{
    font-style: italic;
    margin-bottom: 2rem;
}
.saude-lista{
    border-top: 1px solid #FFFFFF;
    padding: 40px 0 0;
    display: flex;
    flex-direction: column;
    gap: 50px 0;
    margin: 60px 0 0;
}
.ecossistema-item {
	display: flex;
	align-items: end;
}
.ecossistema-item-icone{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px 0;
    flex: 1;    
}
h3.ecossistema-item-title{
    color: #EAEED3;
    font-weight: 700;
}
.ecossistema-item-txt{
    width: 295px;
}
.ecossistema-item-txt p{
    font-style: normal;
    font-weight: 600;
}
/* SUS */
.saude.sus{
    background: #3070B3;
}
.saude.sus .inner{
    flex-direction: row;
}
.saude.sus .saude-imagem-container{
    justify-content: end;
}
.saude.sus .saude-conteudo{
    padding: 40px 0 80px 90px;
    color: #FFFFFF;
}
.gr-sus {
	width: 216px;
	position: absolute; 
	top: 32px;
	left: 50%;
	transform: translate(-218px, 0);
	z-index: 2;
}
/* SAÚDE SUPLEMENTAR */
.saude.ss{
    background: #2A335C;
}
.saude.ss .inner{
    flex-direction: row-reverse;
}
.saude.ss .saude-imagem-container{
    justify-content: start;
}
.saude.ss .saude-conteudo{
    padding: 40px 90px 80px 0;
    color: #EAEED3;
}
.saude.ss .saude-lista{
    border-top: 1px solid #EAEED3;
}
.saude.ss .ecossistema-item{
    align-items: start;
}
.saude.ss .ecossistema-item-txt{
    width: 395px;
    text-align: left;
}
.saude.ss h3.ecossistema-item-title{
    margin-bottom: 1em;
}
.gr-ss {
	width: 255px;
	position: absolute;
	top: 16px;
	left: 50%;
	transform: translate(32px, 0);
	z-index: 2;
}
/* GLOSSÁRIO */
.glossario{
    background: #EAEED3;
}
.glossario .inner {
	height: 475px;
	padding: 40px 0 80px;	
	display: flex;
    flex-direction: column;    
    z-index: 1;
}
.glossario h2.section-title{
    color: #2A335C;
    margin-bottom: 0;
}
.glossario-txt{
    margin: auto 0 0 90px;
}
.glossario h2{
    color: #E4562E;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.glossario p{
    font-style: italic;
    margin-bottom: 2rem;
}
.glossario-img{
    border-radius: 50%;
    width: 326px;
    height: 326px;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(90px,-50%);
    margin: -10px 0 0;
}
.glossario-gr{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-55px,-50%);
    margin: -30px 0 0;
}
/*-------------------------------------------------------
O SUS
-------------------------------------------------------*/
/* LINHA DO TEMPO */
.linha-tempo {
	background: #EAEED3;
    width: 1046px;
	padding: 45px 0 50px;
	position: relative;	
	left: -175px;
    margin: 2rem 0;
}
.linha-tempo::after{
    content: "";
    background: #EAEED3;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}   
h2.linha-tempo-title{
    width: max-content;
    padding-left: 16px;
    position: relative;
    font-weight: 700;
    margin-bottom: 1em;
}
h2.linha-tempo-title::before,
.linha-tempo-container .owl-item:last-child::after,
.linha-tempo-item::before,
h3.lt-ano::after,
.lt-epoca::after{
    content: "";
    background: #E4562E;   
    display: inline-block;
    position: absolute;    
}
h2.linha-tempo-title::before {
	width: 7px;
	height: calc( 100% - 19px );
	top: 10px;
	left: 0;
}
.linha-tempo-container {
    width: 976px;
    margin: 0 auto;  
}
.linha-tempo-container .owl-stage-outer {	
	overflow: unset !important;	
}
.linha-tempo-container .owl-dots{
    position: relative;
    margin-top: 26px;
}
.linha-tempo-container .owl-dot{
    background: #FFFFFF !important;   
}
.linha-tempo-container .owl-dot:hover{
    background: #2A335C !important;   
}
.linha-tempo-container .owl-dot.active{
    background: #E4562E !important;   
}
.linha-tempo-container .owl-item:last-child::after{
    width: 50vw;
    height: 2px;
    top: 221px;
    left: 100%;
}
.linha-tempo-item {
    width: 244px;  
    padding: 12px; 
    position: relative;
}
.linha-tempo-container .owl-item.highlight .linha-tempo-item.destacado{
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 92px 24px 24px 24px;
    transition: color 300ms ease;
}
.linha-tempo-container .owl-item.highlight .linha-tempo-item.destacado:has(.lt-epoca) {
    background-color: transparent;   
    border-radius: 0;
}
.linha-tempo-item::before{
    width: 244px;
    height: 2px;
    top: 232px;
    left: 0;
}
.lt-imagem {    
    background-color: #E4562E;
    width: 162px;
    height: 162px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}
.lt-imagem img {
    width: 100%;
    height: 100%;  
    object-fit: cover;
    transform-origin: center center;
    transition: transform 300ms ease, opacity 300ms ease;
}
.linha-tempo-item:hover .lt-imagem img {
    transform: scale(1.05);
    opacity: 0.7;
}
.lt-conteudo {
    padding: 15px 0 0 10px;   
    position: relative;
}
h3.lt-ano {
	width: 142px;
	position: relative;
	color: #2A335C;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 45px;
	text-align: center;
}
h3.lt-ano::after{  
    width: 2px;
    height: 26px;   
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
}
.lt-titulo {
    display: inline-block;
	font-size: 20px;
	font-weight: 600;	
	line-height: 1.25em;
}
.linha-tempo-item:hover .lt-titulo{
    color: #E4562E
}
.lt-epoca {
	width: 162px;
	height: 162px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	position: relative;
	border-radius: 50%;
	border: 2px solid #E4562E;
}
.lt-epoca::after {
	width: 2px;
	height: 73px;
	bottom: -73px;
	left: 50%;
	transform: translateX(-50%);
}
h3.lt-epoca-titulo {
	color: #E4562E;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.25em;
}
/* SLIDER TEXTO */
.slider .inner{
    width: 696px;    
}
.slider-texto{
    display: flex;
    gap: 34px;
    margin: 3rem 0 2rem;
}
.slider-texto-txt{
    flex: 1;
}
.slider-texto-sld{   
    width: 342px;
    padding-bottom: 40px;    
}
.owl-slider-texto{
    background: #EAEED3;
    border-radius: 40px;
    width: 342px;
    min-height: 250px;
}
.owl-slider-texto .owl-stage {
    display: flex;
}
.owl-slider-texto .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.slide-texto-item{
    width: 342px;
    min-height: 250px;
    padding: 30px 60px;
    display: flex;
    align-items: center;
}
.slide-texto-item p{
    color: #3070B3;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.slider-texto-sld .owl-dots{
    bottom: -40px;
}
/*-------------------------------------------------------
POLÍTICAS PÚBLICAS
-------------------------------------------------------*/
/* IMAGEM TEXTO LONGO */
.bloco-imagem-texto {
	background: #3070B3;
	width: 100%;
	padding: 0 0 30px;
	position: relative;
    margin: 2rem 0;
}
.bit-imagem{
    position: absolute;
    z-index: 0;
}
.bit-imagem::after {
	content: "";
	background: linear-gradient(0deg, rgba(48, 112, 179, 1) 30%, rgba(48, 112, 179, 0) 100%);
	width: 100%;
	height: 420px;
	position: absolute;
	bottom: 0;
	left:0;   
	z-index: 1;	
}
.bit-imagem img{
    width: 100%;
    height: 464px;
    object-fit: cover;
    position: relative;
    z-index: 0;
}
.bit-conteudo{
    padding: 225px 20px 60px;
    position: relative;   
    color: #FFFFFF;
    z-index: 2;
}
h2.bit-title{
    color: #EAEED3;
    font-weight: 700;
    margin-bottom: 0.75em;
}
.bit-texto{
	overflow: hidden;	
}
.bit-texto.close{
    height: 124px;   
}
.btn-bit{   
    background: none;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0;
    display: block;
    position: absolute;   
    right: 40px;
    bottom: 0;
    cursor: pointer;
    transition: transform 300ms ease;
}
.btn-bit::after {
    content: "\f078"; 
    background-color: #EAEED3;  
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-family: "Font Awesome 6 Free";   
    font-weight: 900;   
    font-size: 18px;
    color: #3070B3;      
    display: flex;
    align-items: center;
    justify-content: center;    
    transition: background-color 300ms ease, color 300ms ease;
}
.btn-bit:hover::after{
    background-color: #2A335C;
    color: #EAEED3;    
}
.btn-bit.open{
    transform: rotate(180deg);
}
/* LISTA ÍCONES VERTICAL */
.lista-icones-vertical {
    width: 100%;    
    display: flex;
    flex-direction: column;
    gap: 30px;    
    margin: 2rem 0;
}
.item-icone-vertical {
    width: 100%;
    display: flex;
    gap: 25px;
}
.imagem-icone-vertical{
    width: 158px;
    height: auto;   
}
.imagem-icone-vertical img{
    width: 100%;   
}
.texto-icone-vertical {
    padding: 10px 0 0;
    flex: 1;
}
.texto-icone-vertical h3{
    color: #2A335C;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 1em;
}
/*-------------------------------------------------------
GLOSSÁRIO DA SAÚDE
-------------------------------------------------------*/
.glossario-lista .inner{
    padding: 30px 0 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
/* Navegação do Alfabeto */
.glossario-nav {
	width: 798px;
	text-align: center;	
}
.owl-glossario{
    padding: 0 0 36px; 
}
.owl-glossario .owl-dot.active {
	background-color: #2A335C !important;
}
.btn-letra {
    background-color: #EAEED3;
    border: none;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    padding: 0;    
    color: #2A335C;
    font-family: "Vend Sans", sans-serif;
    font-size: 29px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 300ms ease, color 300ms ease;
}
.btn-letra:hover{
    background-color: #3070B3;
    color: #EAEED3;   
}
.btn-letra.active {
    background-color: #2A335C;
    color: #EAEED3;   
}
.glossario-conteudo{
    width: 696px;    
}
/* Estilo da Sanfona (Acordeão) */
.accordion.glossario-accordion{
    gap: 10px;
}
.accordion-item.glossario-accordion-item {
    border-radius: 18px;
    padding: 5px 15px 20px;
}
.accordion-item.glossario-accordion-item .accordion-title h4 {
	font-size: 20px;	
	color: #2A335C;	
	transition: color 300ms ease;
}
.accordion-item.glossario-accordion-item .accordion-title:hover h4,
.accordion-item.glossario-accordion-item.active .accordion-title h4 {
    color: #3070B3;
}
/*-------------------------------------------------------
REPOSITÓRIO
-------------------------------------------------------*/
/* TROCAR COR HEADER */
.page-repositorio header,
.single-documento header {
	background-color: #A3CFDB;
}
/* FILTROS */
.filtros{
    background: #F4F6E9;
}
.filtros .inner{
    width: 800px;
    padding: 30px 0 45px;
}
.filtros .search-filter-field {
	align-items: center;
}
.filtros .search-filter-label{
    display: block;
    color: #2A335C;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 20px;
}
/* FILTRO TIPO */
.filtro-tipo{    
    padding: 0 0 30px;
    position: relative;
}
.filtro-tipo::after{
    content: "";
    border-top: 1px solid #FFFFFF;
    width: 342px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.filtro-tipo fieldset.search-filter-input-button-group {
	flex-wrap: nowrap;	
	justify-content: center;
	align-items: start;
    gap: 0 10px;
}
/* Esconde o botão de rádio padrão (caso apareça) */
.search-filter-checkable-button__input {
    display: none !important;
}
/* Transforma a Label em um bloco clicável gigante */
.search-filter-checkable-button__label {
    width: 144px;
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer;   
}
.search-filter-checkable-button__label:active{
    outline: none !important;
}
.sf-botao-custom {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 0;      
    text-align: center;
}
/* Ícone */
.sf-icone{
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 114px;
    height: 114px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    transition: background-color 300ms ease;
}
.sf-icone img {
    width: 64px;  
    transition: filter 300ms ease;
}
.sf-titulo {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25em;
    text-transform: uppercase;   
    margin-bottom: 8px;
}
.sf-descricao {
    font-size: 13px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.25em;  
}
/* CORES */
.search-filter-checkable-button.dados .search-filter-checkable-button__label,
.search-filter-checkable-button.dados:hover .search-filter-checkable-button__label{
    color: #3070B3;
}
.search-filter-checkable-button.estudos .search-filter-checkable-button__label,
.search-filter-checkable-button.estudos:hover .search-filter-checkable-button__label{
    color: #E4562E;
}
.search-filter-checkable-button.legislacao-e-regulacao .search-filter-checkable-button__label,
.search-filter-checkable-button.legislacao-e-regulacao:hover .search-filter-checkable-button__label{
    color: #E2AC16;
}
.search-filter-checkable-button.experiencia-internacional .search-filter-checkable-button__label,
.search-filter-checkable-button.experiencia-internacional:hover .search-filter-checkable-button__label{
    color: #308F43;
}
.search-filter-checkable-button.policy-briefs .search-filter-checkable-button__label,
.search-filter-checkable-button.policy-briefs:hover .search-filter-checkable-button__label{
    color: #9B31CF;
}
.search-filter-checkable-button.dados:hover .sf-icone,
.search-filter-checkable-button.dados .search-filter-checkable-button__label.search-filter-input-button--is-selected .sf-icone{
    background-color: #3070B3;
}
.search-filter-checkable-button.estudos:hover .sf-icone,
.search-filter-checkable-button.estudos .search-filter-checkable-button__label.search-filter-input-button--is-selected .sf-icone{
    background-color: #E4562E;
}
.search-filter-checkable-button.legislacao-e-regulacao:hover .sf-icone,
.search-filter-checkable-button.legislacao-e-regulacao .search-filter-checkable-button__label.search-filter-input-button--is-selected .sf-icone{
    background-color: #E2AC16;
}
.search-filter-checkable-button.experiencia-internacional:hover .sf-icone,
.search-filter-checkable-button.experiencia-internacional .search-filter-checkable-button__label.search-filter-input-button--is-selected .sf-icone{
    background-color: #308F43;
}
.search-filter-checkable-button.policy-briefs:hover .sf-icone,
.search-filter-checkable-button.policy-briefs .search-filter-checkable-button__label.search-filter-input-button--is-selected .sf-icone{
    background-color: #9B31CF;
}
.search-filter-checkable-button:hover .sf-icone img,
.search-filter-checkable-button .search-filter-checkable-button__label.search-filter-input-button--is-selected .sf-icone img{
    filter: brightness(0) invert(1);
}
/* FILTRO ASSUNTO */
.filtro-assunto{    
    background: #F4F6E9;
    padding: 20px 0 0;
    position: relative;
    z-index: 1;
}
.filtro-assunto .search-filter-label{
    width: 256px;
}
.filtro-assunto .search-filter-component-combobox-base{
    width: 488px;
    padding: 2px 0 0 16px;
}
.filtro-assunto .search-filter-component-combobox__selection-placeholder,
.filtro-assunto .search-filter-component-combobox-base__listbox-option,
.filtro-assunto .search-filter-component-combobox__selection,
.filtro-noticias .search-filter-component-combobox__selection-placeholder,
.filtro-noticias .search-filter-component-combobox-base__listbox-option,
.filtro-noticias .search-filter-component-combobox__selection {
	font-family: "Vend Sans", sans-serif !important;
	font-size: 16px !important;
	font-weight: 700;
	text-transform: uppercase;
    cursor: pointer;
}
.filtro-assunto .search-filter-component-combobox-base__listbox-option,
.filtro-noticias .search-filter-component-combobox-base__listbox-option{
    color: #3070B3;
    font-weight: 500;
}
.filtro-assunto .search-filter-component-combobox__selection,
.filtro-noticias .search-filter-component-combobox__selection{
    color: #3070B3;
}
.filtro-assunto .search-filter-component-combobox-base__listbox--attached,
.filtro-noticias .search-filter-component-combobox-base__listbox--attached {
    border-radius: 0 0 20px 20px;
	margin-top: -1px !important;
}
.filtro-assunto .search-filter-component-combobox-base__listbox-option--selected,
.filtro-assunto .search-filter-component-combobox-base__listbox-option--active{   
    color: #FFFFFF;
}
/* LIMPAR FILTROS */
.limpar-filtros{
    padding: 20px 0 0;
    position: relative;
    z-index: 0;
    transition: margin-top 300ms ease;
}   
.limpar-filtros .search-filter-input-button{   
    background-color: #3070B3 !important;
    border-color: #3070B3 !important;
    color: #EAEED3 !important;
    border-radius: 45px;
    width: 254px;
    height: 45px;    
    padding: 0;
    display: inline-block;    
    font-family: "Vend Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 45px;
    text-transform: uppercase;      
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
}
.limpar-filtros .search-filter-input-button:hover{
    background-color: #2A335C !important;
    border-color: #2A335C !important;
    color: #EAEED3 !important;
}
.limpar-filtros .search-filter-input-button:active,
.limpar-filtros .search-filter-input-button:focus{
    outline: none !important;
}
.sem-resultados{
    width: 696px;
    margin: 0 auto;
}
h4.sem-termos {
    border: 1px solid #2A335C;
    border-radius: 18px;
    padding: 20px 15px;
	font-size: 20px;
	font-weight: 700;
	color: #2A335C;
    text-align: center;	
}
/* LISTA DOCUMENTOS */
.documentos .inner{
    padding: 90px 0 60px;
}
.documentos-lista{
    display: flex;
    flex-wrap: wrap;
    gap: 36px 10px;
}
/* Card */
.card-documento {   
    border: 1px solid #EAEED3;
    border-radius: 38px;     
    width: 342px; 
    position: relative;
    display: flex;
    flex-direction: column;    
    transition: border-color 300ms ease;
}
.img-container {
	border-radius: 38px;
	width: 342px;
	height: 132px;
	position: relative;
	top: -1px;
	left: -1px;
    overflow: hidden;
}
.card-img {  
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.47;
    transition: transform 300ms ease;
}
.card-badges {
    position: absolute;
    top: 15px;
    left: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.badge-icone {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;  
    flex-shrink: 0;
}
.badge-icone img {
    width: 32px;       
}
.badge-termo {
    background: #FFFFFF; 
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 25px;   
    white-space: nowrap;
    display: inline-block;
}
.card-content {
    padding: 20px 20px 30px;
    flex-grow: 1;
}
h3.card-title {  
    font-weight: 600;
    line-height: 1.3em;   
    transition: color 300ms ease;
}
.card-documento:hover .card-img{
    transform: scale(1.05);
}
/* CORES */
.dados .img-container{
    background: #3070B3;
}
.estudos .img-container{
    background: #E4562E;
}
.legislacao-e-regulacao .img-container{
    background: #E2AC16;
}
.experiencia-internacional .img-container{
    background: #308F43;
}
.policy-briefs .img-container{
    background: #46308F;
}
.card-documento.dados:hover{
    border-color: #3070B3;
}
.card-documento.estudos:hover{
    border-color: #E4562E;
}
.card-documento.legislacao-e-regulacao:hover{
    border-color: #E2AC16;
}
.card-documento.experiencia-internacional:hover{
    border-color: #308F43;
}
.card-documento.policy-briefs:hover{
    border-color: #9B31CF;
}
.dados .badge-termo,
.dados .navegacao-breadcrumb,
.dados .navegacao-breadcrumb a,
.card-documento.dados:hover h3.card-title{    
    color: #3070B3;
}
.estudos .badge-termo,
.estudos .navegacao-breadcrumb,
.estudos .navegacao-breadcrumb a,
.card-documento.estudos:hover h3.card-title{
    color: #E4562E;
}
.legislacao-e-regulacao .badge-termo,
.legislacao-e-regulacao .navegacao-breadcrumb,
.legislacao-e-regulacao .navegacao-breadcrumb a,
.card-documento.legislacao-e-regulacao:hover h3.card-title{
    color: #E2AC16;
}
.experiencia-internacional .badge-termo,
.experiencia-internacional .navegacao-breadcrumb,
.experiencia-internacional .navegacao-breadcrumb a,
.card-documento.experiencia-internacional:hover h3.card-title{
    color: #308F43;
}
.policy-briefs .badge-termo,
.policy-briefs .navegacao-breadcrumb,
.policy-briefs .navegacao-breadcrumb a,
.card-documento.policy-briefs:hover h3.card-title{
    color: #9B31CF;
}
/*-------------------------------------------------------
SINGLE DOCUMENTO
-------------------------------------------------------*/
.topo-documento .inner{
    border-bottom: 1px solid #3070B3;
    padding: 0 0 50px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: start;
}
.topo-documento .img-container{
    border-radius: 0 0 30px 30px;
    width: 518px;
    height: 404px;
    position: relative;
    overflow: hidden;
}
.topo-documento .img-container .card-badges {
	top: 30px;
    right: 20px;    
	left: unset;
    z-index: 1;
}
.topo-documento-img{   
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
    opacity: 0.47;
}
.topo-documento-info {
	width: 500px;
	padding: 30px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: start;
}
.topo-documento-info .navegacao-breadcrumb {
    max-width: 100%;	
}
.topo-documento-info .navegacao-breadcrumb a:hover{
    color: #2A335C;
}
.topo-documento-info h1{
    font-weight: 700;
    margin-bottom: 0.5em;
}
.topo-documento-info p{
    font-size: 20px;
}
.documento .inner {	
	padding: 40px 0;
}
/* DESTAQUES */
.destaques-documento .inner{
    width: 696px;
	padding: 20px 0;
}
h2.destaques-title{
    border-top: 6px solid #EAEED3;
    border-bottom: 6px solid #EAEED3;
    padding: 5px 0;
    color: #3070B3;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}
/* Grid Principal Mestre (Divide o container inteiro em 2 metades) */
.destaques-blocos-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;
}
.bloco-destaque{
    position: relative;
}
/* Os blocos de 50% e 100% */
.bloco-destaque.span-metade {
    grid-column: span 1;
}
.bloco-destaque.span-total {
    grid-column: span 2;   
}
/* Adiciona borda e padding aos blocos */
.bloco-destaque.span-metade,
.bloco-destaque.span-total {   
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}
/* Adiciona um complemento de linha, para cobrir o espaço do gap horizontal (12px), do .span-metade */
/* Conta apenas os .span-metade. Seleciona o 1º, 3º, 5º... dessa classe */
.destaques-blocos-container :nth-child(odd of .span-metade)::after {
    content: "";
    border-bottom: 1px solid #000;
    width: 12px;
    height: 1;
    position: absolute;
    bottom: -1px;
    left: 100%;   
}
/* Não adiciona o complemento quando o .span-metade estiver na última linha*/
.bloco-destaque.span-metade:nth-last-child(2)::after {
    content: none;
}
/* Remove borda e padding dis blocos, quando estão na última linha */
/* 1. Remove a borda se o bloco final ocupar a linha toda */
.bloco-destaque.span-total:last-child,
/* 2. Remove a borda da metade DIREITA se a grelha terminar com dois blocos pequenos */
.bloco-destaque.span-metade:last-child,
/* 3. A MÁGICA: Remove a borda da metade ESQUERDA (penúltimo) APENAS SE o próximo elemento (o último) também for uma metade! */
.bloco-destaque.span-metade:nth-last-child(2):has(+ .span-metade) {
    border-bottom: none;
    padding-bottom: 0;
}
/* Bloco Número e Texto, bloco dividido em 4 fatias */
.grid-numero-texto {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;    
}
.item-span-4 { 
    grid-column: span 4; 
} 
.item-span-2 { 
    grid-column: span 2; 
} 
.item-span-1 { 
    grid-column: span 1; 
} 
.item-numero-texto{
    border-left: 6px solid;
    padding-left: 10px;
}
.item-numero-texto:first-child{
    border-left: none;
    padding-left: 0;
}
data.destaque-numero{
    display: inline-block;
    font-weight: 700;
}
.item-numero-texto.item-span-2 data.destaque-numero,
.item-numero-texto.item-span-4 data.destaque-numero{
    font-size: 59px;
    margin-bottom: 0.15em;
}
.item-numero-texto.item-span-1 data.destaque-numero{
    font-size: 46px;
    margin-bottom: 0.12em;
}
/* Bloco Título, Texto Número e Legenda */
.layout-titulo-texto-legenda{
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 10px;
}
h3.destaque-title {
	font-weight: 700;
	margin-bottom: 0.5em;
	text-decoration: underline;
	text-decoration-color: #EAEED3;
	text-decoration-thickness: 3px;
    text-underline-offset: 6px;
}
h3.destaque-title + p{
    margin-bottom: 0.5em;
}
.box-numero-legenda {
    display: flex;   
    gap: 20px;
    align-items: last baseline;
}
.box-numero-legenda .destaque-numero {
    font-size: 59px;
    margin-bottom: 0;
}
.box-numero-legenda p{
    padding-top: 0.5em;
}
.layout-titulo-texto-legenda.span-total{
    display: flex;
    flex-direction: row;
    justify-content: start;   
    align-items: last baseline;
}
.layout-titulo-texto-legenda.span-total .destaque-texto,
.layout-titulo-texto-legenda.span-total .box-numero-legenda {	
	flex: 1;
}
/* Bloco Título, Texto Número e Legenda */
.layout-imagem-legenda{
    display: flex;
}
.layout-imagem-legenda-content {
    display: flex;   
    align-items: end;      
    gap: 10px;
}
.destaque-imagem-container{
    width: 166px;     
} 
.destaque-img{
    width: 100%;  
    height: 100%; 
    object-fit: cover;
}
.box-numero-legenda-vertical{
    padding-top: 10px;
    position: relative;
    flex: 1;
}
.box-numero-legenda-vertical::before{
    content: "";
    border-top: 1px solid #EAEED3;
    width: 78px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;   
}
.box-numero-legenda-vertical .destaque-numero{
    font-size: 16px;
    margin-bottom: 0.5em;
}
/* Largura total */
.layout-imagem-legenda.span-total .destaque-imagem-container{
    width: 342px;     
} 
.layout-imagem-legenda.span-total .box-numero-legenda-vertical::before{
    width: 98px;
}
.layout-imagem-legenda.span-total .box-numero-legenda-vertical .destaque-numero{
    font-size: 24px;   
}
/* Cores dos Números */
.cor-azul .destaque-numero,
.cor-azul h3.destaque-title { 
    color: #3070B3; 
}
.cor-laranja .destaque-numero,
.cor-laranja h3.destaque-title { 
    color: #E4562E; 
}
.cor-amarelo .destaque-numero,
.cor-amarelo h3.destaque-title { 
    color: #E2AC16; 
}
.cor-verde .destaque-numero,
.cor-verde h3.destaque-title { 
    color: #308F43; 
}
.cor-roxo .destaque-numero,
.cor-roxo h3.destaque-title { 
    color: #9B31CF; 
}
/* Cores da borda da coluna */
.item-numero-texto.cor-azul { 
    border-color: #3070B3; 
}
.item-numero-texto.cor-laranja { 
    border-color: #E4562E; 
}
.item-numero-texto.cor-amarelo { 
    border-color: #E2AC16; 
}
.item-numero-texto.cor-verde { 
    border-color: #308F43; 
}
.item-numero-texto.cor-roxo { 
    border-color: #9B31CF; 
}
/* PDF */
.documento-pdf .inner{
    width: 696px;
    padding: 30px 0 90px;
}
/*-------------------------------------------------------                   
NOTÍCIAS
-------------------------------------------------------*/
.banner-noticias{
    background-color: #EAEED3;     
    width: 100vw; 
    height: 684px;
    max-height: calc( 100vh - 84px );
}
.banner-noticias .navegacao-breadcrumb{
    max-width: 440px;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-523px);
    z-index: 5;
}
.banner-noticias .navegacao-breadcrumb a:hover{
    color: #3070B3;
}
.owl-noticias .owl-dots{
    bottom: 25px;
}
.owl-noticias .owl-dots .owl-dot{
    background: #FFFFFF !important;
}
.owl-noticias .owl-dots .owl-dot.active {
	background: #2A335C !important;
}
.banner-noticias-item{
	width: 100vw;
	height: 100%;
	overflow: hidden;
}
.banner-noticias-item-inner{
    width: 1046px;  
    height: 684px;
    max-height: calc( 100vh - 84px );
    display: flex;
	flex-direction: row-reverse;
    position: relative;
    margin: 0 auto;
}
.banner-noticias-info{
	width: 440px;
	height: 100%;
	padding: 0 100px 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: end;
	position: relative;	
}
.noticia-cats{
    margin-bottom: 15px;
}
h2.banner-title{
    font-size: 35px;
    font-weight: 700;  
    line-height: 1.2em;
    margin-bottom: 20px; 
    transition: color 300ms ease; 
}
h2.banner-title:hover{
    color: #3070B3;
}
.banner-noticias-info p{
    font-size: 20px;
}
.banner-noticias-img-container{
    width: 606px;
    height: 100%;   
    position: relative;
}
.banner-noticias-img-container::before{
    transform: translate(20px,0);
}
.banner-noticias-img-container.no-image::before{
    content: none;
}
.banner-noticias-img {	
    width: calc( 50vw + 83px ) !important;    
	height: 100%;
    object-fit: cover;   
}
.gr-no-image{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* FILTROS */
.blog .filtros{
    background: #FFFFFF;
}
.blog .filtros .inner{  
    padding: 45px 0 25px;     
}
.filtro-noticias .search-filter-component-combobox-base{
    width: 342px;
    padding: 2px 0 0 16px;
}
.filtro-noticias .search-filter-component-combobox,
.filtro-noticias .search-filter-component-combobox-base__listbox-option{
    background: #FFFFFF !important;  
}
.filtro-noticias .search-filter-component-combobox-base__listbox-option--selected,
.filtro-noticias .search-filter-component-combobox-base__listbox-option--active{
    background: #3070B3 !important;  
    color: #FFFFFF;
}
/* LISTA DOCUMENTOS */
.noticias .inner{
    padding: 25px 0 60px;
}
.noticias-lista{
    display: flex;
    flex-wrap: wrap;
    gap: 18px 10px
}
/* Card */
.card-noticia {   
    background: #EAEED3;
    border: 1px solid #EAEED3;
    border-radius: 40px 40px 38px 38px;     
    width: 342px; 
    position: relative;
    display: flex;
    flex-direction: column;    
}
.card-noticia .img-container {   
    background: #EAEED3;
	height: 193px;
}
.card-noticia .card-img {
    opacity: 1;   
    transition: transform 300ms ease;
}
.card-noticia .gr-no-image{
    width: auto;
    height: 173px;   
    transition: transform 300ms ease;
}
.card-noticia .badge-termo {
   color: #2A335C;
}
.card-noticia .card-title {  
    font-weight: 500;   
    transition: color 300ms ease;
}
.card-noticia:hover .card-img{
    transform: scale(1.05);
}
.card-noticia:hover .gr-no-image{
    transform: translate(-50%, -50%) scale(1.05);
}
.card-noticia:hover .card-title{
    color: #3070B3;
}
/*-------------------------------------------------------
SINGLE NOTÍCIA
-------------------------------------------------------*/
.topo-noticia .inner{
    border-bottom: 1px solid #EAEED3;     
    height: 510px;
    max-height: calc( 100vh - 84px );
    padding: 0 0 50px;
    display: flex;
    flex-direction: row-reverse;
    position: relative;   
}
.topo-noticia .banner-noticias-img-container{
    background: #EAEED3;
}
.topo-noticia .banner-noticias-img-container::after{
    content: "";
    background: #EAEED3;
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;    
    z-index: -1;
}
.topo-noticia .banner-noticias-info {	
	padding: 50px 100px 30px 0;	
}
.topo-noticia .banner-noticias-info .navegacao-breadcrumb {
    max-width: 100%;	
    margin-bottom: auto;
}
.topo-noticia .banner-noticias-info .navegacao-breadcrumb a:hover{
    color: #3070B3;
}
.topo-noticia .badge-termo{
    background: #EAEED3;
}
h1.noticia-title{
    font-weight: 700;
    margin-bottom: 0.5em;
}
.noticia .inner {	
	padding: 40px 0;
}
/* BOX INFORMATIVO */
.box-informativo{  
    background: #3070B3; 
    width: 958px;   
    display: flex;
    position: relative;
    left: -88px;
    margin: 1.5rem 0;
}
.box-informativo-txt{
    width: 480px;
    padding: 48px 44px 48px 38px;
}
.box-informativo-txt h4{
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.box-informativo-txt p{
    color: #FFFFFF;
    font-size: 14px;
}
.box-informativo-img{
    width: 478px;
    min-height: 445px;
    object-fit: cover;   
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
/* TROCAR COR HEADER */
.page-contato header {
	background-color: #3070B3;
}
.page-contato .icone-menu path,
.page-contato .logo-d path,
.page-contato .logo-m path,
.page-contato .icone-busca path,
.page-contato .icone-idiomas path{
    fill: #FFFFFF;
}
.page-contato .btn-busca span,
.page-contato .btn-idiomas span{
    color: #FFFFFF;
}
.page-contato .logo-txt {
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.page-contato .btn-menu:hover path,
.page-contato .btn-busca:hover path,
.page-contato .btn-idiomas:hover path{
    fill: #FCB900;
}
.page-contato .btn-busca:hover span,
.page-contato .btn-idiomas:hover span{
    color: #FCB900;
}
.contato .inner{
    width: 606px;
    padding: 60px 0 90px;
}
/*-------------------------------------------------------
RELACIONADOS
-------------------------------------------------------*/
.relacionados .inner{
    border-top: 1px solid #EAEED3;
    width: 694px;
    padding: 40px 0 60px;
}
.relacionados h3{
    color: #3070B3;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.owl-relacionados{
    padding-bottom: 40px;
}
.card-relacionado{
    width: 166px;
}
.card-relacionado .img-container{
    background: #EAEED3;
    border-radius: 18px;
    width: 166px;
    height: 113px;     
    top: 0; 
    left: 0;
    margin-bottom: 5px;
}
.card-relacionado .card-img {
    opacity: 1;	
}
.card-relacionado .gr-no-image {
    width: auto;
	height: 98px;
}
.card-relacionado .card-badges {	
	top: 10px;
    z-index: 1;
}
.card-relacionado h4.card-title {
    color: #3070B3;
    font-size: 18px;
	font-weight: 400;	    
}
.card-relacionado:hover .card-img{
    transform: scale(1.05);
}
.card-relacionado:hover .gr-no-image{
    transform: translate(-50%, -50%) scale(1.05);
}
.card-relacionado:hover h4.card-title{
    color: #2A335C;
}
/*-------------------------------------------------------
RESULTADO DA BUSCA
-------------------------------------------------------*/
.topo-busca{
    background: #EAEED3;
}
.topo-busca .inner{   
    padding: 60px 350px 60px 0;
    z-index: 1;
}
.topo-busca h1.banner-title{
    font-weight: 700;   
}
.topo-busca::after{
    content: "";
    background: url(img/gr-ecossistema.svg) no-repeat;
    background-size: 100% auto;
    width: 527px;
    height: 564px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0,-50%);
    z-index: 0;
}
.resultado-busca{
    background: #3070B3;
}
.resultado p{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
}
.resultado p span{
    font-size: 1.25em;
    font-weight: 700;
    color: #EAEED3
}
.resultado-busca .inner{
    padding: 40px 0;
}
.resultados .inner {
	padding: 50px 0 60px;
}
.resultados-lista{
    display: flex;
    flex-wrap: wrap;
    gap: 18px 10px
}
/* Card */
.card-resultado {   
    background: #FFFFFF;
    border: 1px solid #3070B3;   
}
.card-resultado .badge-termo {
   color: #3070B3;
}
/*-------------------------------------------------------
FORMULÁRIOS
-------------------------------------------------------*/
.cf7-wrapper {
    width: 100%;   
    margin: 0;  
    color: #3070B3;
}
.cf7-fieldset {
    border: none;
    margin: 0 0 20px;
    padding: 0;
}
.cf7-legend {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 700; 
    line-height: 1.25em;
    color: #3070B3;
    margin-bottom: 16px; 
}
.cf7-field {
    display: block;
    margin-bottom: 15px;
}
.cf7-field:last-child{
    margin-bottom: 0;
}
.cf7-label {
    display: block;
    font-size: 13px;
    font-weight: 600; 
    text-transform: uppercase;
    color: #3070B3;
    margin-bottom: 8px;
}
.cf7-required {
    color: #2A335C;
    margin-left: 2px;
}
.cf7-input,
.wpcf7 .cf7-input,
.cf7-select,
.wpcf7 .cf7-select,
.cf7-textarea,
.wpcf7 .cf7-textarea {    
    background-color: #FFF;
    border: 1px solid #3070B3;
    border-radius: 15px;
    width: 100%;      
    height: 55px;
    padding: 0 16px;
    font-size: 16px;
    font-family: inherit;
    color: #2A335C;
    outline: none;
    transition: border-color 300ms ease;   
}
.cf7-input::placeholder,
.cf7-textarea::placeholder {
    color: #3070B3;
    opacity: 0.5;
}
.cf7-input:focus::placeholder,
.cf7-textarea:focus::placeholder {   
    opacity: 0;
}
.cf7-input:focus,
.wpcf7 .cf7-input:focus,
.cf7-select:focus,
.wpcf7 .cf7-select:focus,
.cf7-textarea:focus,
.wpcf7 .cf7-textarea:focus {
    border-color: #2A335C; 
}
.cf7-select,
.wpcf7 .cf7-select {
    background-image: url("data:image/svg+xml,%3Csvg id='sf-svg-arrow-down' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='%233070B3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 27px;
    background-color: #FFF;
    padding-right: 42px;
    cursor: pointer;
    color: #3070B3; 
}
.cf7-select option:not([value=""]) {
    color: #3070B3; 
}
.cf7-textarea,
.wpcf7 .cf7-textarea {
    height: 192px;
    padding: 16px;
    resize: none;
    line-height: 1.5em;
}
.cf7-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 8px;
}
.cf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}
.cf7-acceptance .wpcf7-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.cf7-acceptance input[type="checkbox"],
.cf7-acceptance .wpcf7-list-item input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;   
    margin: 0;
    z-index: 10;
}
/* CHECKBOX */
.wpcf7-acceptance .wpcf7-list-item {
    height: auto;
    padding: 0 0 0 25px;
	position: relative;	
}
.wpcf7-acceptance .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    border: 1px solid #3070B3;
    border-radius: 50%;    
}  
.wpcf7-acceptance .checkmark::after {
	content: "";
	background: #2A335C;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	display: none;
}
.wpcf7-acceptance .wpcf7-list-item input:checked ~ .wpcf7-list-item-label .checkmark:after {
    display: block;
}
.cf7-acceptance-text,
.cf7-acceptance .wpcf7-list-item-label {
    font-size: 13px;
    font-weight: 600;
    color: #3070B3;
    line-height: 1.25em;
    cursor: pointer;
}
.cf7-submit-wrap{
    width: 100%;
    position: relative;
    text-align: center;
}
.wpcf7 .btn-padrao,
input.btn-padrao[type="submit"] {
    background-color: #3070B3;
    border-color: #3070B3;
    border-radius: 55px;
    padding: 0;
    color: #FFFFFF;
    margin: 0 auto;
    cursor: pointer;
    transition: background-color 300ms ease, border-color 300ms ease;
}
.wpcf7 .btn-padrao:hover,
input.btn-padrao[type="submit"]:hover {
    background: #2A335C;
    border-color: #2A335C;
}
.cf7-submit-wrap .wpcf7-spinner{
    background-color: #3070B3;	
	position: absolute;
    top: 50%;
	right: 0;	
	transform: translateY(-50%);
    margin: 0;
}
/* ── Mensagens de erro CF7 ── */
.wpcf7-not-valid-tip {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #E4562E;
    margin-top: 5px;
}
.wpcf7-not-valid-tip::before{
	content: "🡡 ";
	font-weight: normal !important;
}
.wpcf7-not-valid.cf7-input,
.wpcf7-not-valid.cf7-select,
.wpcf7-not-valid.cf7-textarea {
    border-color: #E4562E;
    box-shadow: 0 0 0 3px rgba(228, 86, 46, 0.25);
}
.wpcf7-response-output{
    border: 2px solid !important;
    border-radius: 15px;  
    padding: 16px;   
    font-size: 1rem;
    font-weight: 500;
    text-align: center; 
    margin: 16px 0 0 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: rgba(48, 86143, 67, 0.1);
    border-color: #308F43 !important;
    color: #308F43;
} 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background: rgba(228, 86, 46, 0.1);
    border-color: #E4562E !important;
    color:#E4562E;
} 
.wpcf7 form.spam .wpcf7-response-output {
     background: rgba(252, 185, 0, 0.1);
    border-color: #FCB900 !important;
    color:#FCB900;
}
/*-------------------------------------------------------
PAGINAÇÃO
-------------------------------------------------------*/
.pagination{
	width: 100%;
	height: auto;
    padding-top: 60px;
	text-align: center;
	display: block;
	font-size: 0;
}
.page-numbers{   
	width: max-content;
    min-width: 20px;
	height: 28px;	
	color: #2A335C;	
    font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	display: inline-block;
	margin: 0 4px;
}
.page-numbers.current,
.page-numbers:hover{	
	color: #3070B3;
}
.page-numbers.prev,
.page-numbers.next{
    border: none;
    font-size: 20px;
}
.page-numbers.prev i,
.page-numbers.next i{
    position: relative;  
    transform: translateY(1px); 
}
.page-numbers.prev:hover,
.page-numbers.next:hover{  
    color: #3070B3;
}
/*-------------------------------------------------------
POPUP GLOSSÁRIO
-------------------------------------------------------*/
.link-glossario{
    background-color: #EAEED3;
    color: #2A335C;
    text-decoration: underline;
}
.link-glossario:hover{
    background-color: #3070B3;
    color: #EAEED3 !important;
}
.popup{
    background-color: #FFFFFF;
    width: 530px;       
    height: auto;
    max-height: 400px;
    padding: 0 !important;   
    position: relative;
    display: none;   
    overflow: hidden !important;
}
.btn-popup{    
    background-color: #FFFFFF;
    border: 1px solid #2A335C;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 0;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;    
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    transition: background-color 300ms ease;
}
.btn-popup::before,
.btn-popup::after{
    content: "";   
    background-color: #2A335C; 
    width: 2px;
    height: 14px;
    display: block;
    position: absolute;   
    top: 50%;
    left: 50%; 
    transform-origin: center center;
    transform: translate(-50%,-50%) rotate(45deg);
    transition: background-color 300ms ease;
}
.btn-popup::after{       
    transform: translate(-50%,-50%) rotate(-45deg);
}
.btn-popup:hover{
    background-color: #2A335C;
}
.btn-popup:hover::before,
.btn-popup:hover::after{
    background-color: #FFFFFF;
}
.popup-inner{
    width: 100%;  
    padding: 40px 30px 40px 40px;
    position: relative;
    z-index: 0;  
}
.popup-text-container {
    max-height: 320px;
    padding-right: 10px;
	overflow-y: auto;	
}
.popup.popup-lt {   
    height: auto;   
    min-height: 500px;
    max-height: 90vh !important;
}
.popup-imagem{
    border-bottom: 1px solid #E4562E;
    width: 100%;
    height: 300px;
    position: relative;
}
.popup-imagem img {
	width: 100%;
	height: 100%;
	object-fit: cover;  
}
.popup.popup-lt .popup-text-container {
    max-height: calc( 90vh - 300px - 80px );    
}
h4.popup-title{
    color: #2A335C;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.75em;
}
/*----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------
RESPONSIVO
------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 810px) {
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
.inner{	
	width: calc( 100vw - 32px );	
}
.secao-txt{
    width: 100%;
}
/*EMENDAS OWL*/
.owl-prev{
    left: -32px;
}
.owl-next{
    right: -32px;   
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header{	
	width: 100vw;	
}
.header-inner{	
	width: 100vw;
    padding: 0 16px;	
}
.logo {
	gap: 1px;
	align-items: flex-start;
	flex-direction: column;
}
.logo-d{
    display: none;   
}
.logo-m{
    width: 102px;
    display: block;
}
.logo-txt {
	border-left: none;
	height: auto;
	padding: 0 0 0 44px;
	font-size: 10px;
}
/* NAVEGAÇÃO */
.navegacao{   
    width: 100vw;
    height: calc( 100vh - 114px );
    padding: 0;   
    overflow-y: auto;
}
.busca{   
    width: 100vw;
    padding: 45px 27px;   
}
.menu-header{
    background: #FFFFFF;
    width: 100vw;
    padding: 8px 27px 30px;
    margin: 0;
}
.menu-header ul.menu{
    flex-direction: column;
    justify-content: start;    
    align-items: start;
}
.menu-header ul.menu > li{
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #EAEED3;
    padding: 20px 0;   
}
.menu-header ul.menu > li:last-child{
    border-bottom: none;   
}
/* SUBMENU */
.menu-header ul.menu > li > ul.sub-menu,
.menu-header ul.menu > li > ul.sub-menu > li > ul.sub-menu{
    padding: 20px 0 10px;
}
/* MENU SOBRE */
/* MENU ECOSSISTEMA */
.menu-header ul.menu li.menu-ecossistema > ul.sub-menu{
   flex-direction: column;
   gap: 0;
}
.menu-header ul.menu li.menu-ecossistema ul.sub-menu li ul.sub-menu{
    padding: 20px 0;
}  
.menu-header ul.menu li.menu-ecossistema ul.sub-menu li:last-child ul.sub-menu{
    padding: 20px 0 0;
}   
/* MENU GLOSSÁRIO */
/* MENU COLUNA */
.menu-header ul.menu li.menu-coluna{
    padding: 20px 0 0;  
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu{   
    width: 100%;    
    margin: 0 0 25px;
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li{   
    padding: 20px 0;   
}
.menu-header ul.menu li.menu-coluna > ul.sub-menu li:first-child{   
    padding: 0 0 20px;
}
/* LINKEDIN */
.linkedin{  
    justify-content: center;   
}
/* BUSCA */
.busca-inner {
    width: 100%;   
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
/* INICIATIVA */
.iniciativa .inner{
    width: calc( 100vw - 32px );
    padding: 35px 0 75px;
    flex-direction: column;
    align-items: start;
}
.iniciativa-container {
	border-right: none;
	border-bottom: 1px solid #3070B3;
	padding: 0 0 32px;
	margin: 0 0 32px 32px;
}
.iniciativa-container:last-child{
    border-bottom: none;
	padding: 0;
	margin: 0 0 0 32px;
}
.iniciativa h4{   
    margin-bottom: 2.5em;
}
.iniciativa-lista{
    width: max-content;
    padding: 0;
    flex-direction: column;    
    justify-content: start;
    align-items: start;
    gap: 44px 0;
}
/* FOOTER */
footer .inner{
    padding: 24px 0 0;
    flex-direction: column; 
    align-items: start;
    justify-content: start;
    gap: 30px 0;
}
footer .linkedin {
	margin-left: auto;
}
/* DIREITOS */
.direitos{
    width: calc( 100vw - 32px );    
}
.direitos p br{
    display: inline;
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
.hero {
	height: auto;
	min-height: calc( 100vh - 84px );	
}
/* VÍDEO */
h1.hero-video-title {
	width: 100VW;
    padding: 0 16px;
	bottom: 120px;
	left: 0;
	transform: none;	
}
.btn-hero-video{  
    bottom: 32px;
    right: 20px;
    left: auto;  
}
/* Reduz o padding do fancybox no vídeo mobile */
.fancybox-slide.fancybox-slide--video{
    padding: 10px !important;
}
/* IMAGEM */
.hero .inner {
    padding: 10px 0 40px;
	flex-direction: column;
	justify-content: start;
	align-items: end;
    gap: 20px 0;
	top: 0;
	transform: none;
	margin-top: 0;
}
.hero-img{
    width: 98vw;   
    height: 104.7vw;
    max-width: 648px;
    max-height: 692px;   
    margin: 0 12px 0 0;    
}
h1.hero-title{
    width: 316px;   
    margin: 0 auto 0 0;
}
.gr-hero {
    width: 50vw;
    max-width: 331px;
	top: calc( 10px + 59.5vw);
    right: -11.2vw;
	left: unset;
	transform: none;	
}
/* SOBRE */
.sobre{
    background-image: var(--bg-mobile);
    background-size: 100% auto;
    background-position: center top;   
}
.sobre::before,
.sobre::after {
	content: none;
}
.sobre .inner {
	height: auto;
	padding: 30px 0 40px;   
}
.linha-vertical::before {	
	height: 195px;	
	top: 53px;	
}
.sobre-txt{
    width: 306px;  
    position: relative;   
    margin: 330px auto 0;
}
.sobre-txt::before,
.sobre-txt::after {
	content: "";
	width: 110vw;	
	position: absolute;	
	left: 50%;
    transform: translateX(-50%);
	z-index: -1;	
}
.sobre-txt::before {
	background: linear-gradient(0deg, rgba(48, 112, 179, 1) 0%, rgba(48, 112, 179, 0) 100%);
	height: calc( 400px );
	bottom: calc( 100% - 20px );	
}
.sobre-txt::after{   
    background: rgba(48, 112, 179, 1) ;  
    height: calc( 100% + 20px );   
    top: 20px;  
}
/* ECOSSISTEMA */
.ecossistema .inner {
	height: auto;
	padding: 30px 0 40px;	
	flex-direction: column;	
    align-items: end;
}
.ecossistema-gr{   
    width: 56vw;
    height: auto;
    margin: 0 -17vw -20px 0;
}
.ecossistema-txt{
    width: 100%;     
    display: flex;
    flex-direction: column;
    align-items: center;  
}
.ecossistema-txt h2{   
    width: 100%;    
}
/* CONHECIMENTO */
.conhecimento{
    background-image: var(--bg-mobile);
    background-size: 100% auto;
    background-position: center top;    
}
.conhecimento::after {
	content: none;	
}
.conhecimento .inner {
	height: auto;
	padding: 30px 0 40px;		
}
.conhecimento .linha-vertical::before {
	height: 82.6vw;	
}
.conhecimento-txt{     
    display: flex;
    flex-direction: column;
    align-items: center;  
    margin: 0;
    margin-top: 88vw;
} 
.conhecimento-txt h2,
.conhecimento-txt h3{  
    width: 100%;     
}
.conhecimento-gr {
	width: 67vw;
	top: 53.3vw;
	transform: translateX(2.7vw);
}
/* DESTAQUES */
.destaques-inicio .inner{
    padding: 35px 0 40px;
}
/*-------------------------------------------------------
BANNERS
-------------------------------------------------------*/
.banner .inner{
    height: auto;
    min-height: calc( 100vh - 84px );    
    max-height: unset;
    padding: 30px 0 0;
    flex-direction: column;
    align-items: start;        
}
.banner-txt{   
    transform: none;
}
/* BREADCRUMB */
.navegacao-breadcrumb {       
    max-width: 100%;      
}
h1.banner-title{
    width: 100%;
    max-width: 316px;    
    margin-bottom: 0.4em;
}
.banner-img {  	    
	top: unset;
    bottom: 0;
	left: 0;		
}
/* BANNER SOBRE */
.banner-sobre,
.banner-sobre a{
    color: #3070B3;
}
.banner-sobre a:hover {
    color: #2A335C;
}
.banner-sobre .banner-img {
    object-position: center bottom;   
	transform: none;	
}
/* BANNER ECOSSISTEMA */
.banner-ecossistema{
    background: #E4562E;
}
.banner-ecossistema .navegacao-breadcrumb {
	margin-bottom: calc( 91vw + 20px );
}
.banner-ecossistema .banner-img {
	width: auto;
	height: 91vw;
	transform: none;
	top: 55px;
    right: 40px;
	left: unset;	
}
/* BANNER ECOSSISTEMA PÁGINAS */
.banner-eco-pagina::before,
.banner-noticias-img-container::before{
    width: 210px;
    height: 225px;
    top: 110px;
    left: 50%;
    transform: translate(40px,0);
}
.banner-eco-pagina::after{    
    background: linear-gradient(0deg, rgba(48, 112, 179, 1) 15%, rgba(48, 112, 179, 0.1) 100%);
    height: 100%;   
}
.banner-eco-pagina .inner {
	padding-top: 30px;
    padding-bottom: 56px;
	min-height: unset;
	height: 540px;
}
.banner-eco-pagina .banner-txt {
	height: 100%;	
	display: flex;
	flex-direction: column;
	justify-content: end;
    transform: none;
}
.banner-eco-pagina .navegacao-breadcrumb {
	margin-bottom: auto;
}
.banner-eco-pagina .banner-img {
	width: 100%;
	height: 500px;
    bottom: 40px;
	transform: none;	
}
/* PÁGINA ANS */
.page-ans .banner-eco-pagina .inner::after {
	top: 52px;
	right: 8px;
}
.page-ans .banner-eco-pagina h1.banner-title {
	width: 250px;
}
/* BANNER GLOSSÁRIO */
.banner-glossario::before {
	width: 132px;
	height: 160px;
	top: 105px;
	left: 184px;
	transform: none;
	margin: 0;
}
.banner-glossario .inner{
    padding-top: 30px;
    padding-bottom: 40px;
	min-height: unset;
	height: 540px;    
}
.banner-glossario .banner-txt {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.banner-glossario .navegacao-breadcrumb {
	margin-bottom: auto;
}
.banner-glossario .banner-img {
	width: 185px;
	height: 185px;	
	top: 85px;
	left: 40px;
    transform: none;
}
/* BANNER REPOSITÓRIO */
.banner-repositorio::before {
	content: "";
	background: url(img/gr-saude-thin.svg) no-repeat;
	background-size: 100% auto;
	width: 256px;
	height: 246px;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translate(48px,0) rotate(-146deg);
	z-index: 3;
}
.banner-repositorio .inner {
	height: auto;
	padding: 30px 0 0;
    padding-bottom: calc( 59vw + 15px );
}
.banner-repositorio .banner-txt {
	transform: none;
}
.banner-repositorio .navegacao-breadcrumb {   
	margin-bottom: 8rem;
}
.banner-repositorio h1.banner-title{ 
    width: 100%;    
}
.banner-repositorio .banner-img {
	width: auto;
	height: 202vw;
	object-fit: unset;
	left: 50%;
	transform: translate(-50%, 0px);
}
/* BANNER CONTATO */
.banner-contato .inner {
	padding-top: 30px;
	padding-bottom: 60px;
    min-height: 540px;
    height: 540px;
	max-height: 540px;	
}
.banner-contato .banner-txt {
    height: 100%;   
    justify-content: end;   	
}
.banner-contato .navegacao-breadcrumb{ 
    margin-bottom: auto;
}
.banner-contato,
.banner-contato a{
    color: #FFFFFF;
}
.banner-contato a:hover {
    color: #FCB900;
}
.banner-contato p{
    color: #FFFFFF;
}
.banner-contato .banner-img {  
    width: 258px;
    top: 0;
    bottom: unset;
    left: 50%;
	transform: translate(-15px,90px);	
}
/*-------------------------------------------------------
PADRÃO
-------------------------------------------------------*/
.padrao blockquote {   
	padding: 16px 20px 16px 16px;		
    margin-left: 20px;	
}
.padrao .wp-caption {
	width: 100vw !important;
	position: relative;
	left: -16px;
}
.padrao .wp-caption img {	
	left: 0 !important;
}
.padrao .wp-caption-text {   
	padding: 10px 16px 0;  
}
.padrao img.size-conteudo,
.padrao img.size-full,
.padrao img.size-large,
.padrao img.size-medium{
	width: 100vw;
    max-width: 100vw; 
    position: relative;
    left: -16px;
}
.padrao .table-container {
	overflow-x: auto;
}
.padrao .video-container {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: -16px;
}
.padrao .gallery {
	width: 100vw;
	left: -16px;
}
/*-------------------------------------------------------
PADRÃO BÁSICO
-------------------------------------------------------*/
.padrao.basico h2,
.padrao.basico h3{    
	margin-bottom: 1rem;    
}
.padrao.basico h2{
	font-size: 20px;	
    font-weight: 700;
}
.padrao.basico h3{
	font-size: 18px;
    font-weight: 700;   
    text-underline-offset: 5px;
}
/*-------------------------------------------------------
PÁGINAS
-------------------------------------------------------*/
.bloco-texto .inner {
	width: calc( 100vw - 32px );
	padding: 35px 0 40px;
}
/* GALERIA MOSAICO */
.mosaico .inner {
    width: 100vw;
	padding: 0;	
}
.mosaico-item:nth-child(6n+1){
    width: 52vw;
    height: 63vw;
}
.mosaico-item:nth-child(6n+2){
    width: 48vw;
    height: 63vw;
}
.mosaico-item:nth-child(3n+3){
    width: 100vw;
    height: 63vw;
}
.mosaico-item:nth-child(6n+4){
    width: 46vw;
    height: 63vw;
}
.mosaico-item:nth-child(6n+5){
    width: 54vw;
    height: 63vw;
}
/* ACCORDION */
.accordion {   
    gap: 12px;
}
/* BOX VERDE */
.box-verde{
    background: #F7F8ED;
    padding: 30px 0 45px;
    position: relative;
    margin: 2rem 0;
}
.box-verde:last-child {
	margin: 2rem 0 -40px !important;
}
.box-verde::after{
    content: "";
    background: #F7F8ED;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.box-verde .accordion-item {
	border: 1px solid #3070B3;
}
/*-------------------------------------------------------
QUEM SOMOS
-------------------------------------------------------*/
.page-quem-somos .banner-sobre .inner {
	padding-bottom: 97vw;
}
.instituicoes .inner{
    padding: 35px 0 50px;
}
.instituicoes .linha-vertical::before {	
    content: none;	
}
.instituicoes h2{   
    margin-bottom: 30px;
}
.instituicoes-lista{    
    gap: 50px 0;
}
.instituicao-item{
    flex-direction: column;
    gap: 20px 0;
}
.instituicao-item-logo{
    width: 100%;
}
.instituicao-item-logo img{
	margin-left: 0;
}
.instituicao-item-texto{
    width: 100%;
}
/*-------------------------------------------------------
O QUE FAZEMOS
-------------------------------------------------------*/
.page-o-que-fazemos .banner-sobre .inner {
	padding-bottom: 72vw;
}
.lista-icones {
	width: 100%;
    flex-direction: column;
	flex-wrap: nowrap;
	justify-content: start;
    gap: 50px 0;
	left: 0;
	transform: none;
	margin: 0 0 2rem;	
}
.item-icone {
	width: 100%;
}
/*-------------------------------------------------------
ECOSSISTEMA
-------------------------------------------------------*/
.saude .inner{
    flex-direction: column;
}
.saude-imagem-container {
	width: 100vw;
	height: 53vw;
	position: relative;
	left: -16px;
}
.saude-imagem {	
	width: 100%;	    
}
.saude-conteudo{
    width: 100%; 
    text-align: center;   
}
.saude-conteudo h2,
.saude-conteudo > p{
    text-align: left;
}
.saude-lista {
	padding: 60px 0 0;
	gap: 90px 0;
}
.ecossistema-item {
	flex-direction: column;
	align-items: center;
	gap: 16px 0;
}
.ecossistema-item-txt {
	width: 100%;
	padding: 0 20px;
}
/* SUS */
.saude.sus .inner{
    flex-direction: column;
}
.saude.sus .saude-imagem-container{
    justify-content: start;
}
.saude.sus .saude-conteudo {
	padding: 35px 0 90px;
}
.gr-sus {
	width: 39vw;
	top: 18vw;
	left: 0;
	transform: translate(-8vw, 0);
	z-index: 2;
}
/* SAÚDE SUPLEMENTAR */
.saude.ss .inner{
    flex-direction: column;
}
.saude.ss .saude-imagem-container{
    justify-content: start;
}
.saude.ss .saude-conteudo {
	padding: 35px 0 90px;
}
.saude.ss .ecossistema-item {
	align-items: center;
}
.saude.ss .ecossistema-item .ecossistema-icone-img{
    width: 170px;
}
.saude.ss .ecossistema-item-txt {
	width: 100%;
	text-align: center;
}
.gr-ss {
	width: 68vw;	
	top: 2px;	
    left: 0;
	transform: translate(-26vw, 0);	
}
/* GLOSSÁRIO */
.glossario .inner {
	height: auto;
	padding: 40px 0 70px;
}
.glossario h2.section-title{    
    margin-bottom: calc( 53.3vw + 68px );
}
.glossario .linha-vertical::before {
	height: calc( 53.3vw + 48px );
	top: 63px;
}
.glossario-txt {	
	display: flex;
	flex-direction: column;
	align-items: center;
    margin: 0;
}
.glossario h2 {
	width: 100%;
}
.glossario-img{    
    width: 53.3vw;
    height: 53.3vw;   
    top: 100px;
    left: 34px;
    transform: none;
    margin: 0;
}
.glossario-gr{
    width: 40.5vw;   
    top: 118px;
    left: 34px;
    transform: translate(40vw,0);
    margin: 0;
}
/*-------------------------------------------------------
O SUS
-------------------------------------------------------*/
/* LINHA DO TEMPO */
.linha-tempo {
	width: 100vw;
	padding: 35px 0 30px;
	left: -16px;
}
.linha-tempo::after{
    content: none;  
}   
h2.linha-tempo-title{
    margin-left: 16px;
}
.linha-tempo-container {
    width: calc( 100vw - 32px );   
}
/* SLIDER TEXTO */
.slider .inner{
    width: 696px;    
}
.slider-texto{
    border-top: 1px solid #EAEED3;
    padding-top: 30px;
    flex-direction: column;
    gap: 30px;
    margin: 2rem 0;
}
.slider-texto-sld{   
    width: 100%;
    padding-bottom: 60px;    
}
.owl-slider-texto{       
    width: 100%;    
}
.slide-texto-item{
    width: 100%;      
}
/*-------------------------------------------------------
POLÍTICAS PÚBLICAS
-------------------------------------------------------*/
/* IMAGEM TEXTO LONGO */
.bloco-imagem-texto {	
	width: 100vw;
	padding: 0 0 20px;	
    left: -16px;   
}
.bit-imagem::after {
	height: calc( 77vw - 130px );	
}
.bit-imagem img{
    width: 100%;
    height: 77vw;   
}
.bit-conteudo{
    padding: 57vw 20px 40px;   
}
.bit-texto.close{
    height: 220px;   
}
/* LISTA ÍCONES VERTICAL */
.lista-icones-vertical {   
    gap: 30px;        
}
.item-icone-vertical {
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.imagem-icone-vertical{
    width: 120px;   
}
.texto-icone-vertical {	
	text-align: center;
}
.texto-icone-vertical h3 {	
	margin-bottom: 0.75em;
}
/*-------------------------------------------------------
GLOSSÁRIO DA SAÚDE
-------------------------------------------------------*/
.glossario-lista .inner {
	padding: 24px 0 60px;
	gap: 45px;
}
/* Navegação do Alfabeto */
.glossario-nav {
	width: 293px;	
}
.owl-glossario{
    padding: 0 0 30px; 
}
.btn-letra {
    width: 53px;
    height: 53px;       
}
.glossario-conteudo{
    width: 100%;    
}
/*-------------------------------------------------------
REPOSITÓRIO
-------------------------------------------------------*/
/* TROCAR COR HEADER */
.page-repositorio header,
.single-documento header {
	background-color: #B4DCE7;
}
/* FILTROS */
.filtros .inner{
    width: calc( 100vw - 32px );
    padding: 20px 0 45px;
}
.filtros .search-filter-label{
    width: 240px;
}
/* FILTRO TIPO */
.filtro-tipo{    
    padding: 0 0 20px;    
}
.filtro-tipo::after{    
    width: calc( 100vw - 32px );    
}
.owl-filtros{
    padding-bottom: 36px;
}
.owl-filtros .owl-nav {   
    top: 45px;	
}
.owl-filtros .owl-prev,
.owl-filtros .owl-next {   
    color: #3070B3 !important;   
}
.owl-filtros .owl-prev{
    left: -32px;
}
.owl-filtros .owl-next{
    right: -32px;    
}
.owl-filtros .owl-prev:hover,
.owl-filtros .owl-next:hover{
   background-color: #3070B3 !important;   
    color: #EAEED3 !important;   
}
.owl-filtros .owl-dots .owl-dot {
	background-color: #3070B3 !important;
}
.owl-filtros .owl-dots .owl-dot.active {
	background-color: #E4562E !important;
}
.filtro-tipo fieldset.search-filter-input-button-group {
	width: 298px;
}
/* Ícone */
.sf-icone img {
    width: 64px !important;     
}
/* FILTRO ASSUNTO */
.filtro-assunto .search-filter-component-combobox-base {
	width: 100%;
	max-width: 342px;
}
.sem-resultados {
	width: 100%;
}
/* LISTA DOCUMENTOS */
.documentos .inner{
    padding: 45px 0 60px;
}
.documentos-lista{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px 0;
}
/* Card */
.card-documento {   
    width: 100%; 
    max-width: 342px;   
    margin: 0 auto;
}
.img-container {
	width: calc( 100% + 2px );
	max-width: 342px;
}
/*-------------------------------------------------------
SINGLE DOCUMENTO
-------------------------------------------------------*/
.topo-documento .inner{   
    padding: 0 0 30px;    
    flex-direction: column;
    justify-content: start;
}
.topo-documento .img-container{    
    width: 100vw;
    max-width: 100vw;
    height: 194px;
    left: -16px;   
}
.topo-documento .img-container .card-badges {
	top: 16px;
    right: 16px; 	
}
.topo-documento-info {
	width: 100%;   	
}
.topo-documento-info .navegacao-breadcrumb {
    margin-bottom: 1.5rem;
}
.documento .inner {	
	padding: 30px 0;
}
/* DESTAQUES */
.destaques-documento .inner{
    width: calc( 100vw - 32px );
	padding: 10px 0 20px;
}
h2.destaques-title{   
    margin-bottom: 25px;
}
/* Grid Principal Mestre (1 coluna) */
.destaques-blocos-container {   
    grid-template-columns: 1fr;    
}
/* Só tem blocos de 100% (span 2 ) */
.bloco-destaque.span-metade {
    grid-column: span 2;
}
.bloco-destaque.span-metade:nth-child(2n)::after {
	content: none;	
}
/* Bloco Número e Texto, bloco dividido em no máximo 2 fatias */
.grid-numero-texto {   
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;    
}
.item-numero-texto{
    position: relative;
}
.item-span-4 { 
    grid-column: span 2; 
} 
/* Adiciona margin ao item número texto se ele for total (.item-span-2) */
.item-numero-texto.item-span-2,
/* Adiciona margin ao 1º item número texto se ele for metade (.item-span-1) */
.item-numero-texto.item-span-1:first-child,
/* Adiciona margin ao 2º item número texto metade (.item-span-1) APENAS se o 1º também for metade (.item-span-1) */
.item-numero-texto.item-span-1:first-child + .item-numero-texto.item-span-1 {   
    margin-bottom: 20px;
}
/* Adiciona borda (pseudo-elemento) ao item número texto se ele for total (.item-span-2) */
.item-numero-texto.item-span-2::after,
/* Adiciona borda (pseudo-elemento) ao 1º item número texto se ele for metade (.item-span-1) */
.item-numero-texto.item-span-1:first-child::after,
/* Adiciona borda (pseudo-elemento) ao 2º item número texto metade (.item-span-1) APENAS se o 1º também for metade (.item-span-1) */
.item-numero-texto.item-span-1:first-child + .item-numero-texto.item-span-1::after {   
    content: "";
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;    
    position: absolute;
    bottom: -20px;
    left: 0
}
.item-numero-texto.item-span-1:first-child::after{
    width: calc( 100% + 16px );
}
/* Seleciona o 1º */
/* Seleciona o 2º item APENAS se ele for o último da lista */
/* Seleciona o 3º item APENAS se ele for também o penúltimo (ou seja, total de 4 itens) */
.item-numero-texto:first-child,
.item-numero-texto:nth-child(2):last-child,
.item-numero-texto:nth-child(3):nth-last-child(2) {
    border-left: none;
    padding-left: 0;
}
/* Bloco Título, Texto Número e Legenda */
.layout-titulo-texto-legenda.span-total{
    display: flex;
    flex-direction: column;
    justify-content: end;   
    align-items: unset;
}
/* Bloco imagem, Número com Legenda */
.layout-imagem-legenda.span-total .destaque-imagem-container{
    width: 166px;    
} 
.layout-imagem-legenda.span-total .box-numero-legenda-vertical::before{
    width: 78px;
}
.layout-imagem-legenda.span-total .box-numero-legenda-vertical .destaque-numero{
    font-size: 16px;
}  
/* PDF */
.documento-pdf .inner {
	width: 100vw;
	padding: 30px 0 60px;
}
/*-------------------------------------------------------                   
NOTÍCIAS
-------------------------------------------------------*/
.banner-noticias{   
    height: calc( 100vh - 84px );
    max-height: calc( 100vh - 84px );
}
.banner-noticias .navegacao-breadcrumb{
    max-width: calc( 100vw - 32px );   
    top: 30px;
    left: 16px;
    transform: none;    
}
.banner-noticias .navegacao-breadcrumb,
.banner-noticias .navegacao-breadcrumb a{
    color: #FFFFFF;
}
.banner-noticias .navegacao-breadcrumb a:hover{
    color: #2A335C;
}
.owl-noticias .owl-dots{
    bottom: 20px;
}
.banner-noticias-item-inner {
	width: 100%;
	height: calc( 100vh - 84px );
	flex-direction: column;
}
.banner-noticias-item-inner::after {
	content: "";
	background: linear-gradient(0deg, rgba(234, 238, 211, 1) 10%, rgba(234, 238, 211, 0) 60%);
	width: 100%;
	height: 120vw;  
	position: absolute;
	bottom: calc( ( 100vh - 84px ) - 120vw );
	left: 0;
	z-index: 1;
}
.banner-noticias-info{
	width: 100vw;
	height: 100%;
	padding: 0 16px 60px;	
    z-index: 2;
}
.banner-noticias-img-container{
    width: 100vw;    
	height: 120vw;     
    position: absolute;
    z-index: 0;
}
.banner-noticias-img-container::before{
    content: none;
}
.banner-noticias-img {	
    width: 100% !important;   	 
}
.banner-noticias-img-container .gr-no-image {
	width: 80vw !important;
	margin-top: -10vw;
}
/* FILTROS */

.blog .filtros .inner{  
    padding: 40px 16px 20px;     
}
.filtro-noticias .search-filter-component-combobox-base{
    width: 100%;   
}
/* LISTA DOCUMENTOS */
.noticias .inner{
    padding: 20px 0 60px;
}
.noticias-lista{
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 24px 0
}
/* Card */
.card-noticia {   
    width: 100%;  
    max-width: 342px;     
}
/*-------------------------------------------------------
SINGLE NOTÍCIA
-------------------------------------------------------*/
.topo-noticia .inner{    
    height: auto;
    max-height: unset;
    padding: 0 0 20px;    
    flex-direction: column;      
}
.topo-noticia .banner-noticias-img-container{
    width: 100vw;
    height: 67vw;
    position: relative;
    left: -16px;
}
.topo-noticia .banner-noticias-img-container::after{
    content: none;   
}
.topo-noticia .banner-noticias-info {	
	padding: 20px 0 0;	
}
.topo-noticia .banner-noticias-info .navegacao-breadcrumb {   
    margin-bottom: 20px;
}
.noticia .inner {	
	padding: 20px 0 40px;
}
/* BOX INFORMATIVO */
.box-informativo{     
    width: 100vw;   
    flex-direction: column-reverse;   
    left: -16px;   
}
.box-informativo-txt{
    width: 100vw;  
    padding: 32px;
}
.box-informativo-img{
    width: 100vw;
    height: 77vw; 
    min-height: 77vw;   
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.contato .inner{
    width: calc( 100vw - 32px );
    padding: 30px 0 60px;
}
/*-------------------------------------------------------
RELACIONADOS
-------------------------------------------------------*/
.relacionados .inner {
	width: calc( 100vw - 32px );
	padding: 30px 0 60px;
}
.card-relacionado{
    width: 100%;
    max-width: 166px;
}
.card-relacionado .img-container{  
    width: 100%;          
}
/*-------------------------------------------------------
RESULTADO DA BUSCA
-------------------------------------------------------*/
.topo-busca .inner{   
    padding: 40px 0;    
}
.topo-busca::after {
	width: 280px;
	height: 300px;
    top: 10px;
    transform: translate(-20px,0);
}
.resultado-busca .inner{
    padding: 30px 0;
}
.resultados .inner {
	padding: 30px 0 60px;
}
.resultados-lista{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 24px 0
}
/*-------------------------------------------------------
PAGINAÇÃO
-------------------------------------------------------*/
.pagination {
	padding-top: 45px;
}
/*-------------------------------------------------------
POPUP GLOSSÁRIO
-------------------------------------------------------*/
.popup{   
    width: 94%;
    max-width: 400px;
    max-height: 96vh !important;
}
.popup-inner{       
    padding: 50px 10px 30px 16px;          
}
.popup-text-container {	
	max-height: calc( 96vh - 80px );
    padding-right: 6px;
}
.popup.popup-lt {
    width: 94%;     
    min-height: auto;
    max-height: 96vh !important;
}
.popup-imagem {   
    height: 260px;   
}
.popup.popup-lt .popup-inner {  
    padding: 30px 10px 30px 16px; 
}
.popup-lt .popup-text-container { 
    max-height: calc( 96vh - 320px );
    overflow-y: auto;
    padding-right: 6px;
}
}