/* ───────────────────────────────────────────────────────────────────────────
   Aviso permanente y no invasivo del periodo de prueba (modo demo).

   Solo maquetacion y posicionamiento: el color proviene de las clases Bootstrap
   (bg-warning / text-dark) aplicadas en el parcial, segun el design system
   (docs/design-system.md) — cero hex hardcodeado aqui.

   A diferencia de la franja de ambiente, NO es una barra fija: vive en el flujo
   del contenido, al inicio del area de trabajo, para no tapar nada ni resultar
   intrusiva. La visibilidad se decide en backend (\Helper::demoBannerData()).
   ─────────────────────────────────────────────────────────────────────────── */

.demo-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.45rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.01rem;
  line-height: 1.2;
}

.demo-banner .demo-banner__text {
  overflow: hidden;
  text-overflow: ellipsis;
}