/* Xpotlite — sobreescribe el azul por defecto de AdminLTE con la marca */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
  --xpotlite-accent: #074B87;
  --xpotlite-accent-suave: #E8F1F8;
}

body, .wrapper {
  font-family: 'Poppins', -apple-system, sans-serif;
}

.brand-link {
  background-color: var(--xpotlite-accent) !important;
  border-bottom: none !important;
}
.brand-link .brand-text {
  font-weight: 700;
}

.main-sidebar {
  background-color: #16324F !important; /* navy más oscuro para la barra lateral */
}
.nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
  background-color: var(--xpotlite-accent) !important;
  color: #fff !important;
}

.btn-primary {
  background-color: var(--xpotlite-accent) !important;
  border-color: var(--xpotlite-accent) !important;
}
.btn-outline-primary {
  color: var(--xpotlite-accent) !important;
  border-color: var(--xpotlite-accent) !important;
}
.btn-outline-primary:hover {
  background-color: var(--xpotlite-accent) !important;
  color: #fff !important;
}

.text-primary { color: var(--xpotlite-accent) !important; }
.bg-primary { background-color: var(--xpotlite-accent) !important; }
a { color: var(--xpotlite-accent); }
a:hover { color: #053a68; }

.small-box.bg-xpotlite {
  background-color: var(--xpotlite-accent) !important;
  color: #fff;
}
.card-primary.card-outline {
  border-top: 3px solid var(--xpotlite-accent);
}

.badge-premium {
  background-color: #F59E0B;
  color: #fff;
}

.login-page, .register-page {
  background-color: var(--xpotlite-accent-suave);
}
.login-box .card, .register-box .card {
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(7, 75, 135, 0.15);
}
.login-logo b {
  color: var(--xpotlite-accent);
}