.demo-aviso {
  position: fixed; right: 16px; bottom: 16px; z-index: 250; display: flex; align-items: center; gap: 10px;
  max-width: calc(100vw - 32px); padding: 9px 16px; border-radius: 999px;
  background: var(--negro); color: #f4f4f5; font-size: 12.5px; box-shadow: var(--sombra-alta);
}
.demo-aviso b { color: var(--dorado-claro); }
@media (max-width: 560px) { .demo-aviso { right: 8px; left: 8px; bottom: 8px; border-radius: 12px; } }
@media print { .demo-aviso { display: none; } }
/* Espacio al final de cada pantalla para que el aviso no tape los últimos botones. */
.vista { padding-bottom: 84px; }