@media (max-width: 768px) {
  .header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding-inline: 2rem;
  }
  
  .logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
  }

  img.logo{
    width: 5rem;
  }

  .logo-area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -.3rem;
  }
      
  .logo-container h1 {
    font-size: 2.22rem;
  }



  .header-area {
    margin-right: 0rem;
  }

  .badge-notify {
    color: white;
    font-size: .83rem;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(255, 71, 87, 0);
}

  .user-trigger {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .user-dropdown.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .user-dropdown.open .fa-chevron-down {
    transform: rotate(0deg);
  }
}

/* Responsividade */
@media (min-width: 1440px) {
  
.user-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.user-dropdown:hover .fa-chevron-down {
  transform: rotate(0deg);
}

}