/* 03/09/2026 · --fx-fundo passou de #111417 a #101316, o tom da barra da loja e da barra utilitária (decisão do dono: «a faixa escura totalmente») */
.faixa-inauguracao{--fx-fundo:#101316;--fx-tinta:#fff;--fx-acento:#FF7A88;--fx-fim:#3DAE7C;--faixa-altura:34px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:7px;min-height:var(--faixa-altura);max-height:40px;padding:0 16px;background:var(--fx-fundo);color:var(--fx-tinta);font-family:Barlow,'Segoe UI',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;white-space:nowrap;text-decoration:none}
.faixa-inauguracao:hover .faixa-cta{text-decoration:underline}
.faixa-relogio b{color:var(--fx-acento);font-variant-numeric:tabular-nums;font-weight:800}
.faixa-cta{color:#AEB6BD}
.faixa-inauguracao .fu{display:none}
.faixa-inauguracao[data-fase="dias"] :is(.fu-d,.fu-h){display:inline}
.faixa-inauguracao[data-fase="horas"] :is(.fu-h,.fu-m){display:inline}
.faixa-inauguracao[data-fase="minutos"] :is(.fu-m,.fu-s){display:inline}
/* 31/08/2026 — TRÊS ESTADOS, NÃO DOIS. Entre a hora marcada e a porta aberta existe um vão:
   o relógio zera, e a loja só abre quando o dono virar a chave. Anunciar «Loja aberta!» nesse
   vão manda o cliente bater numa porta fechada. `data-hoje` é esse estado — dito sem prometer. */
.faixa-inauguracao :is(.faixa-fim,.faixa-hoje){display:none}
.faixa-inauguracao[data-hoje] :is(.faixa-rot,.faixa-relogio,.faixa-cta){display:none}
.faixa-inauguracao[data-hoje] .faixa-hoje{display:inline;color:var(--fx-acento)}
.faixa-inauguracao[data-fim] :is(.faixa-rot,.faixa-relogio,.faixa-cta,.faixa-hoje){display:none}
.faixa-inauguracao[data-fim] .faixa-fim{display:inline;color:var(--fx-fim)}
.faixa-inauguracao :is(.lang-en,.lang-es){display:none}
html[lang="en"] .faixa-inauguracao .lang-pt,html[lang^="es"] .faixa-inauguracao .lang-pt{display:none}
html[lang="en"] .faixa-inauguracao .lang-en{display:inline}
html[lang^="es"] .faixa-inauguracao .lang-es{display:inline}
/* ── 31/08/2026 · A PROMESSA DE 20% DEIXA DE SUMIR NO CELULAR ────────────────────────────────
   Achado G59. Abaixo de 560px a frase inteira não cabe — a faixa é nowrap — e a regra apagava-a
   por completo. Quem chegava de tela estreita, que é a maioria do público, ficava só com o
   relógio da contagem: nenhum benefício, nenhum convite. A faixa continuava clicável, mas sem
   dizer para quê. Isso não é defeito de estética, é venda perdida em 2.663 páginas.
   Em vez de sumir, encolhe para «· VIP 20% ›»: os dois dados que vendem, mais a seta. O texto
   longo sai por display:none (fora da árvore de acessibilidade, sem leitura em dobro) e o curto
   entra por ::after — igual nos três idiomas, então não pede tradução. O `html[lang]` no seletor
   é de propósito: sem ele a regra perde para `html[lang="en"] … .lang-en{display:inline}`.
   O CSS é carimbado por hash no `?v=` de vip.html e das páginas da raiz: depois deste trecho é
   obrigatório rodar o gerador do /vip e o carimbo de versão, ou o build da Vercel reprova. */
@media(max-width:560px){.faixa-inauguracao{--faixa-altura:32px;font-size:12.5px}html[lang] .faixa-inauguracao .faixa-cta>span{display:none}.faixa-inauguracao .faixa-cta::after{content:"· Cadastro VIP ›"}html[lang="en"] .faixa-inauguracao .faixa-cta::after{content:"· VIP sign-up ›"}html[lang^="es"] .faixa-inauguracao .faixa-cta::after{content:"· Registro VIP ›"}}
/* 02/09/2026 · G005 (contraponto do Codex): «VIP 20%» sozinho omitia a CONDIÇÃO do benefício —
   cadastro E grupo — justamente no celular. O texto curto agora carrega a condição, por idioma.
   23/09/2026 · o cupom morreu (decisão do dono: «esse assunto morreu»). O texto curto passa a ser o
   mesmo convite da faixa longa, sem desconto. O ::after fica de propósito: nas páginas do acervo
   ainda não regeneradas ele cobre, no celular, o texto antigo que continua escrito no HTML. */
/* A faixa é uma LIGAÇÃO que ocupa a largura toda mas só 32-34px de altura. Em ecrã de toque sobe
   ao alvo mínimo: é o primeiro elemento tocável da página e leva ao cadastro da inauguração. */
@media(pointer:coarse){.faixa-inauguracao{--faixa-altura:44px;max-height:48px}}