.header-navigation {
  height: 105px;
  max-height: 105px;
  display: flex;
  align-items: center;

}

                /*==== logo =====*/ 
                .navbar-brand img {
                 max-height: 50px;
                 height: auto;
                 width: auto;
                 min-height: 60px; 
                } 
                /*==== logo =====*/

                /* === NAVBAR === */
                .navbar-nav .nav-item.dropdown {
                  height: 105px;
                  display: flex;
                  align-items: center;
                }

                .navbar-nav .nav-link {
                  font-family: 'Roboto Slab', serif;
                  font-size: 13px;
                  font-weight: 400;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 30px;
                  position: relative;
                  color: #273034;
                }

                /* Ícone de seta para dropdown */
                .navbar-nav .dropdown-toggle::after {
                  content: "\f107"; /* Font Awesome down arrow */
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  margin-left: 6px; /* espaço entre texto e seta */
                  position: static; /* remove posicionamento absoluto */
                  transform: none;  /* remove deslocamento vertical */
                  border-top: none;
                  display: inline-block;
                  vertical-align: middle;
                }

                  /* === DROPDOWN MENU === */
 .navbar-nav .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 180px;
  padding: 0.75rem 1rem;
  margin: -20px 0 0 0;
  font-size: 14px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  background-color: #fff;
  border-top: 2px solid rgba(105,0,0,1);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  border-top: 2px solid red;
}

.dropdown-menu {
  display: block !important;
}

                  /* ==== end animation DROPDOWN MENU ======*/


                /* Estilo dos itens do submenu */
                .navbar-nav .dropdown-item {
                  padding: 0.5rem 1rem;
                  color: #333;
                  text-decoration: none;
                  transition: background-color 0.3s ease;
                }

                .navbar-nav .dropdown-item:hover {
                  background-color: #f8f9fa;
                }