/* =====================================================

   HEADER NOVO - MENU COM 3 NÍVEIS (CLICK)

   ===================================================== */



/* Reset e Base */

.header-novo {

  position: relative;

  width: 100%;

  z-index: 10000;

  background-color: #fff;

  opacity: 1 !important;

  overflow: visible !important;

}



.header-novo * {

  box-sizing: border-box;

}



.header-container {

  max-width: 1170px;

  margin: 0 auto;

  padding: 0 15px;

}



/* =====================================================

   BARRA SUPERIOR

   ===================================================== */

.header-top-bar {

  background-color: #1d2537;

}



.header-top-bar .header-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



/* Tabs Pessoa Física / Institucional */

.header-tabs {

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

  gap: 0;

}



.header-tabs li a {

  display: block;

  padding: 8px;

  color: #fff;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  transition: all 0.2s ease;

  text-decoration: none;

}

.header-tabs li {

  margin-right: 24px;

}

.header-tabs li a:hover {

  background-color: rgba(255, 255, 255, 0.1);

}



.header-tabs li a.active {

  background-color: #2095ee;

  color: #fff;

}



/* Redes Sociais */

.header-social {

  display: flex;

  align-items: center;

  gap: 16px;

}



.header-social a {

  display: flex;

  align-items: center;

  justify-content: center;

  transition: opacity 0.2s ease;

}



.header-social a:hover {

  opacity: 1;

}



.header-social svg {

  width: 16px;

  height: 16px;

}



/* =====================================================

   MENU PRINCIPAL

   ===================================================== */

.header-main {

  background-color: #fff;

  border-bottom: 1px solid #cacaca;

  transition: box-shadow 0.3s ease;

}



/* Header Main Sticky */

.header-main.sticky {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10000;

}



/* Placeholder para evitar salto de conteúdo quando header fica fixed */

.header-main-placeholder {

  display: none;

}



.header-main-placeholder.active {

  display: block;

}



.header-main .header-container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

}



/* Logo */

.header-logo a {

  display: block;

}



.header-logo img {

  height: 27px;

  width: 76px;

}



/* Navegação */

.header-nav {

  flex: 1;

}



.nav-level-1 {

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

  gap: 8px;

}



.nav-item {

  position: relative;

  padding: 20px 0;

  cursor: pointer;

}



.nav-item.has-submenu.active::before {

  width: 100%;

}

.nav-item.has-submenu::before {

  transition: width 0.3s ease-in-out;

  -webkit-transition: width 0.3s ease-in-out;

  -moz-transition: width 0.3s ease-in-out;

  -o-transition: width 0.3s ease-in-out;

  content: "";

  position: absolute;

  height: 4px;

  width: 0;

  bottom: 0;

  background: #2095ee;

  left: 0;

}



.nav-link {

  display: flex;

  align-items: center;

  gap: 6px;

  padding: 10px 16px;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px; /* 100% */

  text-decoration: none;

  border-radius: 4px;

  transition: all 0.2s ease;

  cursor: pointer;

}



.nav-link .chevron {

  transition: transform 0.2s ease;

}



.nav-item.active .nav-link .chevron {

  transform: rotate(180deg);

}



/* Ações do Header */

.header-actions {

  display: flex;

  align-items: center;

  gap: 24px;

}



.btn-onde-investir {

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px; /* 100% */

  display: inline-flex;

  align-items: center;

  padding: 12px 24px;

  text-decoration: none;

  border: 2px solid #1e2b5c;

  border-radius: 100px;

  transition: all 0.2s ease;

}



.btn-onde-investir:hover {

  background-color: #1e2b5c;

  color: #fff;

}



.btn-onde-investir:focus,

.btn-onde-investir.active {

  border-color: #2095ee;

  color: #2095ee;

  outline: none;

}



.btn-search,

.btn-accessibility {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  background: none;

  border: none;

  border-radius: 50%;

  cursor: pointer;

  transition: background-color 0.2s ease;

}



.btn-portal {

  display: inline-flex;

  align-items: center;

  gap: 4px;



  text-decoration: none;

  border-radius: 25px;

  transition: all 0.2s ease;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px; /* 133.333% */

}



/* =====================================================

   MEGA MENU

   ===================================================== */

.mega-menu {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  background-color: #fff;

  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

  opacity: 0;

  visibility: hidden;

  transform: translateY(-10px);

  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;

  z-index: 999;

}



.mega-menu.active {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.mega-menu-backdrop {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.3);

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  z-index: -1;

}



.mega-menu.active .mega-menu-backdrop {

  opacity: 1;

  visibility: visible;

}



.mega-menu-content {

  position: relative;

  background-color: #fff;

  z-index: 1;

}



/* Mega Menu fica fixo quando header está sticky */

.header-novo.is-sticky .mega-menu {

  position: fixed !important;

  top: 72px !important; /* Altura do header-main */

  left: 0 !important;

  right: 0 !important;

  width: 100% !important;

  z-index: 9999 !important;

  transition: none !important; /* Remove animações durante scroll */

  transform: none !important;

}



.mega-menu-content .header-container {

  display: flex;

  min-height: 400px;

  position: relative;

}



/* Colunas do Menu */

.menu-column {

  padding: 24px 0;

  padding-right: 0 !important;

}



.menu-column:last-child {

  border-right: none;

}



.menu-level-2 {

  width: 270px;

  flex-shrink: 0;

  border-right: 1px solid #dcdcdc;

}



.menu-level-3 {

  width: 0;

  flex-shrink: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s ease;

  overflow: visible;

  padding: 0;

  border-right: none;

}



.menu-level-3.active {

  min-width: 270px;

  width: auto;

  opacity: 1;

  visibility: visible;

  padding: 24px 0;

  border-right: 1px solid #e5e7eb;

  padding-left: 24px;

  padding-right: 250px;

}



.menu-level-4 {

  flex: 1;

  padding: 24px 32px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s ease;

  display: flex;

  flex-direction: row;

  gap: 32px;

}



.menu-level-4.active {

  opacity: 1;

  visibility: visible;

}



/* Lista de Menu */

.menu-list {

  list-style: none;

  margin: 0;

  padding: 0;

}



.menu-item {

  margin-bottom: 2px;

}



.menu-link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 8px;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px; /* 150% */

  text-decoration: none;

  transition: all 0.2s ease;

  cursor: pointer;

}



.menu-link:hover {

  background: #f8f7f5;

}



/* Título do menu simples (Materiais, A Kinea) */

.menu-title-item {

  padding: 8px;

  margin-bottom: 8px;

}



.menu-title-text {

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

}



.menu-item.active .menu-link {

  border-left: 2px solid #2095ee;

  background: #f8f7f5;

  color: #1e2b5c;

  font-weight: 600;

}



.menu-link .chevron-right {

  transition: all 0.2s ease;

}



.menu-item.active .menu-link .chevron-right {

  opacity: 1;

  transform: translateX(2px);

}



/* Link "Todos os fundos" */

.menu-link-all {

  display: block;

  padding: 16px 8px;

  margin-top: 16px;

  text-decoration: none;

  border-top: 1px solid #e5e7eb;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

}



.menu-link-all:hover {

  opacity: 0.9;

}



/* =====================================================

   NÍVEL 4 - GRID DE FUNDOS

   ===================================================== */

.fundos-grid {

  display: flex;

  gap: 48px;

  flex: 1;

}



.fundos-column {

  flex: 1;

  max-width: 240px;

}



.fundo-separador {

  margin-bottom: 8px;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

}

.fundo-separador:first-child {

  margin-top: 0;

}



.fundo-item {

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 8px 0;

  font-size: 14px;

  color: #374151;

  text-decoration: none;

  transition: color 0.2s ease;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}



.fundo-item:hover {

  color: #1e2b5c;

}



.fundo-item-simples {

  gap: 0;

}



.fundo-item-simples .fundo-nome {

  color: #374151;

}



/* Layout solo - apenas ticker como link */

/* .fundo-item-solo {

  font-weight: 600;

  color: #1e2b5c;

} */



.fundo-ticker {

  font-weight: 600;

  color: #1e2b5c;

  min-width: 80px;

}



.fundo-nome {

  color: #6b7280;

}



.fundo-badge {

  display: inline-flex;

  align-items: center;

  padding: 2px 8px;

  color: #838383;

  font-family: "Titillium Web";

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px; /* 133.333% */

  border-radius: 50px;

  border: 1px solid #838383;

  margin-left: 8px;

}



/* Link "Saiba mais" */

.menu-link-more {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
  justify-content: flex-start;
  color: #2095ee;
  text-align: left;
  font-family: "Titillium Web";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-top: 0;
  margin-top: 24px;
  white-space: nowrap;
}


.menu-link-more:hover {

  gap: 12px;

}



.menu-link-more svg {

  transition: transform 0.2s ease;
  flex-shrink: 0;

}



.menu-link-more:hover svg {

  transform: translateX(4px);

}



/* =====================================================

   BANNER DA CATEGORIA

   ===================================================== */

.menu-banner {

  max-width: 570px;

  position: absolute;

  right: 15px;

}



.category-banner {

  display: flex;

  gap: 16px;



  background: #f8f7f5;

  height: 100%;

}



.banner-content {

  flex: 1;

  display: flex;

  flex-direction: column;

  gap: 12px;

  max-width: 251px;

  padding: 0 24px;

  padding-top: 48px;

  padding-bottom: 38px;

}



.banner-title {

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px; /* 133.333% */

}



.banner-description {

  color: #686868;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px; /* 150% */

}



.banner-button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 12px 24px;

  margin-top: auto;

  background: transparent;

  text-decoration: none;

  border: 1.5px solid #2095ee;

  transition: all 0.2s ease;

  width: fit-content;

  color: #2095ee;

  text-align: center;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px; /* 100% */

  border-radius: 100px;

}

.banner-image {

  background-size: cover;

  background-position: center;

  width: 270px;

  aspect-ratio: 1 / 1;

}



.banner-button:hover {

  background: #2095ee;

  color: #ffffff;

}



/* Banner da Subcategoria (menor/vertical) */

.subcategory-banner {

  position: absolute;

  top: 24px;

  right: 0;

  background: #f8f7f5;

  max-width: 170px;

  width: 170px;

}



.subcategory-banner-image {

  background-size: cover;

  background-position: center;

  width: 100%;

  aspect-ratio: 1 / 1;

}



.subcategory-banner-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.subcategory-banner-content {

  display: flex;

  flex-direction: column;

  gap: 12px;

  padding: 16px;

}



.subcategory-banner-title {

  margin: 0;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  max-width: 138px;

}



.subcategory-banner-button {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  text-decoration: none;

  transition: gap 0.2s ease;

  color: #2095ee;

  text-align: right;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

}



.subcategory-banner-button:hover {

  gap: 12px;

}



.subcategory-banner-button svg {

  transition: transform 0.2s ease;

}



.subcategory-banner-button:hover svg {

  transform: translateX(4px);

}



/* =====================================================

   RESPONSIVO

   ===================================================== */

@media (max-width: 1200px) {

  .header-container {

    padding: 0 24px;

  }



  .header-main .header-container {

    gap: 24px;

  }



  .nav-level-1 {

    gap: 4px;

  }



  .nav-link {

    padding: 8px 12px;

    font-size: 14px;

  }



  .btn-portal span {

    display: none;

  }

}



@media (max-width: 992px) {

  .header-nav {

    display: none;

  }



  .header-actions {

    gap: 8px;

  }



  .btn-onde-investir {

    padding: 8px 16px;

    font-size: 13px;

  }



  .btn-portal {

    padding: 8px 12px;

  }

}



@media (max-width: 768px) {

  .header-top-bar .header-container {

    flex-direction: column;

    gap: 12px;

  }



  .header-social {

    gap: 12px;

  }



  .header-main {

    padding: 12px 0;

  }



  .header-logo img {

    height: 28px;

  }



  .btn-onde-investir {

    display: none;

  }

}



/* =====================================================

   BOTÃO HAMBURGER MOBILE

   ===================================================== */

.btn-mobile-menu {

  display: none;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 5px;

  width: 40px;

  height: 40px;

  background: none;

  border: none;

  cursor: pointer;

  padding: 8px;

}



.btn-mobile-menu span {

  display: block;

  width: 22px;

  height: 2px;

  background-color: #1e2b5c;

  border-radius: 2px;

  transition: all 0.3s ease;

}



@media (max-width: 992px) {

  .btn-mobile-menu {

    display: flex;

  }



  .btn-search,

  .btn-accessibility,

  .btn-portal {

    display: none;

  }

}



/* =====================================================

   MENU MOBILE

   ===================================================== */

.mobile-menu {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 9999;

  display: flex;

  flex-direction: column;

  transform: translateX(100%);

  transition: transform 0.3s ease;

}



.mobile-menu.active {

  transform: translateX(0);

}



.mobile-menu-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 16px 20px;

  border-bottom: 1px solid #e5e7eb;

}



.mobile-menu-back {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  background: none;

  border: none;

  cursor: pointer;

  padding: 0;

}



.mobile-menu-back svg {

  width: 15px;

  height: auto;

}

.mobile-menu-title {

  letter-spacing: 0.5px;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

}



.mobile-menu-title.mobile-menu-title-main {

  text-align: left;

  flex: 1;

}



.mobile-menu-title.mobile-menu-title-main ~ .mobile-menu-back,

.mobile-menu-header:has(.mobile-menu-title-main) .mobile-menu-back {

  display: none;

}



.mobile-menu-close {

  display: flex;

  align-items: center;

  justify-content: center;

  background: none;

  border: none;

  cursor: pointer;

}



.mobile-menu-content {

  flex: 1;

  display: flex;

  flex-direction: column;

  overflow-y: auto;

  padding: 0px 16px;

}



/* Navegação Mobile */

.mobile-nav {

  padding: 0;

  border: navajowhite;

  border-radius: 8px;

  margin: 0;

  gap: 32px;

  display: flex;

  flex-direction: column;

  margin-top: 24px;

  height: 100%;

}



.mobile-nav-item {

  border-bottom: 1px solid #e5e5e5;

}

.mobile-nav.mobile-nav-inner.mobile-nav-category .mobile-nav-item {

  border-bottom: none;

}

.mobile-nav.mobile-nav-inner.mobile-nav-category .mobile-nav-link {

  padding: 0;

}

.mobile-nav-link {

  display: flex;

  justify-content: space-between;

  align-items: center;

  text-decoration: none;

  padding: 8px 0;

  transition: background-color 0.2s ease;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  line-height: 24px;

}



/* Botão Voltar */

.mobile-nav-back {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 16px 20px;

  font-size: 16px;

  font-weight: 600;

  color: #1e2b5c;

  cursor: pointer;

  border-bottom: 1px solid #e5e7eb;

  background-color: #f9fafb;

}



.mobile-nav-back:hover {

  background-color: #f3f4f6;

}



/* Separador */

.mobile-nav-separator {

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

  margin-top: 24px;

  margin-bottom: 16px;

}

.mobile-nav-separator:nth-of-type(1) {

  margin-top: 0;

}

/* Fundo link */

.mobile-fundo-link {

  font-weight: 500;

}



.mobile-fundo-ticker {

  font-weight: 600;

  color: #1e2b5c;

  margin-right: 12px;

}



.mobile-fundo-nome {

  color: #6b7280;

}



/* Ações Mobile */

.mobile-menu-actions {

  display: flex;

  flex-direction: column;

  gap: 32px;

  padding: 32px 0;

}

.mobile-btn-outline {

  text-decoration: none;

  transition: all 0.2s ease;

  display: flex;

  height: 40px;

  padding: 12px 24px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  align-self: stretch;

  color: #2095ee;

  text-align: center;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  border-radius: 100px;

  border: 2px solid #2095ee;

}



.mobile-btn-outline:nth-of-type(2) {

  color: #061844;

  border-color: #061844 !important;

}



.mobile-btn-outline:hover {

  background-color: #f3f4f6;

}



/* Footer Mobile */

.mobile-menu-footer {

  margin-top: auto;

  border-top: 1px solid #e5e5e5;

  padding-top: 8px;

  padding-bottom: 24px;

}



.mobile-lang {

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 14px;

  color: #1e2b5c;

}



.mobile-lang svg {

  width: 24px;

  height: 24px;

  border: 1px solid red;

  border-radius: 50%;

  border: 1px solid #d9d9d9;

  background: #fff;

  padding: 1px;

}



/* =====================================================

   LANGUAGE SELECTOR DROPDOWN

   ===================================================== */

.lang-selector-wrapper {

  position: relative;

}



.btn-lang-toggle {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  width: 30px;

  height: 30px;

  border-radius: 17px;

  border: 2px solid #d9d9d9;

  background: #fff;

}



.lang-flag-icon {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  object-fit: cover;

}



.lang-dropdown {

  position: absolute;

  top: 55px;

  right: 0;

  min-width: 253px;

  border-radius: 0;

  opacity: 0;

  visibility: hidden;

  transform: translateY(-10px);

  transition: all 0.2s ease;

  z-index: 1000;

  overflow: hidden;

  border-bottom: 1px solid #cacaca;

  background: #fff;

  left: -100px;

}

.lang-dropdown.active {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.lang-dropdown-header {

  padding: 24px;

  padding-bottom: 24px;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

  padding-bottom: 12px;

}

#lang-dropdown {

  padding-bottom: 24px;

}

.lang-option:nth-of-type(1) {

  margin-bottom: 16px;

}

.lang-option {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 4px 24px;

  text-decoration: none;

  transition: background-color 0.2s ease;

  cursor: pointer;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}



.lang-option:hover {

  background-color: #f9fafb;

}



.lang-option.active {

  background-color: #f9fafb;

}



.lang-flag {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  object-fit: cover;

}



.lang-name {

  flex: 1;

  font-weight: 400;

}



.lang-check {

  opacity: 0;

  transition: opacity 0.2s ease;

}



.lang-option.active .lang-check {

  opacity: 1;

}



.separadorMenu {

  width: 1px;

  height: 78px;

  background: #dcdcdc;

}



/* Modal de Idioma Mobile */

.mobile-lang-modal {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #fff;

  z-index: 10001;

  display: flex;

  flex-direction: column;

}



.mobile-lang-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 16px 20px;

  border-bottom: 1px solid #e5e7eb;

}



.mobile-lang-back,

.mobile-lang-close {

  background: none;

  border: none;

  padding: 8px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

}



.mobile-lang-title {

  letter-spacing: 0.5px;

  color: #061844;

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

}

.mobile-lang-content {

  display: flex;

  flex-direction: column;

  padding: 16px 0;

  padding-top: 8px;

}



.mobile-lang-options {

  display: flex;

  flex-direction: column;

  gap: 0;

}

#mobile-lang-close {

  border: none;



  background: transparent;

}

.mobile-lang-option.active {

  background: #f8f7f5;

}

.mobile-lang-option {

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 8px 16px;

  cursor: pointer;

}

.mobile-lang-check {

  height: 24px;

}

.mobile-lang-option input[type="radio"] {

  display: none;

}



.mobile-lang-flag {

  display: flex;

  align-items: center;

  justify-content: center;

}



.mobile-lang-name {

  font-size: 16px;

  color: #1e2b5c;

  font-weight: 400;

}



.mobile-lang-check {

  opacity: 0;

  transition: opacity 0.2s ease;

  color: #1e2b5c;

}



.mobile-lang-option input[type="radio"]:checked ~ .mobile-lang-check {

  opacity: 1;

}



.mobile-lang-submit {

  background: transparent;

  cursor: pointer;

  transition: all 0.2s ease;

  display: flex;

  width: calc(100% - 32px);

  height: 40px;

  padding: 12px 24px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  border-radius: 100px;

  border: 2px solid #061844;

  margin: 0 auto;

  margin-top: 0px;

  margin-top: 96px;

  color: #061844;

  text-align: center;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}



.mobile-lang-submit:hover {

  background: #1e2b5c;

  color: #fff;

}



/* Mobile lang button style */

.mobile-lang {

  background: none;

  border: none;

  display: flex;

  align-items: center;

  gap: 8px;

  cursor: pointer;

  padding: 0;

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

/* Banner Mobile */

.mobile-banner {

  display: flex;

  flex-direction: row;

  border-radius: 0;

  background: #f8f7f5;

  margin-top: 72px;

  justify-content: space-between;

  padding: 24px 16px;

  box-sizing: border-box;

  margin-bottom: 48px;

}



.mobile-banner-content {

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 16px;

  max-width: 185px;

}



.mobile-banner-image {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  flex-shrink: 0;

  width: 136px;

  height: 136px;

}

.mobile-banner-title {

  color: #061844;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}



.mobile-banner-description {

  color: #686868;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}



.mobile-banner-button {

  text-decoration: none;

  border-radius: 100px;

  border: 2px solid #2095ee;

  width: fit-content;

  display: flex;

  height: 32px;

  padding: 12px 24px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  color: #2095ee;

  text-align: center;

  font-family: "Titillium Web";

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}



.mobile-banner-button:hover {

  background: #1e2b5c;

  color: #fff;

}



/* Link Saiba Mais Mobile */

.mobile-saiba-mais {

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-decoration: none;

  color: #2095ee;

  font-family: "Titillium Web";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

  margin-top: auto;

  margin-bottom: 48px;

  padding-bottom: 48px;

}

.mobile-saiba-mais svg {

  flex-shrink: 0;

}



.mobile-nav.mobile-nav-inner {

  gap: 0;

}

.mobile-nav.mobile-nav-inner .mobile-nav-item {

  margin-bottom: 24px;

}

@media (max-width: 1230px) {

  .lang-selector-wrapper {

    display: none;

  }

  .separadorMenu {

    display: none;

  }

  .header-social {

    display: none;

  }

  .header-top-bar .header-container {

    align-items: flex-start;

    padding: 0;

  }

  .header-logo img {

    width: 63px;

    height: 23px !important;

  }

  .btn-search {

    display: flex;

  }

}



.menu-column.menu-level-2.menu-level-2-simple {

  border: none;

}

.menu-column.menu-level-2.menu-level-2-simple .menu-link-all {

  display: none;

}



/* Busca */

.todoBusca.show {

  display: block !important;

  z-index: 100000;

}



.FaixarCar.nova .TodoAvisoTopo {

  height: auto;

}



.FaixarCar.nova .containerCaptacao {

  min-height: auto;

}



.FaixarCar.nova .containerCaptacao > p {

  position: relative;

  width: auto;

  line-height: 24px;

  display: flex;

  align-items: center;

  gap: 16px;

}



.FaixarCar.nova .closeFaixa {

  position: relative;

  right: 0;

  top: inherit;

  margin-top: 0;

  cursor: pointer;

}



/* =====================================================

   BLOQUEIO DE SCROLL QUANDO MENU MOBILE ESTÁ ABERTO

   ===================================================== */

html.mobile-menu-open,

html.mobile-menu-open body {

  overflow: hidden !important;

  height: 100%;

  position: fixed;

  width: 100%;

}



.header-novo.menu-institucional .menu-level-2 {

  border: none;

}



.header-novo.menu-institucional .menu-link-all {

  display: none;

}



.header-novo.menu-institucional .menu-level-3.active {

  min-width: 267px;

}



.header-novo.menu-institucional .fundos-grid {

  gap: 32px;

  flex-wrap: nowrap;

}



.header-novo.menu-institucional .fundos-column {

  max-width: none;

  min-width: 180px;

  flex: 0 0 auto;

 max-width: 190px;

}



.header-novo.menu-institucional .fundo-separador {

  white-space: nowrap;

}



.header-novo.menu-institucional .menu-level-4 {

  flex-direction: column;

  justify-content: space-between;

}



.header-novo.menu-institucional .menu-link-more {

  align-self: flex-end;

  margin-top: auto;

  padding-bottom: 0;

  padding-top: 0;

}


.header-novo.menu-institucional .menu-link-more {
  display: none !important;
}

.header-novo.menu-institucional .mobile-saiba-mais {
  display: none !important;
}