/* Base */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ─────────────────────────────────────────────
   Marca do MechTrack – mais destaque/contraste
   (Name no desktop / Logo no mobile)
───────────────────────────────────────────── */
.mech-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

/* “Pílula” por trás do logo para dar destaque */
.mech-brand-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:8px 12px;
  border-radius:14px;

  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);

  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  backdrop-filter: blur(6px);
}

.mech-brand img{ display:block; }

/* imagem com nome+logo (desktop) */
.mech-brand .mech-brand-name{
  height: 30px;
  width:auto;
  filter: saturate(1.12) contrast(1.08);
}

/* logo sozinho (mobile) */
.mech-brand .mech-brand-logo{
  height: 34px;
  width:auto;
  display:none;
  filter: saturate(1.12) contrast(1.08);
}

/* Mobile: esconde o name e mostra só o logo, com pílula menor */
@media (max-width: 576px){
  .mech-brand .mech-brand-name{ display:none; }
  .mech-brand .mech-brand-logo{ display:block; height:34px; }

  .mech-brand-badge{
    padding:7px 10px;
    border-radius:14px;
  }
}

/* Hover sutil */
.mech-brand-badge:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
}
.mech-brand-badge{ transition: .15s ease; }

/* ─────────────────────────────────────────────
   Botão Instrumentos (navbar)
───────────────────────────────────────────── */
.btn-instrumentos{
  background:#ffc107 !important;
  border:none !important;
  color:#1a1a1a !important;
  font-weight:800;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.btn-instrumentos:hover{ filter:brightness(.96); }

/* Dropdown */
.dropdown-menu{ border-radius: 12px; }

/* Cards */
.card{ border-radius:14px; }