.padraoPortal  .menuPortal  , .padraoPortal  footer  {
  display: none; 
}
.padraoPortal  body{
  min-height: 100vh;
  min-width: 100vw;
}
.GroupCampo{
  max-width: 424px;
  margin: 0 auto;
  
}
.padraoPortal  .todoContainer.padrao{
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center; 
justify-content: center; 
min-height: 100vh;
/* overflow: scroll; */
background-image: url('../images/bg-login-portal-investidor.jpg') !important;
background-size: cover;
background-repeat: no-repeat;
}




.overlayPortal{
  background: rgba(6, 24, 68, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.caixaLogin{
  z-index: 2;
  position: relative;
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto;
  max-width: 648px;
  background-color: #FFFFFF;
  border-radius: 16px;
}

.link-home{
  position: absolute;
 bottom: 32px;
 width: 100%;
 text-align: center;
}

.caixaLogin .formPadrao{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.caixaLogin .formPadrao form{
max-width: 424px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-bottom: 44px;;
}

.caixaLogin  .headerBanner{
  position: relative;
  left: -24px;
  width: calc(100% + 48px);
  background: #0A152E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 32px 24px;
  box-sizing: border-box;
} 

.caixaLogin  .headerBanner h1{
  color: #fff;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
}

.caixaLogin  .headerBanner .separadorVertical{
  background:#425071;
  width: 1px;
  height: 64px;
  margin-left: 40px;
  margin-right: 40px;
}



.class_portal-novo .formPadrao form label.labelInterno{
  -webkit-transition: all 50ms ease-in 50ms;
  -moz-transition: all 50ms ease-in 50ms;
  -o-transition: all 50ms ease-in 50ms;
  transition: all 50ms ease-in 50ms;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.class_portal-novo .formPadrao form .inptPadraoNovoPrtal {
  border:  solid 1px #cacaca;
  border-radius: 8px;
  height: 56px;
  box-sizing: border-box;
}

.class_portal-novo .formPadrao form .inptPadraoNovoPrtal input[type="text"] , .class_portal-novo .formPadrao form .inptPadraoNovoPrtal input[type="password"] , .class_portal-novo .formPadrao form .inptPadraoNovoPrtal input[type="email"]{
  padding:0px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 16px;
  color: #686868;
  font-weight: 400;
  appearance: none;
  position: absolute;
top: 50%;
height: 50px;
margin-top: -25px;
left: 2px;
padding-left: 24px;
font-family: "Titillium Web";
}
.labelInterno {
  z-index: 3;
}
#txtPasswordCadastro {
  top: 0;
  margin-top: 2px;
}
.class_portal-novo .formPadrao form .inptPadraoNovoPrtalFocus label.labelInterno{
top: -2px;
padding: 0px 12px;
left: 12px;
font-size: 16px;
line-height: 16px;
color: #061844;
font-weight: 400;
background: white
}

.class_portal-novo .formPadrao form .ativoDigitado label.labelInterno{
  top: -2px;
  padding: 0px 12px;
  left: 12px;
  font-size: 16px;
  line-height: 16px;
  color: #061844;
  font-weight: 400;
  background: white
}



.class_portal-novo .formPadrao form .inptPadraoNovoPrtalFocus{
  border:  solid 1px #061844;
}


.tituloForm { 
  color: #061844;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
margin-bottom: 32px;
}

.GroupCampo.GrupoSenha{
  margin-bottom: 8px;
}


.caixaLogin .submits .login-options {
text-align: right;
margin-bottom: 24px;
}

.submits .login-options .lembrar-senha{
  color: #061844;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.formPadrao input[type="submit"] {
  margin: 0 auto;
background: #2095EE 0% 0% no-repeat padding-box;
border-radius: 56px;
text-align: center;
width: 100%;
height: 48px;
line-height: 48px;
color: #ffffff;
border: 0;
font-size: 16px;
cursor: pointer;
-webkit-transition: all 150ms ease-in 50ms;
-moz-transition: all 150ms ease-in 50ms;
-o-transition: all 150ms ease-in 50ms;
transition: all 150ms ease-in 50ms;
font-family: "Titillium Web";
box-shadow: none;
padding: 0;
max-width: 424px;
}

.formPadrao input[type="submit"]:hover{
  background: #2095EE; 
  opacity: 0.9;
}

.link-home a{
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap:8px
}

.GroupCampo {
  margin-bottom: 24px;
  padding: 0;
}
.GroupCampo:nth-of-type(4){
  margin-bottom: 24px;
}
.link-home span{
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;

}

.valid {
  color: green;
}

.invalid {
  color: red;
}

.state-invalid, .state-valid{
  display: none;
}
.valid .state-valid{
  display: inline-block;
} 
.valid .state-padrao{
  display: none;
}

.invalid .state-invalid{
  display: inline-block;
} 
.invalid .state-padrao{
  display: none;
}
.submits {
  max-width: 424px;
  margin: 0 auto;
}
.GroupCampo.GrupoSenha .labelInterno{
  z-index: 2;
}

#togglePassword {
  position: absolute;
right: 17px;
top: 18px;
background: none;
border: none;
cursor: pointer;
}
.password-rules{
  margin: 0 auto;
  margin-bottom: 24px;
  max-width: 424px;

}
.password-rules p {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.password-rules p:last-of-type{
  margin-bottom: 0;
}
.password-rules p svg{
  order: 1;
  margin-right: 8px;
}
.password-rules p span{
  order: 2;
}

#cadastro-app-portal .caixaLogin {
  margin-bottom: 68px;
  margin-top: 140px;
}

#cadastro-app-portal .link-home {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;

}
#cadastro-app-portal .todoContainer.padrao {
  flex-direction: column;
  padding-bottom: 48px;
}


.sucesso {
  height: calc(604px - 112px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
}
.sucesso h2{
  color: #061844;
  text-align: center;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 16px;
  line-height: 28px; /* 140% */
}
.sucesso a {
  border-radius: 100px;
  border: 2px solid #2095EE;
  width: 208px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 0 auto;
  color: #2095EE;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: ease 0.3s;
}
.sucesso a:hover{
  background: #2095EE;
  color: #fff;
}
.sucesso p{
  color: #686868;
  text-align: center;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 24px;
}


#verificacao-app-portal .verification-code-container input {
  border-radius: 8px;
  border: 1px solid #CACACA !important;
  background: #FFF;
  width: 56px !important;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  margin-right: 16px;
  text-align: center;
}
#verificacao-app-portal .caixaLogin .formPadrao form{
  width: 100%;
  max-width: 100%;
}
#verificacao-app-portal p {
  text-align: center;
}
#verificacao-app-portal .tituloForm{
  margin-bottom: 8px;
}
#verificacao-app-portal .verification-code-container input:last-of-type{
  margin-right: 0;
}
#verificacao-app-portal .verification-code-container {
  display: flex;
  justify-content: space-between;
  max-width: 424px;
  margin: 40px 0;
  margin-left: auto;
margin-right: auto;
}


#verificacao-app-portal .formPadrao form input[type="submit"]{
  max-width: 424px;
  margin: 0 auto;
  font-family: "Titillium Web";
}

/* Estilo do botão desabilitado (começando com a cor #949494) */
#verificacao-app-portal .formPadrao form input[type="submit"]:disabled {
  border-radius: 100px;
  border: 2px solid #949494;
  background: #949494;
  color: #FFF;
}

/* Estilo do botão habilitado quando todos os campos estiverem preenchidos */
#verificacao-app-portal .formPadrao form input[type="submit"]:enabled {
  border-radius: 100px;
  border: 2px solid #2095EE;
  background: #2095EE;
  color: #FFF;
}

/* Estilo do input quando está em foco (input da vez) */
#verificacao-app-portal .verification-code-container input:focus {
  border: 1px solid #061844 !important;
}


.code-input.active{
  border: 1px solid #061844 !important;
}

.msg{
  margin-bottom: 24px;
}
.msg p{
  color: #686868;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.msg p a{
  color: #061844;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
text-decoration: none;
transition: ease 0.3s;
}
.msg p a:hover{
  text-decoration: underline;
}
.padraoPortal .tituloForm.padrao {
  margin-bottom: 8px;
}
.padraoPortal .p-padrao{
  text-align: center;
  margin-bottom: 40px;
}
.padraoPortal .caixaLogin .formPadrao form {
  max-width: 100%;
  
}

@media (max-width: 1180px) {
  .logoFrm.logoKinea svg {
      width: 105px;
    }
    .caixaLogin .headerBanner h1 {
      font-size: 24px;
    }
    .caixaLogin .headerBanner {
      padding: 32px 21px;
      height: 112px;
      left: -16px;
width: calc(100% + 32px);
    }
    .GroupCampo:nth-of-type(4) {
      margin-bottom: 16px;
    }
    .GroupCampo {
      margin-bottom: 16px;
    }
    .caixaLogin .headerBanner .separadorVertical {
      margin-left: 8px;
      margin-right: 8px;
    }
    #cadastro-app-portal .caixaLogin {
      margin-bottom: 30px;
      margin-top: 30px;
    }
    .caixaLogin .formPadrao {
      padding-left: 16px;
      padding-right: 16px;

    }
    .password-rules {
      margin-bottom: 32px;
    }
    #recuperar-senha-app-portal .caixaLogin .formPadrao form {
      margin-bottom: 92px;
    }
    #cadastro-app-portal .link-home {
      display: none;
    }
    
}
@media (max-width: 480px) {
  #verificacao-app-portal .verification-code-container input {
    width: calc(100% - 26px) !important;
    height: 56px;
    margin-right: 8px;
    text-align: center;
  }
  #verificacao-app-portal .verification-code-container {
    max-width: 100%;
  }
}


.menu-portal-novo {
  background: #FFF;
  box-shadow: 0px 1px 0px 0px #CACACA;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.menu-mobile {
  display: none;
}

.logo-kinea {
  display: flex;
  align-items: center;
}

.logo-kinea .separador {
  width: 1px;
  height: 24px;
  margin: 0 8px;
  background: #CACACA;
}
.logo-kinea span{
  color: #51638E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
}

.menu-portal-novo .infos {
  display: flex;
  align-items: center;
  padding-right: 12px;
}

.flex{
  display: flex;
  align-items: center;
}
.mr{
  margin-right: 24px;
}
.user-logado span {
  color: #686868;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.user-logado span strong{
  font-weight: 600;
}
.menu-portal-novo a{
  text-decoration: none;
}
.flex span{
  color: #061844;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 100% */
margin-left: 4px;
display: block;
}
@media (max-width: 1250px) {
  .user-logado{
    display: none;
  }
  .flex span{
    display: none;
  }
  .menu-portal-novo .infos{
    padding-right: 0;
  }
  .logo-kinea span{
    display: none;
  }
  .logo-kinea .separador{
    display: none;
  }
  .menu-mobile {
    display: block;
  }
  .menu-mobile  .btnFecharMenu{
    display: none;
  }
}

.todo-container-interna {
  display: flex;
  flex-wrap: wrap;
}
.menu-portal {
  background: #F8F7F5;
  height: 100vh;
  width: 344px;
  padding-top: 114px;
  position: fixed;
  top: 0;
  transition: paadding-top 0.4s ease-in-out;
  min-width: 225px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #D9D9D9 #ffffff;

}
.menu-portal.scroll-ativo {
  padding-top: 40px;
  transition: paadding-top 0.4s ease-in-out;
}
.todo-conteudo {
  flex-grow: 1;
  margin-left: 344px;
}

.menu-portal .ativo {
  background: #fff;
  border-left: 4px solid #2095EE;
}

.menu-portal .ativo a {
  color: #2095EE;
  font-family: "Titillium Web";
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.menu-portal .ativoClass{
  background: #fff;
  border-left: 4px solid #2095EE;
}
.menu-portal .ativoClass a {
color: #2095EE;
font-family: "Titillium Web";
font-size: 18px;
font-weight: 600;
text-decoration: none;
}


.menu-portal ul li {
  padding: 8px 24px;
  margin-bottom: 16px;
}

.menu-portal ul li a {
  color: #061844;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}
.menu-portal ul li svg{
  margin-left: 4px;
}
.menu-portal ul li ul.submenu {
  display: none;
  background: #fff;
  margin-top: 8px;
  padding-left: 24px;
}

.menu-portal ul li.ativoClass .submenu{
  display: block;
}


.menu-portal ul li ul.submenu li {
  margin-bottom: 8px;
  padding: 8px 0;
}

.menu-portal ul li ul.submenu li a {
  color: #061844;
  font-size: 16px;
  font-weight: 400;
}
.menu-portal ul li ul.submenu li.linkPortalAtivo{
  color: #2095EE;
  font-weight: 600;
}



.menu-portal ul li ul.submenu li{
  border-left: none;
}

.menu-portal .ativo svg , 
.menu-portal .ativoClass svg  {
  transform: rotate(180deg);
}





.filtro-mb{
  display: none;
}
.qtde-filtros-selecionados{
  color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.btn-fechar-filtros svg{
  margin-right: 4px !important;
}
@media (max-width: 1250px) {
  .todos-itens-filtros {
    height: auto;
  
  }
  .filtros-selecionados {
    display: flex;
    justify-content: flex-start !important;
    margin-top: 8px;
  }
  .selectFiltro {
    padding-top: 40px;
  }
  .filtro-mb h2 {
    color: #061844;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
  }
  .todo-filtro-mob {
    padding: 0 16px;
    margin-top: 24px;
    margin-bottom: 40px;
  }
  .topo-filtro-mob {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .todo-filtro  .filtros-selecionados.desk{
    display: none !important;
  }
  .filtro-mb{
    display: flex;
    flex-direction: column;
  }
  .filtros-selecionados.mob{
    display: none !important;
  }
.menu-portal {
  background: #F8F7F5;
  height: 100%;
  padding-top: 40px;
  position: fixed;
  width: 100%;
  z-index: 100;
  left: -100%;
  transition: left 0.4s ease-in-out; /* Animação suave */
}
.menu-portal.ativo {
  left: 0; /* Move para a posição visível */
}
html.ativo .menu-mobile  .btnAbrirMenu{
  display: none;
}
html.ativo .menu-mobile  .btnFecharMenu{
  display: block;
}
.menu-portal .ativo {
  background: none;
  border-left: none;
}
.menu-portal .ativo a{
  color: #061844
}
.menu-portal ul li ul.submenu{
  background: none;
}
}

.titulo-secao h2 {
color: #061844;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}

.titulo-secao p{
margin-top: 16px;;
}

.titulo-secao {
padding-top: 48px;
padding-bottom: 24px;
border-bottom: 1px solid #CACACA;
margin-bottom: 48px;
}

iframe{
width: 1320px;
height: 743px;
border-radius: 4px;
border: 1px solid #CACACA;
background: #FFF;
padding-bottom: 0px;
border: 1px solid #CACACA;
}
.iframe {
padding-bottom: 64px;
border-bottom: 1px solid #AFAFAF;
width: 1320px;
}
.container-portal{
width: 100%;
max-width: 1320px;
margin-left: 56px;
}

.boxes-portal .container-portal {
display: flex;
justify-content: space-between;
margin-top: 64px;
}

.todo-conteudo h3 {
color: #061844;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 16px;
}

.boxes-portal .container-portal .item-box {
width: 648px;
flex-shrink: 0;
border-radius: 4px;
border: 1px solid #CACACA;
background: #FFF;
margin-right: 24px;
padding: 24px 0;
height: 596px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #D9D9D9 #ffffff;
scrollbar-gutter: stable;
position: relative;
padding-bottom: 0;
}
.btnMarcarTodos{
background: #fff;
position: sticky;
bottom: 0;
left: 0;
color: #2095EE;
padding: 24px;
box-sizing: border-box;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
width: 100%;
cursor: pointer;
}
.boxes-portal .container-portal .todo-box-conteudo:nth-of-type(2) .item-box{
margin-right: 0;
}
.item-box .item:last-child {
background: red !important;
}

.boxes-portal .container-portal .item-box .item {
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: flex;
align-items: center;
transition: ease 0.3s;
cursor: pointer;
}
.boxes-portal .container-portal .item-box .item:hover{
background: #F8F7F5;
}
.boxes-portal .container-portal .item-box .item.ativo::before {
content: "";
position: relative;
width: 8px;
height: 8px;
flex-shrink: 0;
background: #2095EE;
display: flex;
border-radius: 50%;
margin-right: 16px;
margin-left: 24px;
}

.boxes-portal .container-portal .item-box .item strong{
font-weight: 600;
}
.boxes-portal .container-portal .item-box .item .data {
display: block;
color: #061844;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 8px 0;
}


.boxes-portal .container-portal .item-box .item .aviso {
max-width: 554px;
border-bottom: 1px solid #DCDCDC;
padding-top: 16px;
margin-left: 48px;
}
.boxes-portal .container-portal .item-box .item.ativo .aviso{
margin-left: 0px;
}

.boxes-portal .container-portal .item-box .item:last-child .aviso{
border-bottom: 0;
}

.todo-box-conteudo.orientacao-gerais .item-box{
padding: 24px;
}
.todo-box-conteudo.orientacao-gerais .item-box p strong{
color: #061844;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin-top: 48px;
display: block;
}
.todo-box-conteudo.orientacao-gerais .item-box p:nth-of-type(1) strong{
margin-top: 0;
}

.todo-box-conteudo.orientacao-gerais .item-box p{
margin-bottom: 24px;
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.boxes-portal .container-portal{
border-bottom: 1px solid #AFAFAF;
padding-bottom: 64px;
}
.boxes-portal{
margin-bottom: 64px;
}
.todo-video{
margin-bottom: 64px;
}
.todo-video:last-of-type{
margin-bottom: 128px;

}
.todo-video:last-of-type .container-portal{
border-bottom: 0; 
}
.todo-video .video-live-mensal {
display: flex;
align-items: center;
}
.todo-conteudo .todo-video h3{
margin-bottom: 24px;
}

.todo-conteudo .todo-video h4{
color: #061844;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
margin-bottom: 16px;
}

.video {
width: 648px;
aspect-ratio: 16/9;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
cursor: pointer;
position: relative;
background-size: cover;
background-position: center;
}

.video img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.btnPlay {
width: 96px;
height: 96px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
background:
#fff;
border-radius:
50%;
transition:
ease 0.3s;
z-index: 2;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin:
0 auto;
  margin-top: 0px;
margin-top: -48px;
}
.btnPlay svg path{
transition: ease 0.3s;
}
.btnPlay:hover{
background: #2095ee;
}

.btnPlay:hover svg *{
fill: #fff;
}
.infos-video-mensal {
width: 536px;
margin-left: 24px;
}

.popup-youtube {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.mfp-iframe-scaler iframe{
padding: 0 !important;
margin: 0 !important;

border: none !important;
}

.infos-video-mensal p strong{
color: #061844;

display: block;
}

.infos-video-mensal p {
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin-bottom: 24px;
}
.infos-video-mensal .btn-video a{
transition: ease 0.3s;
display: flex;
justify-content: center;
align-items: center;
width: 215px;
height: 40px;
border-radius: 100px;
border: 2px solid #2095EE;
color: #2095EE;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
text-decoration: none;
}
.infos-video-mensal .btn-video a:hover{
background: #2095EE;
color: #fff;
}


.todo-video .container-portal{
padding-bottom: 64px;
border-bottom: 1px solid #AFAFAF;
}




.blogHome .itemNoticia{
width: 312px !important;
margin-right: 24px !important;
}

.mgPadrao {
margin-top: 64px;
}
.blogHome .container-portal{
padding-bottom: 64px;
border-bottom: 1px solid #AFAFAF;
}

table {
width: 100%;
border-collapse: collapse;
border-spacing: 0; /* Evitar espaçamento extra entre as células */
}

th {
background-color: #F8F7F5;
color: #061844;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
padding: 16px 48px;
border-radius: 4px 4px 0 0;
width: 33.33%;
box-sizing: border-box;
}
th:nth-of-type(1){
width: 38%;
}
td:nth-of-type(3){
display: flex;
justify-content: end;
}
td {
color: #686868;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 16px 48px;

text-align: left;
padding-right: 24px;
transition: ease 0.3s;
box-sizing: border-box;
}

td span{
display: none;
}
tr{
transition: ease 0.3s;
border-bottom: 1px solid #CACACA;
}
tr:hover{

background: #F8F7F5;
}

.btn-visualizar {
display: flex;
align-items: center;
justify-content: center;
width: 164px;
height: 40px;
border-radius: 100px;
border: 2px solid #2095EE;
color: #2095EE;
background-color: transparent;
font-size: 14px;
cursor: pointer;
text-decoration: none;
transition: ease 0.3s;
color: #2095EE;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

tr:hover .btn-visualizar{
background: #2095EE;
color: #fff;
}

tr:hover .btn-visualizar svg *{
fill: #fff;
}

tr:hover .btn-visualizar{
background: #2095EE;
color: #fff;
}


.btn-visualizar:hover{
background: #2095EE;
color: #fff;
}
.btn-visualizar:hover svg *{
fill: #fff;
}
.btn-visualizar svg *{
transition: ease 0.3s;
}
.btn-visualizar svg {
margin-right: 8px;
}

.documentos-portal{
margin-top: 64px;
margin-bottom: 139px;
}
.todo-conteudo .documentos-portal h3{
margin-bottom: 24px;
}

thead tr{
border: none;
}


.slick-carousel {
margin-top: 0;
}
.todo-conteudo  .blogHome  h3{
margin-bottom: 24px;
}
td .btn-visualizar .desk{display: block;}


.todo-filtro{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1320px;
margin-left: 56px;
margin-bottom: 64px;
}
.filtros{
display: flex;
align-items: center;
}

.filtro-categoria{
border-radius: 24px;
border: 2px solid #061844;
background: #FFF;
display: flex;
justify-content: center;
align-items: center;cursor: pointer;
width: 199px;
height: 48px;
color: #061844;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 100% */
transition: ease 0.3s;
margin-right: 16px;
position: relative;
}
/* .filtro-categoria:hover{
background: #061844;
color: #fff;
} */
/* .filtro-categoria:hover svg *{
fill: #fff;
} */
.filtro-categoria svg{
margin-right: 16px;
transition: ease 0.3s;
}

.filtros-selecionados{
display: flex;
justify-content: center;
}

.item-filtro{
display: flex;
justify-content: center;
align-items: center;cursor: pointer;
border-radius: 24px;
border: 1px solid #CACACA;
background: #F8F7F5;
padding: 15px 20px;
box-sizing: border-box;
margin-right: 16px;
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 100% */
}
.item-filtro svg{
margin-right: 8px;
}

.busca {
display: flex;
align-items: center;
border-radius: 8px;
border: 1px solid #CACACA;
background: #FFF;
width: 370px;
height: 48px;
padding: 0 16px;
position: relative;
}
.busca input {
width: 100%;
height: 100%;
border: none;
padding-left: 16px;
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
font-family: "Titillium Web";
}
.busca input::placeholder{
opacity: 1;
color: #686868;
}
.msg-materiais-fundo{
margin-top: 48px;
margin-bottom: 24px;
}
.cards {
display: flex;
flex-wrap: wrap;
gap: 24px;
}

.cards .item-card{
border-radius: 8px;
border: 1px solid #CACACA;
background: #FFF;
display: flex;
width: 312px;
padding: 24px;
flex-direction: column;
align-items: flex-start;

}

.cards .item-card .categoria{
color: #4BA3C7;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.cards .item-card h2{
color: #061844;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
margin-top: 4px;
margin-bottom: 16px;
}

.cards .item-card .item-fundo a{
display: flex;
text-decoration: none;
align-items: center;
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin-bottom: 16px;
}
.cards .item-card .item-fundo svg{
margin-right: 8px;
}
.cards .item-card .item-fundo:last-of-type{
margin-bottom: 0;
}

.selectFiltro {
position: absolute;
top: 54px;
width: 376px;
height: 288px;
flex-shrink: 0;
background: #FFF;
box-shadow: 5px 5px 12.5px 0px rgba(6, 24, 68, 0.10);
z-index: 10;
left: 0;
border-radius: 8px;
border: 1px solid #CECECE;
padding: 16px 0;
box-sizing: border-box;
display: none;
}
.todos-itens-filtros {
height: 160px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #D9D9D9 #ffffff;
scrollbar-gutter: stable;
margin-bottom: 16px;
}

.item-filtro-check {
display: flex;
align-items: center;
transition: ease 0.3s;
padding: 8px  16px;
}

.todo-check {
display: flex;
align-items: center;
}
.check svg{
display: none;
margin-right: 0 !important;
}

.check {
border-radius: 2px;
border: 1px solid #CECECE;
background: #FFF;
width: 16px;
height: 16px;
margin-right: 8px;
position: relative;
}
.item-filtro-check:hover{
background: #FAFAFA;
}

.item-filtro-check.ativo .check svg{
position: absolute;
left: -1px;
top: -1px;
display: block;
}
.item-filtro-check.ativo span{
font-weight: 600;
}
.item-filtro-check span {
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}

.btn-aplicar-filtros {
border-radius: 100px;
border: 2px solid #2095EE;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
margin: 0 16px;
color: #2095EE;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
transition: ease 0.3s;
margin-bottom: 16px;}
.btn-aplicar-filtros:hover{
  background: #2095EE;
  color: #ffffff;
}

.footer-filtros {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  bottom: 16px;
}

@media (max-width: 1692px) {
  .menu-portal {
    width: 14%;
  }

  .todo-conteudo {
    width: 86%;
    margin-left: 14%;
  }

  
  .iframe {
    padding-bottom: 64px;
    border-bottom: 1px solid #AFAFAF;
    width: 1180px;
  }

  iframe {
    width: 1180px;
  }
  .container-portal {
    width: 100%;
    max-width: 1180px;
    margin-left: 56px;
  }
  .todo-filtro{
    width: 100%;
    max-width: 1180px;
  }
  
  .boxes-portal .container-portal .item-box {
    width: 578px;
  }
}

@media (max-width: 1462px) {

  iframe{
    height: 567px;
  }
  
  .todo-conteudo {
    width: 86%;
    margin-left: 15%;
  }
  .iframe {

    width: 986px;
  }
  iframe {
    width: 986px;
  }
  .container-portal {
    width: 100%;
    width: 986px;
    margin-left: 56px;
  }
  .todo-filtro {
    width: 100%;
    width: 986px;
    margin-left: 56px;
  }
  .boxes-portal .container-portal .item-box {
    width: 480px;
  }
  .menu-portal {
    width: 15%;
  }
}
@media (max-width: 1280px) {
  .menu-portal {
    width: 18%;
  }

  .todo-conteudo {
    margin-left: 16%;
  }

}
.dn{
  display: none;
}
@media (max-width: 1250px) {

    .todos-itens-filtros {
      height: auto;
    }
  .todo-filtro {
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 8px;
  }
  .selectFiltro {
    position: fixed;
    left: 0;
    top: 75px;
    width: 100%;
    height: 100%;
    border: none;
  }
  .menu-portal {
    width: 100%;
    top: 75px;
  }
  .todo-conteudo {
    margin-left: 0;
    width: 100%;
  }
  .container-portal {
    width: 100%;
    max-width: 100%;
    padding: 0 8px;
    margin: 0 auto;
  }
  .iframe {
    width: 100%;
    padding-bottom: 48px;
  }
  iframe{
    width: calc(100% - 16px);
    margin: 0 auto;
    display: flex;
  }
  .boxes-portal .container-portal {
    margin-top: 48px;
    flex-wrap: wrap;
  }
  .boxes-portal .container-portal .item-box {
    width: 100%;
    height: 377px;
  }
  .todo-box-conteudo {
    width: 100%;
    margin-bottom: 48px;
  }

  .boxes-portal .container-portal .item-box .item .aviso {
    max-width: 90%;
  }
  .container-portal.if {
    padding: 0;
  }
  .todo-box-conteudo.orientacao-gerais .item-box p{
    margin-bottom: 8px;
  }
  .todo-box-conteudo.orientacao-gerais .item-box p strong {

    margin-top: 40px;

  }

  .boxes-portal .container-portal {
    padding-bottom: 0;
  }
  .todo-conteudo h3{
font-size: 24px;
line-height: 32px; /* 133.333% */
  }
  .boxes-portal{
    margin-bottom: 48px;
  }
  .todo-video .video-live-mensal {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .infos-video-mensal {
    width: 100%;
    margin-left: 0;
    max-width: 536px;
    margin-top: 24px;
    padding: 0 8px;
  }
  .video {
    width:100%;
    max-width:648px;
    aspect-ratio: 16/9;
  }
  .infos-video-mensal p {

    margin-bottom: 16px;
  }
  .todo-video .container-portal {
    padding-bottom: 48px;
  }
  .blogHome .container-portal {
    padding-bottom: 48px;
    padding: 0;
  }
  .blogHome .container-portal h3{
    padding-left: 16px;
  }
  .TodoCarrosselNoticia {
    padding-left: 16px;
  }
  .carrossel-controles {
    margin-bottom: 48px;
  }
  .slick-carousel {
    margin-top: 0;
  }
  .titulo-secao .container-portal {
    padding: 0 16px;
  }
  .desk{
    display: none;
  }
  .dn{
    display: inline-block;
    width: 100%;
  }
  th{
    width: 100% !important;
    padding: 16px 8px;
  }
  td:nth-of-type(1){
    width: 100%;
    padding: 8px;
    vertical-align: middle;
  }
  .btn-visualizar .dn{
    display: initial;
  }

  .btn-visualizar {

    width: 88px;}
    td{
      padding-right: 16px;
    }
   
}
@media (max-width: 768px) {
  .todo-conteudo .todo-video h3, .todo-conteudo .todo-video h4, .todo-video .video-live-mensal, .msg-materiais-fundo{
    padding: 0 8px;
  }
  .cards{
    padding-left: 8px;
    padding-bottom: 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .cards .item-card{
    min-width: 312px;
  }

  .todo-video .slick-arrow {
    position: absolute;
    bottom: 64px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 50px;
  cursor: pointer;
  }
  .btn-next-blog.slick-arrow {
    right: -65px;
  }
  .btn-prev-blog.slick-arrow {
    left: -65px;
  }
  .todo-video .container-portal{
    width: 100%;
    /*padding: 0;*/
  }
  .cards .item-card{
    margin-right: 24px;
  }
  .filtros{
    flex-wrap: wrap;
  }
  .todo-filtro{
    flex-wrap: wrap;
  }
  .filtro-categoria{
    width: 100%;
    margin-right: 0;
  }
  .filtros {
    width: 100%;
    order: 2;
  }
  .busca {
    order: 1;
    margin-bottom: 24px;
    width: 100%;
  }
}


#formContato .error-message, #verificacaoForm .error-message {
  text-align: center;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  color: red;
}



/* Estilos para a página de acesso negado */
.acesso-negado {
min-height: 100vh;
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #F5F6FA 0%, #FFFFFF 100%);
padding: 40px;
}

.acesso-negado .logo-kinea {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
justify-content: center;
}

.acesso-negado .logo-kinea .separador {
width: 1px;
height: 24px;
background-color: #061844;
opacity: 0.2;
}

.acesso-negado .logo-kinea span {
color: #061844;
font-size: 16px;
font-weight: 500;
}

.acesso-negado .mensagem {
max-width: 460px;
margin: 0 auto;
text-align: center;
background: #FFFFFF;
box-shadow: 0px 8px 24px rgba(6, 24, 68, 0.05);
border-radius: 16px;
padding: 48px;
}

.acesso-negado .mensagem h2 {
color: #061844;
font-size: 24px;
font-weight: 600;
margin-bottom: 16px;
}

.acesso-negado .mensagem p {
color: #061844;
font-size: 16px;
line-height: 1.5;
opacity: 0.7;
margin-bottom: 32px;
}

.acesso-negado .botao-voltar {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
padding: 16px 32px;
background: #061844;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
text-decoration: none;
border-radius: 8px;
transition: background-color 0.3s ease;
}

.acesso-negado .botao-voltar:hover {
background: #0A2766;
text-decoration: none;
}

/* Responsivo */
@media (max-width: 768px) {
.acesso-negado {
    padding: 20px;
}

.acesso-negado .mensagem {
    padding: 32px 24px;
    margin: 0 20px;
}

.acesso-negado .logo-kinea {
    margin-bottom: 40px;
}
}

@media (max-width: 480px) {
.acesso-negado .mensagem h2 {
    font-size: 20px;
}

.acesso-negado .mensagem p {
    font-size: 14px;
}

.acesso-negado .botao-voltar {
    width: 100%;
    min-width: unset;
    padding: 14px 24px;
    font-size: 14px;
}
}


.oculto{
display: none !important;
}


.contentLoader{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(255,255,255,.8); 
}

.contentLoader .loader{
position: absolute;
left: 50%;
top: 50%;
margin-top: -17px;
}

#nova-prefs .contentEditar {
padding: 0px !important;
margin-bottom: 48px;
}

#nova-prefs .contentEditar h2 {
color: #061844;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 16px;
}
#nova-prefs .conteudoEditar p.selFundos {
margin-bottom: 24px;
margin-top: 0;
}
#nova-prefs   .conteudoEditar .HeaderCat span {
color: #061844;
font-family: "Titillium Web";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
#nova-prefs .conteudoEditar .HeaderCat .selectAll {
letter-spacing: 0em;
cursor: pointer;
transition: all ease-in 300ms 100ms;
border-radius: 100px;
border: 2px solid #2095EE;
color: #2095EE;
text-align: center;
font-family: "Titillium Web";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
width: 144px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
#nova-prefs .conteudoEditar .HeaderCat .selectAll:hover {
background: #2095EE;
color: #FFFFFF;
}
#nova-prefs .conteudoEditar .TodoFundos .itemFrm{
border-radius: 100px;
border: 1px solid #CACACA;
background: #FFF;
}
#nova-prefs  .conteudoEditar .separadorForm {
margin: 24px 0px;
}
#nova-prefs .controlesForm .btnSubmit {
height: 48px;
padding: 0px 16px;
min-width: 323px;
cursor: pointer;
border-radius: 100px;
border: 2px solid #2095EE;
background: #2095EE;
margin-right: 24px;
color: #FFF;
text-align: center;
font-family: "Titillium Web";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
#nova-prefs  .controlesForm .btnVoltar {
color: #2095EE;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 45px;
cursor: pointer;
border-radius: 100px;
border: 2px solid #2095EE;
width: 200px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}

.containerInvestidor .conteudoPortalInvestidor { 
min-height: 700px;
}

#nova-prefs  .dadosUsuario h4{
color: #061844;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 32px;
}

#nova-prefs  .disc2{
display: block;
margin-bottom: 32px;
}


#nova-prefs .inputPadrao{
appearance:none;
border:none; 
outline:none; 
width:100%;
line-height: 46px;
padding: 0px 16px;
text-align: left;
font-weight: 400;
font-size: 16px;
letter-spacing: 0px;
color: #686868;
}

#nova-prefs .disabled{
pointer-events: none;
opacity: 0.5;
}

#nova-prefs  .item.senha{
position: relative;
}

#nova-prefs  .item.senha i {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}

.todo-box-conteudo.orientacao-gerais ul {
margin-bottom: 24px;
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
list-style: disc;
list-style-position: inside;
}

.todo-box-conteudo.orientacao-gerais ol {
margin-bottom: 24px;
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
list-style: decimal;
list-style-position: inside;
}

.todo-box-conteudo.orientacao-gerais li a, .todo-box-conteudo.orientacao-gerais li a{
color: #2095EE;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

.email-valid #rule-length, .email-valid #rule-lowercase, .email-valid #rule-special {
display: none;
}

/*Ajuste post blog home*/
.ImagemNoticia .BgPostBlogHome{
height:auto !important;
}

.msgLogin {
margin-bottom: 24px;
text-align: center;
}

.msgLogin a{
color: #2095EE;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.msgCadastro{
margin-top: 40px;
}