.vg-barra{position:fixed;z-index:400;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);display:flex;align-items:center;gap:.85rem;width:max-content;max-width:calc(100% - 32px);padding:.65rem .6rem .65rem 1.05rem;border-radius:16px;background:#0e0e0e;color:#fff;font-family:"Sora","Segoe UI",system-ui,sans-serif;box-shadow:0 18px 40px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.18);transform:translate(-50%,-140%);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.25,1.1),opacity .3s}
.vg-barra.on{transform:translate(-50%,0);opacity:1}
.vg-pt{flex:none;width:9px;height:9px;border-radius:50%;background:#D7282F;box-shadow:0 0 0 0 rgba(215,40,47,.55);animation:vgLatido 2s infinite}
.vg-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.vg-txt b{font-size:.9rem;font-weight:700;letter-spacing:.01em}
.vg-txt small{font-size:.76rem;color:rgba(255,255,255,.62)}
.vg-ok{flex:none;height:38px;padding:0 1.05rem;border:0;border-radius:11px;background:#D7282F;color:#fff;font:700 .84rem/1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,transform .15s}
.vg-ok:hover{background:#bf1f26}
.vg-ok:active{transform:scale(.96)}
.vg-barra.cargando .vg-ok{opacity:.7;pointer-events:none}
.vg-x{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-left:-.3rem;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:background .2s,color .2s}
.vg-x:hover{background:rgba(255,255,255,.1);color:#fff}
.vg-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
@keyframes vgLatido{0%{box-shadow:0 0 0 0 rgba(215,40,47,.55)}70%{box-shadow:0 0 0 9px rgba(215,40,47,0)}100%{box-shadow:0 0 0 0 rgba(215,40,47,0)}}
@media (max-width:480px){.vg-barra{left:16px;right:16px;width:auto;max-width:none;transform:translateY(-140%)}.vg-barra.on{transform:none}.vg-txt small{display:none}}
@media (prefers-reduced-motion:reduce){.vg-barra{transition:opacity .2s}.vg-pt{animation:none}}

.vg-aviso{margin:0 0 1rem;padding:.85rem 1rem;border-radius:14px;background:#FFF4E5;border:1px solid #F6CFAE;color:#141414;font-size:.84rem;line-height:1.45;animation:vgEntra .35s ease-out}
.vg-aviso p{margin:0;display:flex;flex-direction:column;gap:.1rem}
.vg-aviso p b{font-size:.92rem;color:#D7282F}
.vg-aviso ul{margin:.6rem 0 0;padding:.6rem 0 0;border-top:1px dashed #F0C9A6;list-style:none;display:grid;gap:.3rem}
.vg-aviso li s{color:#8a7d72;margin-right:.25rem}
.vg-aviso li s+b::before{content:"→ ";color:#8a7d72;font-weight:400}
@keyframes vgEntra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}