.app-navbar{
  background:#f4f4f4;
  height:64px;
}

.navbar-bottom-line{
  height:4px;
  background:#000;
}

.app-title{
  font-weight:600;
  font-size:1.1rem;
  color:#2b2b2b;
}

.logo-mark{
  width:28px;
  height:20px;
  background:linear-gradient(90deg,#0057b8 50%,#1d8df0 50%);
  clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);
}

.header-link, .header-link:hover {color: #6c757d;}

.badgeUser .header-link,
.badgeUser .header-link:visited,
.badgeUser .header-link:hover,
.badgeUser .header-link:focus,
.badgeUser .header-link:active,
.badgeUser .header-link.show {
    color: #fff ;
    text-decoration: none;
}

.header-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#0d47a1;
  display:inline-block;
}

/* Botón minimal */
.hamburger-btn{
    border: none;
    background: transparent;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contenedor */
.hamburger{
    width: 18px;
    height: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Las 3 líneas EXACTAMENTE iguales */
.hamburger span{
    display: block;
    height: 2px;
    width: 100%;
    background: #000;
}

.globo-lang {height:20px}

.badgeUser {
  background-color: #1b2124;
  border-radius: 100px;
  height: 40px;
  padding: 0 16px;           /* mejor quitar padding vertical */
  display: flex;
  align-items: center;       /* centra el contenido */
}

.insignia {
  width: 32px;
  border-radius: 100px;
  background-color: #3f51b5;
  color: white;
  height: 32px;
  padding: 5px 7px 7px 13px;
  font-size: 15px;
  margin-left: -11px;       }
  
  .header-lonk {
  color: #FFFFFF;
  }
  
  .person-hd {height: 16px}