/* Barras fixas com efeito liquid glass: ingressos (topo) e CTA (rodapé). */
:root{--sb-s:1;--sb-gold:radial-gradient(120% 260% at 48% 0%,#dcc28c 0%,#b99755 45%,#8a6c35 100%)}
.ticket-bar,.mm-ticket{display:none!important}
.sb-glass{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.03) 55%,rgba(255,255,255,.06) 100%),rgba(6,26,20,.58);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),0 10px 34px rgba(0,0,0,.35)}
.sb-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(60% 140% at 18% -20%,rgba(255,255,255,.16),transparent 60%),radial-gradient(40% 120% at 85% 120%,rgba(220,194,140,.12),transparent 70%)}
.sb-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.04) 40%,rgba(220,194,140,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}

/* Topo */
.sb-top{position:fixed;left:0;top:0;right:0;z-index:60;height:calc(65px*var(--sb-s));border-radius:0;font-family:'Plus Jakarta Sans',sans-serif;color:#f4efe4}
.sb-top::after{padding:0 0 1px}
.sb-top .sb-top__inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(10px*var(--sb-s));white-space:nowrap}
.sb-top__label{font-size:calc(20px*var(--sb-s));font-weight:500;letter-spacing:-.04em;line-height:1.08}
.sb-top__limit{font-size:calc(20px*var(--sb-s));font-weight:700;letter-spacing:-.04em;line-height:1.08}
.sb-top__track{position:relative;display:block;width:calc(380px*var(--sb-s));height:calc(36px*var(--sb-s));border-radius:100px;background:rgba(17,49,39,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);overflow:hidden}
.sb-top__fill{position:absolute;left:calc(5.5px*var(--sb-s));top:calc(5px*var(--sb-s));bottom:calc(5px*var(--sb-s));width:0;border-radius:100px;background:var(--sb-gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.45);transition:width 1.4s cubic-bezier(.22,1,.36,1)}
.sb-top .sb-top__pct{position:absolute;left:calc(16px*var(--sb-s));top:50%;transform:translateY(-50%);font-size:calc(16px*var(--sb-s));font-weight:700;letter-spacing:-.04em;color:#fff}

/* Rodapé */
.sb-glass.sb-bottom{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:min(calc(1280px*var(--sb-s)),calc(100% - 24px));transform:translate(-50%,calc(100% + 40px));opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(10px*var(--sb-s)) calc(10px*var(--sb-s)) calc(10px*var(--sb-s)) calc(28px*var(--sb-s))}
.sb-glass.sb-bottom.is-visible{transform:translate(-50%,0);opacity:1}
.sb-bottom__logo{display:block;height:calc(56px*var(--sb-s));width:auto}
.sb-bottom__cta{display:flex;align-items:center;gap:calc(10px*var(--sb-s));text-decoration:none}
.sb-bottom__btn,.sb-bottom__arrow{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:100px;background:var(--sb-gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);transition:filter .4s ease,box-shadow .4s ease}
.sb-bottom__btn{height:calc(59px*var(--sb-s));padding:0 calc(32px*var(--sb-s));font:700 calc(16px*var(--sb-s))/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em;color:#02100c;white-space:nowrap}
.sb-bottom__arrow{width:calc(76px*var(--sb-s));height:calc(59px*var(--sb-s))}
.sb-bottom__arrow img{width:calc(76px*var(--sb-s));height:calc(59px*var(--sb-s));display:block}
.sb-bottom__cta:hover .sb-bottom__btn,.sb-bottom__cta:hover .sb-bottom__arrow{filter:brightness(1.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 26px rgba(168,121,47,.35)}
.sb-bottom__btn::before{content:"";position:absolute;top:0;left:-120px;width:60px;height:100%;background:rgba(255,255,255,.55);filter:blur(12px);transform:skewX(-20deg);animation:sb-shine 3.2s ease-in-out infinite}
@keyframes sb-shine{0%,55%{left:-120px}100%{left:120%}}

/* WhatsApp sobe quando a barra inferior aparece */
#whatsappWidget,#alertWapp,#msgTooltip{transition:translate .6s cubic-bezier(.22,1,.36,1),transform .5s,opacity .5s}
html[data-sb-bottom] #whatsappWidget,html[data-sb-bottom] #alertWapp,html[data-sb-bottom] #msgTooltip{translate:0 calc(-1*(var(--sb-bh,80px) + 12px))}

@media (max-width:767px){
  .sb-top{height:calc(76px*var(--sb-s))}
  .sb-top__inner{flex-direction:column;gap:calc(8px*var(--sb-s))}
  .sb-top__label{font-size:calc(16px*var(--sb-s));font-weight:500;letter-spacing:-.04em}
  .sb-top__row{display:flex;align-items:center;gap:calc(11px*var(--sb-s))}
  .sb-top__limit{font-size:calc(12px*var(--sb-s))}
  .sb-top__track{width:calc(249px*var(--sb-s));height:calc(28px*var(--sb-s))}
  .sb-top__fill{left:calc(5px*var(--sb-s));top:calc(3.5px*var(--sb-s));bottom:calc(3.5px*var(--sb-s))}
  .sb-top .sb-top__pct{left:calc(15px*var(--sb-s));font-size:calc(12px*var(--sb-s))}
  .sb-glass.sb-bottom{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);padding:8px 8px 8px 16px;gap:10px}
  .sb-bottom__logo{height:36px;flex:none}
  .sb-bottom__cta{flex:1;min-width:0;justify-content:flex-end}
  .sb-bottom__btn{height:48px;padding:0 18px;font-size:14px;flex:0 1 auto;min-width:0}
  .sb-bottom__arrow{display:none}
}
@media (min-width:768px){.sb-top__row{display:contents}}
@media (prefers-reduced-motion:reduce){.sb-bottom,.sb-top__fill{transition:none}.sb-bottom__btn::before{animation:none}}
