/* ============================================================
   Identificacion visual del ambiente.
   produccion = azul (sin cambios) | capacitacion = naranja | local = verde
   La clase env-<ambiente> se pone en <body> desde index.php.
   ============================================================ */

/* ---- Barra superior del sistema ---- */
body.env-capacitacion .navbar.navbar-fixed-top { background: #EF6C00 !important; }
body.env-local        .navbar.navbar-fixed-top { background: #2E7D32 !important; }

/* ---- Login: franja arriba + banda abajo con el nombre del ambiente ---- */
body.env-capacitacion.en-login::before,
body.env-local.en-login::before {
	content: "";
	position: fixed; top: 0; left: 0; right: 0;
	height: 10px; z-index: 9999;
}
body.env-capacitacion.en-login::after,
body.env-local.en-login::after {
	position: fixed; left: 0; right: 0; bottom: 0;
	height: 36px; line-height: 36px; z-index: 9999;
	text-align: center; color: #fff;
	font: bold 16px/36px Arial, sans-serif; letter-spacing: 4px;
}
body.env-capacitacion.en-login::before { background: #EF6C00; }
body.env-capacitacion.en-login::after  { background: #EF6C00; content: "AMBIENTE DE CAPACITACI\00d3N"; }
body.env-local.en-login::before        { background: #2E7D32; }
body.env-local.en-login::after         { background: #2E7D32; content: "AMBIENTE LOCAL"; }

/* Deja lugar para que la banda inferior no tape el pie del login */
body.env-capacitacion.en-login,
body.env-local.en-login { padding-bottom: 40px; }