/* barra de "há versão nova" — discreta, em baixo, nunca por cima do trabalho */
.blp-vs{
  position:fixed;left:50%;bottom:18px;transform:translate(-50%,24px);
  z-index:10070;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  max-width:min(560px,calc(100vw - 24px));
  padding:12px 14px;border-radius:14px;
  background:rgba(18,20,26,.97);
  border:1px solid rgba(226,190,102,.38);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.95);
  opacity:0;transition:opacity .3s ease,transform .3s ease
}
.blp-vs.on{opacity:1;transform:translate(-50%,0)}
.blp-vs-t{flex:1 1 180px;min-width:0;font-size:13.5px;color:#ece7dc}
.blp-vs button{appearance:none;cursor:pointer;white-space:nowrap;border-radius:999px;
  font:700 11.5px Oswald,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:9px 16px}
.blp-vs-ok{border:0;background:linear-gradient(135deg,#F7D96A,#E2BE66);color:#141210}
.blp-vs-no{border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(236,231,220,.65)}
.blp-vs-no:hover{color:#ece7dc;border-color:rgba(255,255,255,.4)}
.blp-vs-bar{display:none;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.blp-vs-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#F7D96A,#E2BE66)}
.blp-vs.a-ir .blp-vs-bar{display:block}
.blp-vs.a-ir button{display:none}
.blp-vs.a-ir .blp-vs-bar i{width:100%;transition:width 3.4s cubic-bezier(.2,.8,.2,1)}
@media (max-width:620px){ .blp-vs{left:12px;right:12px;transform:translateY(24px);max-width:none}
  .blp-vs.on{transform:translateY(0)} }