/* Pedido de cotação (bpg/cotacao.js), como o Typeform (pedido do dono, 22/10/2026): a tela inteira, por cima da página
   (o mesmo <dialog>, sem cartão nem sombra, com o fundo da marca e o X no canto), a barra de progresso fina no alto e
   uma pergunta por vez numa coluna central de ~720 px, com o número ("3 →"), tipografia grande, opções em linhas
   largas com a letra do atalho e o "OK ✓" com "pressione Enter ↵". Setas ↑ ↓ no canto de baixo. No celular, o OK (ou o
   envio da tela 10) e as setas ficam fixos embaixo, acima da faixa de cookies, e a altura acompanha o teclado virtual
   (--cot-vv-h, do visualViewport). Tudo em .bpg-cot* (fora das classes do Elementor), com seletores de duas classes
   para vencer os estilos do tema; propriedades lógicas para o árabe. Só anima transform/opacity e respeita
   prefers-reduced-motion. */
.bpg-cot,
.bpg-cot-dlg {
  --cot-preto: #000407;
  --cot-fundo: #0c0e11;
  --cot-campo: #15181d;
  --cot-linha: #2b3038;
  --cot-linha-forte: #454b55;
  --cot-ouro: #f3b626;
  --cot-ouro-claro: #ffca08;
  --cot-ouro-texto: #f7e3b0;
  --cot-texto: #f4f1ea;
  --cot-suave: #b4ada0;
  --cot-exemplo: #8a8f98;
  --cot-erro: #ff8f7e; /* 8,7:1 sobre o fundo */
  /* WhatsApp: o verde da marca com texto quase preto (10,4:1, AAA); o branco sobre ele daria 2:1 */
  --cot-verde: #25d366;
  --cot-verde-claro: #3fe27f;
  /* as opções do Typeform: o dourado translúcido sobre o fundo; marcada, mais forte */
  --cot-op-fundo: color-mix(in oklch, var(--cot-ouro) 9%, transparent);
  --cot-op-fundo-forte: color-mix(in oklch, var(--cot-ouro) 18%, transparent);
  --cot-op-borda: color-mix(in oklch, var(--cot-ouro) 45%, transparent);
  --cot-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --cot-grad: linear-gradient(135deg, #ffd43b, var(--cot-ouro-claro) 45%, var(--cot-ouro));
  --cot-coluna: 720px;
  --cot-pergunta: clamp(21px, 2.2vw, 28px);
  --cot-campo-fonte: clamp(20px, 2.2vw, 26px);
  /* ícones em máscara (a cor vem do currentColor/background) */
  --cot-ico-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --cot-ico-alerta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m-1.2 5h2.4l-.3 7h-1.8zm1.2 8.6a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8'/%3E%3C/svg%3E");
  --cot-ico-dica: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2V16h5.2v-.2c0-.8.4-1.5 1-2A6 6 0 0 0 12 3'/%3E%3C/svg%3E");
  --cot-ico-busca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4ada0' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
  --cot-ico-desce: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3b626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.bpg-cot,
.bpg-cot *,
.bpg-cot *::before,
.bpg-cot *::after {
  box-sizing: border-box;
}
.bpg-cot [hidden],
.bpg-cot[hidden] {
  display: none !important;
}
.bpg-cot :where(h2, h3, p, ul, ol, dl, dd, fieldset, legend) {
  margin: 0;
  padding: 0;
}
.bpg-cot :where(ul, ol) {
  list-style: none;
}
.bpg-cot .bpg-cot__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ---------- a tela inteira: o <dialog> por cima da página ---------- */
html.bpg-cot-trava {
  overflow: hidden;
}
html.bpg-cot-trava body {
  padding-inline-end: var(--bpg-cot-barra, 0px); /* a página não pula quando some a barra de rolagem */
}
/* com o formulário aberto, a faixa de clientes da prova social para (o globo para pelo bpg/globo.js): por trás da tela
   cheia ela não aparece */
html.bpg-cot-trava .bpg-ps__track {
  animation-play-state: paused;
}
/* a altura é a da área visível (--cot-vv-h, do visualViewport: com o teclado virtual aberto, só o que sobra acima dele);
   sem ela, 100dvh (acompanha a barra do navegador no celular) e 100vh onde não houver dvh */
.bpg-cot-dlg {
  --cot-alto: var(--cot-vv-h, 100vh);
  position: fixed;
  inset: var(--cot-vv-top, 0px) auto auto 0;
  width: 100%;
  max-width: none;
  height: var(--cot-alto);
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--cot-fundo);
  color: var(--cot-texto);
  box-shadow: none;
}
@supports (height: 100dvh) {
  .bpg-cot-dlg {
    --cot-alto: var(--cot-vv-h, 100dvh);
  }
}
.bpg-cot-dlg::backdrop {
  background: var(--cot-fundo); /* nada da página aparece atrás */
}
.bpg-cot-dlg[open] {
  animation: bpg-cot-fundo 0.3s ease;
}
.bpg-cot-dlg .bpg-cot-dlg__fechar {
  position: absolute;
  z-index: 6;
  inset-block-start: 8px;
  inset-inline-end: 12px;
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--cot-texto);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.bpg-cot-dlg .bpg-cot-dlg__fechar:hover,
.bpg-cot-dlg .bpg-cot-dlg__fechar:focus {
  border-color: var(--cot-linha-forte);
  background: rgb(255 255 255 / 0.06);
  color: #fff;
}
.bpg-cot-dlg .bpg-cot-dlg__fechar:focus-visible {
  outline: 2px solid var(--cot-ouro-claro);
  outline-offset: 2px;
}
.bpg-cot-dlg .bpg-cot-dlg__fechar svg {
  width: 22px;
  height: 22px;
}

/* ---------- a página do formulário: o alto, a área que rola, as setas e a faixa de cookies ---------- */
.bpg-cot {
  --cot-prog: 0;
  --cot-pad-x: clamp(20px, 4vw, 40px);
  --cot-nav: 40px; /* cada seta */
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  background:
    radial-gradient(70% 55% at 100% 0%, rgb(243 182 38 / 0.1), transparent 70%),
    radial-gradient(60% 50% at 0% 100%, rgb(255 202 8 / 0.05), transparent 70%),
    var(--cot-fundo);
  color: var(--cot-texto);
  font: 400 16px/1.5 Sora, system-ui, sans-serif;
  text-align: start;
  overflow-wrap: anywhere;
}
.bpg-cot .bpg-cot__topo {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding-block: 10px;
  padding-inline: var(--cot-pad-x) 72px; /* o X no canto */
}
/* a barra de progresso fina, na borda de cima da tela */
.bpg-cot .bpg-cot__barra {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  overflow: hidden;
  background: rgb(255 255 255 / 0.08);
}
.bpg-cot .bpg-cot__barra > span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #c98d0e, var(--cot-ouro) 60%, #ffe07a);
  transform: scaleX(var(--cot-prog));
  transform-origin: left center;
  transition: transform 0.5s var(--cot-ease);
}
.bpg-cot[dir="rtl"] .bpg-cot__barra > span {
  background: linear-gradient(270deg, #c98d0e, var(--cot-ouro) 60%, #ffe07a);
  transform-origin: right center;
}
/* a marca: o logo e "Pedido de cotação" (o nome do <dialog>) */
.bpg-cot .bpg-cot__marca {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.bpg-cot .bpg-cot__logo {
  display: block;
  flex: none;
  width: auto;
  height: 28px;
  max-width: none;
}
.bpg-cot .bpg-cot__kicker {
  padding-inline-start: 12px;
  border-inline-start: 1px solid var(--cot-linha-forte);
  color: var(--cot-ouro);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
}
/* árabe e hindi: sem espaçamento entre letras (separaria as letras ligadas) */
.bpg-cot:is([dir="rtl"], :lang(ar), :lang(hi)) :is(.bpg-cot__kicker, .bpg-cot__reforco, .bpg-cot__btn, .bpg-cot__especs-familia-nome) {
  letter-spacing: 0;
}
/* a área que rola: a pergunta no meio da altura (quando cabe) e no alto (quando não cabe) */
.bpg-cot .bpg-cot__palco {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #3a3f48 transparent;
  scrollbar-width: thin;
  scroll-padding-block: 24px 96px; /* o campo focado para acima do pé fixo (celular) */
}
.bpg-cot .bpg-cot__corpo {
  flex: none;
  width: 100%;
  max-width: calc(var(--cot-coluna) + 2 * var(--cot-pad-x));
  margin: auto;
  padding: 32px var(--cot-pad-x) 88px; /* embaixo, o lugar das setas */
}
/* telas com uma lista que rola por dentro (1: especificações; 2: países): a coluna ocupa a altura toda e só a lista
   encolhe (até o mínimo dela), para a pergunta, a busca, o "Ainda não sei" e o OK caberem sem a tela rolar */
.bpg-cot .bpg-cot__corpo:has(.bpg-paises__lista, .bpg-cot__especs-lista) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  margin-block: 0;
}
.bpg-cot .bpg-cot__corpo > .bpg-cot__tela:has(.bpg-paises__lista, .bpg-cot__especs-lista),
.bpg-cot .bpg-cot__tela > .bpg-cot__todos,
.bpg-cot .bpg-cot__todos > .bpg-paises,
.bpg-cot .bpg-paises > .bpg-paises__combo {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  min-height: 0;
}
.bpg-cot .bpg-cot__corpo > .bpg-cot__tela:has(.bpg-paises__lista, .bpg-cot__especs-lista) {
  flex: 1 1 auto;
  justify-content: center;
}
/* logo depois de trocar de pergunta: o 2º clique de um duplo clique não responde a pergunta nova */
.bpg-cot.is-trocando .bpg-cot__corpo {
  pointer-events: none;
}

/* ---------- a pergunta ---------- */
.bpg-cot .bpg-cot__reforco {
  margin-block-end: 10px;
  color: var(--cot-ouro);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
/* o número com a seta, à esquerda da pergunta (no computador, para fora da coluna, como no Typeform) */
.bpg-cot .bpg-cot__cabeca {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-block-end: 24px;
}
.bpg-cot .bpg-cot__num {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-width: 36px;
  color: var(--cot-ouro);
  font: 600 16px/1 Sora, system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  transform: translateY(-0.15em);
}
.bpg-cot .bpg-cot__num .bpg-cot__seta svg {
  width: 14px;
  height: 14px;
}
@media (min-width: 900px) {
  .bpg-cot .bpg-cot__cabeca {
    margin-inline-start: -46px;
  }
}
.bpg-cot .bpg-cot__pergunta {
  min-width: 0;
  color: #fff;
  font: 500 var(--cot-pergunta)/1.3 Sora, system-ui, sans-serif;
  letter-spacing: -0.01em;
  text-wrap: balance;
  outline: none;
  scroll-margin-top: 24px;
}
.bpg-cot .bpg-cot__pergunta--menor {
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 400;
}
.bpg-cot .bpg-cot__pergunta label {
  cursor: inherit;
  font: inherit;
  color: inherit;
}
/* o título recebe o foco a cada pergunta (para o leitor de tela ler), mas não é um controle: sem contorno */
.bpg-cot .bpg-cot__pergunta:focus,
.bpg-cot .bpg-cot__apoio:focus {
  outline: none;
}
.bpg-cot .bpg-cot__apoio {
  max-width: 40em;
  margin-block: -12px 24px;
  color: var(--cot-suave);
  font-size: 16px;
  line-height: 1.55;
  outline: none;
}
.bpg-cot .bpg-cot__subpergunta {
  margin-block: 28px 12px;
  color: #ece6d8;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
}
.bpg-cot .bpg-cot__carregando {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 160px;
  color: var(--cot-suave);
  font-size: 15px;
}

/* ---------- opções: linhas largas com a letra do atalho (A, B, C…) e o visto na escolhida ---------- */
/* da largura da maior opção (todas iguais), no mínimo 340 px; no celular, a largura toda */
.bpg-cot .bpg-cot__opcoes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  width: fit-content;
  min-width: min(100%, 340px);
  max-width: 100%;
}
/* os 16 produtos da tela 1: duas colunas a partir de 600 px */
@media (min-width: 600px) {
  .bpg-cot .bpg-cot__tela[data-n="1"] .bpg-cot__opcoes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}
.bpg-cot .bpg-cot__op {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  margin: 0;
  padding-block: 8px;
  padding-inline: 10px 44px; /* o fim guarda lugar para o visto: escolher não mexe no texto */
  border: 1px solid var(--cot-op-borda);
  border-radius: 6px;
  background: var(--cot-op-fundo);
  color: var(--cot-texto);
  font: 400 17px/1.3 Sora, system-ui, sans-serif;
  text-align: start;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
  cursor: pointer;
  box-shadow: none;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}
.bpg-cot .bpg-cot__op-txt {
  flex: 1 1 auto;
  min-width: 0;
}
/* a letra do atalho: do data-tecla, fora do nome acessível (o "/ ''" é o texto alternativo vazio) e do tradutor */
.bpg-cot .bpg-cot__op[data-tecla]::before {
  content: attr(data-tecla);
  content: attr(data-tecla) / "";
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--cot-op-borda);
  border-radius: 4px;
  background: var(--cot-fundo);
  color: var(--cot-ouro);
  font: 700 13px/1 Sora, system-ui, sans-serif;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
/* o visto, no fim da escolhida */
.bpg-cot .bpg-cot__op::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 14px;
  width: 18px;
  height: 18px;
  margin-block-start: -9px;
  background: var(--cot-ouro);
  -webkit-mask: var(--cot-ico-ok) center / contain no-repeat;
  mask: var(--cot-ico-ok) center / contain no-repeat;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.15s ease, transform 0.25s var(--cot-ease);
}
.bpg-cot .bpg-cot__op:hover,
.bpg-cot .bpg-cot__op:focus {
  border-color: color-mix(in oklch, var(--cot-ouro) 75%, transparent);
  background: var(--cot-op-fundo-forte);
  color: #fff;
}
.bpg-cot .bpg-cot__op:focus-visible {
  outline: 2px solid var(--cot-ouro-claro);
  outline-offset: 2px;
}
.bpg-cot .bpg-cot__op[aria-pressed="true"] {
  border-color: var(--cot-ouro);
  background: var(--cot-op-fundo-forte);
  color: #fff;
  box-shadow: inset 0 0 0 1px var(--cot-ouro);
}
.bpg-cot .bpg-cot__op[aria-pressed="true"]::before {
  border-color: var(--cot-ouro);
  background: var(--cot-ouro);
  color: var(--cot-preto);
}
.bpg-cot .bpg-cot__op[aria-pressed="true"]::after {
  opacity: 1;
  transform: none;
}
@media (forced-colors: active) {
  .bpg-cot .bpg-cot__op[aria-pressed="true"] {
    outline: 3px solid Highlight;
  }
}
.bpg-cot .bpg-cot__op[disabled] {
  cursor: default;
}
.bpg-cot .bpg-cot__tela[aria-busy="true"] .bpg-cot__op:not(.is-ocupado) {
  opacity: 0.55;
}
.bpg-cot .bpg-cot__op.is-ocupado {
  border-color: var(--cot-ouro);
  background: var(--cot-op-fundo-forte);
}
/* esperando (o telefone): o giro no lugar do visto */
.bpg-cot .bpg-cot__op .bpg-cot__spin {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 15px;
  flex: none;
  margin-block-start: -8px;
  border-color: rgb(243 182 38 / 0.25);
  border-top-color: var(--cot-ouro);
}
.bpg-cot .bpg-cot__op.is-ocupado::after {
  display: none;
}
/* tela 2: a lista de países (bpg/paises.css) no estilo da pergunta: a busca sublinhada, grande, e a lista embaixo */
.bpg-cot .bpg-cot__todos .bpg-cot__rot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap; /* o rótulo fica para o leitor de tela; a pergunta já diz o que é */
}
.bpg-cot .bpg-paises {
  --paises-altura: max(160px, calc(var(--cot-alto, 100vh) - 380px));
}
.bpg-cot .bpg-paises .bpg-paises__busca {
  min-height: 0;
  padding-block: 6px 10px;
  padding-inline: 34px 0;
  border: 0;
  border-bottom: 1px solid var(--cot-op-borda);
  border-radius: 0;
  background: transparent var(--cot-ico-busca) left 2px center / 22px 22px no-repeat;
  font-size: var(--cot-campo-fonte);
}
.bpg-cot .bpg-paises[dir="rtl"] .bpg-paises__busca {
  background-position: right 2px center;
}
.bpg-cot .bpg-paises .bpg-paises__busca:focus,
.bpg-cot .bpg-paises .bpg-paises__busca:focus-visible {
  border-bottom-color: var(--cot-ouro);
  outline: 2px solid transparent;
  box-shadow: 0 1px 0 0 var(--cot-ouro);
}
.bpg-cot .bpg-paises .bpg-paises__lista {
  flex: 0 1 auto;
  height: var(--paises-altura); /* fixa: a busca filtra sem mudar a altura (no celular, o campo não pula) */
  min-height: 120px;
  margin-block-start: 14px;
  border-color: var(--cot-linha);
  border-radius: 8px;
  background: rgb(255 255 255 / 0.02);
}
.bpg-cot .bpg-cot__ddi-txt {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* ---------- tela 1: o produto escolhido e as especificações (caixas de marcar com a letra do atalho) ---------- */
.bpg-cot .bpg-cot__produto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.bpg-cot .bpg-cot__produto .bpg-cot__op {
  width: auto;
  min-width: min(100%, 240px);
  min-height: 46px;
  padding-inline-start: 16px;
}
.bpg-cot .bpg-cot__btn.bpg-cot__trocar {
  min-height: 44px;
}
.bpg-cot .bpg-cot__especs,
.bpg-cot .bpg-cot__especs-familia {
  min-width: 0;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.bpg-cot .bpg-cot__especs {
  margin-block-start: 20px;
}
/* o Chromium só passa a altura encolhida para dentro do <fieldset> se ele tiver height; o teto max-content deixa a
   lista curta (carvão, etanol) no tamanho dela. O mínimo (título + lista mínima + "Ainda não sei") evita que o "Ainda
   não sei" cubra a lista numa tela baixa: aí quem rola é a área da pergunta */
.bpg-cot .bpg-cot__tela > .bpg-cot__especs {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  height: var(--cot-alto, 100vh);
  max-height: max-content;
  min-height: 210px;
}
.bpg-cot .bpg-cot__subpergunta.bpg-cot__especs-titulo {
  flex: none;
  margin: 0;
  padding: 0 0 12px;
  outline: none; /* recebe o foco ao escolher o produto (para o leitor de tela), mas não é um controle */
}
.bpg-cot .bpg-cot__especs-lista {
  display: grid;
  flex: 0 1 auto;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 6px;
  min-height: 120px;
  margin: 0;
  padding: 2px 4px 2px 2px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #3a3f48 transparent;
  scrollbar-width: thin;
}
.bpg-cot .bpg-cot__especs-itens {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}
@media (min-width: 600px) {
  .bpg-cot .bpg-cot__especs-lista,
  .bpg-cot .bpg-cot__especs-itens {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.bpg-cot .bpg-cot__especs-familia {
  grid-column: 1 / -1;
}
.bpg-cot .bpg-cot__especs-familia + .bpg-cot__especs-familia {
  margin-block-start: 8px;
}
.bpg-cot .bpg-cot__especs-familia-nome {
  padding: 6px 2px 6px;
  color: var(--cot-suave);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}
/* cada especificação: uma linha como as opções; a caixa de marcar é a tecla da letra; marcada, dourada e o visto no fim */
.bpg-cot .bpg-cot__espec {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding-block: 7px;
  padding-inline: 9px 40px;
  border: 1px solid var(--cot-op-borda);
  border-radius: 6px;
  background: var(--cot-op-fundo);
  color: var(--cot-texto);
  font: 400 15px/1.3 Sora, system-ui, sans-serif;
  text-align: start;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}
.bpg-cot .bpg-cot__espec:hover {
  border-color: color-mix(in oklch, var(--cot-ouro) 75%, transparent);
  background: var(--cot-op-fundo-forte);
  color: #fff;
}
.bpg-cot .bpg-cot__espec:has(> .bpg-cot__espec-caixa:checked) {
  border-color: var(--cot-ouro);
  background: var(--cot-op-fundo-forte);
  box-shadow: inset 0 0 0 1px var(--cot-ouro);
  color: #fff;
}
.bpg-cot .bpg-cot__espec::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 12px;
  width: 16px;
  height: 16px;
  margin-block-start: -8px;
  background: var(--cot-ouro);
  -webkit-mask: var(--cot-ico-ok) center / contain no-repeat;
  mask: var(--cot-ico-ok) center / contain no-repeat;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.bpg-cot .bpg-cot__espec:has(> .bpg-cot__espec-caixa:checked)::after {
  opacity: 1;
}
.bpg-cot .bpg-cot__espec:has(> .bpg-cot__espec-caixa:disabled) {
  cursor: default;
}
.bpg-cot .bpg-cot__tela[aria-busy="true"] .bpg-cot__espec {
  opacity: 0.55;
}
.bpg-cot .bpg-cot__espec-caixa {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cot-op-borda);
  border-radius: 4px;
  background: var(--cot-fundo);
  color: var(--cot-ouro);
  cursor: inherit;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
/* a letra do atalho (fora do nome acessível); sem letra (da 27ª em diante), o visto dentro da caixa marcada */
.bpg-cot .bpg-cot__espec-caixa[data-tecla]::before {
  content: attr(data-tecla);
  content: attr(data-tecla) / "";
  font: 700 13px/1 Sora, system-ui, sans-serif;
}
.bpg-cot .bpg-cot__espec-caixa:not([data-tecla])::before {
  content: "";
  width: 12px;
  height: 12px;
  background: currentColor;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
  transform: scale(0);
  transition: transform 0.15s var(--cot-ease);
}
.bpg-cot .bpg-cot__espec-caixa:checked {
  border-color: var(--cot-ouro);
  background: var(--cot-ouro);
  color: var(--cot-preto);
}
.bpg-cot .bpg-cot__espec-caixa:not([data-tecla]):checked::before {
  transform: scale(1);
}
.bpg-cot .bpg-cot__espec-caixa:focus-visible {
  outline: 2px solid var(--cot-ouro-claro);
  outline-offset: 2px;
}
/* alto contraste do Windows: a caixa do sistema (o fundo dourado da marcada sumiria) */
@media (forced-colors: active) {
  .bpg-cot .bpg-cot__espec-caixa {
    -webkit-appearance: auto;
    appearance: auto;
  }
  .bpg-cot .bpg-cot__espec-caixa::before {
    display: none;
  }
}
/* o nome e o código pequeno (o do catálogo, fora do tradutor), que desce para a linha de baixo se não couber */
.bpg-cot .bpg-cot__espec-txt {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  min-width: 0;
}
.bpg-cot .bpg-cot__espec-nome {
  min-width: 0;
}
.bpg-cot .bpg-cot__espec-cod {
  color: var(--cot-suave);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.bpg-cot .bpg-cot__espec:has(> .bpg-cot__espec-caixa:checked) .bpg-cot__espec-cod {
  color: var(--cot-ouro-texto);
}
/* "Ainda não sei": fora da lista que rola, sempre à vista */
.bpg-cot .bpg-cot__espec.bpg-cot__espec--nao-sei {
  flex: none;
  margin-block-start: 10px;
}

/* ---------- tela 7: quantidade (opcional) e recorrência, abaixo das faixas ---------- */
.bpg-cot .bpg-cot__t7:not(:empty) {
  margin-block-start: 22px;
}
.bpg-cot .bpg-cot__t7 .bpg-cot__campo {
  max-width: 300px;
}
.bpg-cot .bpg-cot__t7 .bpg-cot__subpergunta {
  outline: none;
}
.bpg-cot .bpg-cot__btn--qtd {
  min-height: 44px;
  padding-block: 8px;
  font-weight: 600;
}
.bpg-cot .bpg-cot__dica {
  margin-block: -2px 6px;
  color: var(--cot-suave);
  font-size: 13px;
  line-height: 1.4;
}

/* ---------- tela 10: o que é FOB, CFR e CIF ---------- */
.bpg-cot .bpg-cot__explica {
  display: grid;
  gap: 8px;
  margin-block-start: 22px;
  padding: 14px 16px;
  border: 1px solid var(--cot-linha);
  border-radius: 8px;
  background: rgb(255 255 255 / 0.02);
  color: var(--cot-suave);
  font-size: 14px;
  line-height: 1.5;
}

/* ---------- campos ---------- */
/* /contato/ tem uma regra "form { padding; borda; fundo }" do Elementor que valeria para o nosso também */
.bpg-cot .bpg-cot__form {
  display: grid;
  gap: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.bpg-cot .bpg-cot__campo {
  min-width: 0;
}
.bpg-cot .bpg-cot__rot {
  display: block;
  margin-block-end: 6px;
  color: #ece6d8;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}
/* caixa (formulário simples, cópia manual da cotação) */
.bpg-cot .bpg-cot__in {
  display: block;
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--cot-linha);
  border-radius: 10px;
  background: var(--cot-campo);
  color: #fff;
  font: 400 16px/1.4 Sora, system-ui, sans-serif; /* 16px: o iPhone não dá zoom ao tocar */
  box-shadow: none;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}
/* nas perguntas, como no Typeform: só a linha de baixo, a letra grande */
.bpg-cot .bpg-cot__tela:not(.bpg-cot__tela--simples) .bpg-cot__in {
  min-height: 0;
  padding: 6px 0 10px;
  border: 0;
  border-bottom: 1px solid var(--cot-op-borda);
  border-radius: 0;
  background: transparent;
  font-size: var(--cot-campo-fonte);
}
.bpg-cot .bpg-cot__in::placeholder {
  color: var(--cot-exemplo);
  opacity: 1;
}
.bpg-cot .bpg-cot__in:hover {
  border-color: var(--cot-linha-forte);
}
.bpg-cot .bpg-cot__tela:not(.bpg-cot__tela--simples) .bpg-cot__in:hover {
  border-color: color-mix(in oklch, var(--cot-ouro) 70%, transparent);
}
.bpg-cot .bpg-cot__in:focus,
.bpg-cot .bpg-cot__in:focus-visible {
  border-color: var(--cot-ouro);
  outline: 2px solid transparent; /* vira a cor do sistema no alto contraste do Windows */
  background-color: #181b21;
  box-shadow: 0 0 0 3px rgb(243 182 38 / 0.28);
}
.bpg-cot .bpg-cot__tela:not(.bpg-cot__tela--simples) .bpg-cot__in:focus,
.bpg-cot .bpg-cot__tela:not(.bpg-cot__tela--simples) .bpg-cot__in:focus-visible {
  background-color: transparent;
  box-shadow: 0 1px 0 0 var(--cot-ouro);
}
.bpg-cot .bpg-cot__in[aria-invalid="true"] {
  border-color: var(--cot-erro);
  background-color: color-mix(in srgb, var(--cot-erro) 6%, var(--cot-campo));
}
.bpg-cot .bpg-cot__tela:not(.bpg-cot__tela--simples) .bpg-cot__in[aria-invalid="true"] {
  background-color: transparent;
}
.bpg-cot .bpg-cot__in[aria-invalid="true"]:focus {
  border-color: var(--cot-erro);
  box-shadow: 0 0 0 3px rgb(255 143 126 / 0.28);
}
.bpg-cot .bpg-cot__tela:not(.bpg-cot__tela--simples) .bpg-cot__in[aria-invalid="true"]:focus {
  box-shadow: 0 1px 0 0 var(--cot-erro);
}
.bpg-cot textarea.bpg-cot__in {
  min-height: 96px;
  resize: vertical;
}
.bpg-cot select.bpg-cot__sel {
  padding-inline-end: 42px;
  background: var(--cot-campo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3b626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px 18px no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.bpg-cot[dir="rtl"] select.bpg-cot__sel {
  background-position: left 14px center;
}
.bpg-cot select.bpg-cot__sel option {
  background: #fff;
  color: var(--cot-preto);
}
.bpg-cot[dir="rtl"] .bpg-cot__in[dir="ltr"] {
  text-align: right; /* e-mail e número são da esquerda, mas no árabe encostam à direita */
}
/* erro do campo: ícone de alerta + texto, em vermelho claro (8,7:1) */
.bpg-cot .bpg-cot__erro {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-block-start: 10px;
  color: var(--cot-erro);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.bpg-cot .bpg-cot__erro::before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  margin-block-start: 2px;
  background: currentColor;
  -webkit-mask: var(--cot-ico-alerta) center / contain no-repeat;
  mask: var(--cot-ico-alerta) center / contain no-repeat;
}
.bpg-cot .bpg-cot__erro:empty,
.bpg-cot .bpg-cot__sugestao:empty {
  display: none;
}
/* "Você quis dizer…?": uma dica dourada clicável, com a lâmpada; o e-mail sugerido em destaque */
.bpg-cot .bpg-cot__sugestao {
  margin-block-start: -6px;
}
.bpg-cot .bpg-cot__sugestao .bpg-cot__btn--link,
.bpg-cot .bpg-cot__sugestao .bpg-cot__btn--link:hover,
.bpg-cot .bpg-cot__sugestao .bpg-cot__btn--link:focus {
  position: relative;
  display: inline-block;
  max-width: 100%;
  min-height: 44px;
  padding: 8px 14px;
  padding-inline-start: 38px;
  border: 1px solid rgb(243 182 38 / 0.35);
  border-radius: 8px;
  background: rgb(243 182 38 / 0.08);
  color: var(--cot-texto);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: start;
  text-decoration: none;
}
.bpg-cot .bpg-cot__sugestao .bpg-cot__btn--link::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 13px;
  width: 17px;
  height: 17px;
  margin-block-start: -8.5px;
  background: var(--cot-ouro);
  -webkit-mask: var(--cot-ico-dica) center / contain no-repeat;
  mask: var(--cot-ico-dica) center / contain no-repeat;
}
.bpg-cot .bpg-cot__sugestao .bpg-cot__btn--link:hover {
  border-color: var(--cot-ouro);
  background: rgb(243 182 38 / 0.14);
}
.bpg-cot .bpg-cot__sugestao .bpg-cot__btn--link strong {
  color: var(--cot-ouro-texto);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgb(247 227 176 / 0.55);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

/* telefone: o código do país (mostra a bandeira e "+971"; a lista tem o nome do país) e o número, na mesma linha */
.bpg-cot .bpg-cot__tel {
  display: flex;
  align-items: stretch;
  gap: 14px;
}
.bpg-cot .bpg-cot__tel > .bpg-cot__in {
  flex: 1 1 0;
  min-width: 0;
}
.bpg-cot .bpg-cot__ddi {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  min-width: 96px;
  padding-block: 6px 10px;
  padding-inline: 0 26px;
  border-bottom: 1px solid var(--cot-op-borda);
  background: transparent var(--cot-ico-desce) right 0 center / 18px 18px no-repeat;
  color: #fff;
  font-size: var(--cot-campo-fonte);
  line-height: 1.3;
  white-space: nowrap;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bpg-cot[dir="rtl"] .bpg-cot__ddi {
  background-position: left 0 center;
}
.bpg-cot .bpg-cot__ddi:focus-within {
  border-bottom-color: var(--cot-ouro);
  outline: 2px solid transparent;
  box-shadow: 0 1px 0 0 var(--cot-ouro);
}
.bpg-cot .bpg-cot__tel:has(> [aria-invalid="true"]) .bpg-cot__ddi {
  border-bottom-color: var(--cot-erro);
}
.bpg-cot select.bpg-cot__ddi-sel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.bpg-cot select.bpg-cot__ddi-sel option {
  background: #fff;
  color: var(--cot-preto);
}

/* aviso de privacidade (a partir da tela 3) */
.bpg-cot .bpg-cot__priv {
  margin-block: 20px 0;
  color: var(--cot-suave);
  font-size: 13px;
  line-height: 1.5;
}
.bpg-cot .bpg-cot__priv a {
  color: var(--cot-ouro-texto);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bpg-cot .bpg-cot__priv a:hover {
  color: var(--cot-ouro-claro);
}
.bpg-cot .bpg-cot__priv a:focus-visible {
  outline: 2px solid var(--cot-ouro);
  outline-offset: 2px;
  border-radius: 2px;
}
/* erro geral da tela e o aviso da fila */
.bpg-cot .bpg-cot__nota:empty {
  display: none;
}
.bpg-cot .bpg-cot__nota {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  margin-block-start: 18px;
  padding: 12px 16px;
  border: 1px solid rgb(255 143 126 / 0.35);
  border-radius: 8px;
  background: rgb(255 143 126 / 0.08);
  color: #ffd2ca;
  font-size: 14px;
}
/* o aviso da fila (as respostas esperam a internet): dentro do pé da pergunta, antes do OK ou dos envios da tela 10
   (o JS o encaixa lá). O pé cresce com ele: no celular, onde o pé é fixo embaixo, o aviso nunca cobre os botões (na
   tela 10, com os dois envios, ele fica acima do WhatsApp). Na grade da tela 10 ele é a 1ª linha; no computador, a
   grade (fit-content) alarga até a coluna enquanto ele está à vista */
.bpg-cot .bpg-cot__fila {
  flex: 1 1 100%;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgb(243 182 38 / 0.3);
  border-radius: 8px;
  background: color-mix(in oklch, var(--cot-ouro) 8%, var(--cot-fundo));
  color: var(--cot-ouro-texto);
  font-size: 13px;
  line-height: 1.45;
}
/* fora de uma pergunta (carregando, erro): no fim da área que rola, à vista mesmo com ela rolando */
.bpg-cot .bpg-cot__palco > .bpg-cot__fila {
  position: sticky;
  z-index: 4;
  bottom: 24px;
  flex: none;
  /* nas telas médias, sem passar por baixo das setas do canto */
  width: calc(100% - 2 * (2 * var(--cot-nav) + 48px));
  max-width: var(--cot-coluna);
  margin: 0 auto 24px;
}

/* ---------- botões ---------- */
.bpg-cot .bpg-cot__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-block-start: 28px;
}
.bpg-cot .bpg-cot__acoes:empty {
  display: none;
}
.bpg-cot .bpg-cot__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  margin: 0;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: none;
  color: var(--cot-texto);
  font: 700 15px/1.1 Sora, system-ui, sans-serif;
  letter-spacing: 0.01em;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 0.25s var(--cot-ease),
    box-shadow 0.25s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
.bpg-cot .bpg-cot__btn--pri,
.bpg-cot .bpg-cot__btn--pri:hover,
.bpg-cot .bpg-cot__btn--pri:focus {
  border-color: transparent;
  background: var(--cot-grad);
  color: var(--cot-preto);
  box-shadow: 0 10px 24px -14px rgb(255 202 8 / 0.6);
}
/* o "OK ✓" do Typeform: compacto, a letra maior */
.bpg-cot .bpg-cot__btn.bpg-cot__btn--ok {
  gap: 8px;
  min-width: 88px;
  min-height: 46px;
  padding: 10px 20px;
  font-size: 18px;
  letter-spacing: 0.02em;
}
.bpg-cot .bpg-cot__btn--ok svg {
  flex: none;
  width: 20px;
  height: 20px;
}
/* "pressione Enter ↵": só onde há teclado (computador) */
.bpg-cot .bpg-cot__enter {
  display: none;
  color: var(--cot-suave);
  font-size: 13px;
  line-height: 1.3;
}
.bpg-cot .bpg-cot__enter strong {
  color: var(--cot-texto);
  font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
  .bpg-cot .bpg-cot__enter {
    display: inline;
  }
}
.bpg-cot .bpg-cot__btn--sec,
.bpg-cot .bpg-cot__btn--sec:hover,
.bpg-cot .bpg-cot__btn--sec:focus {
  border-color: var(--cot-linha-forte);
  background: transparent;
  color: var(--cot-texto);
}
.bpg-cot .bpg-cot__btn--sec:hover {
  border-color: #5a616c;
  background: rgb(255 255 255 / 0.04);
}
.bpg-cot .bpg-cot__btn--link,
.bpg-cot .bpg-cot__btn--link:hover,
.bpg-cot .bpg-cot__btn--link:focus {
  min-height: 0;
  padding: 6px 0;
  border: 0;
  background: none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: start;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bpg-cot .bpg-cot__btn:focus-visible {
  outline: 2px solid var(--cot-ouro-claro);
  outline-offset: 3px;
}
.bpg-cot .bpg-cot__btn[disabled] {
  cursor: default;
  opacity: 0.6;
}
.bpg-cot .bpg-cot__btn--pri.is-ocupado {
  cursor: progress;
  opacity: 0.85;
}
.bpg-cot .bpg-cot__seta {
  display: inline-flex;
  flex: none;
  transition: transform 0.3s var(--cot-ease);
}
.bpg-cot .bpg-cot__seta svg {
  width: 18px;
  height: 18px;
}
.bpg-cot[dir="rtl"] .bpg-cot__seta svg {
  transform: scaleX(-1);
}
.bpg-cot .bpg-cot__spin {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgb(0 4 7 / 0.25);
  border-top-color: var(--cot-preto);
  border-radius: 50%;
  animation: bpg-cot-gira 0.8s linear infinite;
}
.bpg-cot .bpg-cot__spin--claro {
  width: 22px;
  height: 22px;
  border-color: rgb(243 182 38 / 0.25);
  border-top-color: var(--cot-ouro);
}
@media (hover: hover) {
  .bpg-cot .bpg-cot__btn--pri:not([disabled]):hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px -14px rgb(255 202 8 / 0.7);
  }
}

/* ---------- as setas ↑ ↓ do canto (logo acima da faixa de cookies, ou do pé da tela) ---------- */
/* uma faixa de altura zero entre a área que rola e a faixa de cookies: as setas sobem dela */
.bpg-cot .bpg-cot__setas {
  position: relative;
  z-index: 5;
  display: flex;
  flex: none;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1px;
  height: 0;
  padding-inline: 24px;
}
.bpg-cot .bpg-cot__nav {
  display: inline-grid;
  place-items: center;
  width: var(--cot-nav);
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--cot-ouro);
  color: var(--cot-preto);
  cursor: pointer;
  transform: translateY(-24px);
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.bpg-cot .bpg-cot__nav:first-child {
  border-start-start-radius: 6px;
  border-end-start-radius: 6px;
}
.bpg-cot .bpg-cot__nav:last-child {
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
}
.bpg-cot .bpg-cot__nav svg {
  width: 22px;
  height: 22px;
}
.bpg-cot .bpg-cot__nav:hover {
  background: var(--cot-ouro-claro);
}
.bpg-cot .bpg-cot__nav:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.bpg-cot .bpg-cot__nav[aria-disabled="true"] {
  opacity: 0.35;
  cursor: default;
}
.bpg-cot .bpg-cot__nav[aria-disabled="true"]:hover {
  background: var(--cot-ouro);
}
@media (forced-colors: active) {
  .bpg-cot .bpg-cot__nav {
    border: 1px solid ButtonText;
  }
}

/* ---------- cookies: a escolha no pé da tela (o <dialog> cobre o aviso da página) ----------
   Abaixo da área que rola: nada fica escondido atrás dela. Computador: 1 linha; celular: o texto em até 2 linhas e
   os botões lado a lado. */
.bpg-cot .bpg-cot__cookies {
  position: relative;
  z-index: 6;
  display: flex;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px 14px;
  padding: 10px var(--cot-pad-x);
  padding-block-end: calc(10px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgb(243 182 38 / 0.35);
  background: var(--cot-fundo);
}
.bpg-cot .bpg-cot__cookies[hidden] {
  display: none;
}
.bpg-cot .bpg-cot__cookies-texto {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: var(--cot-suave);
  font-size: 13px;
  line-height: 1.45;
}
.bpg-cot .bpg-cot__cookies-texto a {
  color: var(--cot-ouro-texto);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.bpg-cot .bpg-cot__cookies-texto a:focus-visible {
  outline: 2px solid var(--cot-ouro);
  outline-offset: 2px;
  border-radius: 2px;
}
.bpg-cot .bpg-cot__cookies-botoes {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}
.bpg-cot .bpg-cot__cookies-btn,
.bpg-cot .bpg-cot__cookies-btn:hover,
.bpg-cot .bpg-cot__cookies-btn:focus {
  min-height: 38px;
  margin: 0;
  padding: 7px 16px;
  border: 1px solid var(--cot-ouro);
  border-radius: 6px;
  background: transparent;
  color: var(--cot-texto);
  font: 700 13px/1.1 Sora, system-ui, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}
.bpg-cot .bpg-cot__cookies-btn--sim,
.bpg-cot .bpg-cot__cookies-btn--sim:hover,
.bpg-cot .bpg-cot__cookies-btn--sim:focus {
  background: var(--cot-ouro);
  color: var(--cot-preto);
}
.bpg-cot .bpg-cot__cookies-btn:focus-visible {
  outline: 2px solid var(--cot-ouro-claro);
  outline-offset: 2px;
}

/* ---------- botão do WhatsApp (envio na tela 10 e de novo no agradecimento) ----------
   Verde do WhatsApp com o texto e o ícone quase pretos da marca (10,4:1): o lead reconhece na hora que o toque abre
   o WhatsApp, e o verde não disputa com o dourado do OK e das opções escolhidas. */
.bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp:hover,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp:focus,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap:hover,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap:focus {
  gap: 10px;
  min-height: 56px;
  padding-block: 12px;
  padding-inline: 20px 24px;
  border-color: rgb(0 0 0 / 0.12);
  background: linear-gradient(180deg, var(--cot-verde-claro), var(--cot-verde));
  color: var(--cot-preto);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: start;
  text-transform: none;
  box-shadow:
    0 1px 0 rgb(255 255 255 / 0.35) inset,
    0 14px 28px -14px rgb(37 211 102 / 0.6);
}
.bpg-cot .bpg-cot__btn--whatsapp svg,
.bpg-cot .bpg-cot__btn--zap svg {
  flex: none;
  width: 24px;
  height: 24px;
}
.bpg-cot .bpg-cot__btn--whatsapp > span,
.bpg-cot .bpg-cot__btn--zap > span {
  min-width: 0;
}
@media (hover: hover) {
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp:not([disabled]):not([aria-disabled="true"]):hover,
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--zap:hover {
    transform: translateY(-1px);
    box-shadow:
      0 1px 0 rgb(255 255 255 / 0.35) inset,
      0 18px 32px -14px rgb(37 211 102 / 0.7);
  }
}
.bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp:focus-visible,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
/* "Enviando…": o mesmo verde, apagado (aria-disabled durante o envio, para o foco ficar no botão) */
.bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp[disabled],
.bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp[aria-disabled="true"] {
  opacity: 0.7;
  box-shadow: none;
  cursor: progress;
}
@media (forced-colors: active) {
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--whatsapp,
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--zap {
    border: 2px solid ButtonText;
  }
}
/* tela 10: o aviso logo acima dos envios */
.bpg-cot .bpg-cot__envio-apoio {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 22px 0 0;
  padding: 12px 14px;
  border: 1px solid rgb(37 211 102 / 0.28);
  border-radius: 8px;
  background: rgb(37 211 102 / 0.06);
  color: var(--cot-texto);
  font-size: 14px;
  line-height: 1.5;
}
.bpg-cot .bpg-cot__envio-apoio::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin-block-start: 7px;
  border-radius: 50%;
  background: var(--cot-verde);
  box-shadow: 0 0 0 4px rgb(37 211 102 / 0.18);
}

/* ---------- botão do e-mail (envio na tela 10 e de novo no agradecimento) ----------
   Secundário: contorno dourado sobre o fundo escuro, texto claro e o envelope em dourado (o WhatsApp verde continua
   em destaque). Alvo de 48 px. Sem movimento no hover (só cor). */
.bpg-cot .bpg-cot__btn.bpg-cot__btn--email,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--email:hover,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--email:focus {
  gap: 10px;
  min-height: 48px;
  padding-block: 9px;
  padding-inline: 18px 20px;
  border: 1.5px solid rgb(243 182 38 / 0.55);
  background: rgb(243 182 38 / 0.05);
  color: var(--cot-texto);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: start;
  text-transform: none;
  box-shadow: none;
}
.bpg-cot .bpg-cot__btn--email svg {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--cot-ouro);
}
.bpg-cot .bpg-cot__btn--email > span {
  min-width: 0;
}
/* em duas linhas (celular, traduções longas), quebra equilibrada: "Enviar cotação / por e-mail", não "… por e- / mail" */
.bpg-cot :is(.bpg-cot__btn--whatsapp, .bpg-cot__btn--zap, .bpg-cot__btn--email) > span {
  text-wrap: balance;
}
@media (hover: hover) {
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--email:not([aria-disabled="true"]):hover {
    border-color: var(--cot-ouro);
    background: rgb(243 182 38 / 0.1);
    color: #fff;
  }
}
.bpg-cot .bpg-cot__btn.bpg-cot__btn--email:focus-visible {
  outline: 2px solid var(--cot-ouro-claro);
  outline-offset: 3px;
}
/* "Enviando…": apagado, com o giro em dourado (aria-disabled durante o envio, para o foco ficar no botão) */
.bpg-cot .bpg-cot__btn.bpg-cot__btn--email[aria-disabled="true"] {
  opacity: 0.6;
  cursor: progress;
}
.bpg-cot .bpg-cot__btn--email .bpg-cot__spin {
  border-color: rgb(243 182 38 / 0.25);
  border-top-color: var(--cot-ouro);
}
@media (forced-colors: active) {
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--email {
    border: 2px solid ButtonText;
  }
}
/* tela 10 com os dois envios: o WhatsApp em cima e o e-mail embaixo, da mesma largura. A ordem na tela é a do código
   (WhatsApp, e-mail), também no teclado */
.bpg-cot .bpg-cot__acoes.bpg-cot__acoes--envios {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  gap: 10px;
  width: fit-content;
  min-width: min(100%, 340px);
  max-width: 100%;
}
.bpg-cot .bpg-cot__acoes--envios > .bpg-cot__btn.bpg-cot__btn--email {
  justify-content: center;
}

/* ---------- agradecimento ---------- */
.bpg-cot .bpg-cot__ok {
  max-width: 560px;
  margin-inline: auto;
  padding-block: 4px 2px;
  text-align: center;
}
/* o visto num disco dourado com um halo (e um "pulso" ao aparecer) */
.bpg-cot .bpg-cot__ok-icone {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 76px;
  height: 76px;
  margin-block-end: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, rgb(255 212 59 / 0.28), rgb(243 182 38 / 0.08) 70%);
  box-shadow:
    0 0 0 1px rgb(243 182 38 / 0.4) inset,
    0 0 0 8px rgb(243 182 38 / 0.06),
    0 0 48px rgb(255 202 8 / 0.3);
  color: var(--cot-ouro-claro);
  animation: bpg-cot-pop 0.6s var(--cot-ease) backwards;
}
.bpg-cot .bpg-cot__ok-icone::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 2px solid rgb(255 202 8 / 0.5);
  border-radius: 50%;
  opacity: 0;
  animation: bpg-cot-pulso 1.4s var(--cot-ease) 0.35s;
  pointer-events: none;
}
.bpg-cot .bpg-cot__ok-icone svg {
  width: 52px;
  height: 52px;
}
.bpg-cot .bpg-cot__ok-traco {
  stroke-dasharray: 40;
  stroke-dashoffset: 0;
  animation: bpg-cot-traco 0.7s var(--cot-ease) 0.25s backwards;
}
.bpg-cot .bpg-cot__ok-titulo {
  margin-block-end: 12px;
  font-size: clamp(24px, 2.6vw, 32px);
}
.bpg-cot .bpg-cot__ok-texto {
  max-width: 34em;
  margin: 0 auto;
  color: var(--cot-suave);
  font-size: 16px;
  line-height: 1.6;
}
/* WhatsApp e e-mail no meio do texto: sempre da esquerda para a direita e isolados da frase (no árabe, o
   "+971 50 123 4567" não vira "4567 123 50 971+"); o número não quebra de linha */
.bpg-cot .bpg-cot__ltr {
  direction: ltr;
  unicode-bidi: isolate;
}
.bpg-cot .bpg-cot__ok-texto .bpg-cot__ltr {
  white-space: nowrap;
}
/* resumo: uma ficha com as linhas separadas por fios; rótulo à esquerda, resposta à direita */
.bpg-cot .bpg-cot__resumo {
  display: grid;
  width: 100%;
  max-width: 440px;
  margin: 24px auto 0;
  padding: 4px 18px;
  border: 1px solid rgb(243 182 38 / 0.3);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgb(243 182 38 / 0.09), rgb(243 182 38 / 0.03)),
    var(--cot-fundo);
  text-align: start;
}
.bpg-cot .bpg-cot__resumo > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 16px;
  padding-block: 12px;
}
.bpg-cot .bpg-cot__resumo > div + div {
  border-block-start: 1px solid rgb(255 255 255 / 0.07);
}
.bpg-cot .bpg-cot__resumo dt {
  color: var(--cot-suave);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.bpg-cot .bpg-cot__resumo dd {
  min-width: 0;
  margin-inline-start: auto;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: end;
}
.bpg-cot .bpg-cot__zap-apoio {
  max-width: 34em;
  margin: 20px auto 0;
  color: var(--cot-suave);
  font-size: 14px;
  line-height: 1.5;
}
/* o pé do agradecimento: os botões e as ações; quando o agradecimento não cabe, fica fixo embaixo e o texto rola por
   trás (um degradê curto em cima apaga o que passa por baixo) */
.bpg-cot .bpg-cot__ok-pe {
  position: sticky;
  z-index: 2;
  bottom: 0;
  display: grid;
  justify-items: center;
  gap: 16px;
  margin-block-start: 16px;
  padding-block: 12px 4px;
  background: linear-gradient(rgb(12 14 17 / 0), var(--cot-fundo) 12px);
}
.bpg-cot .bpg-cot__zap {
  display: grid;
  justify-items: center;
  gap: 10px;
  width: 100%;
}
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap:hover,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--zap:focus {
  justify-content: center;
  width: 100%;
  max-width: 440px;
  min-height: 56px;
  font-size: clamp(15px, 4.2vw, 17px); /* a frase numa linha só a partir de 360 px */
}
/* o e-mail logo abaixo do WhatsApp, da mesma largura (secundário: contorno) */
.bpg-cot .bpg-cot__zap > .bpg-cot__btn.bpg-cot__btn--email {
  justify-content: center;
  width: 100%;
  max-width: 440px;
}
/* "Seu e-mail não abriu? Copie a cotação e envie para <endereço>" + "Copiar cotação": só quando o mailto: não abriu
   nada (o endereço só aparece aqui, depois do clique). A região viva (.bpg-cot__email-apoio, role="status") fica
   sempre na página, vazia e sem altura; a caixa entra nela depois do clique. Discreta (a página perdeu o foco: o
   e-mail deve ter aberto): só o "Copiar cotação" em forma de link */
.bpg-cot .bpg-cot__email-apoio {
  width: 100%;
  max-width: 440px;
}
.bpg-cot .bpg-cot__email-apoio:empty {
  display: none;
}
.bpg-cot .bpg-cot__email-apoio-caixa {
  padding: 12px 14px;
  border: 1px solid rgb(243 182 38 / 0.3);
  border-radius: 8px;
  background: rgb(243 182 38 / 0.06);
  text-align: start;
}
.bpg-cot .bpg-cot__email-apoio-caixa.is-discreto {
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
}
.bpg-cot .bpg-cot__email-apoio-caixa.is-discreto .bpg-cot__btn--copiar {
  min-height: 44px; /* alvo de toque, mesmo em forma de link */
  padding-inline: 8px;
  color: var(--cot-suave);
  font-size: 13px;
}
.bpg-cot .bpg-cot__email-apoio-txt {
  margin: 0 0 10px;
  color: var(--cot-texto);
  font-size: 14px;
  line-height: 1.5;
}
/* a cópia falhou: o texto selecionado num campo de leitura, para copiar à mão */
.bpg-cot .bpg-cot__email-manual {
  margin-block-start: 12px;
}
.bpg-cot .bpg-cot__email-manual .bpg-cot__email-apoio-txt {
  display: block;
  margin-block-end: 6px;
}
.bpg-cot textarea.bpg-cot__email-texto {
  width: 100%;
  min-height: 120px;
  font-size: 13px;
  line-height: 1.45;
  resize: vertical;
}
/* página traduzida: o tradutor apaga o espaço antes do endereço ("envíala aoperation…"); a margem devolve o respiro */
:is(html.translated-ltr, html.translated-rtl) .bpg-cot .bpg-cot__email-end {
  margin-inline-start: 0.3em;
}
.bpg-cot .bpg-cot__email-end {
  color: var(--cot-ouro-texto);
  font-weight: 700;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}
.bpg-cot .bpg-cot__btn.bpg-cot__btn--sec.bpg-cot__btn--copiar,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--sec.bpg-cot__btn--copiar:hover,
.bpg-cot .bpg-cot__btn.bpg-cot__btn--sec.bpg-cot__btn--copiar:focus {
  min-height: 44px;
  padding: 8px 16px;
  border-color: rgb(243 182 38 / 0.55);
  font-size: 14px;
}
@media (hover: hover) {
  .bpg-cot .bpg-cot__btn.bpg-cot__btn--copiar:hover {
    border-color: var(--cot-ouro);
    background: rgb(243 182 38 / 0.1);
  }
}
.bpg-cot .bpg-cot__ok-acoes {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 440px;
}
.bpg-cot .bpg-cot__ok-acoes .bpg-cot__btn {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  padding: 8px 14px;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---------- formulário simples (contingência): caixas comuns, numa coluna mais estreita ---------- */
.bpg-cot .bpg-cot__tela--simples {
  max-width: 560px;
}
.bpg-cot .bpg-cot__tela--simples .bpg-cot__form {
  gap: 16px;
}

/* ---------- a entrada de cada pergunta: desliza (de baixo para a frente, de cima para trás) e aparece ---------- */
.bpg-cot[data-dir="frente"] .bpg-cot__tela.is-entrando {
  animation: bpg-cot-de-baixo 0.42s var(--cot-ease);
}
.bpg-cot[data-dir="tras"] .bpg-cot__tela.is-entrando {
  animation: bpg-cot-de-cima 0.42s var(--cot-ease);
}
.bpg-cot .bpg-cot__ok.is-entrando {
  animation: bpg-cot-de-baixo 0.5s var(--cot-ease);
}

/* campo-isca fora da tela (pessoas não veem; robôs preenchem) */
.bpg-cot .bpg-hp {
  position: absolute !important;
  inset-inline-start: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* ---------- celular: a pergunta ocupa a tela; o pé (OK ou os envios) e as setas fixos embaixo ---------- */
@media (max-width: 767px) {
  .bpg-cot {
    --cot-pad-x: 18px;
    --cot-pergunta: clamp(20px, 5.6vw, 23px);
    --cot-campo-fonte: 20px;
    --cot-nav: 40px;
  }
  .bpg-cot .bpg-cot__topo {
    min-height: 54px;
    padding-inline-end: 60px;
  }
  .bpg-cot .bpg-cot__logo {
    height: 22px;
  }
  .bpg-cot .bpg-cot__kicker {
    padding-inline-start: 10px;
    font-size: 11px;
    letter-spacing: 0.12em;
  }
  .bpg-cot-dlg .bpg-cot-dlg__fechar {
    inset-block-start: 5px;
    inset-inline-end: 6px;
  }
  /* a coluna ocupa a altura da área que rola; o pé gruda embaixo (sticky), com as setas ao lado */
  .bpg-cot .bpg-cot__corpo {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    margin: 0;
    padding: 20px var(--cot-pad-x) 0;
  }
  .bpg-cot .bpg-cot__corpo > .bpg-cot__tela {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
  }
  .bpg-cot .bpg-cot__corpo > .bpg-cot__tela:has(.bpg-paises__lista, .bpg-cot__especs-lista) {
    flex: 1 1 auto;
    justify-content: flex-start;
  }
  .bpg-cot .bpg-cot__cabeca {
    gap: 8px;
    margin-block-end: 18px;
  }
  .bpg-cot .bpg-cot__num {
    min-width: 0;
    font-size: 15px;
  }
  .bpg-cot .bpg-cot__opcoes,
  .bpg-cot .bpg-cot__acoes.bpg-cot__acoes--envios {
    width: 100%;
    min-width: 0;
  }
  .bpg-cot .bpg-cot__op {
    min-height: 48px;
    font-size: 16px;
  }
  /* o aviso de privacidade vem antes do pé (o pé fica no fim da tela) */
  .bpg-cot .bpg-cot__tela > .bpg-cot__priv {
    order: 1;
    margin-block-end: 12px;
  }
  .bpg-cot .bpg-cot__tela > .bpg-cot__acoes {
    position: sticky;
    z-index: 3;
    bottom: 0;
    order: 2;
    min-height: 72px;
    margin: auto calc(-1 * var(--cot-pad-x)) 0;
    padding-block: 12px;
    padding-inline: var(--cot-pad-x) calc(var(--cot-pad-x) + 2 * var(--cot-nav) + 13px); /* as setas, ao lado */
    border-top: 1px solid rgb(255 255 255 / 0.06);
    background: var(--cot-fundo);
  }
  .bpg-cot .bpg-cot__tela > .bpg-cot__acoes:empty {
    display: flex; /* sem nada, guarda o lugar das setas */
  }
  .bpg-cot .bpg-cot__tela > .bpg-cot__acoes > .bpg-cot__btn--ok {
    flex: 1 1 auto;
  }
  /* tela 10: o WhatsApp na largura toda; o e-mail embaixo dele, com as setas ao lado */
  .bpg-cot .bpg-cot__tela > .bpg-cot__acoes.bpg-cot__acoes--envios {
    display: grid;
    gap: 8px;
    width: auto;
    max-width: none;
    padding-inline-end: var(--cot-pad-x);
  }
  .bpg-cot .bpg-cot__acoes .bpg-cot__btn.bpg-cot__btn--whatsapp {
    min-width: 0;
    min-height: 54px;
    padding-block: 7px;
    padding-inline: 14px 16px;
    font-size: 15px;
  }
  .bpg-cot .bpg-cot__acoes--envios > .bpg-cot__btn.bpg-cot__btn--email {
    margin-inline-end: calc(2 * var(--cot-nav) + 13px);
    padding-inline: 12px 14px;
    font-size: 14px;
  }
  /* as setas na altura do pé (centradas nos 72 px dele) */
  .bpg-cot .bpg-cot__setas {
    padding-inline: var(--cot-pad-x);
  }
  .bpg-cot .bpg-cot__nav {
    height: var(--cot-nav);
    transform: translateY(-16px);
  }
  /* (no pé da pergunta, o aviso é uma linha dele: nunca por cima do OK nem dos envios) */
  .bpg-cot .bpg-cot__palco > .bpg-cot__fila {
    bottom: 84px; /* acima do pé fixo (sem pergunta na tela) */
    width: calc(100% - 2 * var(--cot-pad-x));
    margin: 8px auto 12px;
  }
  .bpg-cot .bpg-cot__ok {
    width: 100%;
    padding-block: 8px 0;
  }
  .bpg-cot .bpg-cot__ok-pe {
    margin-inline: calc(-1 * var(--cot-pad-x));
    padding-inline: var(--cot-pad-x);
    padding-block-end: 12px;
  }
  /* celular: texto da faixa de cookies em 2 linhas (o link segue na frase) e os botões lado a lado */
  .bpg-cot .bpg-cot__cookies {
    flex-wrap: wrap;
    gap: 8px;
    padding-block: 8px calc(8px + env(safe-area-inset-bottom, 0px));
  }
  .bpg-cot .bpg-cot__cookies-texto {
    flex: 1 1 100%;
    font-size: 12px;
    line-height: 1.4;
  }
  .bpg-cot .bpg-cot__cookies-texto a {
    white-space: normal;
  }
  .bpg-cot .bpg-cot__cookies-botoes {
    flex: 1 1 100%;
  }
  .bpg-cot .bpg-cot__cookies-btn {
    flex: 1 1 0;
    min-height: 40px;
  }
  /* tela 1 no celular: respiros menores, para a lista mínima e o "Ainda não sei" caberem com a faixa de cookies */
  .bpg-cot .bpg-cot__tela--especs .bpg-cot__especs {
    margin-block-start: 14px;
  }
  .bpg-cot .bpg-cot__tela--especs .bpg-cot__subpergunta.bpg-cot__especs-titulo {
    padding-block-end: 8px;
    font-size: 15px;
  }
  .bpg-cot .bpg-cot__especs-lista {
    min-height: 96px;
  }
  .bpg-cot .bpg-cot__tela > .bpg-cot__especs {
    min-height: 196px;
  }
}

@keyframes bpg-cot-gira {
  to {
    transform: rotate(360deg);
  }
}
@keyframes bpg-cot-fundo {
  from {
    opacity: 0;
  }
}
@keyframes bpg-cot-de-baixo {
  from {
    opacity: 0;
    transform: translateY(36px);
  }
}
@keyframes bpg-cot-de-cima {
  from {
    opacity: 0;
    transform: translateY(-36px);
  }
}
@keyframes bpg-cot-traco {
  from {
    stroke-dashoffset: 40;
  }
}
@keyframes bpg-cot-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
}
@keyframes bpg-cot-pulso {
  from {
    opacity: 0.9;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.7);
  }
}
@media (prefers-reduced-motion: reduce) {
  .bpg-cot *,
  .bpg-cot *::before,
  .bpg-cot *::after,
  .bpg-cot,
  .bpg-cot-dlg[open] {
    animation: none !important;
    transition: none !important;
  }
  .bpg-cot .bpg-cot__spin {
    animation: bpg-cot-gira 2.4s linear infinite !important;
  }
}

/* /contato/, título da página: sem "conosco." sozinho na última linha; no computador alinhado ao
   cartão; no celular menor (em espanhol chegava a 6 linhas e empurrava o formulário para baixo) */
.elementor-5006 .elementor-element.elementor-element-c9fab63 .elementor-heading-title {
  text-wrap: balance;
}
@media (min-width: 1025px) {
  .elementor-5006 .elementor-element.elementor-element-c9fab63 .elementor-heading-title {
    max-width: 773px;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .elementor-5006 .elementor-element.elementor-element-c9fab63 .elementor-heading-title {
    font-size: clamp(28px, 8.6vw, 42px);
  }
}