/*=============================================
AVISO "SIN CONEXIÓN A INTERNET"

Franja fija arriba de toda la pantalla (landing, login y sistema), oculta por
defecto: vistas/js/conexion.js la muestra/oculta con navigator.onLine y los
eventos online/offline del navegador.

Usa position:fixed a propósito, a diferencia de la barra del modo incógnito
(vistas/css/incognito.css), que dejó de usarlo porque competía por espacio de
forma PERMANENTE con el pie dentro de un body "vh-100 overflow-hidden". Este
aviso es distinto: solo aparece en el rato real sin conexión (raro y
temporal), no como fila fija del layout, así que no vale la pena reservarle
su propio lugar en el flujo — se acepta tapar un momento la punta superior
del cabezote mientras está activo.
=============================================*/

#avisoSinConexion {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  display: none;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #dc2626;
}

#avisoSinConexion.aviso-visible {
  display: flex;
}

#avisoSinConexion.aviso-reconectado {
  background: #16a34a;
}