/* Ajustes de comunicacion y navegacion movil - 2026-07-23 */
.bottom-nav,
.app-bottom-nav,
.mobile-bottom-nav,
.mobile-nav,
#bottom-nav {
  border-color: #2b2e33 !important;
  background: #17191c !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
}

.bottom-nav a,
.bottom-nav button,
.app-bottom-nav a,
.app-bottom-nav button,
.mobile-bottom-nav a,
.mobile-bottom-nav button,
.mobile-nav a,
.mobile-nav button,
#bottom-nav a,
#bottom-nav button {
  color: #c9cdd3 !important;
}

.bottom-nav a i,
.bottom-nav button i,
.app-bottom-nav a i,
.app-bottom-nav button i,
.mobile-bottom-nav a i,
.mobile-bottom-nav button i,
.mobile-nav a i,
.mobile-nav button i,
#bottom-nav a i,
#bottom-nav button i {
  color: #f4f5f7 !important;
}

.bottom-nav .active,
.app-bottom-nav .active,
.mobile-bottom-nav .active,
.mobile-nav .active,
#bottom-nav .active {
  color: #fff !important;
  background: #ff6500 !important;
  box-shadow: 0 8px 18px rgba(255, 101, 0, .25) !important;
}

.bottom-nav .active i,
.app-bottom-nav .active i,
.mobile-bottom-nav .active i,
.mobile-nav .active i,
#bottom-nav .active i {
  color: #fff !important;
}

@media (max-width: 720px) {
  .login-hero h1 {
    max-width: 13ch;
    font-size: clamp(32px, 10vw, 46px);
    line-height: .98;
  }

  .login-hero p {
    max-width: 30ch;
    line-height: 1.45;
  }
}