/* ══════════════════════════════════════════
   GreenByte Dashboard — Estilos globales
   ══════════════════════════════════════════ */

/* ── Navbar ─────────────────────────────── */
.navbar {
  background: linear-gradient(90deg, #1a6b3c 0%, #1a5276 100%) !important;
}
.navbar-brand, .navbar-title, .navbar .nav-link {
  color: white !important;
}

/* Ocultar botón "Inicio" del nav */
.navbar-nav .nav-item:first-child { display: none; }

/* Centrar navegación — quitar me-auto y centrar en collapse */
.navbar-nav {
  margin-left: auto !important;
  margin-right: auto !important;
}

.navbar-nav .nav-link {
  font-size: 0.85rem;
  letter-spacing: 0.3px;
}

/* ── Base ───────────────────────────────── */
body { background-color: #f8f9fa; }

/* ── Cards ──────────────────────────────── */
.card { border-top: 3px solid #27AE60; }

/* ── Tipografía ─────────────────────────── */
h1, h2 { color: #1a5276; }
h3      { color: #1a6b3c; }
strong  { color: #1a6b3c; }

/* ── Z-Scores ───────────────────────────── */
.z-score-container {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: .75rem;
}
.z-box   { text-align: center; }
.z-value { font-size: 2rem; font-weight: 700; line-height: 1; }
.z-label { font-size: 11px; color: #666; text-transform: uppercase; }
.text-red    { color: #c0392b; }
.text-green  { color: #27ae60; }
.text-orange { color: #e67e22; }

/* ── Hero card wrapper ──────────────────── */
.quarto-dashboard .dashboard-page .card.gb-hero-card {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quarto-dashboard .dashboard-page .card.gb-hero-card .card-body {
  padding: 0 !important;
}

/* ── Hero Globe ─────────────────────────── */
.gb-hero {
  background: #060e1c;
  border-radius: 14px;
  padding: 2.5rem 3rem;
  display: flex;
  align-items: center;
  gap: 3rem;
  min-height: 360px;
  position: relative;
  overflow: hidden;
}
.gb-stars { position: absolute; inset: 0; pointer-events: none; }
.gb-earth-wrap { position: relative; flex-shrink: 0; }
.gb-globe {
  width: 210px; height: 210px;
  border-radius: 50%; overflow: hidden;
  background: #0b3d6e;
  border: 1.5px solid #1a5c96;
  position: relative;
}
.gb-ring  { position: absolute; inset: -8px;  border-radius: 50%; border: 0.5px solid #132d48; pointer-events: none; }
.gb-ring2 { position: absolute; inset: -16px; border-radius: 50%; border: 0.5px solid #0d1f30; pointer-events: none; }
.gb-land {
  position: absolute; top: 0; left: 0;
  width: 420px; height: 210px;
  animation: gbspin 32s linear infinite;
}
@keyframes gbspin {
  from { transform: translateX(0);      }
  to   { transform: translateX(-210px); }
}
.gb-text { flex: 1; position: relative; z-index: 1; }
.gb-eyebrow {
  font-family: 'Courier New', Consolas, monospace;
  font-size: 11px; color: #3dd68c;
  letter-spacing: 2.5px; margin: 0 0 .65rem; font-weight: 400;
}
.gb-title {
  font-family: 'Courier New', Consolas, monospace;
  font-size: 54px; font-weight: 500;
  color: #daeeff; margin: 0 0 .35rem;
  line-height: 1; letter-spacing: -1px;
}
.gb-accent { color: #3dd68c; }
.gb-sub {
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 15px; color: #5e8fb0;
  margin: 0 0 1.75rem; line-height: 1.65; font-weight: 400;
}
.gb-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 1.5rem; }
.gb-pill {
  border-radius: 20px; font-size: 12px; font-weight: 500;
  padding: 5px 14px;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.gb-p-green  { background: #071f14; color: #3dd68c; border: 0.5px solid #175236; }
.gb-p-blue   { background: #060f22; color: #5ba8e8; border: 0.5px solid #133060; }
.gb-p-amber  { background: #1c1000; color: #f0a030; border: 0.5px solid #4a2c00; }
.gb-footer {
  font-size: 12px; color: #233a50;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight: 400; margin: 0;
}
@media (max-width: 640px) {
  .gb-hero { flex-direction: column; padding: 2rem 1.5rem; gap: 2rem; text-align: center; }
  .gb-title { font-size: 38px; }
  .gb-pills { justify-content: center; }
}