/* Aviso permanente del ambiente de pruebas (element/aviso_qa.php).
   Lo cargan también los logins, que no traen los tokens del sistema: por eso
   los colores se definen aquí. Debajo de los modales (.m-overlay = 900). */
.aviso-qa {
  --aviso-qa-fondo: #ea580c;
  --aviso-qa-texto: #ffffff;
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 800;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px;
  min-height: 28px; padding: 5px 16px;
  background: var(--aviso-qa-fondo); color: var(--aviso-qa-texto);
  font: 600 12.5px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: center; pointer-events: none;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, .18);
}
.aviso-qa strong { letter-spacing: .08em; }
.aviso-qa-sep { opacity: .8; }
html.con-aviso-qa body { padding-bottom: 34px; }
@media (max-width: 768px) {
  .aviso-qa-sep { display: none; }
  html.con-aviso-qa body { padding-bottom: 48px; }
}