/*
 * O "Matricule-se" do header nas pgv que vieram do Elementor.
 *
 * 🔴 Por que este arquivo existe. Estas paginas nao carregam o bundle principal
 * do tema — elas carregam o CSS proprio delas mais o `base-rodape/style.css`,
 * que traz a GRADE do header e do rodape mas nao traz o componente `.botao`.
 * Resultado: o botao herda font-size e padding certos (vem do `base-rodape`) e
 * perde `border-radius` e `line-height`, que moram na regra base
 * `.botao:link, .botao:visited, .botao:hover, .botao:active, .botao` do bundle
 * completo.
 *
 * Medido em 1440px, contra a /comunidade-impressionadora, que e o gabarito:
 *
 *                        gabarito      sem este arquivo
 *   border-radius        1440px        0px
 *   line-height          18px          21,6px
 *   font-size            18px          18px      (ja batia)
 *   padding              11,5px 21px   11,5px 21px  (ja batia)
 *
 * O gate compara essa geometria com a da Comunidade e reprova a diferenca — nao
 * por capricho: um botao quadrado no header de uma pagina e arredondado em todas
 * as outras e a marca visivel de pagina que "nao e do site".
 *
 * ⚠️ NAO e o mesmo caso das pgv da Fase 2 (`pg-vendas-lp/pg-vendas-agentes-ia.css`
 * e `pg-vendas-no-code.css`). La o bundle da pagina VAZAVA um `.botao` global por
 * cima do certo, e o override desfaz o vazamento. Aqui nao ha vazamento: a regra
 * base simplesmente nao chega. Por isso este arquivo e compartilhado e sem escopo
 * de `body`, enquanto os de la sao por pagina.
 */

.header__botoes > .botao,
.header__botoes > .botao:link,
.header__botoes > .botao:visited,
.header__botoes > .botao:hover,
.header__botoes > .botao:active {
    border-radius: 100vw;
    line-height: 1;
}