:root {
  --primary: #0072bc;
  --secondary: #00a0df;
}
body { min-height: 100vh; }
.card-thumb { width: 100%; height: 180px; object-fit: cover; background:#f5f5f5; }
.badge-sector { background: var(--secondary); }
.badge-lang { background:#004f91; }
#offlineBanner { position: fixed; bottom: 12px; left: 0; right: 0; }
.logo-white {
  height: 36px;
  filter: brightness(0) invert(1);
}
.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
body.with-fixed-nav {
  padding-top: 70px;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background: var(--primary);
  color: #fff;
}