/* Emprendamos Junt@s — estilos base (estructura tipo Simplex, marca roja) */
:root {
  --brand:      #E2231A;  /* rojo logo / Coca-Cola */
  --brand-500:  #E2231A;
  --brand-600:  #C81E16;
  --brand-700:  #B71C16;
  --brand-800:  #8F1610;
  --gray-50:    #f8fafc;
  --gray-900:   #0f172a;
}

html, body { font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.font-display { font-family: 'Ubuntu', 'Open Sans', sans-serif; letter-spacing: -.01em; }

/* ── Navegación lateral (sidebar) ── */
.nav-group { width: 100%; display: flex; align-items: center; justify-content: space-between;
  padding: .5rem .65rem; border-radius: .6rem; color: #334155; }
.nav-group:hover { background: #f6f8fb; color: #1e293b; }
.nav-group-label { font-size: .82rem; font-weight: 600; letter-spacing: .01em; }
.nav-dot { width: 5px; height: 5px; border-radius: 9999px; background: #cbd5e1; }
.nav-item { display: block; padding: .4rem .75rem; border-radius: .55rem; font-size: .82rem; color: #475569; }
.nav-item:hover { background: #f6f8fb; color: #0f172a; }
.nav-item-active { background: var(--brand); color: #fff !important; font-weight: 600; box-shadow: 0 1px 2px rgba(226,35,26,.30); }
.nav-item-active:hover { background: var(--brand-700); color: #fff !important; }
.nav-section { font-size: .68rem; font-weight: 700; letter-spacing: .08em; color: #94a3b8; text-transform: uppercase; }

/* ── Tarjetas / KPI ── */
.card { background: #fff; border: 1px solid #eef2f7; border-radius: .85rem; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.kpi-value { font-family: 'Ubuntu','Open Sans',sans-serif; font-weight: 700; font-size: 1.9rem; line-height: 1; color: #1e293b; }
.kpi-label { font-size: .75rem; color: #64748b; }

/* ── Toast ── */
.toast {
  position: fixed; top: 1rem; right: 1rem; z-index: 9999;
  padding: .75rem 1rem; border-radius: .5rem; color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  font-size: .875rem;
  opacity: 0; transform: translateY(-10px);
  transition: opacity .2s, transform .2s;
}
.toast.show    { opacity: 1; transform: translateY(0); }
.toast.success { background: #10b981; }
.toast.error   { background: #ef4444; }
.toast.info    { background: var(--brand-600); }