:root {
  --busmen-azul: #004CC8;
  --busmen-azul-oscuro: #00348c;
  --busmen-naranja: #FF5700;
  --busmen-gris-texto: #2b2b2b;
}

/* --- Navbar con branding Busmen --- */
.navbar-busmen {
  background-color: var(--busmen-azul) !important;
  border-bottom: 4px solid var(--busmen-naranja);
}

.navbar-busmen .navbar-brand img {
  height: 38px;
  width: auto;
}

.navbar-busmen .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-busmen .nav-link:hover {
  color: #ffffff !important;
}

.navbar-busmen .nav-link.active,
.navbar-busmen .nav-link:hover {
  border-bottom: 2px solid var(--busmen-naranja);
}

/* --- Botones con color de marca --- */
.btn-busmen {
  background-color: var(--busmen-azul);
  border-color: var(--busmen-azul);
  color: #fff;
}
.btn-busmen:hover,
.btn-busmen:focus {
  background-color: var(--busmen-azul-oscuro);
  border-color: var(--busmen-azul-oscuro);
  color: #fff;
}

.btn-busmen-outline {
  background-color: transparent;
  border: 1px solid var(--busmen-azul);
  color: var(--busmen-azul);
}
.btn-busmen-outline:hover {
  background-color: var(--busmen-azul);
  color: #fff;
}
.btn-check:checked + .btn-busmen-outline {
  background-color: var(--busmen-azul);
  border-color: var(--busmen-azul);
  color: #fff;
}

.bg-busmen {
  background-color: var(--busmen-azul) !important;
}

/* --- Acentos --- */
.accent-naranja {
  color: var(--busmen-naranja);
}

.card-login {
  border-top: 4px solid var(--busmen-naranja);
}

.logo-login {
  max-width: 260px;
  width: 100%;
  height: auto;
}