.noti-counter {
    background-color: #ff0000 !important;
}

.nav-bar {
    background-color: #000000 !important;
  }

/* ================================
   LOGO RESPONSIVO (DESKTOP + MOBILE)
   ================================ */

/* Container do logo */
.nav-bar .logo,
.nav-bar .logo a {
    display: flex;
    align-items: center;
}

/* Imagem do logo */
.nav-bar .logo img {
    height: auto !important;      /* nunca force altura */
    width: auto !important;       /* nunca force largura */
    max-height: 63px;
    max-width: 100%;
    object-fit: contain;          /* mantém proporção */
}




/* Ajuste específico para mobile */
@media (max-width: 768px) {
    .nav-bar .logo img {
        max-height: 32px;         /* menor no mobile */
    }
}

/* ================================
   CENTRALIZAR LOGO NO MOBILE
   ================================ */
@media (max-width: 768px) {
    .nav-bar .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-bar .logo {
        margin: 0 auto;
    }
}