.acm-bar{position:fixed;top:0;left:0;right:0;z-index:99999;background:#ffb206;color:#111;
  box-shadow:0 1px 6px rgba(0,0,0,.18);overflow:hidden}
/* Mensaje en una sola línea (menos invasivo). */
.acm-bar-inner{max-width:1000px;margin:0 auto;padding:10px 44px;text-align:center;font-size:14px;line-height:1.3}
/* Deja lugar para la franja de progreso solo cuando se muestra. */
.acm-bar.has-progress .acm-bar-inner{padding-bottom:20px}
.acm-bar-ico{font-weight:400}
.acm-bar-msg{font-weight:700}
/* Progreso: franja plana al pie, a todo el ancho; relleno oscuro con el % en blanco. */
.acm-bar-progress{position:absolute;left:0;right:0;bottom:0;height:16px;background:rgba(0,0,0,.12);overflow:hidden}
.acm-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#1d2327;transition:width .4s ease}
/* % centrado en toda la franja; mix-blend-mode lo hace legible sobre el relleno oscuro y sobre la pista clara. */
.acm-bar-pct{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#fff;mix-blend-mode:difference;pointer-events:none}
.acm-bar.is-reached .acm-bar-progress{display:none}
/* Reset fuerte para que el tema (Astra) no lo pinte como botón/recuadro. Alto en el mensaje, despejado del progreso. */
.acm-bar .acm-bar-close{position:absolute;right:8px;top:6px;z-index:3;
  width:26px;height:26px;margin:0;padding:0;min-width:0;
  display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;box-shadow:none;border-radius:50%;outline:none;
  font-size:18px;line-height:1;cursor:pointer;color:#111;opacity:.55;transition:background .15s,opacity .15s}
.acm-bar .acm-bar-close:hover,.acm-bar .acm-bar-close:focus{background:rgba(0,0,0,.10);box-shadow:none;opacity:1}
@media(max-width:600px){.acm-bar-inner{font-size:13px;padding:8px 40px 18px}}