/*  Colores corporativos */
:root {
  --etq-primary: #0A58CA;
  --etq-dark: #1F2937;
  --etq-light: #F8F9FA;
  --bs-primary: var(--etq-primary);   /* Reutiliza la variable de Bootstrap */
}

/*  Tipografía global */
body {
  background: var(--etq-light);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/*  Sidebar fija y ultrapulcra  */
.sidebar{
  width:260px;min-height:100vh;position:fixed;left:0;top:0;
  background:var(--etq-dark);color:#fff;
  box-shadow:0 0 2rem rgba(0,0,0,.05);
}
.sidebar .nav-link{
  color:#d1d5db;font-size:.95rem;padding:.75rem 1.25rem;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active{
  background:rgba(255,255,255,.05);
  color:#fff;
}

/*  Topbar fino */
.topbar{
  height:64px;margin-left:260px;
  background:#fff;border-bottom:1px solid #e5e7eb;
  display:flex;align-items:center;padding:0 1.5rem;
}

/*  Área principal */
.main{
  margin-left:260px;padding:2rem;
}

/*  Tarjeta del formulario */
.card-form{
  max-width:720px;margin:auto;border:0;
  box-shadow:0 0 2rem rgba(0,0,0,.05);
}

/*  Botón corporativo */
.btn-primary{
  background:var(--etq-primary);
  border-color:var(--etq-primary);
}