/* Solo para la demo: la franja de "muestra" arriba y el aviso del acceso */
.muestra{position:relative;z-index:45;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;
  padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));
  background:#0f120c;color:#F3EFE1;font:400 13px/1.4 var(--sans);text-align:center}
.muestra a{color:#F3EFE1;font-weight:600;text-underline-offset:3px}
.muestra .muestra-wa{color:var(--dorado)}
.muestra .muestra-punto{opacity:.4}
.aviso-demo{margin-top:18px;padding:12px 14px;border-radius:14px;background:var(--papel-2);color:var(--tinta-suave);font-size:13.5px;line-height:1.45}
.aviso-demo b{color:var(--tinta)}
.aviso-demo button{margin-top:6px;padding:0;border:0;background:none;color:var(--acento);font-weight:600;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.muestra .muestra-largo{display:none}}