/* BRASA v4 (DESIGN-V3 §3 + FEEDBACK-V4): fundo liso, arte só no banner, amarelo = ação, laranja = wipe, verde = online. */
:root {
	--fundo: #070d1b;
	--fundo-brilho: radial-gradient(75rem 32rem at 50% -10rem, rgba(56, 89, 160, .14), rgba(7, 13, 27, 0) 70%);
	--sup-1: #0d1528;
	--sup-2: #131c33;
	--poco: #0a1122;
	--borda: rgba(255, 255, 255, .08);
	--borda-forte: rgba(255, 255, 255, .13);
	--texto: #f5f7fb;
	--texto-2: #a3adc2;
	--texto-3: #7c8699;
	--primaria: #ffcb00;
	--contraste: #261e00;
	--primaria-suave: rgba(255, 203, 0, .08);
	--primaria-linha: rgba(255, 203, 0, .55);
	--wipe: #fdba74;
	--wipe-fundo: rgba(249, 115, 22, .14);
	--wipe-linha: rgba(249, 115, 22, .38);
	--online: #22c55e;
	--online-txt: #86efac;
	--alerta-txt: #fcd34d; --alerta-fundo: rgba(245, 158, 11, .08); --alerta-linha: rgba(245, 158, 11, .28);
	--erro-txt: #fca5a5; --erro-fundo: rgba(239, 68, 68, .08); --erro-linha: rgba(239, 68, 68, .30);
	--ok-txt: #86efac;
	--discord: #5865f2;
	--veu: rgba(3, 6, 14, .74);
	--banner-a1: .27; --banner-a2: .7;
	--f-display: 'Archivo', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--f-texto: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--fs-h1-home: 1.5rem; --lh-h1-home: 1.875rem;
	--fs-h1: 1.375rem; --lh-h1: 1.75rem;
	--fs-h2: 1.125rem; --lh-h2: 1.5rem;
	--fs-h3: 1rem; --lh-h3: 1.375rem;
	--fs-preco-g: 1.5rem; --fs-preco: 1.125rem;
	--e2: .5rem; --e3: .75rem; --e4: 1rem; --e5: 1.5rem; --e6: 2rem; --e7: 3rem;
	--raio: 12px; --raio-p: 8px; --raio-pilula: 999px;
	--sombra-pop: 0 24px 64px rgba(0, 0, 0, .55);
	--sombra-flutua: 0 10px 28px rgba(0, 0, 0, .45);
	--t-rapido: 120ms; --t: 180ms; --t-lento: 240ms; --curva: cubic-bezier(.2, .8, .2, 1);
	--topo-h: 56px; --barra-h: 64px;
	--z-lado: 10; --z-topo: 50; --z-barra: 55; --z-dc: 60; --z-menu: 70; --z-toast: 90; --z-modal: 100;
}
@media (min-width: 768px) { :root { --topo-h: 64px; } }
@media (min-width: 1024px) {
	:root { --fs-h1-home: 2rem; --lh-h1-home: 2.375rem; --fs-h1: 1.75rem; --lh-h1: 2.125rem; --fs-h2: 1.25rem; --lh-h2: 1.625rem; --fs-h3: 1.125rem; --lh-h3: 1.5rem; --fs-preco-g: 1.75rem; --fs-preco: 1.25rem; }
}

/* base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--topo-h) + 16px); }
body { margin: 0; min-height: 100vh; background: var(--fundo-brilho) no-repeat, var(--fundo); color: var(--texto); font-family: var(--f-texto); font-size: .9375rem; line-height: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
a { color: var(--primaria); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
p { margin: 0; }
h1, h2, h3 { margin: 0; letter-spacing: -.01em; color: var(--texto); }
ul, ol { margin: 0; padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
:focus-visible { outline: 2px solid var(--primaria); outline-offset: 2px; }
[hidden] { display: none !important; }
.bz-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bz-pular { position: fixed; left: 16px; top: -64px; z-index: 200; padding: 10px 16px; border-radius: var(--raio-p); background: var(--primaria); color: var(--contraste); font-weight: 700; transition: top var(--t); }
.bz-pular:focus { top: 12px; text-decoration: none; }
html:not(.bz-js) .bz-so-js { display: none !important; }
html.bz-js .bz-so-sem-js { display: none !important; }
.bz-so-cel, .bz-so-p { display: none !important; }
@media (max-width: 767px) { .bz-some-cel { display: none !important; } .bz-so-cel { display: inline-flex !important; } }
@media (max-width: 479px) { .bz-some-p { display: none !important; } .bz-so-p { display: inline !important; } }
@media (min-width: 1024px) { .bz-sem-lado { display: none !important; } }
.bz-wrap { width: 100%; max-width: 80rem; margin: 0 auto; padding: 0 1rem; }
@media (min-width: 768px) { .bz-wrap { padding: 0 1.5rem; } }
@media (min-width: 1024px) { .bz-wrap { padding: 0 2rem; } }

/* grupos: flex, fonte de destaque, caixa, rótulo */
.bz-btn, .bz-ico-btn, .bz-avatar, .bz-sel-ico, .bz-aba-srv, .bz-pop-tit-ico, .bz-aba, .bz-passo-icone, .bz-dc-ico { display: inline-flex; align-items: center; justify-content: center; }
.bz-link-seta, .bz-link-btn, .bz-chip, .bz-selo-com, .bz-selo, .bz-topo-logo, .bz-menu > summary, .bz-banner-online, .bz-sel-on, .bz-voltar, .bz-card-srv, .bz-card-dur, .bz-card-alerta, .bz-info-v, .bz-pop-links a, .bz-connect-copiar, .bz-qtd, .bz-tabela--hor tbody th a, .bz-barra-cta, .bz-dc, .bz-dc-txt small { display: inline-flex; align-items: center; }
.bz-sugestao-in, .bz-topo-in, .bz-topo-acoes, .bz-menu-lista a, .bz-banner, .bz-banner-logo, .bz-lado-inicio, .bz-lado-rotulo, .bz-lado-links a, .bz-sel, .bz-sel-sobre, .bz-sel-linha, .bz-troca-nome, .bz-troca-extra, .bz-pag-cab, .bz-pag-acoes, .bz-painel-cab, .bz-card-arte, .bz-card-indisp, .bz-pop-tit, .bz-connect, .bz-camada, .bz-dlg-cab, .bz-prod-cab, .bz-prod-arte, .bz-vale, .bz-op, .bz-op-txt strong, .bz-unico, .bz-conta-linha, .bz-seguro, .bz-desc > summary, .bz-linha-img, .bz-linha-presente, .bz-linha-acoes, .bz-conta-item, .bz-conta-estado, .bz-faq-item > summary, .bz-modulo-lista li, .bz-destaque, .bz-rodape-l1, .bz-rodape-copy, .bz-rodape-l3, .bz-barra { display: flex; align-items: center; }
h1, h2, h3, .bz-btn, .bz-topo-logo, .bz-menu > summary, .bz-banner-logo, .bz-lado-inicio, .bz-sel-nome, .bz-troca-nome, .bz-aba-srv, .bz-th-nome, .bz-passo-tit, .bz-aba, .bz-op-txt strong, .bz-op-preco > span, .bz-unico-txt, .bz-desc > summary, .bz-linha-nome, .bz-resumo-tit, .bz-conta-item-nome, .bz-tabela--hor tbody th a, .bz-barra-cta, .bz-dc-txt strong { font-family: var(--f-display); font-weight: 800; }
.bz-sel, .bz-card, .bz-prod-oque, .bz-prod-desc, .is-produto .bz-compra, .bz-lista, .bz-resumo, .bz-fim, .bz-passo, .bz-horarios, .bz-faq-item, .bz-modulo { border: 1px solid var(--borda); border-radius: var(--raio); background: var(--sup-1); }
.bz-rotulo-sec, .bz-lado-rotulo, .bz-sel-rotulo, .bz-info-linha dt, .bz-tabela--hor thead th { font-size: .6875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
/* tipografia */
.bz-h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); }
.bz-h1--home { font-size: var(--fs-h1-home); line-height: var(--lh-h1-home); }
.bz-h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); margin-bottom: var(--e4); }
.bz-rotulo-sec { font-family: var(--f-texto); line-height: 1rem; color: var(--texto-3); margin-bottom: var(--e3); }
.bz-intro { color: var(--texto-2); max-width: 40rem; }
.bz-mini { font-size: .8125rem; line-height: 1.125rem; color: var(--texto-2); }
.bz-link-seta { gap: 8px; font-size: .875rem; font-weight: 600; color: var(--texto); }
.bz-link-seta i { font-size: .75rem; color: var(--primaria); transition: transform var(--t-rapido); }
.bz-link-seta:hover { text-decoration: none; color: var(--primaria); }
.bz-link-seta:hover i { transform: translateX(2px); }
.bz-rico { color: var(--texto-2); overflow-wrap: anywhere; }
.bz-rico > * + * { margin-top: .75em; }
.bz-rico h2, .bz-rico h3 { font-size: 1.0625rem; line-height: 1.5rem; margin-top: 1.25em; }
.bz-rico strong { color: var(--texto); }
.bz-rico ul { list-style: disc; padding-left: 1.25rem; }
.bz-rico ol { list-style: decimal; padding-left: 1.25rem; }
.bz-rico img { border-radius: var(--raio-p); }
html[data-bz-lang="pt"] .bz-rico [data-bz-lang]:not([data-bz-lang="pt"]),
html[data-bz-lang="en"] .bz-rico [data-bz-lang]:not([data-bz-lang="en"]),
html[data-bz-lang="es"] .bz-rico [data-bz-lang]:not([data-bz-lang="es"]) { display: none; }

/* botões */
.bz-btn { gap: 8px; min-height: 40px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--raio-p); font-size: .9375rem; line-height: 1.25rem; text-align: center; cursor: pointer; text-decoration: none; transition: background-color var(--t-rapido), border-color var(--t-rapido), filter var(--t-rapido), color var(--t-rapido); -webkit-tap-highlight-color: transparent; }
.bz-btn:hover { text-decoration: none; }
.bz-btn:active { transform: translateY(1px); }
.bz-btn-primaria { background: var(--primaria); color: var(--contraste); }
.bz-btn-primaria:hover { filter: brightness(1.06); color: var(--contraste); }
.bz-btn-contorno { background: transparent; border-color: var(--borda-forte); color: var(--texto); }
.bz-btn-contorno:hover { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .2); color: var(--texto); }
.bz-btn-p { min-height: 36px; padding: 0 14px; font-size: .875rem; }
.bz-btn-m { min-height: 44px; }
.bz-btn-g { min-height: 52px; font-size: 1rem; }
.bz-btn-bloco { display: flex; width: 100%; }
.bz-btn[disabled], .bz-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; filter: none; transform: none; }
.bz-btn-primaria[disabled], .bz-btn-primaria[aria-disabled="true"] { opacity: 1; background: rgba(255, 255, 255, .05); color: var(--texto-3); box-shadow: inset 0 0 0 1px var(--borda-forte); }
.bz-btn.is-carregando { position: relative; pointer-events: none; }
.bz-btn.is-carregando > i:first-child, .bz-btn.is-carregando > span:only-child { visibility: hidden; }
.bz-btn.is-carregando::after { content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: bz-gira .7s linear infinite; }
.bz-cta.is-carregando::after { left: 20px; margin-left: 0; }
@keyframes bz-gira { to { transform: rotate(360deg); } }
.bz-ico-btn { width: 40px; height: 40px; flex: 0 0 auto; border: 0; border-radius: var(--raio-p); background: transparent; color: var(--texto-2); cursor: pointer; transition: background-color var(--t-rapido), color var(--t-rapido); }
.bz-ico-btn:hover { background: rgba(255, 255, 255, .05); color: var(--texto); text-decoration: none; }
@media (pointer: coarse) { .bz-ico-btn { width: 44px; height: 44px; } .bz-btn { min-height: 44px; } .bz-btn-g { min-height: 52px; } }
.bz-link-btn { gap: 6px; min-height: 36px; padding: 0 4px; border: 0; background: none; color: var(--texto-2); font-size: .8125rem; cursor: pointer; }
.bz-link-btn:hover { color: var(--texto); }
.bz-link-perigo:hover { color: var(--erro-txt); }

/* chips e selos */
.bz-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.bz-chip { gap: 6px; min-height: 24px; padding: 0 10px; border: 1px solid var(--borda); border-radius: var(--raio-pilula); background: rgba(255, 255, 255, .05); color: var(--texto-2); font-size: .75rem; font-weight: 500; line-height: 1rem; white-space: nowrap; }
.bz-chip i { font-size: .6875rem; }
.bz-chip-off { color: var(--texto-3); }
.bz-selo-com { height: 20px; padding: 0 8px; border: 1px solid var(--primaria-linha); border-radius: var(--raio-pilula); background: rgba(10, 16, 30, .82); color: var(--primaria); font-family: var(--f-texto); font-size: .65625rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.bz-ponto { display: inline-block; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--online); box-shadow: 0 0 0 3px rgba(34, 197, 94, .18); }
.bz-ponto.is-vazio { background: var(--texto-3); box-shadow: none; }

/* faixa de aviso e sugestão de idioma */
.bz-faixa { background: var(--primaria); color: var(--contraste); font-size: .875rem; font-weight: 600; text-align: center; padding: 8px 0; }
.bz-sugestao { background: var(--sup-2); border-bottom: 1px solid var(--borda); font-size: .875rem; }
.bz-sugestao-in { justify-content: center; gap: 10px; min-height: 40px; color: var(--texto-2); }
.bz-sugestao-in a { font-weight: 700; }
.bz-sugestao-in .bz-ico-btn { width: 32px; height: 32px; }

/* topo */
.bz-topo { position: sticky; top: 0; z-index: var(--z-topo); height: var(--topo-h); background: rgba(7, 13, 27, .86); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid transparent; transition: border-color var(--t); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .bz-topo { background: var(--fundo); } }
.bz-topo.is-rolado { border-bottom-color: var(--borda); }
.bz-topo-in { justify-content: space-between; gap: 8px; height: 100%; }
.bz-topo-logo { gap: 10px; height: 40px; min-width: 0; flex: 0 0 auto; color: var(--texto); }
.bz-topo-logo img { height: 32px; width: auto; max-width: 64px; object-fit: contain; }
.bz-topo-logo:hover { text-decoration: none; }
.bz-topo-marca { font-family: var(--f-display); font-weight: 800; font-size: 1.0625rem; line-height: 1; letter-spacing: .06em; text-transform: uppercase; color: var(--texto); white-space: nowrap; }
@media (max-width: 479px) { .bz-topo-marca { display: none; } }
.bz-topo-acoes { gap: 8px; min-width: 0; }
.bz-btn-topo { min-height: 40px; padding: 0 14px; font-size: .875rem; }
.bz-btn-topo i { font-size: 1rem; }
.bz-menu { position: relative; }
.bz-menu > summary { gap: 6px; min-height: 40px; padding: 0 10px; border: 1px solid var(--borda); border-radius: var(--raio-p); background: rgba(255, 255, 255, .02); color: var(--texto); font-size: .875rem; transition: border-color var(--t-rapido), background-color var(--t-rapido); }
.bz-menu > summary:hover, .bz-menu[open] > summary { border-color: var(--borda-forte); background: rgba(255, 255, 255, .05); }
.bz-menu > summary i { color: var(--texto-2); font-size: .8125rem; }
.bz-caret { font-size: .625rem !important; transition: transform var(--t-rapido); }
.bz-menu[open] .bz-caret { transform: rotate(180deg); }
.bz-menu-lista { position: absolute; right: 0; top: calc(100% + 8px); z-index: var(--z-menu); min-width: 12rem; padding: 6px; border: 1px solid var(--borda-forte); border-radius: var(--raio); background: var(--sup-2); box-shadow: var(--sombra-pop); }
.bz-menu-lista a { justify-content: space-between; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: var(--raio-p); color: var(--texto); font-size: .875rem; font-weight: 500; }
.bz-menu-lista a i { color: var(--texto-3); width: 16px; text-align: center; }
.bz-menu-lista li > a > i:first-child { order: -1; }
.bz-menu-lista a:hover { background: rgba(255, 255, 255, .05); text-decoration: none; }
.bz-menu-lista a.is-atual { color: var(--primaria); }
.bz-menu-lista a.is-atual i { color: var(--primaria); }
.bz-conta .bz-menu-lista a { justify-content: flex-start; }
.bz-moeda-br { margin-bottom: 4px; border-bottom: 1px solid var(--borda); border-radius: var(--raio-p) var(--raio-p) 0 0 !important; color: var(--primaria) !important; }
.bz-conta-btn { padding: 0 8px 0 4px !important; }
.bz-avatar { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 6px; overflow: hidden; background: var(--poco); color: var(--texto-3); }
.bz-avatar img { width: 100%; height: 100%; object-fit: cover; }
.bz-avatar--ini { background: var(--primaria-suave); color: var(--primaria); font-family: var(--f-display); font-weight: 800; font-size: .875rem; }
.bz-conta-nome { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-texto); font-weight: 600; }
@media (max-width: 479px) { .bz-conta-nome { display: none; } .bz-menu > summary { padding: 0 8px; } }
.bz-carrinho { position: relative; border: 1px solid var(--borda); background: rgba(255, 255, 255, .02); color: var(--texto); }
.bz-carrinho-n { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--raio-pilula); background: var(--primaria); color: var(--contraste); font-size: .6875rem; font-weight: 700; line-height: 18px; text-align: center; }

/* página, banner, barra lateral */
.bz-pagina { padding-top: 16px; padding-bottom: var(--e7); }
@media (min-width: 1024px) { .bz-pagina { padding-top: 24px; } }
.bz-banner { position: relative; justify-content: center; overflow: hidden; margin-bottom: var(--e5); border: 1px solid var(--borda); border-radius: var(--raio); background: var(--fundo-brilho) no-repeat, var(--sup-1); }
.bz-banner-arte { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 13, 27, var(--banner-a1)) 0%, rgba(7, 13, 27, var(--banner-a2)) 100%), var(--banner-img, none) center 35% / cover no-repeat; }
.bz-banner-logo { position: relative; justify-content: center; height: 100%; padding: 12px; color: var(--texto); font-size: 2rem; }
.bz-banner-logo:hover { text-decoration: none; }
.bz-banner-logo img { width: auto; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .5)); }
.bz-banner--home { height: 184px; }
.bz-banner--home .bz-banner-logo img { max-height: 128px; }
.bz-banner--compacto { display: none; }
@media (min-width: 768px) {
	.bz-banner--home { height: 224px; }
	.bz-banner--home .bz-banner-logo img { max-height: 160px; }
	.bz-banner--compacto { display: flex; justify-content: flex-start; height: 96px; padding-left: 12px; }
	.bz-banner--compacto .bz-banner-arte { background-position: center 20%; }
	.bz-banner--compacto .bz-banner-logo img { max-height: 72px; }
}
@media (min-width: 1024px) {
	.bz-banner { margin-bottom: var(--e6); }
	.bz-banner--home { height: 264px; }
	.bz-banner--home .bz-banner-logo img { max-height: 200px; }
}
.bz-banner-online { position: absolute; left: 16px; bottom: 16px; gap: 8px; height: 32px; padding: 0 12px; border: 1px solid var(--borda-forte); border-radius: var(--raio-pilula); background: rgba(7, 13, 27, .72); color: var(--texto-2); font-size: .8125rem; font-variant-numeric: tabular-nums; animation: bz-entra var(--t) var(--curva); }
.bz-banner-online strong { font-family: var(--f-display); color: var(--texto); }
@keyframes bz-entra { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) { .bz-banner-online .bz-ponto { animation: bz-pulsa 2s ease-in-out infinite; } }
@keyframes bz-pulsa { 50% { box-shadow: 0 0 0 5px rgba(34, 197, 94, .08); } }
.bz-grade-pagina { display: block; }
.bz-lado { display: none; }
.bz-conteudo { min-width: 0; outline: 0; }
@media (min-width: 1024px) {
	.bz-grade-pagina { display: grid; grid-template-columns: 18rem minmax(0, 1fr); column-gap: 2rem; align-items: start; }
	.bz-grade-pagina.is-sem-lado { display: block; }
	.bz-lado { display: block; position: sticky; top: calc(var(--topo-h) + 16px); max-height: calc(100vh - var(--topo-h) - 32px); overflow: auto; z-index: var(--z-lado); scrollbar-width: thin; }
}
.bz-lado-inicio { gap: 12px; min-height: 44px; padding: 0 14px; border-radius: var(--raio-p); color: var(--texto-2); }
.bz-lado-inicio i { width: 18px; text-align: center; }
.bz-lado-inicio:hover { color: var(--texto); background: rgba(255, 255, 255, .03); text-decoration: none; }
.bz-lado-inicio.is-atual, .bz-lado-links a[aria-current] { color: var(--texto); background: var(--primaria-suave); box-shadow: inset 0 0 0 1px var(--primaria-linha); }
.bz-lado-inicio.is-atual i, .bz-lado-links a[aria-current] i { color: var(--primaria); }
.bz-lado :focus-visible { outline-offset: -2px; }
body.tem-banner--home .bz-lado-total { display: none; }
.bz-lado-rotulo { gap: 4px; margin: 20px 0 10px 14px; line-height: 1rem; color: var(--texto-3); }
.bz-lado-total { color: var(--online-txt); text-transform: none; letter-spacing: 0; font-weight: 500; font-variant-numeric: tabular-nums; }
.bz-lado-total strong { font-weight: 700; }
.bz-sels { display: grid; gap: 8px; }
.bz-lado-links { margin-top: 20px; padding-top: 12px; border-top: 1px solid var(--borda); }
.bz-lado-links a { gap: 12px; min-height: 36px; padding: 0 14px; border-radius: var(--raio-p); color: var(--texto-2); font-size: .875rem; }
.bz-lado-links a i { width: 16px; text-align: center; color: var(--texto-3); }
.bz-lado-links a:hover { color: var(--texto); background: rgba(255, 255, 255, .03); text-decoration: none; }

/* seletor de servidor (F2) */
.bz-sel { position: relative; gap: 14px; min-height: 96px; padding: 16px; color: var(--texto); transition: background-color var(--t-rapido), border-color var(--t-rapido); }
.bz-sel:hover { background: var(--sup-2); border-color: var(--borda-forte); text-decoration: none; }
.bz-sel:active { transform: translateY(1px); }
.bz-sel.is-atual { border-color: var(--primaria-linha); background: var(--primaria-suave); }
.bz-sel-ico { width: 44px; height: 44px; flex: 0 0 auto; border-radius: var(--raio-p); background: var(--poco); border: 1px solid var(--borda); font-size: 1.25rem; overflow: hidden; }
.bz-sel-ico img { width: 100%; height: 100%; object-fit: cover; }
.bz-sel-txt { display: grid; gap: 2px; min-width: 0; flex: 1; }
.bz-sel-sobre { height: 18px; min-width: 0; }
.bz-sel-rotulo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1rem; color: var(--texto-3); }
.bz-sel.is-wipe .bz-sel-status { color: var(--wipe); font-weight: 600; }
.bz-sel-linha { justify-content: space-between; gap: 8px; min-width: 0; }
.bz-sel-nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-h3); line-height: var(--lh-h3); }
.bz-sel-on { gap: 6px; flex: 0 0 auto; color: var(--online-txt); font-size: .8125rem; line-height: var(--lh-h3); font-weight: 600; font-variant-numeric: tabular-nums; }
.bz-sel-on .bz-ponto { width: 6px; height: 6px; }
.bz-sel-status { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; line-height: 1.125rem; color: var(--texto-2); }
.bz-sel-seta { color: var(--texto-3); font-size: .75rem; }

/* home (v4, G1-G3): só os cards dos servidores. Mesma altura com ou sem wipe: a fita fica por cima (absoluta) e a linha
   do wipe existe em todos os cards (o texto troca, a altura não). Celular: linha compacta; a partir de 768 px: cards
   verticais lado a lado (grade que estica todos na altura do maior; "Ver pacotes" sempre no pé).
   Celular: 20 px em cima deixam o rótulo abaixo da fita, então ele usa a largura toda (sem reticências em EN/ES). */
.bz-home-srvs-tit { margin-bottom: var(--e3); }
.bz-hcards { display: grid; gap: 12px; }
.bz-hcards > li { display: flex; min-width: 0; }
.bz-hcard { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) 12px; grid-template-areas: "ico id seta" "ico pe seta"; align-items: center; gap: 4px 14px; width: 100%; min-height: 96px; padding: 20px 16px; border: 1px solid var(--borda); border-radius: var(--raio); background: var(--sup-1); color: var(--texto); transition: background-color var(--t-rapido), border-color var(--t-rapido), box-shadow var(--t-rapido); }
.bz-hcard:hover { background: var(--sup-2); border-color: var(--borda-forte); text-decoration: none; }
.bz-hcard:active { transform: translateY(1px); }
.bz-hcard-ico { grid-area: ico; }
.bz-hcard-id { grid-area: id; display: grid; gap: 2px; min-width: 0; }
.bz-hcard-rotulo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .6875rem; font-weight: 600; letter-spacing: .08em; line-height: 1rem; text-transform: uppercase; color: var(--texto-3); }
.bz-hcard-linha { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.bz-hcard-nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-display); font-weight: 800; font-size: 1.125rem; line-height: 1.5rem; }
.bz-hcard-frase, .bz-hcard-cta { display: none; }
.bz-hcard-pe { grid-area: pe; display: flex; min-width: 0; }
.bz-hcard-wipe { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: .8125rem; line-height: 1.25rem; color: var(--texto-2); font-variant-numeric: tabular-nums; }
.bz-hcard-wipe > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-hcard-wipe i { flex: 0 0 auto; font-size: .75rem; color: var(--texto-3); }
.bz-hcard-seta { grid-area: seta; color: var(--texto-3); font-size: .75rem; }
.bz-hcard-fita { position: absolute; top: -1px; right: 14px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 10px; border-radius: 0 0 var(--raio-p) var(--raio-p); background: #f97316; color: #1c0a00; font-size: .6875rem; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; box-shadow: 0 6px 16px -4px rgba(249, 115, 22, .5); }
.bz-hcard-fita i { font-size: .625rem; }
.bz-hcard.is-wipe { border-color: rgba(249, 115, 22, .8); background: linear-gradient(180deg, rgba(249, 115, 22, .12), rgba(249, 115, 22, .02) 70%), var(--sup-1); box-shadow: 0 0 0 1px rgba(249, 115, 22, .5), 0 10px 32px -12px rgba(249, 115, 22, .6); }
.bz-hcard.is-wipe:hover { background: linear-gradient(180deg, rgba(249, 115, 22, .16), rgba(249, 115, 22, .04) 70%), var(--sup-2); border-color: #f97316; }
.bz-hcard.is-wipe .bz-hcard-wipe, .bz-hcard.is-wipe .bz-hcard-wipe i { color: var(--wipe); }
.bz-hcard.is-wipe .bz-hcard-wipe { font-weight: 700; font-size: .875rem; }
.bz-hcard.is-wipou .bz-hcard-fita { background: #fdba74; }
@media (prefers-reduced-motion: no-preference) { .bz-hcard.is-wipe:not(.is-wipou) .bz-hcard-fita i { animation: bz-pisca 2s ease-in-out infinite; } }
@keyframes bz-pisca { 50% { opacity: .35; } }
@media (min-width: 768px) {
	.bz-hcards { gap: 16px; }
	.bz-hcards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bz-hcards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bz-hcards--n { grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); }
	.bz-hcard { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(2.5rem, 1fr) auto auto; grid-template-areas: "ico" "id" "frase" "pe" "cta"; align-items: start; gap: 12px; min-height: 0; padding: 20px; }
	.bz-hcard-ico { width: 48px; height: 48px; font-size: 1.375rem; }
	.bz-hcard-id { gap: 4px; }
	.bz-hcard-linha { display: grid; justify-content: start; gap: 2px; }
	.bz-hcard.tem-on .bz-hcard-linha { min-height: calc(1.75rem + 1.5rem + 2px); align-content: start; }
	.bz-hcard-nome { font-size: 1.375rem; line-height: 1.75rem; }
	.bz-hcard-frase { grid-area: frase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .875rem; line-height: 1.25rem; color: var(--texto-2); }
	.bz-hcard-pe { padding-top: 12px; border-top: 1px solid var(--borda); }
	.bz-hcard.is-wipe .bz-hcard-pe { border-top-color: rgba(249, 115, 22, .3); }
	.bz-hcard-wipe { font-size: .875rem; }
	.bz-hcard.is-wipe .bz-hcard-wipe { font-size: 1rem; }
	.bz-hcard-cta { grid-area: cta; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: var(--raio-p); background: var(--sup-2); box-shadow: inset 0 0 0 1px var(--borda-forte); font-family: var(--f-display); font-weight: 800; font-size: .9375rem; transition: background-color var(--t-rapido), color var(--t-rapido); }
	.bz-hcard-cta i { font-size: .75rem; }
	.bz-hcard:hover .bz-hcard-cta { background: var(--primaria); color: var(--contraste); box-shadow: none; }
	.bz-hcard-seta { display: none; }
	.bz-hcard-fita { right: 20px; height: 26px; padding: 0 12px; font-size: .75rem; }
}
/* faixa de wipe na página do servidor (G4): "Wipe hoje às 18h · em 3h 20min 05s" / "Wipou hoje às 18h" */
.bz-faixa-wipe { display: flex; align-items: center; gap: 10px; min-height: 40px; margin: 0 0 16px; padding: 8px 14px; border: 1px solid var(--wipe-linha); border-radius: var(--raio-p); background: var(--wipe-fundo); color: var(--wipe); font-size: .875rem; font-weight: 600; line-height: 1.25rem; font-variant-numeric: tabular-nums; }
.bz-faixa-wipe i { flex: 0 0 auto; }

/* troca de servidor no celular/tablet (F7) */
.bz-troca { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 16px; }
.bz-troca.is-rola { grid-auto-flow: column; grid-auto-columns: 42%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bz-troca.is-rola > * { scroll-snap-align: start; }
.bz-troca-item { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-height: 60px; padding: 8px; border: 1px solid var(--borda); border-radius: var(--raio-p); background: var(--sup-1); color: var(--texto); min-width: 0; }
.bz-troca-item:hover { text-decoration: none; border-color: var(--borda-forte); background: var(--sup-2); }
.bz-troca-item.is-atual { border-color: var(--primaria-linha); background: var(--primaria-suave); }
.bz-troca-nome { gap: 8px; min-width: 0; font-size: .9375rem; line-height: 1.25rem; }
.bz-troca-nome i { font-size: .875rem; flex: 0 0 auto; }
.bz-troca-nome span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-troca-longo { display: none; }
.bz-troca-extra { height: 16px; min-width: 0; }
.bz-troca-item.is-wipe .bz-sel-on { display: none !important; }
.bz-troca-wipe { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--wipe); font-size: .6875rem; font-weight: 700; line-height: 16px; }
.bz-troca-extra .bz-sel-on { font-size: .75rem; }
/* < 360: topo e troca justos (cabem em 320 px); listas do topo na largura do topo */
@media (max-width: 359px) {
	.bz-topo-acoes { gap: 4px; }
	.bz-topo .bz-menu > summary { padding: 0 6px; }
	.bz-topo .bz-moeda .bz-caret { display: none; }
	.bz-btn-topo { padding: 0 10px; }
	.bz-topo .bz-menu { position: static; }
	.bz-topo .bz-menu .bz-menu-lista { left: 16px; right: 16px; min-width: 0; }
	.bz-troca, .bz-troca-nome { gap: 6px; }
	.bz-troca-item { padding: 8px 5px; }
	.bz-troca-nome { font-size: .875rem; }
}
@media (min-width: 768px) { .bz-troca-item { min-height: 64px; } .bz-troca-curto { display: none; } .bz-troca-longo { display: inline; } }
@media (min-width: 1024px) { .bz-troca { display: none; } }

/* cabeçalho da página */
.bz-pag-cab { justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; margin-bottom: 16px; }
.bz-pag-cab .bz-h1 { min-width: 0; }
.bz-pag-acoes { gap: 8px; }
.bz-pag-cab--home { display: block; margin-bottom: var(--e6); }
.bz-pag-cab--home .bz-intro { margin-top: 8px; }
.bz-voltar { gap: 8px; margin-bottom: 12px; color: var(--texto-2); font-size: .8125rem; }
.bz-voltar i { font-size: .6875rem; }
.bz-voltar:hover { color: var(--texto); text-decoration: none; }
.bz-secao { margin-top: var(--e7); }

/* abas (controle segmentado) */
.bz-abas-srv { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 16px; border: 1px solid var(--borda); border-radius: var(--raio-p); background: var(--sup-1); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.bz-aba-srv { gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 6px; color: var(--texto-2); font-size: .9375rem; white-space: nowrap; transition: background-color var(--t-rapido), color var(--t-rapido); }
.bz-aba-srv i { font-size: .8125rem; }
.bz-aba-srv:hover { color: var(--texto); text-decoration: none; background: rgba(255, 255, 255, .04); }
.bz-aba-srv.is-atual, .bz-aba-srv.is-atual:hover { background: var(--primaria); color: var(--contraste); }
@media (max-width: 767px) { .bz-abas-srv { display: flex; width: 100%; } .bz-aba-srv { flex: 1; padding: 0 10px; } }
@media (pointer: coarse) { .bz-aba-srv { min-height: 44px; } }
html.bz-js .bz-painel-aba:not(.is-atual) { display: none; }
html.bz-js:not(.bz-abas-on) .bz-painel-aba:target, html.bz-sem-abas .bz-painel-aba { display: block !important; }
.bz-painel-aba + .bz-painel-aba { margin-top: var(--e7); }
html.bz-js .bz-painel-aba + .bz-painel-aba { margin-top: 0; }
.bz-painel-cab { justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; min-height: 2.5rem; margin-bottom: 16px; }
.bz-painel-nota { font-size: .875rem; line-height: 1.25rem; color: var(--texto-2); max-width: 40rem; }
.bz-painel-nota > * + * { margin-top: .25em; }
.bz-painel-acoes { flex: 0 0 auto; margin-left: auto; }
@media (max-width: 767px) {
	.bz-painel-cab { flex-wrap: nowrap; align-items: flex-start; min-height: 2.75rem; }
	.bz-painel-acoes .bz-btn { min-height: 36px; padding: 0 12px; }
}

/* grade e card de produto */
.bz-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 359px) { .bz-grade { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 768px) { .bz-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1024px) { .bz-grade { gap: 24px; } }
.bz-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: background-color var(--t), border-color var(--t); }
.bz-card.is-destaque { border-color: var(--primaria-linha); }
.bz-card:focus-within { outline: 2px solid var(--primaria); outline-offset: 2px; }
.bz-card:focus-within a:focus-visible { outline: 0; }
.bz-card:active { transform: translateY(1px); }
.bz-card-arte { position: relative; justify-content: center; aspect-ratio: 4 / 3; min-height: 0; overflow: hidden; background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .05), transparent 65%), var(--poco); border-bottom: 1px solid var(--borda); transition: background-color var(--t); }
/* brilho na cor do servidor atrás da arte (sem color-mix: fica o brilho branco de cima) */
.bz-card-arte { background: radial-gradient(60% 60% at 50% 58%, color-mix(in srgb, var(--srv-cor, #ffffff) 13%, transparent), transparent 72%), var(--poco); }
.bz-card-arte img { width: 84%; height: 84%; min-height: 0; object-fit: contain; transition: transform var(--t) var(--curva); }
.bz-card-arte-ico { font-size: 3rem; color: var(--texto-3); }
.bz-card-selo { position: absolute; top: 10px; left: 10px; z-index: 1; }
.bz-card-corpo { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 12px; min-width: 0; }
.bz-card-srv { gap: 6px; font-size: .75rem; font-weight: 500; color: var(--texto-3); }
.bz-card-srv i { font-size: .6875rem; }
.bz-card-nome { font-size: var(--fs-h3); line-height: var(--lh-h3); overflow-wrap: anywhere; }
.bz-card-nome a { color: var(--texto); }
.bz-card-nome a::after { content: ''; position: absolute; inset: 0; z-index: 2; }
.bz-card-nome a:hover { text-decoration: none; }
/* duração em destaque (selo): amarelo; pacote curto (< 7 dias, ex. Wipe Pass) em laranja */
.bz-card-dur { gap: 6px; width: fit-content; margin: 2px 0 4px; padding: 3px 10px; border: 1px solid rgba(255, 203, 0, .45); border-radius: 999px; background: rgba(255, 203, 0, .1); color: #ffcb00; font-family: var(--f-display); font-weight: 800; font-size: .75rem; line-height: 1.125rem; letter-spacing: .04em; text-transform: uppercase; }
.bz-card-dur i { font-size: .75rem; color: inherit; }
.bz-card-dur.is-curto { border-color: rgba(251, 146, 60, .6); background: rgba(251, 146, 60, .12); color: #fb923c; }
.bz-card-dur.bz-dur-g { padding: 4px 12px; font-size: .8125rem; }
.bz-card-alerta { gap: 6px; font-size: .75rem; font-weight: 600; color: var(--alerta-txt); }
.bz-card-alerta.is-info { align-self: flex-start; min-height: 22px; padding: 0 9px; border: 1px solid var(--borda); border-radius: var(--raio-pilula); background: rgba(255, 255, 255, .04); color: var(--texto-2); font-weight: 500; }
.bz-card-alerta.is-info i { color: var(--texto-3); }
.bz-card-dest { display: grid; gap: 4px; margin-top: 4px; }
.bz-card-dest li { display: flex; gap: 8px; font-size: .8125rem; line-height: 1.125rem; color: var(--texto-2); }
.bz-card-dest li i { flex: 0 0 auto; margin-top: 4px; font-size: .625rem; color: var(--texto-3); }
.bz-card-dest li span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bz-card-pe { display: grid; gap: 12px; margin-top: auto; padding: 0 16px 16px; }
.bz-card-preco { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; font-variant-numeric: tabular-nums; }
.bz-card-preco strong { font-family: var(--f-display); font-size: var(--fs-preco); line-height: 1.5rem; }
.bz-card-preco small { margin-left: -4px; font-size: .8125rem; color: var(--texto-2); }
.bz-card-preco s { font-size: .8125rem; color: var(--texto-3); }
.bz-card-btn { min-height: 40px; transition: background-color var(--t-rapido), color var(--t-rapido), box-shadow var(--t-rapido); }
/* 3+ cards (.bz-grade--n): botão secundário; o card em destaque e o hover ficam com o amarelo */
.bz-grade--n > .bz-card:not(.is-destaque) .bz-card-btn { background: var(--sup-2); color: var(--texto); box-shadow: inset 0 0 0 1px var(--borda-forte); }
.bz-card-indisp { gap: 8px; min-height: 40px; font-size: .8125rem; color: var(--texto-2); }
.bz-card.is-indisponivel .bz-card-arte img { opacity: .5; }
@media (hover: hover) {
	.bz-card:hover { border-color: rgba(255, 203, 0, .35); background: var(--sup-2); }
	.bz-card:hover .bz-card-arte { background: radial-gradient(60% 60% at 50% 58%, rgba(255, 255, 255, .08), transparent 72%), var(--poco); }
	.bz-card:hover .bz-card-arte { background: radial-gradient(60% 60% at 50% 58%, color-mix(in srgb, var(--srv-cor, #ffcb00) 22%, transparent), transparent 72%), var(--poco); }
	.bz-card:hover .bz-card-arte img { transform: translateY(-3px) scale(1.02); }
	.bz-grade > .bz-card:hover .bz-card-btn { background: var(--primaria); color: var(--contraste); box-shadow: none; }
}
@media (max-width: 479px) {
	.bz-card-dest { display: none; }
	.bz-card-corpo { padding: 12px 12px 10px; gap: 4px; }
	.bz-card-pe { padding: 0 12px 12px; gap: 10px; }
	.bz-card-btn { min-height: 36px; font-size: .875rem; }
	.bz-card-selo { top: 8px; left: 8px; }
}
/* tablet: 3 colunas compactas. Grade com 1 ou 2 pacotes (.bz-grade--1/--2: Vanilla, 2X, Kits) ocupa a linha toda */
@media (min-width: 768px) and (max-width: 1023px) { .bz-grade--n .bz-card-dest { display: none; } }
.bz-grade--1 .bz-card-dest { display: grid; }
@media (max-width: 767px) {
	.bz-grade--1 { grid-template-columns: minmax(0, 1fr); }
	.bz-grade--1 .bz-card-arte { aspect-ratio: 16 / 10; }
}
@media (min-width: 768px) {
	.bz-grade--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bz-grade--2 .bz-card-arte { aspect-ratio: 16 / 10; }
	.bz-grade--1 { grid-template-columns: minmax(0, 1fr); }
	.bz-grade--1 > .bz-card { display: grid; grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); grid-template-rows: 1fr auto; }
	.bz-grade--1 .bz-card-arte { grid-row: 1 / 3; aspect-ratio: auto; min-height: 15rem; border-bottom: 0; border-right: 1px solid var(--borda); }
	.bz-grade--1 .bz-card-corpo { gap: 8px; padding: 24px 24px 12px; }
	.bz-grade--1 .bz-card-nome { font-size: var(--fs-h2); line-height: var(--lh-h2); }
	.bz-grade--1 .bz-card-pe { grid-template-columns: auto minmax(0, 14rem); align-items: center; justify-content: space-between; padding: 0 24px 24px; }
}
.bz-vazio { display: grid; justify-items: center; gap: 12px; padding: 40px 16px; text-align: center; color: var(--texto-2); }
.bz-vazio > i { font-size: 2rem; color: var(--texto-3); }
.bz-vazio--caixa { border: 1px dashed var(--borda-forte); border-radius: var(--raio); }

/* popups em <details> (sem JS abrem no lugar) */
.bz-pop > summary i { color: var(--texto-2); }
.bz-pop[open] > summary { border-color: var(--primaria-linha); }
html:not(.bz-js) .bz-pop[open] { flex-basis: 100%; width: 100%; }
.bz-idioma .bz-menu-lista, .bz-moeda .bz-menu-lista { left: 0; right: auto; }
.bz-pop-corpo { margin-top: 12px; padding: 20px; border: 1px solid var(--borda-forte); border-radius: var(--raio); background: var(--sup-1); }
.bz-camada .bz-pop-corpo { margin: 0; padding: 0; border: 0; background: none; }
.bz-pop-tit { gap: 12px; padding-right: 44px; font-size: var(--fs-h2); line-height: var(--lh-h2); outline: 0; }
.bz-pop-tit-ico { width: 36px; height: 36px; border-radius: var(--raio-p); background: var(--poco); border: 1px solid var(--borda); font-size: 1rem; }
.bz-pop-frase { margin-top: 8px; font-size: .875rem; line-height: 1.25rem; color: var(--texto-2); }
.bz-info-lista { margin: 16px 0 0; border-top: 1px solid var(--borda); }
.bz-info-linha { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--borda); }
.bz-info-linha dt { line-height: 1.25rem; color: var(--texto-3); }
.bz-info-linha dd { margin: 0; display: grid; gap: 2px; min-width: 0; }
.bz-info-v { gap: 8px; font-weight: 600; color: var(--texto); font-variant-numeric: tabular-nums; }
.bz-info-linha dd small { font-size: .8125rem; line-height: 1.125rem; color: var(--texto-2); }
.bz-info-linha.is-wipe .bz-info-v { color: var(--wipe); }
.bz-info-linha.is-forcado small { color: var(--wipe); }
@media (max-width: 479px) { .bz-info-linha { grid-template-columns: minmax(0, 1fr); gap: 2px; } }
.bz-pop-dica { margin-top: 16px; margin-bottom: 8px; }
.bz-pop-desc { margin-top: 16px; font-size: .875rem; line-height: 1.375rem; }
.bz-pop-links { display: flex; gap: 8px; margin-top: 20px; font-size: .875rem; }
.bz-pop-links a { flex: 1; justify-content: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 1px solid var(--borda-forte); border-radius: var(--raio-p); color: var(--texto); font-weight: 600; transition: background-color var(--t-rapido), border-color var(--t-rapido); }
.bz-pop-links a:hover { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .2); text-decoration: none; }
.bz-pop-links a i { color: var(--texto-2); }
.bz-pop-links a .fa-discord { color: #8b95ff; }
.bz-connect { gap: 8px; min-height: 44px; padding: 4px 4px 4px 12px; border: 1px dashed var(--borda-forte); border-radius: var(--raio-p); background: var(--poco); }
.bz-connect-cmd { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .875rem; color: var(--texto); user-select: all; }
.bz-connect-copiar { gap: 6px; min-height: 36px; padding: 0 12px; border: 0; border-radius: 6px; background: transparent; color: var(--primaria); font-weight: 700; font-size: .8125rem; cursor: pointer; white-space: nowrap; }
.bz-connect-copiar:hover { background: var(--primaria-suave); }
.bz-connect-copiar.is-copiado { color: var(--ok-txt); }
/* celular: o endereço quebra linha em vez de virar "vanilla.brasa.g…" (a fonte mono do iPhone/Android é mais larga) */
@media (max-width: 479px) { .bz-connect-cmd { white-space: normal; overflow-wrap: anywhere; text-overflow: clip; } }

/* tabela (Comparar VIPs e horários de wipe) */
.bz-tabela-rola { margin-top: 16px; overflow-x: auto; border: 1px solid var(--borda); border-radius: var(--raio); -webkit-overflow-scrolling: touch; }
.bz-tabela { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .875rem; font-variant-numeric: tabular-nums; }
.bz-tabela th, .bz-tabela td { padding: 12px 14px; border-bottom: 1px solid var(--borda); text-align: center; vertical-align: middle; min-width: 7rem; }
.bz-tabela tbody tr:last-child > * { border-bottom: 0; }
.bz-tabela thead th { vertical-align: bottom; padding-top: 16px; }
.bz-tabela tbody th { text-align: left; font-weight: 600; color: var(--texto-2); }
.bz-tabela .bz-fixa { position: sticky; left: 0; z-index: 1; background: var(--sup-1); min-width: 9rem; text-align: left; }
.bz-camada .bz-tabela .bz-fixa { background: var(--sup-2); }
.bz-tabela .is-destaque { background: var(--primaria-suave); }
.bz-tabela thead .bz-selo-com { margin: 0 auto 8px; }
.bz-th-nome { display: block; font-size: 1rem; color: var(--texto); white-space: nowrap; }
.bz-th-preco { display: block; margin: 4px 0 10px; font-weight: 600; color: var(--texto-2); white-space: nowrap; }
.bz-th-preco small { font-size: .75rem; }
.bz-comp-dica { display: none; margin-top: 8px; font-size: .8125rem; color: var(--texto-2); }
.bz-sim { color: var(--texto); }
.bz-nao { color: var(--texto-3); }

/* casca dos popups (produto, informações, comparar) */
.bz-camada { position: fixed; inset: 0; z-index: var(--z-modal); justify-content: center; padding: 1.5rem; background: var(--veu); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity var(--t); }
.bz-camada.is-on { opacity: 1; }
html.bz-modal-aberto, html.bz-modal-aberto body { overflow: hidden; }
.bz-dialogo { position: relative; display: flex; flex-direction: column; width: min(57.5rem, 100vw - 3rem); max-height: calc(100vh - 3rem); border: 1px solid var(--borda-forte); border-radius: var(--raio); background: var(--sup-2); box-shadow: var(--sombra-pop); outline: 0; transform: translateY(8px); transition: transform var(--t) var(--curva); }
.bz-camada.is-on .bz-dialogo { transform: none; }
.bz-dialogo--p { width: min(30rem, 100vw - 3rem); }
.bz-dialogo--g { width: min(65rem, 100vw - 3rem); }
.bz-dlg-cab { gap: 4px; min-height: 56px; padding: 0 8px 0 20px; border-bottom: 1px solid var(--borda); flex: 0 0 auto; }
.bz-dlg-contexto { flex: 1; min-width: 0; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; color: var(--texto-2); font-variant-numeric: tabular-nums; }
.bz-dlg-nav { display: flex; gap: 4px; padding-right: 4px; margin-right: 4px; border-right: 1px solid var(--borda); }
.bz-dialogo--pop .bz-dlg-cab { position: absolute; top: 10px; right: 10px; z-index: 2; min-height: 0; padding: 0; border: 0; }
.bz-dialogo--pop .bz-dlg-contexto { display: none; }
.bz-dlg-corpo { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 24px; }
@media (min-width: 768px) {
	.bz-camada { align-items: flex-start; padding-top: max(1.5rem, 6vh); }
	.bz-dialogo { max-height: calc(100vh - 2 * max(1.5rem, 6vh)); }
}
/* Comparar VIPs abaixo de 1024: tabela compacta (no tablet cabem as 5 colunas) e degradê enquanto houver coluna à direita */
@media (max-width: 1023px) {
	.bz-camada .bz-tabela { font-size: .8125rem; }
	.bz-camada .bz-tabela th, .bz-camada .bz-tabela td { min-width: 5.5rem; padding: 10px 8px; }
	.bz-camada .bz-tabela .bz-fixa { min-width: 6.75rem; max-width: 6.75rem; }
	.bz-camada .bz-tabela-rola:not(.is-fim) .bz-fixa, .bz-camada .bz-tabela-rola.is-rolada .bz-fixa { box-shadow: 8px 0 12px -8px rgba(0, 0, 0, .7); }
	.bz-camada .bz-tabela thead .bz-btn { min-height: 32px; padding: 0 10px; font-size: .8125rem; }
	.bz-camada .bz-th-nome { font-size: .875rem; }
	.bz-camada .bz-tabela-rola:not(.is-fim) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); }
}
@media (max-width: 767px) {
	.bz-camada { padding: 0; align-items: stretch; }
	.bz-dialogo, .bz-dialogo--g, .bz-dialogo--m { width: 100%; max-height: none; height: 100%; height: 100dvh; border: 0; border-radius: 0; transform: translateY(24px); transition: transform var(--t-lento) var(--curva); }
	.bz-dialogo--p { align-self: flex-end; width: 100%; height: auto; max-height: 85vh; border-radius: var(--raio) var(--raio) 0 0; border: 1px solid var(--borda-forte); border-bottom: 0; }
	.bz-dlg-corpo, .bz-dialogo--pop .bz-dlg-corpo { padding: 16px; }
	.bz-dialogo--p .bz-dlg-corpo { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
	.bz-dlg-cab { position: sticky; top: 0; background: var(--sup-2); z-index: 3; }
	.bz-dialogo--pop .bz-dlg-cab { position: absolute; top: 8px; right: 8px; background: transparent; }
	.bz-dlg-cab { padding-left: 16px; }
	/* Comparar VIPs no celular: folha de baixo do tamanho da tabela + aviso de que rola */
	.bz-dialogo--g { align-self: flex-end; height: auto; max-height: 92vh; max-height: 92dvh; border: 1px solid var(--borda-forte); border-bottom: 0; border-radius: var(--raio) var(--raio) 0 0; }
	.bz-dialogo--g .bz-dlg-corpo { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
	.bz-comp-dica { display: block; }
}
.bz-produto.is-entrando { opacity: .6; }
.bz-produto { transition: opacity 120ms; }
.bz-esq { display: block; height: 14px; border-radius: 6px; background: linear-gradient(90deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .08), rgba(255, 255, 255, .04)); background-size: 200% 100%; animation: bz-brilho 1.2s linear infinite; }
.bz-esq--btn { height: 52px; border-radius: var(--raio-p); }
.bz-compra--esq { display: grid; gap: 14px; }
@keyframes bz-brilho { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* produto (página direta e popup) */
.bz-prod-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.bz-prod-esq, .bz-prod-dir { display: contents; }
.bz-prod-cab { order: 1; gap: 14px; }
.bz-compra { order: 2; }
.bz-prod-oque { order: 3; }
.bz-prod-desc { order: 4; }
.bz-prod-arte { justify-content: center; width: 96px; height: 96px; flex: 0 0 auto; border: 1px solid var(--borda); border-radius: var(--raio); background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .05), transparent 65%), var(--poco); overflow: hidden; }
.bz-prod-arte img { width: 86%; height: 86%; object-fit: contain; }
.bz-prod-arte > i { font-size: 2rem; color: var(--texto-3); }
.bz-prod-cab-txt { display: grid; gap: 4px; min-width: 0; }
.bz-prod-nome { font-size: var(--fs-h1); line-height: var(--lh-h1); outline: 0; overflow-wrap: anywhere; }
.bz-prod-preco { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; font-variant-numeric: tabular-nums; color: var(--texto-2); }
.bz-prod-preco strong { font-family: var(--f-display); font-size: var(--fs-preco-g); line-height: 2rem; color: var(--texto); }
.bz-prod-preco small { font-size: .8125rem; }
.bz-prod-preco small.is-junto { margin-left: -4px; }
.bz-produto.is-presente [data-bz-economia] { display: none; }
.bz-prod-preco s { color: var(--texto-3); }
.bz-prod-cab .bz-chips { margin-top: 4px; }
.bz-prod-oque, .bz-prod-desc { padding: 16px; }
.bz-camada .bz-prod-oque, .bz-camada .bz-prod-desc { background: rgba(255, 255, 255, .015); }
.bz-checks { display: grid; gap: 8px; }
.bz-checks li { display: flex; gap: 10px; font-size: .875rem; line-height: 1.25rem; color: var(--texto); }
.bz-checks li i { flex: 0 0 auto; margin-top: 4px; font-size: .6875rem; color: var(--primaria); }
@media (min-width: 768px) {
	.bz-camada .bz-prod-grade { grid-template-columns: 20rem minmax(0, 1fr); gap: 24px; align-items: start; }
	.bz-camada .bz-prod-esq, .bz-camada .bz-prod-dir { display: grid; gap: 16px; align-content: start; }
	.bz-camada .bz-prod-cab { display: grid; align-items: start; }
	.bz-camada .bz-prod-arte { width: 100%; height: auto; aspect-ratio: 4 / 3; }
	.is-produto .bz-prod-arte { width: 120px; height: 120px; }
}
@media (min-width: 1200px) {
	.is-produto .bz-prod-grade { grid-template-columns: 20rem minmax(0, 1fr); gap: 24px; align-items: start; }
	.is-produto .bz-prod-esq, .is-produto .bz-prod-dir { display: grid; gap: 16px; align-content: start; }
	.is-produto .bz-prod-esq { position: sticky; top: calc(var(--topo-h) + 16px); }
	.is-produto .bz-prod-cab { display: grid; align-items: start; }
	.is-produto .bz-prod-arte { width: 100%; height: auto; aspect-ratio: 4 / 3; }
}

.bz-compra { display: grid; gap: 14px; align-content: start; min-width: 0; }
.is-produto .bz-compra { padding: 20px; }
.bz-vale { gap: 10px; font-size: .875rem; color: var(--texto-2); }
.bz-vale i { font-size: .875rem; }
.bz-callout { display: flex; gap: 10px; padding: 12px 14px; border: 1px solid var(--borda); border-radius: var(--raio-p); background: rgba(255, 255, 255, .03); font-size: .875rem; line-height: 1.25rem; color: var(--texto-2); }
.bz-callout > i { margin-top: 2px; color: var(--texto-3); }
.bz-chip-alerta, .bz-callout-alerta { background: var(--alerta-fundo); border-color: var(--alerta-linha); color: var(--alerta-txt); }
.bz-chip-info i { color: var(--texto-3); }
.bz-callout-alerta > i { color: var(--alerta-txt); }
.bz-callout a { font-weight: 600; }
.bz-quem { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; gap: 12px; }
.bz-passo-tit { padding: 0; margin: 0 0 2px; font-size: .9375rem; color: var(--texto); }
.bz-abas { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid var(--borda); border-radius: var(--raio-p); background: var(--poco); }
.bz-aba { gap: 8px; min-height: 44px; border-radius: 6px; color: var(--texto-2); font-size: .9375rem; cursor: pointer; transition: background-color var(--t-rapido), color var(--t-rapido); }
.bz-aba:hover { color: var(--texto); }
.bz-aba-in:nth-of-type(1):checked ~ .bz-abas .bz-aba:nth-of-type(1),
.bz-aba-in:nth-of-type(2):checked ~ .bz-abas .bz-aba:nth-of-type(2) { background: var(--primaria); color: var(--contraste); }
.bz-aba-in:nth-of-type(1):focus-visible ~ .bz-abas .bz-aba:nth-of-type(1),
.bz-aba-in:nth-of-type(2):focus-visible ~ .bz-abas .bz-aba:nth-of-type(2) { outline: 2px solid var(--primaria); outline-offset: 2px; }
.bz-painel { display: none; gap: 12px; min-width: 0; }
.bz-painel-sempre,
.bz-aba-in:nth-of-type(1):checked ~ .bz-painel-mim,
.bz-aba-in:nth-of-type(2):checked ~ .bz-painel-presente { display: grid; }
.bz-planos { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; gap: 10px; }
.bz-ops { display: grid; gap: 8px; }
.bz-op { position: relative; justify-content: space-between; gap: 12px; min-height: 64px; padding: 10px 14px 10px 44px; border: 1px solid var(--borda-forte); border-radius: var(--raio-p); background: var(--poco); cursor: pointer; transition: border-color var(--t-rapido), background-color var(--t-rapido); }
.bz-op::before { content: ''; position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border: 2px solid var(--texto-3); border-radius: 50%; transition: border-color var(--t-rapido), background-color var(--t-rapido); }
.bz-op:hover { border-color: rgba(255, 255, 255, .22); }
.bz-op-in:nth-of-type(1):checked ~ .bz-ops > .bz-op:nth-of-type(1), .bz-op-in:nth-of-type(2):checked ~ .bz-ops > .bz-op:nth-of-type(2), .bz-op-in:nth-of-type(3):checked ~ .bz-ops > .bz-op:nth-of-type(3),
.bz-op-in:nth-of-type(4):checked ~ .bz-ops > .bz-op:nth-of-type(4) { border-color: var(--primaria); background: var(--primaria-suave); }
.bz-op-in:nth-of-type(1):checked ~ .bz-ops > .bz-op:nth-of-type(1)::before, .bz-op-in:nth-of-type(2):checked ~ .bz-ops > .bz-op:nth-of-type(2)::before, .bz-op-in:nth-of-type(3):checked ~ .bz-ops > .bz-op:nth-of-type(3)::before,
.bz-op-in:nth-of-type(4):checked ~ .bz-ops > .bz-op:nth-of-type(4)::before { border-color: var(--primaria); background: var(--primaria); box-shadow: inset 0 0 0 3px var(--poco); }
.bz-op-in:nth-of-type(1):focus-visible ~ .bz-ops > .bz-op:nth-of-type(1), .bz-op-in:nth-of-type(2):focus-visible ~ .bz-ops > .bz-op:nth-of-type(2), .bz-op-in:nth-of-type(3):focus-visible ~ .bz-ops > .bz-op:nth-of-type(3),
.bz-op-in:nth-of-type(4):focus-visible ~ .bz-ops > .bz-op:nth-of-type(4) { outline: 2px solid var(--primaria); outline-offset: 2px; }
.bz-op-txt { display: grid; gap: 2px; min-width: 0; }
.bz-op-txt strong { flex-wrap: wrap; gap: 6px 8px; font-size: .9375rem; }
.bz-op-desc { font-family: var(--f-texto); font-size: .75rem; font-weight: 700; color: var(--ok-txt); }
.bz-op-melhor { height: 18px; font-size: .625rem; }
.bz-op-sub { font-size: .8125rem; color: var(--texto-2); }
.bz-op-preco, .bz-unico-preco { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; column-gap: 3px; flex: 0 0 auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bz-op-preco { max-width: 9rem; }
.bz-op-preco s, .bz-unico-preco s { flex-basis: 100%; text-align: right; font-size: .75rem; color: var(--texto-3); }
.bz-op-preco > span { font-size: 1rem; }
.bz-op-preco small, .bz-unico-preco small { font-size: .75rem; color: var(--texto-2); }
.bz-ctas > .bz-cta { display: none; }
.bz-ctas-1 > .bz-cta,
.bz-op-in:nth-of-type(1):checked ~ .bz-ctas > .bz-cta:nth-of-type(1), .bz-op-in:nth-of-type(2):checked ~ .bz-ctas > .bz-cta:nth-of-type(2), .bz-op-in:nth-of-type(3):checked ~ .bz-ctas > .bz-cta:nth-of-type(3),
.bz-op-in:nth-of-type(4):checked ~ .bz-ctas > .bz-cta:nth-of-type(4) { display: flex; }
.bz-ctas > .bz-cta[hidden], .bz-ops > .bz-op[hidden] { display: none !important; }
.bz-cta-preco { white-space: nowrap; }
@media (max-width: 480px) {
	.bz-cta .bz-cta-txt { display: grid; justify-items: center; gap: 1px; line-height: 1.15; }
	.bz-cta .bz-cta-sep { display: none; }
	.bz-cta .bz-cta-preco { font-size: .8125rem; opacity: .85; }
}
.bz-unico { gap: 12px; min-height: 64px; padding: 10px 14px; border: 1px solid var(--borda-forte); border-radius: var(--raio-p); background: var(--poco); }
.bz-unico > i { color: var(--texto-3); }
.bz-unico-txt { display: grid; flex: 1; min-width: 0; }
.bz-unico-txt small { font-family: var(--f-texto); font-weight: 400; font-size: .8125rem; color: var(--texto-2); }
.bz-unico-preco strong { font-family: var(--f-display); font-size: 1rem; }
.bz-conta-linha { gap: 8px; font-size: .8125rem; color: var(--texto-2); }
.bz-conta-linha i { color: var(--texto-3); }
.bz-conta-linha a { color: var(--texto-2); text-decoration: underline; text-underline-offset: 2px; }
.bz-avulso > summary { display: inline-block; padding: 4px 0; font-size: .8125rem; color: var(--texto-2); text-decoration: underline; text-underline-offset: 3px; }
.bz-avulso > summary:hover { color: var(--texto); }
.bz-avulso-corpo { display: grid; gap: 10px; margin-top: 8px; }
.bz-seguro { gap: 8px; padding-top: 12px; border-top: 1px solid var(--borda); font-size: .8125rem; color: var(--texto-2); }
.bz-seguro i { color: var(--texto-3); }
.bz-co-idioma { display: flex; gap: 8px; }
.bz-desc > summary { justify-content: space-between; gap: 12px; min-height: 28px; font-size: .9375rem; }
.bz-desc > summary .bz-caret { color: var(--texto-3); }
.bz-desc[open] .bz-caret { transform: rotate(180deg); }
.bz-desc-corpo { margin-top: 12px; font-size: .875rem; line-height: 1.375rem; }
@media (max-width: 767px) {
	.is-produto .bz-ctas { position: sticky; bottom: 0; z-index: 5; margin: 0 -20px -20px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); background: var(--sup-1); border-top: 1px solid var(--borda); }
	.bz-camada .bz-ctas { position: sticky; bottom: -16px; z-index: 5; margin: 0 -16px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: var(--sup-2); border-top: 1px solid var(--borda); }
	body.is-produto .bz-dc { display: none; }
	.is-produto .bz-compra { padding: 16px; }
	.is-produto .bz-ctas { margin: 0 -16px -16px; padding-left: 16px; padding-right: 16px; }
}

/* presente */
.bz-presente { display: grid; gap: 10px; }
.bz-presente .bz-intro { font-size: .875rem; }
.bz-label { font-size: .8125rem; font-weight: 600; color: var(--texto); }
.bz-input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--borda-forte); border-radius: var(--raio-p); background: var(--poco); color: var(--texto); font: inherit; font-size: .9375rem; transition: border-color var(--t-rapido), box-shadow var(--t-rapido); }
.bz-input::placeholder { color: var(--texto-3); }
.bz-input:focus { outline: 0; border-color: var(--primaria); box-shadow: 0 0 0 3px rgba(255, 203, 0, .18); }
.bz-input.is-valido { border-color: var(--online); }
.bz-input.is-invalido { border-color: #ef4444; }
.bz-status { font-size: .8125rem; line-height: 1.125rem; color: var(--texto-2); }
.bz-status:empty { display: none; }
.bz-status.is-ok { color: var(--ok-txt); }
.bz-status.is-ruim { color: var(--erro-txt); }
.bz-status.is-alerta { color: var(--alerta-txt); }
.bz-status a { font-weight: 700; }
.bz-pres-falta { margin-top: -4px; text-align: center; }
.bz-ajuda > summary { display: inline-flex; align-items: center; min-height: 32px; font-size: .8125rem; color: var(--texto-2); text-decoration: underline; text-underline-offset: 3px; }
/* "Onde acho isso?" (v4, G7): um passo a passo por forma, com imagem/GIF opcional */
@media (pointer: coarse) { .bz-ajuda > summary, .bz-avulso > summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0; } }
.bz-ajuda-lista { display: grid; gap: 6px; margin-top: 6px; }
.bz-ajuda-item { border: 1px solid var(--borda); border-radius: var(--raio-p); background: rgba(255, 255, 255, .02); }
.bz-ajuda-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 0 12px; font-size: .875rem; font-weight: 600; color: var(--texto); }
.bz-ajuda-item > summary .bz-caret { color: var(--texto-3); }
.bz-ajuda-item[open] > summary .bz-caret { transform: rotate(180deg); }
.bz-ajuda-corpo { display: grid; gap: 10px; padding: 0 12px 12px; font-size: .8125rem; line-height: 1.25rem; color: var(--texto-2); }
.bz-ajuda-corpo strong { color: var(--texto); }
.bz-ajuda-corpo img { display: block; width: 100%; max-width: 28rem; border: 1px solid var(--borda); border-radius: var(--raio-p); }
/* lista de amigos da Steam (v4, G7) */
.bz-amigos { display: grid; gap: 8px; }
.bz-amigos-btn .bz-caret { margin-left: 2px; }
.bz-amigos.is-aberto .bz-amigos-btn { border-color: var(--primaria-linha); }
.bz-amigos.is-aberto .bz-amigos-btn .bz-caret { transform: rotate(180deg); }
.bz-amigos-painel { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--borda-forte); border-radius: var(--raio-p); background: var(--poco); }
.bz-amigos-busca-caixa { position: relative; display: block; }
.bz-amigos-busca-caixa > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--texto-3); font-size: .8125rem; pointer-events: none; }
.bz-amigos-busca { min-height: 44px; padding-left: 38px; background: var(--sup-1); -webkit-appearance: none; appearance: none; }
.bz-amigos-msg { padding: 0 2px; font-size: .8125rem; line-height: 1.25rem; color: var(--texto-3); }
.bz-amigos-msg:empty { display: none; }
.bz-amigos-msg.is-alerta { color: var(--alerta-txt); }
.bz-amigos-msg small { display: block; margin-top: 4px; color: var(--texto-2); }
.bz-amigos-tentar { min-height: 32px; color: var(--primaria); font-weight: 600; }
.bz-amigos-lista { display: grid; gap: 2px; max-height: 18rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.bz-amigos-lista:empty { display: none; }
.bz-amigo { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 6px 10px; border: 0; border-radius: var(--raio-p); background: transparent; text-align: left; cursor: pointer; }
.bz-amigo:hover, .bz-amigo:focus-visible { background: rgba(255, 255, 255, .06); }
.bz-amigo:focus-visible { outline-offset: -2px; }
.bz-amigo-av { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; overflow: hidden; border-radius: 6px; background: var(--sup-2); color: var(--texto-2); font-size: .8125rem; font-weight: 700; }
.bz-amigo-av img { width: 100%; height: 100%; object-fit: cover; }
.bz-amigo-nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9375rem; font-weight: 600; color: var(--texto); }
.bz-amigo-st { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; font-size: .75rem; color: var(--texto-3); }
.bz-amigo-st.is-on { color: var(--online-txt); }
.bz-amigo-st .bz-ponto { width: 6px; height: 6px; box-shadow: none; }

/* carrinho */
.bz-lista > li + li { border-top: 1px solid var(--borda); }
.bz-carrinho-grade { display: grid; gap: 24px; }
@media (min-width: 1200px) { .bz-carrinho-grade { grid-template-columns: minmax(0, 1fr) 18.75rem; align-items: start; } .bz-resumo { position: sticky; top: calc(var(--topo-h) + 16px); } }
.bz-linha { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px 14px; padding: 16px; align-items: start; }
.bz-linha-img { justify-content: center; width: 56px; height: 56px; border-radius: var(--raio-p); background: var(--poco); border: 1px solid var(--borda); overflow: hidden; color: var(--texto-3); }
.bz-linha-img img { width: 90%; height: 90%; object-fit: contain; }
.bz-linha-info { display: grid; gap: 6px; min-width: 0; }
.bz-linha-nome { color: var(--texto); }
.bz-linha-presente { font-size: .8125rem; color: var(--texto-2); gap: 6px; }
.bz-linha-preco { display: grid; justify-items: end; text-align: right; font-variant-numeric: tabular-nums; }
.bz-linha-preco strong { font-family: var(--f-display); font-size: 1.125rem; }
.bz-linha-preco small { font-size: .75rem; color: var(--texto-2); }
.bz-linha-acoes { grid-column: 2 / -1; justify-content: space-between; gap: 12px; }
.bz-linha-acoes > form:last-child { margin-left: auto; }
.bz-qtd { gap: 4px; padding: 2px; border: 1px solid var(--borda); border-radius: var(--raio-p); }
.bz-qtd form { display: contents; }
.bz-qtd-btn { width: 36px; height: 36px; }
.bz-qtd-n { min-width: 28px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.bz-qtd-btn[disabled] { opacity: .35; cursor: not-allowed; }
.bz-esvaziar { margin-top: 8px; }
.bz-resumo { display: grid; gap: 14px; padding: 20px; }
.bz-resumo-total { display: flex; align-items: baseline; justify-content: space-between; color: var(--texto-2); }
.bz-resumo-total strong, .bz-resumo-total-p strong { font-family: var(--f-display); font-size: 1.5rem; color: var(--texto); font-variant-numeric: tabular-nums; }
.bz-resumo-total-p { display: none; }
.bz-link-seta--volta { font-weight: 500; color: var(--texto-2); }
@media (max-width: 767px) {
	.bz-resumo-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-barra); display: flex; align-items: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--sup-2); border-top: 1px solid var(--borda-forte); }
	.bz-resumo-total-p { display: grid; flex: 0 0 auto; font-size: .75rem; line-height: 1rem; color: var(--texto-2); }
	.bz-resumo-total-p strong { font-size: 1.125rem; line-height: 1.375rem; }
	.bz-resumo-cta .bz-btn { flex: 1; }
	.bz-linha { grid-template-columns: 48px minmax(0, 1fr); }
	.bz-linha-img { width: 48px; height: 48px; }
	.bz-linha-preco { grid-column: 2; justify-items: start; text-align: left; }
}

/* conta */
.bz-conta-abas { margin-bottom: 20px; }
.bz-conta-item { justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; padding: 16px; }
.bz-conta-item-info { display: grid; gap: 4px; min-width: 0; flex: 1; }
.bz-conta-estado { flex-wrap: wrap; gap: 6px; }
.bz-conta-nota { margin-top: 16px; }
@media (max-width: 479px) { .bz-conta-item-acao { width: 100%; } .bz-conta-item-acao .bz-btn, a.bz-conta-item-acao { width: 100%; } }

/* compra concluída, login */
.bz-fim { display: grid; justify-items: center; gap: 14px; max-width: 35rem; margin: 16px auto 0; padding: 32px 20px; text-align: center; }
.bz-fim-icone { font-size: 3rem; color: var(--online); line-height: 1; }
.bz-fim-icone--neutro { color: var(--texto-2); }
.bz-fim-entrega { display: flex; gap: 10px; text-align: left; color: var(--texto-2); font-size: .875rem; }
.bz-fim-entrega i { margin-top: 4px; color: var(--primaria); }
.bz-fim-connects { display: grid; gap: 8px; width: 100%; text-align: left; }
.bz-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.bz-acoes-centro { justify-content: center; }

/* página Sobre */
.bz-sobre { max-width: 45rem; }
.bz-sobre-txt { margin-top: 8px; }
.bz-passos { display: grid; gap: 12px; }
@media (min-width: 768px) { .bz-passos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bz-passo { display: grid; gap: 10px; align-content: start; padding: 16px; }
.bz-passo-icone { width: 36px; height: 36px; border-radius: var(--raio-p); background: var(--primaria-suave); color: var(--primaria); }
.bz-passo h3 { font-size: 1rem; line-height: 1.375rem; }
.bz-passo p { font-size: .875rem; line-height: 1.25rem; color: var(--texto-2); }
.bz-horarios { overflow: hidden; margin-bottom: 8px; }
.bz-tabela--hor th, .bz-tabela--hor td { text-align: left; min-width: 0; }
.bz-tabela--hor thead th { color: var(--texto-3); padding-top: 12px; }
.bz-tabela--hor tbody th a { gap: 8px; color: var(--texto); }
.bz-tabela--hor td { color: var(--texto-2); }
.bz-hor-prox { display: block; margin-top: 2px; font-size: .75rem; color: var(--texto-3); }
.bz-tabela--hor .bz-connect { min-height: 40px; }
@media (max-width: 767px) {
	.bz-tabela--hor thead { display: none; }
	.bz-tabela--hor, .bz-tabela--hor tbody, .bz-tabela--hor tr, .bz-tabela--hor th, .bz-tabela--hor td { display: block; width: 100%; }
	.bz-tabela--hor tr { padding: 14px 16px; border-bottom: 1px solid var(--borda); }
	.bz-tabela--hor tr:last-child { border-bottom: 0; }
	.bz-tabela--hor th, .bz-tabela--hor td { padding: 4px 0; border: 0; }
	.bz-tabela--hor td[data-rotulo]::before { content: attr(data-rotulo); display: block; font-size: .6875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--texto-3); }
}
.bz-faq { display: grid; gap: 8px; }
.bz-faq-item > summary { gap: 12px; min-height: 52px; padding: 12px 16px; font-weight: 600; }
.bz-faq-item > summary > i:first-child { width: 18px; text-align: center; color: var(--texto-3); }
.bz-faq-item > summary > span { flex: 1; }
.bz-faq-item > summary .bz-caret { color: var(--texto-3); }
.bz-faq-item[open] > summary .bz-caret { transform: rotate(180deg); }
.bz-faq-resp { padding: 0 16px 16px 46px; font-size: .875rem; line-height: 1.375rem; }

/* módulos da PayNow */
.bz-modulos { display: grid; gap: 12px; }
@media (min-width: 768px) { .bz-modulos { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); } }
.bz-modulo { padding: 16px; }
.bz-modulo-tit { margin-bottom: 12px; font-size: .9375rem; }
.bz-modulo-lista { display: grid; gap: 10px; }
.bz-modulo-lista li { gap: 10px; }
.bz-avatar-p { width: 28px; height: 28px; }
.bz-modulo-item { display: grid; flex: 1; min-width: 0; font-size: .8125rem; color: var(--texto-2); }
.bz-modulo-item strong { color: var(--texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-modulo-valor { font-size: .8125rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.bz-meta-barra { height: 8px; border-radius: var(--raio-pilula); background: var(--poco); overflow: hidden; }
.bz-meta-barra span { display: block; height: 100%; background: var(--primaria); border-radius: inherit; }
.bz-meta-txt { margin-top: 8px; font-size: .875rem; color: var(--texto-2); }
.bz-destaque { gap: 12px; color: var(--texto); }
.bz-destaque img { border-radius: var(--raio-p); background: var(--poco); }
.bz-destaque > span { display: grid; flex: 1; font-size: .875rem; }
.bz-gift-form { display: flex; gap: 8px; margin-top: 10px; }

/* avisos, toast, debug */
.bz-aviso { display: flex; gap: 10px; margin-bottom: 16px; padding: 12px 14px; border: 1px solid var(--borda); border-radius: var(--raio-p); font-size: .875rem; }
.bz-aviso-erro { background: var(--erro-fundo); border-color: var(--erro-linha); color: var(--erro-txt); }
.bz-chip-ok, .bz-aviso-ok { background: rgba(34, 197, 94, .08); border-color: rgba(34, 197, 94, .3); color: var(--ok-txt); }
.bz-aviso i { margin-top: 3px; }
.bz-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: var(--z-toast); max-width: calc(100vw - 32px); padding: 12px 16px; border: 1px solid var(--borda-forte); border-radius: var(--raio-p); background: var(--sup-2); box-shadow: var(--sombra-pop); font-size: .875rem; opacity: 0; pointer-events: none; transform: translate(-50%, 8px); transition: opacity var(--t), transform var(--t); }
.bz-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.bz-debug { margin: 24px 0; padding: 16px; border: 1px dashed var(--alerta-linha); border-radius: var(--raio); background: var(--alerta-fundo); color: var(--alerta-txt); }
.bz-debug > summary { font-weight: 700; }
.bz-debug-json { max-height: 60vh; overflow: auto; margin: 12px 0 0; padding: 12px; border-radius: var(--raio-p); background: var(--poco); color: var(--texto-2); font-size: .75rem; white-space: pre-wrap; word-break: break-word; }

/* rodapé */
.bz-rodape { border-top: 1px solid var(--borda); padding: 32px 0; font-size: .8125rem; color: var(--texto-2); }
.bz-rodape-l1 { flex-wrap: wrap; justify-content: space-between; gap: 16px 24px; }
.bz-rodape-copy { gap: 10px; }
.bz-rodape-copy img { width: 28px; height: 28px; object-fit: contain; }
.bz-rodape-links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.bz-rodape a { color: var(--texto-2); }
.bz-rodape a:hover { color: var(--texto); }
.bz-rodape-nota { color: var(--texto-3); font-size: .75rem; }
.bz-rodape-mor { max-width: 45rem; margin-top: 16px; font-size: .75rem; line-height: 1.125rem; color: var(--texto-3); }
.bz-rodape-l3 { gap: 10px; margin-top: 16px; color: var(--texto-3); }
.bz-idiomas-linha { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.bz-idiomas-linha a.is-atual { color: var(--texto); font-weight: 600; }
@media (max-width: 767px) {
	.bz-rodape { padding-bottom: calc(32px + 64px + env(safe-area-inset-bottom)); }
	/* G10: links do rodapé com área de toque de 44 px */
	.bz-rodape-links { gap: 0 18px; }
	.bz-rodape-links a, .bz-idiomas-linha a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
	.bz-rodape-l3 { margin-top: 8px; }
}
/* v4 (G8): a pílula do Discord ficou maior; no fim da página ela não cobre o rodapé */
@media (min-width: 768px) { body.tem-dc .bz-rodape { padding-bottom: 104px; } }

/* barra do carrinho */
.bz-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-barra); gap: 12px; min-height: 56px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) 16px; border-top: 1px solid var(--borda-forte); background: var(--sup-2); box-shadow: var(--sombra-flutua); color: var(--texto); font-size: .875rem; }
.bz-barra:hover { text-decoration: none; }
.bz-barra-ico { color: var(--primaria); }
.bz-barra-txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--texto-2); }
.bz-barra-txt strong { color: var(--texto); font-variant-numeric: tabular-nums; }
.bz-barra-cta { gap: 8px; min-height: 36px; padding: 0 14px; border-radius: var(--raio-p); background: var(--primaria); color: var(--contraste); white-space: nowrap; }
.bz-barra-cta i { font-size: .6875rem; }
@media (min-width: 768px) { .bz-barra { left: 50%; right: auto; bottom: 24px; width: min(35rem, calc(100vw - 48px)); transform: translateX(-50%); border: 1px solid var(--borda-forte); border-radius: var(--raio); padding: 10px 10px 10px 16px; } }
body.bz-tem-barra { padding-bottom: var(--barra-h); }
@media (min-width: 768px) { body.bz-tem-barra { padding-bottom: 88px; } }

/* pílula do Discord (F9; v4 G8): maior, com "Entrar no Discord" sempre visível e o número online embaixo */
.bz-dc { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: var(--z-dc); gap: 8px; height: 48px; padding: 0 16px 0 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--raio-pilula); background: var(--discord); box-shadow: var(--sombra-flutua); color: #fff; transition: transform var(--t) var(--curva), opacity var(--t), visibility 0s linear 0s, background-color var(--t-rapido), box-shadow var(--t-rapido); }
.bz-dc.is-esq { right: auto; left: 16px; }
.bz-dc:hover { text-decoration: none; background: #4752c4; color: #fff; }
.bz-dc-ico { flex: 0 0 auto; font-size: 1.375rem; color: #fff; }
.bz-dc-txt { display: grid; gap: 2px; line-height: 1.15; white-space: nowrap; }
.bz-dc-txt strong { font-size: .875rem; color: #fff; }
.bz-dc-txt small { gap: 6px; font-size: .6875rem; font-weight: 600; color: rgba(255, 255, 255, .9); font-variant-numeric: tabular-nums; }
.bz-dc-txt small .bz-ponto { width: 7px; height: 7px; box-shadow: 0 0 0 2px rgba(255, 255, 255, .22); }
@media (min-width: 768px) { .bz-dc { right: 24px; bottom: 24px; gap: 10px; height: 56px; padding: 0 22px 0 16px; } .bz-dc.is-esq { left: 24px; } .bz-dc-ico { font-size: 1.5rem; } .bz-dc-txt strong { font-size: 1rem; } .bz-dc-txt small { font-size: .75rem; } }
.bz-dc.is-escondida, html.bz-modal-aberto .bz-dc { transform: translateY(calc(100% + 24px)); opacity: 0; pointer-events: none; visibility: hidden; transition: transform var(--t) var(--curva), opacity var(--t), visibility 0s linear var(--t); }
.bz-dc:focus-visible { transform: none; opacity: 1; visibility: visible; outline-color: #fff; }
@media (max-width: 767px) {
	html.bz-menu-aberto .bz-dc { opacity: 0; visibility: hidden; pointer-events: none; }
	/* com a barra do carrinho no celular, o carrinho vem primeiro */
	body.bz-tem-barra .bz-dc { display: none; }
}
@media (min-width: 768px) { body.bz-tem-barra .bz-dc { bottom: 96px; } }

/* movimento reduzido */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
	.bz-dialogo, .bz-camada.is-on .bz-dialogo, .bz-dc.is-escondida { transform: none !important; }
	.bz-esq { animation: none; }
}

/* toque (v4 G10): em tela de toque todo alvo solto tem 44 px (o topo fica de fora: G11). No fim do arquivo para vencer
   as regras compactas acima (qtd 36 px, "Comparar VIPs" 36 px no celular, "Escolher" 32 px na tabela, links 24-40 px). */
@media (pointer: coarse) {
	.bz-qtd-btn { width: 44px; height: 44px; }
	.bz-link-btn, .bz-connect-copiar, .bz-pop-links a, .bz-link-seta, .bz-tabela--hor tbody th a, .bz-desc > summary { min-height: 44px; }
	.bz-painel-acoes .bz-btn, .bz-camada .bz-tabela thead .bz-btn { min-height: 44px; }
	.bz-voltar { min-height: 44px; margin-bottom: 2px; }
	.bz-linha-nome { display: flex; align-items: center; min-height: 44px; }
}

/* v4 G10 (passada final de celular, 360-414 px) */
@media (max-width: 767px) {
	/* home: banner e espaços mais baixos, pros 3 servidores caberem na 1ª tela sem a pílula do Discord por cima */
	body.tem-banner--home .bz-pagina { padding-top: 12px; }
	.bz-banner--home { height: 140px; margin-bottom: 16px; }
	.bz-banner--home .bz-banner-logo img { max-height: 96px; }
	.bz-banner--home:has(.bz-banner-online) .bz-banner-logo { padding: 6px 12px 42px; }
	.bz-pag-cab--home { margin-bottom: 16px; }
	.bz-hcards { gap: 10px; }
	.bz-hcard { min-height: 88px; padding: 18px 16px 14px; }
	/* texto corrido com 14 px (avisos, passo a passo do presente, status do campo, rodapé) */
	.bz-mini, .bz-status, .bz-ajuda-corpo, .bz-amigos-msg.is-alerta, .bz-rodape { font-size: .875rem; line-height: 1.25rem; }
	.bz-rodape-mor { font-size: .8125rem; line-height: 1.25rem; }
	/* a lista de amigos abre sem o navegador empurrar o botão e a busca pra cima (o brasa.js leva o bloco pro topo) */
	.bz-dlg-corpo { overflow-anchor: none; }
}
.bz-nw { white-space: nowrap; }
@media (pointer: coarse) {
	/* topo (G11: o desenho não muda): a área de toque dos botões do topo vai a 44 px por um ::after invisível */
	.bz-topo-logo, .bz-topo .bz-menu > summary { position: relative; }
	.bz-topo-logo::after, .bz-topo .bz-menu > summary::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; margin-top: -22px; }
	.bz-topo-logo::after { left: -6px; right: -6px; }
	/* links soltos no meio do texto do popup ("trocar" a conta, "Discord" da dúvida): área de toque maior, mesmo desenho */
	.bz-conta-linha a, .bz-seguro a { display: inline-block; padding: 12px 4px; margin: -12px -4px; }
}

/* descrição da PayNow só existe em português */
.bz-desc-lang { margin-left: .35rem; font-weight: 400; opacity: .7; font-size: .85em; }

/* v4.5: aba presente — "Entrar com a Steam" (sem login) e o separador entre a lista de amigos e o campo */
.bz-amigos-entrar { gap: 6px; }
.bz-amigos-entrar .bz-mini { text-align: center; }
.bz-ou { display: flex; align-items: center; gap: 10px; margin: 2px 0 -2px; font-size: .75rem; line-height: 1rem; color: var(--texto-3); text-align: center; }
.bz-ou::before, .bz-ou::after { content: ""; flex: 1 1 16px; height: 1px; background: var(--borda); }
.bz-ou span { flex: 0 1 auto; }
/* v4.5: lista privada → botão pra abrir a privacidade da Steam */
.bz-amigos-steam { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin: 10px 0 2px; padding: 8px 14px; border: 1px solid var(--borda-forte); border-radius: 10px; font-weight: 700; font-size: .875rem; line-height: 1.25rem; color: var(--texto); text-decoration: none; text-align: center; }
.bz-amigos-steam:hover, .bz-amigos-steam:focus-visible { border-color: var(--primaria-linha); }
.bz-amigos-steam .fa-arrow-up-right-from-square { font-size: .75rem; opacity: .7; }
.bz-amigos-msg .bz-amigos-tentar { margin-top: 6px; }

/* v4.7: fagulhas no card do servidor mais cheio (brasa.js marcaMaisCheio: > 250 jogadores e o maior de todos).
   Camada atrás do conteúdo, cortada pela borda do card; só transform/opacity. */
.bz-hcard.is-brasa { --sobe: 64px; border-color: rgba(251, 146, 60, .55); }
.bz-hcard.is-brasa > :not(.bz-fagulhas):not(.bz-hcard-fita):not(.bz-hcard-hype):not(.bz-hype-anel) { position: relative; z-index: 1; }
.bz-hcard.is-brasa .bz-sel-on { color: #fdba74; }
.bz-fagulhas { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.bz-fagulhas::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background: radial-gradient(90% 100% at 50% 100%, rgba(249, 115, 22, .16), rgba(249, 115, 22, 0) 70%); animation: bz-brasa-pulso 3.4s ease-in-out infinite; }
.bz-fagulhas i { position: absolute; bottom: -4px; left: var(--x); width: var(--s); height: var(--s); border-radius: 50%; background: #ffc27a; box-shadow: 0 0 6px 1px rgba(255, 138, 40, .85); opacity: 0; animation: bz-fagulha var(--d) linear var(--a) infinite; will-change: transform, opacity; }
@keyframes bz-fagulha {
	0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0; }
	12% { opacity: .85; }
	55% { opacity: .55; }
	100% { transform: translate3d(var(--w), calc(var(--sobe) * -1), 0) scale(.35); opacity: 0; }
}
@keyframes bz-brasa-pulso { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
/* borda: anel de 1,5px (mask) com um gradiente cônico que GIRA por transform — composto na placa de vídeo, sem repintar a cada
   quadro. Halo quente por fora (::after, só opacidade). Diferente do wipe, que é laranja parado. */
.bz-hype-anel { position: absolute; inset: -1px; z-index: 2; overflow: hidden; padding: 1.5px; border-radius: inherit; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.bz-hype-anel i { position: absolute; top: 50%; left: 50%; width: 220%; aspect-ratio: 1; margin: -110% 0 0 -110%; background: conic-gradient(rgba(251, 146, 60, .2) 0deg, #fb923c 50deg, #fde68a 80deg, #ef4444 115deg, rgba(251, 146, 60, .2) 170deg, rgba(251, 146, 60, .2) 360deg); animation: bz-hype-gira 5s linear infinite; will-change: transform; }
@keyframes bz-hype-gira { to { transform: rotate(360deg); } }
.bz-hcard.is-brasa::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; box-shadow: 0 0 26px 2px rgba(249, 115, 22, .32), 0 0 60px 6px rgba(239, 68, 68, .1); animation: bz-brasa-pulso 3.4s ease-in-out infinite; pointer-events: none; }
.bz-hcard-hype { position: absolute; top: -1px; left: 14px; z-index: 3; display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 10px; border-radius: 0 0 var(--raio-p) var(--raio-p); background: linear-gradient(90deg, #f59e0b, #f97316 45%, #ef4444); color: #1c0a00; font-size: .6875rem; font-weight: 800; letter-spacing: .08em; line-height: 1; text-transform: uppercase; white-space: nowrap; box-shadow: 0 6px 16px -4px rgba(239, 68, 68, .55); cursor: help; }
.bz-hcard-hype > i { font-size: .625rem; }
/* dica: quebra linha e nunca passa da tela; aparece com mouse (só em aparelho com mouse: no toque o :hover gruda), toque (.is-dica, 3 s) ou foco no card */
.bz-hype-dica { position: absolute; top: calc(100% + 6px); left: 0; width: max-content; max-width: min(240px, calc(100vw - 48px)); padding: 6px 10px; border: 1px solid rgba(251, 146, 60, .45); border-radius: 8px; background: #140d08; color: #fff; font-size: .75rem; font-weight: 600; letter-spacing: 0; line-height: 1rem; text-transform: none; white-space: normal; box-shadow: 0 8px 24px rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility .15s; pointer-events: none; }
.bz-hcard-hype.is-dica .bz-hype-dica, .bz-hcard:focus-visible .bz-hype-dica { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) { .bz-hcard-hype:hover .bz-hype-dica { opacity: 1; visibility: visible; transform: none; } }
/* celular (cards empilhados): o espaço da etiqueta vem reservado do servidor em todos os cards (pode-hype), nada pula nem desalinha.
   Computador (lado a lado): a etiqueta vai pro vão à direita do ícone; se o card também tem a fita do wipe (canto direito), a
   etiqueta desce pra baixo da fita, no canto direito, e as duas nunca se cobrem (cards estreitos de tablet: 768-1040px) */
@media (max-width: 767.98px) { .bz-hcards.pode-hype .bz-hcard { padding-top: 28px; } }
@media (min-width: 768px) {
	.bz-hcard.is-brasa { --sobe: 170px; }
	.bz-hcard-hype { left: 84px; }
	.bz-hcard-fita:not([hidden]) ~ .bz-hcard-hype { top: 30px; left: auto; right: 14px; border-radius: var(--raio-p); }
	.bz-hcard-fita:not([hidden]) ~ .bz-hcard-hype .bz-hype-dica, .bz-hcards > li:last-child:not(:first-child) .bz-hype-dica { left: auto; right: 0; }
}
@media (prefers-reduced-motion: reduce) { .bz-fagulhas i { display: none; } .bz-fagulhas::after, .bz-hype-anel i, .bz-hcard.is-brasa::after { animation: none; } }