#navbar-main {
  /*background-color: var(--c-blue);*/
  background-color: rgb(255, 255, 255);
  padding-bottom: 1rem;
  z-index: 1054;
  position: relative;
}

#navbar-main .overlay {
  position: absolute;
  opacity: .8;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    /*linear-gradient(to bottom, rgba(5, 113, 238, 1), rgba(22, 115, 207, .7)), /* Gradient from top to transparent */
    /*linear-gradient(to bottom, rgb(247, 249, 255), rgba(233, 233, 233, 0.8)), /* Gradient from top to transparent */
    linear-gradient(to bottom, rgb(255, 255, 255), rgba(233, 233, 233)), /* Gradient from top to transparent */
    url('../img/icons-blue.png');
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: auto 64px;
}

#navbar-main .navbar-main-content {
  z-index: 2;
}

#navbar-main .navbar-brand img {
  max-height: 78px;
}

#navbar-main .navbar-toggler {
  /*border-color: #FFF;*/
  border-color: #0571EE;
  padding: .5rem .75rem;
}

#navbar-main .nav-icon {
  color: #0571EE;
}

#navbar-main .navbar-nav {
  display: flex;
  flex-grow: 1;
}

#navbar-main .navbar-nav .nav-item {
  padding: .5rem 0;
  position: relative;
}

#navbar-main .navbar-nav .nav-item .nav-link.nav-link-external::after {
  position: absolute;
  top: 5px;
  font-size: 60%;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  padding: .25rem;
  color: var(--c-dark-gray);
  -webkit-font-smoothing: antialiased;
  opacity: 1;
  content: "\f08e";
}

#navbar-main .navbar-nav .nav-item .nav-link {
  font-weight: 600;
}

#navbar-main .navbar-nav .nav-item .nav-link:hover {
  color: var(--c-blue);
}

#navbar-main .btn-nav {
  color: #FFF;
  border-color:  var(--c-light-blue);
  background-color: var(--c-light-blue);
  padding: .5rem 1rem;
}

#navbar-main .btn-nav:hover {
  color: #FFF;
  border-color: var(--c-dark-blue);
  background-color: var(--c-dark-blue);
}

#navbar-main .btn-nav .btn-quick {
  color: #FFF;
  border-color:  var(--c-dark-gray);
  background-color: var(--c-dark-gray);
}

#navbar-main .megamenu .megamenu-col .col-title {
  color: var(--c-dark-blue);
  font-weight: bold;
}

#navbar-main .megamenu .megamenu-col .col-icon {
  color: var(--c-dark-gray);
  padding-right: .25rem;
}

#navbar-main .megamenu .megamenu-col .col-list-item .badge {
  padding: .25rem .5rem;
  font-size: .8rem;
}

#navbar-main .menu-col-container a.menu-col-header {
  text-decoration: none;
  padding: .5rem 1.25rem;
  display: flex;
  align-items: center;
}

#navbar-main .menu-col-container
a.menu-col-header .menu-col-header-text {
  display: flex;
  flex-direction: column;
}

#navbar-main .menu-col-container a.menu-col-header
.menu-col-header-text .title {
  color: var(--c-dark-blue);
}

#navbar-main .menu-col-container a.menu-col-header
.menu-col-header-text .title::after {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: .9rem;
  padding: .25rem;
  color: var(--c-base-gray);
  -webkit-font-smoothing: antialiased;
  content: "\f061";
}

#navbar-main .menu-col-container a.menu-col-header
.menu-col-header-text .subtitle {
  font-size: .95rem;
  opacity: .85;
  font-weight: normal;
}

#navbar-main .menu-col-container a.menu-col-header:hover
.menu-col-header-text .title {
  font-weight: bold;
}

#navbar-main .menu-col-container a.menu-col-header:hover
.menu-col-header-text .subtitle {
  opacity: 1;
  color: var(--c-base-gray);
  font-weight: 500;
}

#navbar-main .menu-col-container a.menu-col-header:hover
.menu-col-header-image .icon-circle {
  background-color: var(--c-dark-blue);
}

#navbar-main .menu-col-container .menu-col-body
ul.menu-col-list li {
  background-color: #f4f4f4;
  padding: .25rem 5rem;
  margin: .75rem 0;
  border-radius: .25rem;
}

#navbar-main .menu-col-container .menu-col-body
ul.menu-col-list li::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: .9rem;
  padding: .25rem;
  color: var(--c-light-blue);
  -webkit-font-smoothing: antialiased;
  content: "\f005";
}

#navbar-main .menu-col-container .menu-col-body
ul.menu-col-list li:hover {
  background-color: #eee;
  color: var(--c-dark-blue);
}

#navbar-main .menu-col-container .menu-col-body
ul.menu-col-list li:hover::before {
  color: var(--c-blue);
}

#navbar-main .menu-services-pills > .nav-link {
  position: relative;
  display: flex;
  align-items: center;
}

#navbar-main .menu-services-pills > .nav-link:hover {
  color: var(--c-dark-blue) !important;
}

#navbar-main .menu-services-pills > .nav-link.nav-link-external::after {
  color: var(--c-dark-gray) !important;
  position: unset !important;
  padding: 0 .5rem !important;
}

#navbar-main .menu-services-pills > .nav-link .icon {
  padding-right: .5rem;
  color: var(--c-dark-gray);
}

#navbar-main .menu-services-accordion > .accordion-item {
  border: none;
}

#navbar-main .menu-services-accordion .accordion-button {
  font-weight: 600;
  color: #444;
}

#navbar-main .menu-services-accordion .accordion-button:focus {
  box-shadow: none;
}

#navbar-main .menu-services-accordion .accordion-button:hover {
  color: var(--c-dark-blue);
}

#navbar-main .menu-services-accordion a.accordion-button {
  background-color: transparent;
  box-shadow: none;
  text-decoration: none;
  color: #444;
}

#navbar-main .menu-services-accordion a.accordion-button::after {
  background: none;
  font-size: .85rem;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: var(--c-dark-gray);
  -webkit-font-smoothing: antialiased;
  content: "\f08e";
  transform: none;
}

#topbar .logo-topbar {
  padding: 5px;
  width: 26px;
  height: 35px;
}

@media (min-width: 768px) {
  #navbar-main .navbar-brand img {
    max-height: 100px;
  }
}

@media (min-width: 1400px) {
  #navbar-main {
    border-bottom: 2px solid #15c40f;
  }

  #navbar-main .navbar-nav {
    flex-grow: 0;
  }

  #navbar-main .navbar-nav .nav-item .nav-link {
    border-bottom: 2px solid transparent;
    color: #0571EE;
  }

  #navbar-main .navbar-nav .nav-item .nav-link:hover {
    color: #0038A7;
  }

  #navbar-main .menu-services-pills > .nav-link {
    color: var(--c-blue) !important;
    padding: .75rem 1rem;
  }

  #navbar-main .menu-services-pills > .nav-link.active {
    color: #FFF !important;
  }

  #navbar-main .menu-services-pills > .nav-link.active .icon {
    color: #FFF !important;
  }

  #navbar-main .navbar-nav .nav-item .nav-link.nav-link-external::after {
    top: 2px;
    color: #FFF;
    right: 0;
    opacity: .85;
  }

    #offcanvasNavbar .navbar-btn {
    color: #0571EE !important;
    border-color: #0571EE !important;
  }

  #offcanvasNavbar .navbar-btn:hover {
    background-color: #009CE0;
    color: #FFF !important;
    border-color: #FFF !important;
  }
}

/* ============================= */
/* 1) ESCOPAR CORES SÓ NO OFFCANVAS EM MOBILE */
/* ============================= */
@media (max-width: 1399px) {
  /* 1.1) Links de navegação dentro do offcanvas */
  #offcanvasNavbar .nav-link {
    color: #000000A7 !important;
  }
  #offcanvasNavbar .nav-link:hover,
  #offcanvasNavbar .nav-link:focus {
    color: #333 !important;
  }

  /* 1.2) Botões que usam a classe nav-link.btn também entram aqui */
  #offcanvasNavbar .nav-link.btn {
    color: #000000A7 !important;
  }
  #offcanvasNavbar .nav-link.btn:hover {
    color: #333 !important;
  }

  #offcanvasNavbar .navbar-btn {
    color: #000000A7 !important;
    border-color: #000000A7 !important;
  }
  #offcanvasNavbar .navbar-btn:hover {
    background-color: #009CE0;
    color: #FFF !important;
    border-color: #FFF !important;
  }
}