:root {
  --ambito-navy: #141826;
  --ambito-navy-light: #1E2438;
  --ambito-gold: #D4A550;
  --ambito-gold-light: #E8C482;
  --ambito-cream: #F0ECE4;
}

html, body { overflow-x: hidden; }
body { background-color: #f4f5f7; }

/* Evita que tablas u otros elementos empujen la página más allá del viewport */
table { max-width: 100%; }
img { max-width: 100%; }
.container-xxl { padding-left: 1.5rem; padding-right: 1.5rem; }

/* Navbar y elementos oscuros con el navy de marca en vez del bg-dark de Bootstrap */
.navbar.bg-dark { background-color: var(--ambito-navy) !important; }
.btn-dark { background-color: var(--ambito-navy); border-color: var(--ambito-navy); }
.btn-dark:hover, .btn-dark:focus { background-color: var(--ambito-gold); border-color: var(--ambito-gold); color: var(--ambito-navy); }
.navbar .nav-link.active { color: var(--ambito-gold) !important; font-weight: 600; }
.navbar-brand img { height: 34px; }
@media (min-width: 992px) {
  .navbar-collapse { flex-wrap: wrap; row-gap: .25rem; }
  .navbar-nav { flex-wrap: wrap; }
  .navbar-nav .nav-link { white-space: nowrap; }
}

.card-kpi { border: none; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.card-kpi .kpi-value { font-size: 1.8rem; font-weight: 700; color: var(--ambito-navy); }
.card-kpi .kpi-label { font-size: 0.85rem; color: #6c757d; text-transform: uppercase; letter-spacing: .03em; }
.table-responsive { background: #fff; border-radius: 12px; padding: 1rem; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }

.login-wrapper { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at top, var(--ambito-navy-light), var(--ambito-navy) 70%); padding: 1rem; }
.login-card { width: 380px; border-radius: 16px; background: #ffffff; }
.login-logo { width: 84px; }

.utilidad-positiva { color: #198754; font-weight: 700; }
.utilidad-negativa { color: #dc3545; font-weight: 700; }

.badge.bg-info.text-dark { background-color: var(--ambito-gold-light) !important; color: var(--ambito-navy) !important; }
.badge.bg-primary { background-color: var(--ambito-navy) !important; }

/* Pantalla de Empresas (superadmin) */
.navbar .badge.bg-warning { background-color: var(--ambito-gold) !important; color: var(--ambito-navy) !important; }