/* Bar de Playa — UI del panel */

.bar-login-body {
  min-height: 100vh;
  background: linear-gradient(165deg, #0b3d4a 0%, #146b73 45%, #e9b44c 160%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.bar-login-card {
  width: 100%;
  max-width: 400px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.bar-app {
  background: #f4f1ea;
  min-height: 100vh;
}

.bar-nav {
  background: #0b3d4a;
}

.bar-nav .navbar-brand,
.bar-nav .nav-link,
.bar-nav .navbar-text {
  color: #f8f4ea !important;
}

.bar-nav .nav-link.active {
  font-weight: 700;
  color: #e9b44c !important;
}

.bar-nav .navbar-toggler-icon {
  filter: invert(1);
}

.bar-card-soon {
  opacity: 0.72;
}

.bar-card-soon .btn {
  pointer-events: none;
}