/*! ==========================================================================
  AQN Ofertas: página /black-friday/ (api/_lib/html-black-friday.js). CSS puro, sem build. Vem DEPOIS de site.css e paginas.css: cabeçalho, trilho, rodapé,
  abertura, ficha do grupo, faixa, FAQ, "Mais ofertas" e o aviso legal vêm dessas folhas; aqui fica só o que é desta página (prefixo .bf-).
  Mesma linguagem da home e das outras páginas renderizadas: tokens --c-ink, --c-muted, --c-line, --c-wash, --c-surface, --c-brandsoft, --c-bad (mudam no tema
  escuro) e os fixos brand #FFC400, night #18181B e wa #008069. Amarelo só como PREENCHIMENTO com texto night, nunca texto amarelo. Fonte única: Plus Jakarta Sans 500 e 700.
  Referência de estrutura: template Vibehub "fintech-payments" (blocos de análise: números em cartões, gráfico em cartão com legenda e destaque).

  ZOOM / PREENCHER A TELA (padrão do dono): o font-size do html NÃO é tocado (16px em qualquer janela); tudo em rem. As seções são filhas diretas de <main> e herdam o padding
  lateral de paginas.css (80rem até 1366px; daí 93,7042vw), então cada uma tem fundo de borda a borda.
  • números: auto-fit de 15rem (4 cartões lado a lado em 1366px; esticam um pouco, sem cartão gigante);  • ciladas: auto-fill de 16rem (4 colunas em 1366px, 6 em 1821px, mais ao reduzir o zoom);
  • casos: gráfico do tênis + texto em duas colunas a partir de 64rem; dois cartões com gráfico em auto-fit de 22rem;  • passos: 3 colunas a partir de 64rem;
  • blocos de cartões param em 3000px a partir de 2300px de janela, como as outras páginas; a grade de ciladas segue ganhando colunas.
  GRÁFICOS: cada gráfico tem DOIS SVG (estreito, de letras legíveis no celular, e largo); um container query (cartão com 40rem ou mais) escolhe o largo. As letras do SVG
  ficam em px do viewBox de propósito: escalam com o desenho.
  MOVIMENTO (máximo 2): o gráfico "se desenha" uma vez ao entrar na tela (só com JavaScript) e a abertura da resposta do FAQ. Tudo para com prefers-reduced-motion.
========================================================================== */

/* ---------- seções ---------- */
.bf-sec { padding-block: 2.5rem 3rem; }
@media (min-width: 768px) { .bf-sec { padding-block: 3.5rem 4.5rem; } }
.bf-sec-wash { background: rgb(var(--c-wash)); }
.bf-sec > h2 { margin: 0; max-width: 46rem; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: -0.01em; font-weight: 700; text-wrap: balance; }
.bf-sec > .nota { max-width: 62ch; }
.bf-sec h3 { margin: 0; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.01em; font-weight: 700; text-wrap: balance; }
.bf-link {
  display: inline-flex; align-items: center; gap: 0.375rem; min-height: 2.75rem; padding-inline: 0.25rem; border-radius: 0.5rem; color: rgb(var(--c-ink)); font-size: 0.9375rem; line-height: 1.25rem; font-weight: 700;
  text-decoration: underline; text-decoration-thickness: 0.0625rem; text-underline-offset: 0.25rem; transition: background-color 0.15s, color 0.15s;
}
.bf-link svg { flex: none; width: 1rem; height: 1rem; transition: transform 0.15s; }
.bf-link:hover { background: var(--pg-brand); color: var(--pg-night); }
.bf-link:hover svg { transform: translateX(0.125rem); }
.bf-cartao { min-width: 0; padding: 1.25rem; border: 1px solid rgb(var(--c-line) / 0.7); border-radius: 1.5rem; background: rgb(var(--c-surface)); box-shadow: 0 0.125rem 0.75rem -0.25rem rgba(24, 24, 27, 0.06); }
@media (min-width: 768px) { .bf-cartao { padding: 1.75rem; } }
.bf-ico { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--pg-brand); color: var(--pg-night); }
.bf-ico svg { width: 1.375rem; height: 1.375rem; }

/* ---------- abertura: texto à esquerda; calendário, contagem e botão do grupo à direita (a partir de 64rem) ---------- */
.bf-lado { display: grid; justify-items: center; gap: 1rem; margin-top: 1.5rem; }
.bf-lado .pg-ficha { margin: 0; }
@media (min-width: 64rem) {
  .pg-abertura.bf-abertura > .bf-lado { grid-column: 2; grid-row: 1 / span 4; align-self: center; justify-items: stretch; margin: 0; }
  .bf-lado .pg-ficha { max-width: none; }
}
.bf-contagem {
  display: flex; align-items: center; gap: 1.25rem; width: 100%; max-width: 30rem; padding: 1.25rem; text-align: left;
  border: 1px solid rgb(var(--c-line) / 0.7); border-radius: 1.5rem; background: rgb(var(--c-surface)); box-shadow: 0 0.75rem 2rem -0.5rem rgba(24, 24, 27, 0.14);
}
@media (min-width: 64rem) { .bf-contagem { max-width: none; } }
/* calendário de folha: tarja amarela com o mês, o dia grande, o dia da semana */
.bf-cal {
  position: relative; flex: none; width: 6rem; border: 1px solid rgb(var(--c-strong)); border-radius: 1rem; background: rgb(var(--c-surface)); text-align: center; overflow: hidden;
  box-shadow: 0 0.25rem 0.75rem -0.25rem rgba(24, 24, 27, 0.2);
}
.bf-cal-mes { display: block; padding: 0.3125rem 0; background: var(--pg-brand); color: var(--pg-night); font-size: 0.75rem; line-height: 1rem; font-weight: 700; }
.bf-cal-dia { display: block; padding-top: 0.375rem; font-size: 3rem; line-height: 3rem; letter-spacing: -0.05em; font-weight: 700; font-variant-numeric: tabular-nums; }
.bf-cal-sem { display: block; padding: 0.125rem 0 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: rgb(var(--c-muted)); }
.bf-falta { margin: 0; min-width: 0; font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--c-muted)); font-variant-numeric: tabular-nums; }
.bf-falta-pre, .bf-falta-pos { display: block; }
.bf-falta-pre:empty, .bf-falta-pos:empty { display: none; }
.bf-falta-n { font-size: 2.75rem; line-height: 3rem; letter-spacing: -0.04em; font-weight: 700; color: rgb(var(--c-ink)); }
.bf-falta-un { font-size: 1.375rem; line-height: 1.75rem; letter-spacing: -0.01em; font-weight: 700; color: rgb(var(--c-ink)); }

/* ---------- números ---------- */
.bf-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 0.75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
@media (min-width: 64rem) { .bf-nums { gap: 1.5rem; } }
.bf-num { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; padding: 1.25rem; border: 1px solid rgb(var(--c-line) / 0.7); border-radius: 1.5rem; background: rgb(var(--c-surface)); }
.bf-num-destaque { border-color: rgba(255, 196, 0, 0.6); background: rgb(var(--c-brandsoft)); }
.bf-n { display: block; font-size: 3rem; line-height: 3rem; letter-spacing: -0.05em; font-weight: 700; font-variant-numeric: tabular-nums; }
.bf-num p { margin: 0; font-size: 1rem; line-height: 1.5rem; color: rgb(var(--c-muted)); text-wrap: pretty; }
.bf-num-destaque p { color: rgb(var(--c-ink)); }

.bf-graficos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 0.75rem; margin-top: 0.75rem; }
@media (min-width: 64rem) { .bf-graficos { gap: 1.5rem; margin-top: 1.5rem; } }
.bf-cartao-nota { margin: 0.25rem 0 0; max-width: 56ch; font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--c-muted)); }
.bf-barras { display: grid; gap: 0.875rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.bf-barras li { display: grid; grid-template-columns: minmax(5.5rem, 9rem) minmax(0, 1fr) 3.5rem; align-items: center; gap: 0.75rem; }
.bf-b-rot { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.bf-b-rot small { display: block; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: rgb(var(--c-muted)); }
.bf-b-trilho { display: block; height: 0.875rem; overflow: hidden; border-radius: 999px; background: rgb(var(--c-wash)); box-shadow: inset 0 0 0 1px rgb(var(--c-line)); }
.bf-b-trilho i { display: block; width: var(--v); height: 100%; border-radius: 999px; background: var(--pg-brand); box-shadow: inset 0 0 0 1px rgba(24, 24, 27, 0.55); }
[data-theme='dark'] .bf-b-trilho i { box-shadow: none; }
.bf-b-val { font-size: 1rem; line-height: 1.5rem; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.bf-como { margin-top: 1.5rem; max-width: 56rem; border-top: 1px solid rgb(var(--c-line)); }
.bf-como summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; list-style: none; cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.bf-como summary::-webkit-details-marker { display: none; }
.bf-como summary:hover .pg-q-ico { border-color: rgb(var(--c-ink)); }
.bf-como[open] > summary .pg-q-ico { transform: rotate(180deg); background: rgb(var(--c-ink)); color: rgb(var(--c-onink)); border-color: rgb(var(--c-ink)); }
.bf-como-txt { padding-bottom: 0.5rem; }
.bf-como-txt p { margin: 0 0 0.75rem; max-width: 65ch; font-size: 0.9375rem; line-height: 1.5rem; color: rgb(var(--c-muted)); }
@media (prefers-reduced-motion: no-preference) { .bf-como[open] .bf-como-txt { animation: pg-abre 0.28s ease-out; } }

/* ---------- gráficos (SVG) ---------- */
.bf-graf { position: relative; margin: 0; container-type: inline-size; }
.bf-svg { display: block; width: 100%; height: auto; margin-inline: auto; overflow: visible; }
.bf-svg-w { display: none; }
@container (min-width: 40rem) { .bf-svg-w { display: block; } .bf-svg-m { display: none; } }
.bf-graf-grande .bf-svg { max-width: 64rem; }
.bf-graf-mini .bf-svg { max-width: 40rem; }
.bf-svg .gl { stroke: rgb(var(--c-line)); stroke-width: 1; }
.bf-svg .eixo { fill: rgb(var(--c-muted)); font-weight: 500; font-variant-numeric: tabular-nums; }
.bf-svg .rot { fill: rgb(var(--c-ink)); font-weight: 700; font-variant-numeric: tabular-nums; paint-order: stroke; stroke: rgb(var(--c-surface)); stroke-width: 3px; stroke-linejoin: round; }
.bf-svg .rot-alto { fill: rgb(var(--c-bad)); }
.bf-svg .rot-ref { fill: rgb(var(--c-muted)); }
.bf-svg .area { fill: var(--pg-brand); fill-opacity: 0.2; }
.bf-svg .alta { fill: rgb(var(--c-bad)); fill-opacity: 0.12; }
.bf-svg .linha { stroke: rgb(var(--c-ink)); stroke-width: 2; stroke-linecap: round; }
.bf-svg .linha-alta { stroke: rgb(var(--c-bad)); stroke-width: 3; }
.bf-svg .vazio { stroke: rgb(var(--c-muted)); stroke-width: 1.75; stroke-dasharray: 2 5; stroke-linecap: round; }
.bf-svg .ref { stroke: rgb(var(--c-muted)); stroke-width: 1.5; stroke-dasharray: 1 6; stroke-linecap: round; }
.bf-svg .intra { stroke: rgb(var(--c-bad)); stroke-width: 1.5; stroke-dasharray: 3 3; }
.bf-svg .anel { fill: rgb(var(--c-surface)); stroke: rgb(var(--c-bad)); stroke-width: 2; }
.bf-svg .pt { fill: rgb(var(--c-surface)); stroke: rgb(var(--c-ink)); stroke-width: 1.5; }
.bf-svg .pt.ult { fill: rgb(var(--c-ink)); stroke: rgb(var(--c-surface)); stroke-width: 2; }
.bf-svg .min { fill: var(--pg-brand); stroke: rgb(var(--c-ink)); stroke-width: 2; }
.bf-svg .guia[hidden] { display: none; }
.bf-svg .guia { stroke: rgb(var(--c-ink)); stroke-width: 1; stroke-dasharray: 2 3; opacity: 0.6; pointer-events: none; }
.bf-svg .is-on { stroke-width: 3.5; }
.bf-graf figcaption { margin-top: 0.75rem; max-width: 60ch; margin-inline: auto; text-align: center; font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--c-muted)); text-wrap: pretty; }
.bf-dica {
  position: absolute; z-index: 3; padding: 0.25rem 0.625rem; border-radius: 0.5rem; background: var(--pg-night); color: #fff; font-size: 0.8125rem; line-height: 1.25rem; font-weight: 700;
  white-space: nowrap; pointer-events: none; transform: translate(-50%, calc(-100% - 0.5rem)); font-variant-numeric: tabular-nums; box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.4);
}
[data-theme='dark'] .bf-dica { background: #fff; color: var(--pg-night); }
.bf-dica[hidden] { display: none; }
/* o gráfico se desenha uma vez, da esquerda para a direita, quando entra na tela (só com JavaScript e sem preferência por menos movimento) */
@media (prefers-reduced-motion: no-preference) {
  .bf-js .bf-graf .revela { clip-path: inset(-1rem 100% -1rem -1rem); }
  .bf-js .bf-graf.is-in .revela { clip-path: inset(-1rem -1rem -1rem -1rem); transition: clip-path 1.5s cubic-bezier(0.3, 0.7, 0.2, 1); }
}
.bf-legenda { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin: 1rem 0 0; padding: 0; list-style: none; font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--c-muted)); }
.bf-legenda li { display: inline-flex; align-items: center; gap: 0.5rem; }
.lg { flex: none; display: inline-block; width: 1.25rem; height: 0; border-top: 0.125rem solid rgb(var(--c-ink)); border-radius: 999px; }
.lg-alta { height: 0.875rem; border: 0.125rem solid rgb(var(--c-bad)); border-radius: 0.25rem; background: rgb(var(--c-bad) / 0.14); width: 1rem; }
.lg-ref { border-top: 0.1875rem dotted rgb(var(--c-muted)); }
.lg-vazio { border-top: 0.125rem dashed rgb(var(--c-muted)); }
.bf-cartao-grafico .dias { margin-top: 0.75rem; }

/* ---------- o caso do tênis: cartão do gráfico + texto ---------- */
.bf-caso-grade { display: grid; gap: 1.5rem; margin-top: 1.5rem; align-items: start; }
@media (min-width: 64rem) { .bf-caso-grade { grid-template-columns: minmax(0, 13fr) minmax(0, 8fr); gap: 2.5rem; } }
.bf-caso-txt p { margin: 0 0 1rem; max-width: 62ch; font-size: 1rem; line-height: 1.6875rem; color: rgb(var(--c-muted)); text-wrap: pretty; }
.bf-caso-txt p:first-child { font-size: 1.125rem; line-height: 1.75rem; color: rgb(var(--c-ink)); }
.bf-fatos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); gap: 0.75rem; margin: 1.5rem 0; }
.bf-fatos div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 0.25rem; min-width: 0; padding: 1rem; border: 1px solid rgb(var(--c-line) / 0.7); border-radius: 1.25rem; background: rgb(var(--c-surface)); }
.bf-fatos div:first-child { border-color: rgba(255, 196, 0, 0.6); background: rgb(var(--c-brandsoft)); }
.bf-fatos dt { font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--c-muted)); }
.bf-fatos div:first-child dt { color: rgb(var(--c-ink)); }
.bf-fatos dd { margin: 0; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: -0.01em; font-weight: 700; font-variant-numeric: tabular-nums; }
.bf-fatos div:nth-child(2) dd { color: rgb(var(--c-bad)); }
/* celular: cada fato numa linha (valor à esquerda, explicação à direita) em vez de três cartões apertados */
@media (max-width: 39.99rem) {
  .bf-fatos { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
  .bf-fatos div { flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.75rem 1rem; }
  .bf-fatos dd { flex: none; }
  .bf-fatos dt { text-align: right; }
}
.bf-caso-txt .ver { width: 100%; }
@media (min-width: 40rem) { .bf-caso-txt .ver { width: auto; } }

/* ---------- dois outros casos ---------- */
.bf-casos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 0.75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
@media (min-width: 64rem) { .bf-casos { gap: 1.5rem; } }
.bf-caso-card > article { display: flex; flex-direction: column; gap: 1rem; height: 100%; }
.bf-caso-card p { margin: 0; font-size: 1rem; line-height: 1.6875rem; color: rgb(var(--c-muted)); text-wrap: pretty; }
.bf-caso-card .comprar { margin-top: auto; align-self: flex-start; padding-inline: 1.5rem; }

/* ---------- passos: uma sequência de verdade, então vão numerados ---------- */
.bf-passos-lista { display: grid; gap: 2rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.bf-passo { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.bf-passo .bf-link { margin-top: auto; }
.bf-passo-n { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--pg-night); color: var(--pg-brand); font-size: 1.375rem; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
[data-theme='dark'] .bf-passo-n { background: var(--pg-brand); color: var(--pg-night); }
.bf-passo h3 { margin-top: 1rem; }
.bf-passo p { margin: 0.5rem 0 0.5rem; max-width: 46ch; font-size: 1rem; line-height: 1.6875rem; color: rgb(var(--c-muted)); text-wrap: pretty; }
@media (min-width: 64rem) {
  .bf-passos-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; }
  .bf-passo:not(:last-child)::after { content: ''; position: absolute; top: 1.4375rem; left: 3.75rem; right: -2.25rem; border-top: 0.125rem dashed rgb(var(--c-strong)); }
}

/* ---------- ciladas ---------- */
.bf-cilada-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: 0.75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
@media (min-width: 64rem) { .bf-cilada-grade { gap: 1.5rem; } }
.bf-cilada { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; padding: 1.25rem; border: 1px solid rgb(var(--c-line) / 0.7); border-radius: 1.5rem; background: rgb(var(--c-surface)); box-shadow: 0 0.125rem 0.75rem -0.25rem rgba(24, 24, 27, 0.06); }
/* celular: ícone ao lado do texto, para a lista de oito ciladas não ficar tão comprida */
@media (max-width: 39.99rem) {
  .bf-cilada { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); align-items: start; column-gap: 1rem; row-gap: 0.25rem; padding: 1rem; }
  .bf-cilada .bf-ico { grid-row: 1 / span 2; }
  .bf-cilada h3 { align-self: center; min-height: 2.75rem; display: flex; align-items: center; }
}
.bf-cilada p { margin: 0; font-size: 0.9375rem; line-height: 1.5rem; color: rgb(var(--c-muted)); text-wrap: pretty; }

/* ---------- direitos ---------- */
.bf-dir-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 0.75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
@media (min-width: 64rem) { .bf-dir-grade { gap: 1.5rem; } }
.bf-dir { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; padding: 1.25rem; border: 1px solid rgb(var(--c-line) / 0.7); border-radius: 1.5rem; background: rgb(var(--c-surface)); }
@media (min-width: 768px) { .bf-dir { padding: 1.75rem; } }
.bf-dir .bf-ico { background: var(--pg-night); color: var(--pg-brand); }
[data-theme='dark'] .bf-dir .bf-ico { background: var(--pg-brand); color: var(--pg-night); }
.bf-dir p { margin: 0; max-width: 56ch; font-size: 1rem; line-height: 1.6875rem; color: rgb(var(--c-muted)); text-wrap: pretty; }
.bf-dir a { color: rgb(var(--c-ink)); font-weight: 700; text-decoration: underline; text-underline-offset: 0.25rem; }
.bf-dir-destaque { border-color: rgba(255, 196, 0, 0.6); background: rgb(var(--c-brandsoft)); }
.bf-dir-destaque h3 { font-size: 1.375rem; line-height: 1.75rem; }
.bf-dir-destaque p:first-of-type { color: rgb(var(--c-ink)); }

/* ---------- chamada para o grupo: faixa amarela de borda a borda ---------- */
.bf-cta { padding-block: 2.5rem 2.75rem; background: var(--pg-brand); color: var(--pg-night); }
@media (min-width: 768px) { .bf-cta { padding-block: 3.5rem; } }
.bf-cta-in { display: grid; gap: 1.5rem; align-items: center; }
@media (min-width: 64rem) { .bf-cta-in { grid-template-columns: minmax(0, 1fr) auto; gap: 4rem; } }
.bf-cta h2 { margin: 0; max-width: 24ch; font-size: 1.5rem; line-height: 1.75rem; letter-spacing: -0.02em; font-weight: 700; text-wrap: balance; }
@media (min-width: 768px) { .bf-cta h2 { font-size: 1.875rem; line-height: 2.25rem; } }
.bf-cta p { margin: 0.75rem 0 0; max-width: 56ch; font-size: 1rem; line-height: 1.5rem; text-wrap: pretty; }
.bf-cta-acoes { display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; }
@media (min-width: 40rem) { .bf-cta-acoes { align-items: flex-start; } }
@media (min-width: 64rem) { .bf-cta-acoes { align-items: stretch; min-width: 19rem; } }
.bf-cta .cta { width: 100%; min-width: 17rem; }
@media (min-width: 40rem) and (max-width: 63.99rem) { .bf-cta .cta { width: auto; } }
.bf-cta .bf-link { align-self: center; color: var(--pg-night); }
.bf-cta .bf-link:hover { background: var(--pg-night); color: var(--pg-brand); }
.bf-cta :focus-visible { outline-color: var(--pg-night); }

/* ---------- janela muito larga (zoom bem reduzido): blocos de cartões e textos param em 3000px, como nas outras páginas; as ciladas seguem ganhando colunas ---------- */
@media (min-width: 2300px) {
  .bf-nums, .bf-graficos, .bf-caso-grade, .bf-casos, .bf-passos-lista, .bf-dir-grade, .bf-cta-in, .bf-como { max-width: 3000px; }
}

/* ---------- movimento reduzido e impressão ---------- */
@media (prefers-reduced-motion: reduce) {
  .bf-link, .bf-link svg { transition: none; }
}
@media print {
  .bf-cta, .bf-lado { display: none !important; }
  .bf-sec-wash { background: none; }
}