/* Aviso de vista previa, discreto, abajo a la izquierda. */
.demo-aviso {
  position: fixed; z-index: 50; left: 14px; bottom: 14px; max-width: calc(100% - 110px);
  margin: 0; padding: 7px 14px; border: 1px solid rgb(244 230 233 / 0.16); border-radius: 999px;
  background: rgb(15 11 12 / 0.86); backdrop-filter: blur(8px);
  color: #e9b9c7; font: 500 10.5px/1.35 var(--f-jost, system-ui), system-ui, sans-serif; letter-spacing: 0.12em; text-transform: uppercase;
}
.demo-aviso.brilla { animation: demo-brilla 0.7s ease; }
@keyframes demo-brilla { 30% { background: #e9b9c7; color: #1a1013; } }