/*
  LP de captacao Black Friday Forum (mesma base das LPs da Open, neste tema, e da Colcci no agrada-template-hlg).
  CSS plano (sem nesting), mobile primeiro (artboard 430).
  Desktop (>= 1200px): medidas do XD (artboard 1920) em --bf-u, que vale 1px a 1920px e escala abaixo disso.
*/
.bf {
  --bf-fonte: 'Montserrat', Arial, sans-serif;
  --bf-fonte-faq: 'Gotham', 'Montserrat', Arial, sans-serif;
  --bf-vermelho: #ed1c24;
  --bf-vermelho-claro: #ff4949;
  --bf-preto: #000;
  --bf-grafite: #1e1e1e;
  --bf-check: #333;
  --bf-escuro: #1f1f1f;
  --bf-verde-whats: #1a8d45;
  --bf-verde-whats-escuro: #157538;
  --bf-branco: #fff;
  --bf-cinza-fundo: #dfdfdf;
  --bf-cinza-texto: #7e7e7e;
  --bf-cinza-linha: #b9b9b9;
  --bf-cinza-borda: #4a4a4a;
  --bf-cinza-borda-selo: #bababa;
  --bf-selo-texto: #343434;
  --bf-u: min(0.0520833vw, 1px);

  position: relative;
  overflow: hidden;
  font-family: var(--bf-fonte);
  color: var(--bf-preto);
  background: var(--bf-branco);
}

/* so o hero ocupa 100% da tela; o resto fica em ate 1920px */
.bf .bf__interesses,
.bf .bf__vantagens,
.bf .bf__faq,
.bf .bf__final { max-width: 1920px; margin-left: auto; margin-right: auto; }

/* Layout do site (este CSS so carrega nesta landing): sem breadcrumb, sem o limite de 1920px
   do #content-wrapper (o hero e o form ocupam a tela toda) e sem o respiro do #middle */
.wd-browsing-breadcrumbs { display: none; }
#content-wrapper { max-width: none; }
#middle { padding: 0; }
#footer { display: none; }
/* CTAs flutuantes de atendimento (grupo VIP + WhatsApp) saem so desta pagina */
.group-vip,
.whatsapp-icon-footer { display: none !important; }

.bf *, .bf *::before, .bf *::after { box-sizing: border-box; }
.bf [hidden] { display: none !important; }
.bf p, .bf h1, .bf h2, .bf h3, .bf ul, .bf li, .bf label, .bf fieldset, .bf legend { margin: 0; padding: 0; }
.bf ul { list-style: none; }
.bf img { display: block; max-width: 100%; height: auto; }
.bf fieldset { border: 0; min-width: 0; }
.bf .bf__br-d,
.bf .bf__so-d { display: none; }

/* Botoes: contorno branco (o --cheio e o --escuro mudam o fundo) */
.bf .bf__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--bf-branco);
  border-radius: 0;
  background: transparent;
  color: var(--bf-branco);
  font-family: var(--bf-fonte);
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .2s, color .2s;
}
.bf .bf__btn:hover { background: var(--bf-branco); color: var(--bf-preto); }
.bf .bf__btn:focus-visible { outline: 3px solid var(--bf-vermelho); outline-offset: 3px; }
.bf .bf__btn:disabled { opacity: .7; cursor: progress; }

/* 1. Hero */
.bf .bf__hero { position: relative; background: var(--bf-preto) url('../img/banner-hero.webp') 40% top / cover no-repeat; padding: 60px 0 48px; }
.bf .bf__hero-grid { display: flex; flex-direction: column; align-items: center; }
.bf .bf__hero-logo { width: min(344px, calc(100% - 30px)); }
.bf .bf__hero-logo img { width: 100%; }
.bf .bf__hero-logo .bf__hero-marca { width: 175px; margin: 0 auto 6px; }
.bf .bf__hero-form { width: 100%; max-width: 430px; padding: 0 15px; }
.bf .bf__hero-texto {
  margin: 44px auto 26px;
  text-align: center;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: .05em;
  color: var(--bf-branco);
}
.bf .bf__hero-texto strong { font-weight: 800; }
.bf .bf__campos { display: grid; gap: 13px; padding: 0 17px; }
.bf .bf__input {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid var(--bf-branco);
  border-radius: 0;
  background-color: transparent;
  color: var(--bf-branco);
  font-family: var(--bf-fonte);
  font-size: 15px;
  font-weight: 500;
  -webkit-appearance: none;
  appearance: none;
}
.bf .bf__input::placeholder { color: var(--bf-branco); opacity: 1; }
.bf .bf__select { padding-right: 32px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 1l6 6 6-6'/%3E%3C/svg%3E") right 12px center / 14px auto no-repeat; cursor: pointer; }
.bf .bf__select option { color: var(--bf-preto); }
.bf .bf__input:focus-visible { outline: 0; border-color: var(--bf-vermelho-claro); box-shadow: inset 0 0 0 1px var(--bf-vermelho-claro); }
.bf .bf__input[aria-invalid="true"] { border-color: var(--bf-vermelho-claro); box-shadow: inset 0 0 0 1px var(--bf-vermelho-claro); }
.bf .bf__btn--enviar {
  width: calc(100% + 24px);
  height: 72px;
  margin: 37px -12px 0;
  background: var(--bf-vermelho);
  font-size: 24px;
}
.bf .bf__aviso { margin-top: 14px; font-size: 11px; line-height: 1.45; color: #4a4a4a; }
.bf .bf__sucesso {
  padding: 28px 24px;
  border: 3px solid var(--bf-branco);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: var(--bf-branco);
}
.bf .bf__sucesso:focus { outline: 0; }
.bf .bf__obrigado { display: grid; gap: 16px; }
.bf .bf__btn--whats { gap: 10px; height: 56px; padding: 0 20px; border-color: var(--bf-verde-whats); font-size: 16px; background: var(--bf-verde-whats); }
.bf .bf__btn--whats:hover { border-color: var(--bf-verde-whats-escuro); background: var(--bf-verde-whats-escuro); color: var(--bf-branco); }
.bf .bf__btn--whats svg { flex: none; fill: currentColor; }
.bf.bf--enviado .bf__campos,
.bf.bf--enviado .bf__hero-texto,
.bf.bf--enviado .bf__interesses,
.bf.bf--enviado .bf__rolar,
.bf.bf--enviado [data-ancora] { display: none; }
.bf.bf--enviado .bf__obrigado { margin-top: 44px; }

/* Indicador de rolagem: so no desktop, colado no rodape da primeira tela */
.bf .bf__rolar { display: none; }

/* 2. Interesses */
.bf .bf__interesses { position: relative; padding: 23px 15px 38px; background: var(--bf-branco); }
.bf .bf__losango { display: none; }
.bf .bf__titulo-grupo {
  display: block;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -.034em;
}
.bf .bf__ajuda { margin-top: 12px; font-size: 12px; font-weight: 300; line-height: 12px; letter-spacing: -.034em; text-transform: uppercase; }
.bf .bf__checks { margin-top: 26px; }
.bf .bf__checks li { height: 37px; }
.bf .bf__grupo--promo { margin-top: 40px; }
.bf .bf__grupo--promo .bf__checks { margin-top: 26px; }
.bf .bf__check { display: inline-flex; align-items: center; gap: 19px; height: 37px; padding-left: 7px; cursor: pointer; font-size: 20px; font-weight: 400; }
.bf .bf__check input[type="checkbox"] {
  flex: none;
  width: 24px;
  min-width: 0;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 2px solid var(--bf-cinza-borda);
  border-radius: 0;
  background: var(--bf-branco);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.bf .bf__check input[type="checkbox"]:checked { border-color: var(--bf-preto); background: var(--bf-preto); }
.bf .bf__check input[type="checkbox"]:focus-visible { outline: 3px solid var(--bf-vermelho); outline-offset: 2px; }
.bf .bf__interesses-rodape { margin-top: 56px; }
.bf .bf__btn--novidades { display: flex; width: 100%; max-width: 400px; height: 72px; border-color: var(--bf-escuro); background: var(--bf-escuro); font-size: 17px; }
.bf .bf__btn--novidades:hover { border-color: var(--bf-preto); background: var(--bf-preto); color: var(--bf-branco); }

/* 3. Vantagens */
.bf .bf__vantagens { position: relative; background: var(--bf-preto); color: var(--bf-branco); }
.bf .bf__vantagens-img { position: relative; }
.bf .bf__vantagens-img::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.bf .bf__vantagens-img img { width: 100%; height: 460px; object-fit: cover; object-position: center top; }
.bf .bf__vantagens-titulo {
  position: absolute;
  top: 168px;
  left: 82px;
  z-index: 1;
  font-size: 37px;
  font-weight: 800;
  line-height: 36.5px;
  letter-spacing: -.067em;
  text-transform: uppercase;
  color: var(--bf-branco);
}
.bf .bf__vantagens-conteudo { padding: 56px 15px 57px; text-align: center; }
.bf .bf__carrossel { position: relative; margin: 0 -15px; }
.bf .bf__cards {
  display: flex;
  overflow-x: auto;
  padding: 0 92px;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 92px;
  scrollbar-width: none;
}
.bf .bf__cards::-webkit-scrollbar { display: none; }
.bf .bf__cards:focus-visible { outline: 2px solid var(--bf-branco); outline-offset: -2px; }
.bf .bf__card { flex: none; width: 245px; scroll-snap-align: start; }
.bf .bf__icone { display: block; margin: 0 auto; height: auto; color: var(--bf-branco); }
.bf .bf__icone--selo { width: 77px; margin-bottom: 30px; }
.bf .bf__icone--cronometro { width: 71px; margin-bottom: 36px; }
.bf .bf__icone--losango { width: 95px; margin-bottom: 30px; }
.bf .bf__card-titulo { font-size: 29px; font-weight: 800; line-height: 30px; text-transform: uppercase; }
.bf .bf__card-texto { margin-top: 16px; font-size: 15px; font-weight: 300; line-height: 16px; }
.bf .bf__seta {
  position: absolute;
  top: 175px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 42px;
  padding: 0;
  /* liquid glass: vidro translucido com desfoque, brilho no topo e borda clara */
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 5px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .06) 55%, rgba(255, 255, 255, .12));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .08), 0 6px 18px rgba(0, 0, 0, .35);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  backdrop-filter: blur(12px) saturate(180%);
  cursor: pointer;
  transition: background-color .2s, transform .2s;
}
.bf .bf__seta:hover:not(:disabled) { background-color: rgba(255, 255, 255, .12); transform: scale(1.05); }
.bf .bf__seta svg { width: 9px; height: 16px; fill: var(--bf-branco); }
.bf .bf__seta:focus-visible { outline: 2px solid var(--bf-vermelho); outline-offset: 2px; }
.bf .bf__seta:disabled { opacity: .35; cursor: default; }
.bf .bf__seta--prev { left: 15px; }
.bf .bf__seta--next { right: 15px; }
.bf .bf__btn--cta { display: flex; width: 100%; max-width: 400px; height: 72px; margin: 51px auto 0; font-size: 17px; }

/* 4. FAQ */
.bf .bf__faq { position: relative; padding: 27px 0 38px 65px; background: var(--bf-branco); }
.bf .bf__faq-faixa { position: absolute; top: 0; left: 0; width: 34px; height: calc(100% - 38px); background: var(--bf-preto) url('../img/banner-faq.webp') center / cover no-repeat; }
.bf .bf__faq-faixa img { display: none; }
.bf .bf__faq-titulo { font-size: clamp(28px, 7.9vw, 34px); font-weight: 500; line-height: 32px; letter-spacing: -.045em; }
.bf .bf__faq-lista { margin: 13px 15px 0 -12px; font-family: var(--bf-fonte-faq); }
.bf .bf__faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--bf-cinza-linha);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .007em;
  cursor: pointer;
  list-style: none;
}
.bf .bf__faq-item summary::-webkit-details-marker { display: none; }
.bf .bf__faq-item summary::after {
  content: '';
  flex: none;
  width: 9px;
  height: 9px;
  margin-right: 3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 25'%3E%3Cpath fill='%23b7b7b7' d='M1.4 0C1.6 0 1.8 0 2 .1 6 3.8 9.7 7.8 13.7 11.6 14.2 12.3 14 13.1 13.5 13.6L2.2 24.9C.7 25.5-.6 24 .3 22.7L10.4 12.5.4 2.4C-.4 1.5.2.1 1.4 0Z'/%3E%3C/svg%3E") center / auto 9px no-repeat;
  transform: rotate(90deg);
  transition: transform .2s;
}
.bf .bf__faq-item[open] summary::after { transform: rotate(-90deg); }
.bf .bf__faq-item summary:focus-visible { outline: 2px solid var(--bf-vermelho); outline-offset: 2px; }
.bf .bf__faq-item p { padding: 20px 6px 30px; font-size: 12px; line-height: 16px; color: var(--bf-cinza-texto); }

/* 5. Rodape da LP */
.bf .bf__final { padding: 34px 0 90px; background: var(--bf-preto); color: var(--bf-branco); }
.bf .bf__final-grid { padding: 0 15px; }
.bf .bf__final-texto { padding-left: 26px; }
.bf .bf__final-titulo { font-size: clamp(32px, 9.5vw, 41px); font-weight: 500; line-height: 39px; letter-spacing: -.045em; }
.bf .bf__final .bf__btn--cta { width: calc(100% + 26px); margin: 67px 0 0 -26px; font-size: 20px; }
.bf .bf__final-logo { width: min(334px, 100%); margin: 110px auto 0; }
.bf .bf__final-marca { width: 126px; margin: 90px auto 0; }

/* 6. Selo flutuante */
/* mobile: no topo, a direita (XD) */
/* reduzido (como na LP da Colcci) para caber no respiro entre o header e o logo do hero */
.bf .bf__selo { position: fixed; top: 145px; right: 15px; z-index: 999; transform: scale(.7); transform-origin: top right; }
.bf .bf__selo-box {
  position: relative;
  width: 101px;
  height: 91px;
  border: 3px solid var(--bf-cinza-borda-selo);
  background: var(--bf-branco);
  color: var(--bf-selo-texto);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
  font-weight: 800;
}
.bf .bf__selo-faltam { position: absolute; top: 4px; left: 6px; font-size: 12px; line-height: 15px; }
.bf .bf__selo-dias { position: absolute; top: 14px; left: 14px; font-size: 52px; font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.bf .bf__selo-rotulo { position: absolute; top: 69px; right: 8px; font-size: 12px; line-height: 15px; }
.bf .bf__selo-fechar {
  position: absolute;
  top: -10px;
  right: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #707070;
  border-radius: 50%;
  background: var(--bf-branco);
  cursor: pointer;
}
.bf .bf__selo-fechar svg { width: 10px; height: 10px; fill: none; stroke: var(--bf-preto); stroke-width: 1.8; }
.bf .bf__selo-fechar:focus-visible { outline: 2px solid var(--bf-vermelho); outline-offset: 2px; }

@media (min-width: 1200px) {
  .bf .bf__br-m,
  .bf .bf__so-m { display: none; }
  .bf .bf__br-d,
  .bf .bf__so-d { display: inline; }

  /* 1. Hero */
  /* ocupa a tela toda abaixo do header do site (faixa de cupom + topo = 105px no desktop) */
  .bf .bf__hero {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 105px);
    padding: calc(60 * var(--bf-u)) 0;
    background-position: left top;
  }
  .bf .bf__hero-grid {
    display: grid;
    grid-template-columns: calc(632 * var(--bf-u)) calc(621 * var(--bf-u));
    column-gap: calc(288 * var(--bf-u));
    align-items: center;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-left: calc(156 * var(--bf-u));
  }
  .bf .bf__hero-logo { width: 100%; }
  .bf .bf__hero-logo .bf__hero-marca { width: calc(292 * var(--bf-u)); margin: 0 0 calc(81 * var(--bf-u)); }
  .bf .bf__hero-form { max-width: none; padding: 0; }
  .bf .bf__hero-texto {
    margin: 0 0 calc(27 * var(--bf-u));
    text-align: left;
    font-size: max(13px, calc(17 * var(--bf-u)));
    line-height: max(19px, calc(25 * var(--bf-u)));
  }
  .bf .bf__campos { gap: calc(33 * var(--bf-u)); padding: 0; }
  .bf .bf__input { height: max(36px, calc(43 * var(--bf-u))); padding: 0 calc(9 * var(--bf-u)); font-size: max(16px, calc(26 * var(--bf-u))); }
  .bf .bf__btn--enviar {
    width: 100%;
    height: max(52px, calc(72 * var(--bf-u)));
    margin: calc(52 * var(--bf-u)) 0 0;
    font-size: max(16px, calc(24 * var(--bf-u)));
  }
  .bf .bf__sucesso { font-size: max(16px, calc(22 * var(--bf-u))); }
  .bf.bf--enviado .bf__obrigado { margin-top: 0; }
  .bf .bf__btn--whats { height: max(48px, calc(64 * var(--bf-u))); font-size: max(14px, calc(19 * var(--bf-u))); }
  /* fim da primeira tela ou do hero, o que vier antes */
  .bf .bf__rolar {
    position: absolute;
    top: calc(min(100vh - 137px, 100%) - 76px);
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    border: 2px solid var(--bf-branco);
    border-radius: 50%;
    animation: bf-rolar 1.6s ease-in-out infinite;
  }
  .bf .bf__rolar svg { width: 10px; height: 18px; fill: var(--bf-branco); transform: rotate(90deg); }
  .bf .bf__rolar:focus-visible { outline: 3px solid var(--bf-vermelho); outline-offset: 3px; }

  /* 2. Interesses */
  .bf .bf__interesses {
    min-height: calc(1016 * var(--bf-u));
    padding: calc(186 * var(--bf-u)) 0 calc(140 * var(--bf-u)) calc(559 * var(--bf-u));
  }
  /* losango "F" do XD: sai pela esquerda e sobe 43 sobre o hero */
  .bf .bf__losango { position: absolute; top: calc(-43 * var(--bf-u)); left: calc(-133 * var(--bf-u)); z-index: 1; display: block; width: calc(537 * var(--bf-u)); height: auto; }
  .bf .bf__interesses-lista { display: grid; grid-template-columns: calc(565 * var(--bf-u)) auto; align-items: start; }
  .bf .bf__titulo-grupo { font-size: max(24px, calc(40 * var(--bf-u))); line-height: max(28px, calc(42 * var(--bf-u))); }
  .bf .bf__ajuda { margin-top: calc(19 * var(--bf-u)); font-size: max(10px, calc(12 * var(--bf-u))); line-height: max(10px, calc(12 * var(--bf-u))); }
  .bf .bf__checks { margin-top: calc(34 * var(--bf-u)); }
  .bf .bf__checks li { height: max(26px, calc(37 * var(--bf-u))); }
  .bf .bf__grupo--promo { margin-top: 0; }
  .bf .bf__grupo--promo .bf__checks { margin-top: calc(65 * var(--bf-u)); }
  .bf .bf__check { gap: calc(19 * var(--bf-u)); height: max(26px, calc(37 * var(--bf-u))); font-size: max(15px, calc(25 * var(--bf-u))); }
  .bf .bf__check input[type="checkbox"] { width: max(18px, calc(24 * var(--bf-u))); height: max(18px, calc(24 * var(--bf-u))); }
  .bf .bf__interesses-rodape { width: calc(524 * var(--bf-u)); margin: calc(110 * var(--bf-u)) 0 0 calc(249 * var(--bf-u)); text-align: center; }
  .bf .bf__btn--novidades { max-width: none; height: max(52px, calc(72 * var(--bf-u))); border-color: var(--bf-vermelho-claro); font-size: max(14px, calc(24 * var(--bf-u))); }
  .bf .bf__aviso { font-size: max(11px, calc(13 * var(--bf-u))); }

  /* 3. Vantagens */
  .bf .bf__vantagens {
    display: grid;
    grid-template-columns: calc(616 * var(--bf-u)) 1fr;
    grid-template-rows: auto 1fr;
    border-top: calc(72 * var(--bf-u)) solid var(--bf-vermelho);
  }
  .bf .bf__vantagens-img { grid-column: 1; grid-row: 1 / 3; }
  .bf .bf__vantagens-img::after { display: none; }
  .bf .bf__vantagens-img img { height: 100%; min-height: calc(943 * var(--bf-u)); }
  .bf .bf__vantagens-titulo {
    position: static;
    grid-column: 2;
    grid-row: 1;
    padding-top: calc(195 * var(--bf-u));
    text-align: center;
    font-size: max(26px, calc(44 * var(--bf-u)));
    line-height: max(32px, calc(54 * var(--bf-u)));
    letter-spacing: -.03em;
  }
  .bf .bf__vantagens-titulo br { display: none; }
  .bf .bf__vantagens-conteudo { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; align-items: center; padding: calc(76 * var(--bf-u)) calc(20 * var(--bf-u)) calc(125 * var(--bf-u)); }
  .bf .bf__carrossel { width: 100%; margin: 0; }
  .bf .bf__cards { justify-content: center; overflow: visible; padding: 0; }
  .bf .bf__card { width: calc(344 * var(--bf-u)); }
  .bf .bf__icone--selo { width: max(48px, calc(77 * var(--bf-u))); margin-bottom: calc(30 * var(--bf-u)); }
  .bf .bf__icone--cronometro { width: max(44px, calc(71 * var(--bf-u))); margin-bottom: calc(36 * var(--bf-u)); }
  .bf .bf__icone--losango { width: max(56px, calc(95 * var(--bf-u))); margin-bottom: calc(30 * var(--bf-u)); }
  .bf .bf__card-titulo { font-size: max(17px, calc(29 * var(--bf-u))); line-height: max(19px, calc(30 * var(--bf-u))); }
  .bf .bf__card-texto { margin-top: calc(16 * var(--bf-u)); font-size: max(12px, calc(15 * var(--bf-u))); line-height: max(14px, calc(16 * var(--bf-u))); }
  .bf .bf__seta { display: none; }
  .bf .bf__btn--cta { width: calc(421 * var(--bf-u)); max-width: none; height: max(52px, calc(72 * var(--bf-u))); margin-top: calc(130 * var(--bf-u)); background: var(--bf-vermelho); font-size: max(14px, calc(24 * var(--bf-u))); }

  /* 4. FAQ */
  .bf .bf__faq { display: grid; grid-template-columns: calc(665 * var(--bf-u)) 1fr; min-height: calc(1214 * var(--bf-u)); padding: 0; }
  .bf .bf__faq-faixa { position: relative; display: flex; align-items: center; justify-content: center; width: calc(554 * var(--bf-u)); height: auto; margin: calc(77 * var(--bf-u)) 0 calc(77 * var(--bf-u)) calc(62 * var(--bf-u)); }
  .bf .bf__faq-faixa img { display: block; width: calc(415 * var(--bf-u)); }
  .bf .bf__faq-painel { padding: calc(132 * var(--bf-u)) calc(40 * var(--bf-u)) calc(120 * var(--bf-u)) calc(54 * var(--bf-u)); }
  .bf .bf__faq-titulo { font-size: max(34px, calc(68 * var(--bf-u))); line-height: max(36px, calc(70 * var(--bf-u))); }
  .bf .bf__faq-lista { margin: calc(65 * var(--bf-u)) 0 0; }
  .bf .bf__faq-item summary { gap: 24px; padding: calc(21 * var(--bf-u)) 0; font-size: max(14px, calc(27 * var(--bf-u))); line-height: max(18px, calc(32 * var(--bf-u))); }
  .bf .bf__faq-item summary::after { width: max(10px, calc(25 * var(--bf-u))); height: max(10px, calc(25 * var(--bf-u))); margin-right: calc(10 * var(--bf-u)); background-size: auto max(10px, calc(25 * var(--bf-u))); }
  .bf .bf__faq-item p { padding: calc(40 * var(--bf-u)) calc(20 * var(--bf-u)) calc(36 * var(--bf-u)); font-size: max(12px, calc(20 * var(--bf-u))); line-height: max(16px, calc(27 * var(--bf-u))); letter-spacing: .1em; }

  /* 5. Rodape da LP */
  .bf .bf__final { min-height: calc(663 * var(--bf-u)); padding: 0; }
  .bf .bf__final-grid {
    display: grid;
    grid-template-columns: calc(870 * var(--bf-u)) calc(663 * var(--bf-u));
    align-items: start;
    padding: 0 0 0 calc(175 * var(--bf-u));
  }
  .bf .bf__final-texto { padding: calc(135 * var(--bf-u)) 0 calc(80 * var(--bf-u)); }
  .bf .bf__final-titulo { font-size: max(34px, calc(68 * var(--bf-u))); line-height: max(36px, calc(71 * var(--bf-u))); }
  .bf .bf__final .bf__btn--cta { width: calc(421 * var(--bf-u)); margin: calc(40 * var(--bf-u)) 0 0; background: var(--bf-vermelho); font-size: max(14px, calc(24 * var(--bf-u))); }
  .bf .bf__final-logo { width: calc(837 * var(--bf-u)); max-width: none; margin: calc(182 * var(--bf-u)) 0 0 calc(-123 * var(--bf-u)); }
  .bf .bf__final-marca { display: none; }

  /* 6. Selo */
  .bf .bf__selo { top: 158px; right: 36px; transform: none; }
}

@keyframes bf-rolar {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}
@media (prefers-reduced-motion: reduce) {
  .bf .bf__rolar { animation: none; }
}