/*!
 * pg-vendas-excel.css — o CSS da pgv do Excel, internalizada da LP.
 *
 * ## De onde ele vem
 *
 * A pagina de vendas do Excel vivia em `lp.hashtagtreinamentos.com/pg-inscricao-
 * excel-impressionador`, com o CSS em dois arquivos do build de la
 * (`/assets/base.css` + `/assets/pag.css`, 118 KB somados). Este arquivo e o que
 * sobra deles DEPOIS de:
 *
 *   1. purga contra o DOM real  — so a regra que casa algum elemento da pagina,
 *      medida em Chrome com os estados de JS ligados a mao (popup aberto, ementa
 *      expandida, acordeao aberto), para nao comer regra de estado;
 *   2. blacklist de scaffolding  — `.w-*`/`.wf-*` do Webflow, os dropdowns do
 *      Webflow (a FAQ virou o acordeao do tema) e sobra de outras paginas;
 *   3. `@font-face` fora        — Montserrat ja e servida em TODA pagina por
 *      `inc/perf/font-face-montserrat.php`, e as outras seis familias do build da
 *      LP (Exo, Open Sans, Plus Jakarta, ...) nao renderizavam nada aqui. So Sora
 *      ficou, declarada abaixo;
 *   4. ESCOPO                   — toda regra passou a viver sob `.pgvex-escopo`.
 *
 * ## Por que o escopo existe (e por que ele nao e opcional)
 *
 * 🔴 O CSS da LP era de uma pagina SEM header e SEM rodape do site. Ele declara
 * `body{color:#333;background:#fff;font:14px Arial}`, `a{display:block;text-
 * decoration:underline}` e `*{margin:0;padding:0}` — regras que, soltas nesta
 * pagina, atingiriam o header e o rodape do tema e os deixariam irreconheciveis
 * (link virando bloco, rodape em Arial 14px). E o mesmo vazamento que
 * `template-parts/venda/pgv-css.php` conserta na pgv do Power BI, com a diferenca
 * de que la o bundle nao e nosso para escopar e aqui e: o conserto certo e este.
 *
 * Quem carrega a classe e a `<div class="pgvex-escopo">` do template, que embrulha
 * o conteudo da pagina e o popup — e SO eles. Header, rodape e os blocos de
 * gabarito (resumo AEO, gabarito SEO) ficam de fora de proposito: eles trazem o
 * CSS deles e nao podem receber o reset da LP.
 *
 * ## Como regerar
 *
 * Nao ha build: este arquivo e mantido a mao daqui para a frente. O ferramental da
 * purga (puppeteer + filtro) foi de uso unico e esta descrito acima; refazer so
 * faz sentido se a LP mudar de design, e ai a pergunta e outra.
 *
 * O que fica FORA daqui: cor de curso (esta pagina e verde por desenho, nao por
 * accent), e qualquer regra de UMA secao que caiba no `<style>` do template.
 */

/* 🔴 ESTE ARQUIVO NAO E O PRIMEIRO. O template carrega, ANTES dele,
   `sass/css/base-rodape/style.css` — a base do site para pagina standalone. E de
   la que vem `html{font-size:62.5%}`, o reset, `a{color:inherit}` e, sobretudo,
   `.grade-conteudo`, que e a GRADE DO HEADER: sem ela o logo cola na borda
   esquerda e o "Matricule-se" some para fora da tela. As outras pgv nao precisam
   dele porque o bundle SASS delas ja importa essa base; esta pagina nao tem
   bundle SASS, entao a base vem separada.

   A raiz e reafirmada aqui porque todo `calc(var(--pgvex-r)*N)` desta folha
   depende dela: se um dia o `<link>` da base sair do template, o layout quebra em
   volta, mas as medidas da pagina continuam certas. */
html {
    font-size: 62.5%;
}

/* O fundo da pagina. A base do site pinta `body` de navy (#00041c), que e a cor
   do resto do site; aqui ele e o mesmo cinza-quase-preto do escopo, para nao
   aparecer uma faixa azul quando a pagina rola alem do conteudo. */
body.pgv-excel {
    margin: 0;
    background-color: #121212;
}

/* Sora, a fonte dos titulos da LP. Variavel (100-800) num arquivo so de 48 KB, o
   que evita as 5 requisicoes de peso separado. `swap` porque o titulo do hero e
   texto do LCP: melhor ler em Montserrat por 100ms do que nao ler. */
@font-face {
    font-family: "Sora";
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url("../desenvolvimento_hashtag/assets/fonts/sora-variable.woff2") format("woff2");
}

/* O escopo: o que o `body` da LP declarava, agora na div que embrulha a pagina. */
.pgvex-escopo {
    color: #fff;
    background-color: #121212;
    font-family: "Montserrat", "Montserrat Fallback", sans-serif;
    font-size: 2.1rem;
    line-height: 120%;
    text-align: left;
}


/* ==========================================================================
   O CSS INTERNALIZADO DA LP - purgado e escopado. Ver o cabecalho.
   ========================================================================== */
.pgvex-escopo{margin:0}.pgvex-escopo article,.pgvex-escopo aside,.pgvex-escopo details,.pgvex-escopo figcaption,.pgvex-escopo figure,.pgvex-escopo footer,.pgvex-escopo header,.pgvex-escopo hgroup,.pgvex-escopo main,.pgvex-escopo menu,.pgvex-escopo nav,.pgvex-escopo section,.pgvex-escopo summary{display:block}.pgvex-escopo [hidden],.pgvex-escopo template{display:none}.pgvex-escopo a{background-color:#0000}.pgvex-escopo a:active,.pgvex-escopo a:hover{outline:0}.pgvex-escopo b,.pgvex-escopo strong{font-weight:700}.pgvex-escopo small{font-size:80%}.pgvex-escopo img{border:0}.pgvex-escopo svg:not(:root){overflow:hidden}.pgvex-escopo button,.pgvex-escopo input,.pgvex-escopo optgroup,.pgvex-escopo select,.pgvex-escopo textarea{color:inherit;font:inherit;margin:0}.pgvex-escopo button{overflow:visible}.pgvex-escopo button,.pgvex-escopo select{text-transform:none}.pgvex-escopo button,.pgvex-escopo input[type=button],.pgvex-escopo input[type=reset]{-webkit-appearance:button;cursor:pointer}.pgvex-escopo input{line-height:normal}.pgvex-escopo,.pgvex-escopo *{box-sizing:border-box}.pgvex-escopo img{vertical-align:middle;max-width:100%;display:inline-block}.pgvex-escopo h1,.pgvex-escopo h2,.pgvex-escopo h3,.pgvex-escopo h4,.pgvex-escopo h5,.pgvex-escopo h6{margin-bottom:10px;font-weight:700}.pgvex-escopo h2{margin-top:20px;font-size:32px;line-height:36px}.pgvex-escopo p{margin-top:0;margin-bottom:10px}.pgvex-escopo button,.pgvex-escopo [type=button],.pgvex-escopo [type=reset]{cursor:pointer;-webkit-appearance:button;border:0}.pgvex-escopo{--azul-python-2:#4d9ae2;--verde-pg-excel:#6baf45;--amarelo-python-2:#ffd43b;--laranja-pbi:#ff9600;--verde-excel:#00bd66;--verde-neon-pg-excel:#72c847;--azul-python:#08abff;--azul-neon-python:#12bcf0;--verde-escuro-excel:#0c1f01;--turquesa-escuro-sql:#005263;--black:black;--color--azul-escuro-fundo:#060c21;--color--amarelo-dourado:#eee12b;--color--laranja-dourado:#ff8229;--color--realce-ciano:#04effb;--color--texto-fraco:#b5b5b5;--white:white;--amarelo-python:#efc845;--roxo-excel:#8c187c;--color--verdewfe:#51c3d0}.pgvex-escopo{color:#1a1b1f;font-family:Montserrat,"Montserrat Fallback",sans-serif;font-size:16px;font-weight:400;line-height:28px}.pgvex-escopo h2{margin-top:10px;margin-bottom:10px;font-size:36px;font-weight:400;line-height:50px}.pgvex-escopo p{margin-bottom:10px}.pgvex-escopo a{color:#1a1b1f;text-decoration:underline;transition:opacity .2s;display:block}.pgvex-escopo a:hover{color:#32343a}.pgvex-escopo a:active{color:#43464d}.pgvex-escopo img{object-fit:cover;display:block}.pgvex-escopo{color:#303030;font-size:calc(var(--pgvex-r)*2.1);line-height:120%}.pgvex-escopo{color:#fff;background-color:#121212}.pgvex-escopo .secao{flex-direction:column;align-items:center;padding:calc(var(--pgvex-r)*6.1) calc(var(--pgvex-r)*2);font-size:calc(var(--pgvex-r)*1.6);line-height:140%;display:flex;position:relative}.pgvex-escopo .secao.secao-pgvex{padding:calc(var(--pgvex-r)*7.6) calc(var(--pgvex-r)*2);font-size:calc(var(--pgvex-r)*1.92);line-height:140%;overflow:hidden}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero{background-image:url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-hero-1280.webp");background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:0;position:static}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--scroller{background-image:linear-gradient(#006950,#003f2c);flex-direction:row;padding-top:calc(var(--pgvex-r)*2.5);padding-bottom:calc(var(--pgvex-r)*2.5);overflow:hidden}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--diferenciais{background-image:url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-secao.webp");background-image:image-set(url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-secao.avif") type("image/avif"),url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-secao.webp") type("image/webp"));background-position:50% 0;background-repeat:no-repeat;background-size:cover}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--normal{grid-column-gap:calc(var(--pgvex-r)*0);grid-row-gap:calc(var(--pgvex-r)*0)}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--depoimentos{grid-column-gap:calc(var(--pgvex-r)*8);grid-row-gap:calc(var(--pgvex-r)*8);background-image:linear-gradient(#002e20,#000805 50%);display:flex}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--aprender{grid-column-gap:calc(var(--pgvex-r)*5);grid-row-gap:calc(var(--pgvex-r)*5);background-image:linear-gradient(#000805 25%,#0000 25.1%)}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--preco{grid-column-gap:calc(var(--pgvex-r)*11.92);grid-row-gap:calc(var(--pgvex-r)*11.92);background-color:#000805;overflow:hidden}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--faq{background-color:#000}.pgvex-escopo .container{grid-row-gap:calc(var(--pgvex-r)*3.12);flex-direction:column;align-items:flex-start;width:100%;max-width:calc(var(--pgvex-r)*120);display:flex}.pgvex-escopo .container.container-pgvex{width:100%;max-width:calc(var(--pgvex-r)*110)}.pgvex-escopo .container.container-pgvex.container-pgvex--hero{grid-row-gap:calc(var(--pgvex-r)*3.9);align-items:center;max-width:calc(var(--pgvex-r)*90)}.pgvex-escopo .container.container-pgvex.container-pgvex--metodologia{grid-row-gap:calc(var(--pgvex-r)*10);align-items:center}.pgvex-escopo .container.container-pgvex.container-pgvex--depoimentos{grid-row-gap:calc(var(--pgvex-r)*6.1);text-align:center;align-items:center}.pgvex-escopo .container.container-pgvex.container-pgvex--aprender{grid-row-gap:calc(var(--pgvex-r)*3.9);background-image:url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-sobreposicao.webp"),linear-gradient(135deg,#101010,#0d0d0d);background-image:image-set(url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-sobreposicao.avif") type("image/avif"),url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-sobreposicao.webp") type("image/webp")),linear-gradient(135deg,#101010,#0d0d0d);background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:cover,auto;border-radius:15px;align-items:center;padding-top:calc(var(--pgvex-r)*7.6);padding-bottom:calc(var(--pgvex-r)*7.6)}.pgvex-escopo .container.container-pgvex.container-pgvex--garantia{grid-column-gap:calc(var(--pgvex-r)*7.63);flex-direction:row;align-items:center;max-width:calc(var(--pgvex-r)*100)}.pgvex-escopo .container.container-pgvex.container-pgvex--garantia.container-pgvex--garantia-vertical{flex-flow:column;max-width:50%}.pgvex-escopo .container.container-pgvex.container--oferta{grid-row-gap:calc(var(--pgvex-r)*4.88);flex-flow:row;justify-content:center;align-items:center}.pgvex-escopo .container.container-pgvex.container--oferta-duplo{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);flex-flow:row;align-items:center;max-width:calc(var(--pgvex-r)*120)}.pgvex-escopo .container.container-pgvex.container-pgvex--pgto{grid-row-gap:calc(var(--pgvex-r)*4.9);justify-content:center;align-items:center}.pgvex-escopo .container.container-pgvex.container-pgvex--comunidade{justify-content:center;align-items:center}.pgvex-escopo .container.container-pgvex.container-pgvex--niveis{grid-row-gap:calc(var(--pgvex-r)*5);justify-content:center;align-items:center}.pgvex-escopo .container.container--garantia-resultado{margin-left:auto;margin-right:auto}.pgvex-escopo .css-acordeao,.pgvex-escopo .js-acordeao{display:none}.pgvex-escopo .div-acordeao{grid-row-gap:calc(var(--pgvex-r)*.82);flex-direction:column;width:100%;max-height:0;transition:max-height .5s;display:flex;overflow:hidden}.pgvex-escopo .div-acordeao.exibir-ementa{max-height:calc(var(--pgvex-r)*1000)}.pgvex-escopo .carrossel-html{width:100%}.pgvex-escopo .pgvex-scroller__logo{width:calc(var(--pgvex-r)*3)}.pgvex-escopo .pgvex-botao{cursor:pointer;background-color:#0000;border:1px solid #339c77;border-radius:100px;padding:calc(var(--pgvex-r)*.82) calc(var(--pgvex-r)*2.5);font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-size:calc(var(--pgvex-r)*1.92);line-height:100%;transition:transform .1s,opacity .2s;box-shadow:0 0 10px #0fffad66}.pgvex-escopo .pgvex-botao:hover{color:#fff;transform:scale(1.05)}.pgvex-escopo .pgvex-botao.pgvex-botao--preenchido{background-color:#359d78;border-width:0;padding:calc(var(--pgvex-r)*1.28) calc(var(--pgvex-r)*3.1);font-weight:700}.pgvex-escopo .pgvex-botao.pgvex-botao--preenchido.modificado{font-size:calc(var(--pgvex-r)*2.76);font-weight:600}.pgvex-escopo .pgvex-botao.pgvex-botao--preenchido.modificado.largura-min{display:block}.pgvex-escopo .pgvex-botao.pgvex-botao--hero{box-shadow:var(--cor-externa-40)0px 0px 15px 0px,#00000040 0px 0px 10px 0px inset;border-top-color:var(--cor-externa-500);border-right-color:var(--cor-externa-500);border-bottom-color:var(--cor-externa-500);border-left-color:var(--cor-externa-500)}.pgvex-escopo .pgvex-botao.pgvex-botao--depoimentos{color:#00fab7;cursor:default;border-color:#00fab7;font-size:calc(var(--pgvex-r)*2.3);font-weight:700}.pgvex-escopo .pgvex-botao.pgvex-botao--depoimentos:hover{transform:none}.pgvex-escopo .pgvex-botao.pgvex-botao--aprender{color:#00fab7;border-color:#00fab7;font-size:calc(var(--pgvex-r)*2.3);font-weight:700}.pgvex-escopo .pgvex-botao.pgvex-botao--aprender:hover{transform:scale(1.1)}.pgvex-escopo .pgvex-botao.pgvex-botao--precos{text-transform:uppercase;background-color:#00c580;border-width:0 0 6px;border-bottom-color:#2269504d;padding:calc(var(--pgvex-r)*1.28) calc(var(--pgvex-r)*6.1);font-size:calc(var(--pgvex-r)*2.76);font-weight:700;line-height:100%;transition:border .1s,transform .1s,opacity .2s}.pgvex-escopo .pgvex-botao.pgvex-botao--precos.pgvex-botao--precos-sanim{background-color:#00915e;border-bottom-color:#1236294d;padding-left:calc(var(--pgvex-r)*3.9);padding-right:calc(var(--pgvex-r)*3.9);font-size:calc(var(--pgvex-r)*2.3)}.pgvex-escopo .pgvex-video{aspect-ratio:16/9;width:100%}.pgvex-escopo .pgvex-titulo{font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-size:calc(var(--pgvex-r)*3.32);font-weight:700;line-height:100%}.pgvex-escopo .pgvex-titulo.pgvex-titulo--centralizado{text-align:center}.pgvex-escopo .pgvex-titulo.pgvex-titulo--depoimentos{text-wrap:balance}.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia{margin-right:calc(var(--pgvex-r)*10);line-height:110%}.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia.pgvex-titulo--garantia-vertical{margin-right:0}.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia.pgvex-titulo--garantia-left{text-align:left}.pgvex-escopo .pgvex-titulo.pgvex-titulo--semfoco{font-size:calc(var(--pgvex-r)*2.76)}.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia{text-align:center;text-wrap:balance}.pgvex-escopo .pgvex-titulo--degrade{-webkit-text-fill-color:transparent;background-image:linear-gradient(#00ea7a 15%,#00f4bd 85%);-webkit-background-clip:text;background-clip:text;font-weight:800}.pgvex-escopo .pgvex-titulo--degrade.pgvex-titulo--sobrescrito{background-image:linear-gradient(#00ea7a 15%,#00f4bd 85%);margin-top:calc(var(--pgvex-r)*1);font-size:calc(var(--pgvex-r)*2.3);line-height:100%}.pgvex-escopo .pgvex-titulo--degrade.pgvex-titulo--sobrescrito.pgvex-titulo--degrade--semfoco{background-image:linear-gradient(#00b860 15%,#00c296 85%)}.pgvex-escopo .pgvex-titulo--degrade.pgvex-titulo--precos{font-size:calc(var(--pgvex-r)*5.73)}.pgvex-escopo .pgvex-titulo--degrade.pgvex-titulo--precos.pgvex-titulo--degrade--semfoco{background-image:linear-gradient(#00b860 15%,#00c296 85%);font-size:calc(var(--pgvex-r)*4.78)}.pgvex-escopo .pgvex-subtitulo{font-size:calc(var(--pgvex-r)*2.76);line-height:130%}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--caps{text-transform:uppercase;font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-weight:700}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--diferenciais{font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-weight:700;line-height:110%}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--normal{text-align:center;font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-weight:700;line-height:110%}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--normal.pgvex-subtitulo---00d1a4{color:#00d1a4}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--centralizado{text-align:center}.pgvex-escopo .pgvex-subtitulo.js-garantia-subtitulo.js-garantia-subtitulo--p{text-align:center;text-wrap:balance;font-size:calc(var(--pgvex-r)*2.3)}.pgvex-escopo .pgvex-subtitulo.js-garantia-subtitulo.js-garantia-subtitulo--center{text-align:center;text-wrap:balance;align-self:center}.pgvex-escopo .pgvex-titulos{grid-column-gap:calc(var(--pgvex-r)*3.12);grid-row-gap:calc(var(--pgvex-r)*3.12);flex-direction:column;align-items:center;max-width:calc(var(--pgvex-r)*60);display:flex}.pgvex-escopo .pgvex-titulos.pgvex-titulos--aprender{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);text-align:center;max-width:calc(var(--pgvex-r)*90)}.pgvex-escopo .pgvex-metodologia{grid-column-gap:calc(var(--pgvex-r)*1.6);grid-row-gap:calc(var(--pgvex-r)*3.12);grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-columns:1fr;place-items:stretch center;display:grid}.pgvex-escopo .pgvex-metodologia__item{grid-column-gap:calc(var(--pgvex-r)*1.6);grid-row-gap:calc(var(--pgvex-r)*1.6);flex-direction:row;display:flex}.pgvex-escopo .pgvex-metodologia__item.pgvex-metodologia__item--centralizado{text-align:center}.pgvex-escopo .pgvex-subtitulo---00d5a7{color:#00d5a7}.pgvex-escopo .pgvex-metodologia__lateral{background-color:#005f30;border:0 solid #dedede;border-width:0 1px;min-width:calc(var(--pgvex-r)*1.25);display:none;position:relative}.pgvex-escopo .pgvex-metodologia__lateral.pgvex-metodologia__lateral__ini{border-top-width:1px}.pgvex-escopo .pgvex-metodologia__lateral.pgvex-metodologia__lateral__fim{border-bottom-width:1px}.pgvex-escopo .pgvex-metodologia__conteudo{grid-row-gap:calc(var(--pgvex-r)*1.6);flex-direction:column;justify-content:center;align-items:flex-start;font-size:calc(var(--pgvex-r)*2.3);display:flex}.pgvex-escopo .pgvex-metodologia__bolinha{aspect-ratio:1;background-color:#30edb0;border:1px solid #fff;border-radius:50%;position:absolute;top:calc(var(--pgvex-r)*2.5);left:0;right:0;transform:scale(2)}.pgvex-escopo .pgvex-scroller-container{grid-column-gap:calc(var(--pgvex-r)*4.88);text-transform:uppercase;white-space:nowrap;font-weight:600;display:flex}.pgvex-escopo .pgvex-scroller-textos{grid-column-gap:calc(var(--pgvex-r)*.6);grid-row-gap:calc(var(--pgvex-r)*.6);align-items:center;display:flex}.pgvex-escopo .pgvex-diferenciais__caixa{grid-row-gap:calc(var(--pgvex-r)*3.12);background-color:#121212;background-image:linear-gradient(#99f8d30f,#000000a6),url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-caixa.webp");background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,auto;border-radius:15px;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;padding-bottom:calc(var(--pgvex-r)*3.9);padding-left:calc(var(--pgvex-r)*3.9);padding-right:calc(var(--pgvex-r)*3.9);display:flex;position:relative;box-shadow:0 0 10px #0fffad66}.pgvex-escopo .pgvex-diferenciais__quadrado{aspect-ratio:1;background-color:#12121299;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:calc(var(--pgvex-r)*4.5);padding:calc(var(--pgvex-r)*1);box-shadow:0 0 10px #0fffad66}.pgvex-escopo .pgvex-caixa__textos{grid-column-gap:calc(var(--pgvex-r)*.82);grid-row-gap:calc(var(--pgvex-r)*.82);flex-direction:column;flex:0 auto;align-items:flex-start;width:auto;max-width:60%;display:flex}.pgvex-escopo .pgvex-caixa__textos.pgvex-diferenciais__textos--centralizado{text-align:center;align-items:center;max-width:calc(var(--pgvex-r)*80);margin-left:auto;margin-right:auto}.pgvex-escopo .pgvex-caixa__textos.pgvex-caixa__textos--full-w,.pgvex-escopo .pgvex-caixa__textos.pgvex-caixa__textos--100{max-width:100%}.pgvex-escopo .pgvex-diferenciais__caixas{grid-column-gap:calc(var(--pgvex-r)*3.12);grid-row-gap:calc(var(--pgvex-r)*3.12);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.pgvex-escopo .pgvex-diferenciais__caixas{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr}.pgvex-escopo .pgvex-diferenciais__caixa__img{align-self:center}.pgvex-escopo .pgvex-texto{font-size:calc(var(--pgvex-r)*2.3)}.pgvex-escopo .carrossel-js,.pgvex-escopo .carrossel-css{display:none}.pgvex-escopo .embed-carrossel{width:100%}.pgvex-escopo .pgvex-normal__caixa{background-color:#121212;border:1px solid #717171;border-radius:15px;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;display:flex;position:relative;overflow:hidden}.pgvex-escopo .pgvex-normal__cabecalho{text-align:center;background-image:linear-gradient(90deg,#1e2421,#1f1f1f);justify-content:center;width:100%;padding:calc(var(--pgvex-r)*4.9);display:flex;box-shadow:inset 0 -10px 20px -10px #00000040}.pgvex-escopo .pgvex-normal__conteudo{grid-column-gap:calc(var(--pgvex-r)*6.1);grid-row-gap:calc(var(--pgvex-r)*3.9);background-image:linear-gradient(45deg,#1b2923,#111 50%,#1b2923);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;padding:calc(var(--pgvex-r)*4.9) calc(var(--pgvex-r)*11.9);display:grid}.pgvex-escopo .pgvex-normal__item{grid-column-gap:calc(var(--pgvex-r)*1.6);grid-row-gap:calc(var(--pgvex-r)*1.6);align-items:flex-start;display:flex}.pgvex-escopo .pgvex-normal__icone{color:#815de0;width:calc(var(--pgvex-r)*2.6);min-width:calc(var(--pgvex-r)*2.6);height:calc(var(--pgvex-r)*2.6)}.pgvex-escopo .pgvex-normal__conteudo-mobile{grid-column-gap:calc(var(--pgvex-r)*6.1);grid-row-gap:calc(var(--pgvex-r)*3.9);background-image:linear-gradient(45deg,#1b2923,#111 50%,#1b2923);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;padding:calc(var(--pgvex-r)*4.9) calc(var(--pgvex-r)*11.9);display:none}.pgvex-escopo .pgvex-normal__caixa-mobile{background-color:#121212;border:1px solid #717171;border-radius:15px;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;display:flex;position:relative;overflow:hidden}.pgvex-escopo .pgvex-depoimentos{grid-column-gap:calc(var(--pgvex-r)*3.9);grid-row-gap:calc(var(--pgvex-r)*6.1);grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.pgvex-escopo .pgvex-depoimentos__item{grid-row-gap:calc(var(--pgvex-r)*2);text-align:center;flex-direction:column;align-items:center;font-size:calc(var(--pgvex-r)*1.6);line-height:140%;display:flex}.pgvex-escopo .pgvex-depoimentos_css{display:none}.pgvex-escopo .pgvex-aprender-carrossel{grid-column-gap:calc(var(--pgvex-r)*1.6);padding-left:5%;display:flex}.pgvex-escopo .pgvex-aprender-carrossel__img{object-fit:contain;position:relative}.pgvex-escopo .pgvex-aprender-carrossel__container{overflow:auto}.pgvex-escopo .pgvex-aprender-carrossel__container.container--final-inter{width:100%}.pgvex-escopo .pgvex-aprender-carrossel_css,.pgvex-escopo .js-ementa{display:none}.pgvex-escopo .pgvex-ementa{width:80%}.pgvex-escopo .pgvex-aprender-carrossel__botoes{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);display:flex}.pgvex-escopo .pgvex-aprender-carrossel__botoes__botao{cursor:pointer;background-color:#fff;width:calc(var(--pgvex-r)*2.5)}.pgvex-escopo .pgvex-aprender-carrossel__botoes__botao.pgvex-aprender-carrossel__botoes__botao--esquerda{transform:rotate(180deg)}.pgvex-escopo .pgvex-aprender-carrossel__botoes__img{transition:transform .1s;transform:scale(1.5)}.pgvex-escopo .pgvex-aprender-carrossel__botoes__img:hover{transform:scale(1.6)}.pgvex-escopo .pgvex-aprender-carrossel_js{display:none}.pgvex-escopo .pgvex-preco__caixa{grid-column-gap:calc(var(--pgvex-r)*3.9);grid-row-gap:calc(var(--pgvex-r)*3.9);text-align:center;background-color:#0d1514;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:calc(var(--pgvex-r)*2.3);display:flex;position:relative;box-shadow:0 0 10px #00c58080,inset 0 -10px 20px -10px #00000040}.pgvex-escopo .pgvex-preco__caixa.preco__caixa--semfoco{background-color:#060a0a;font-size:calc(var(--pgvex-r)*1.92);box-shadow:0 0 10px #00c58040}.pgvex-escopo .pgvex-preco__logo{aspect-ratio:1;background-image:linear-gradient(#f5f6f5 25%,#cdd0cf);border-radius:5px;justify-content:center;align-items:center;width:calc(var(--pgvex-r)*9);padding:calc(var(--pgvex-r)*1.6);display:flex}.pgvex-escopo .pgvex-preco__precos{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);flex-direction:column;align-items:center;font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-size:calc(var(--pgvex-r)*3.76);font-weight:700;line-height:100%;display:flex}.pgvex-escopo .pgvex-preco__precos.pgvex-preco__precos--semfoco{font-size:calc(var(--pgvex-r)*2.76)}.pgvex-escopo .pgvex-preco__parcelado{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1);align-items:flex-start;display:flex}.pgvex-escopo .pgvex-titulo--grande{font-size:calc(var(--pgvex-r)*11.89);line-height:100%}.pgvex-escopo .pgvex-titulo--grande.pgvex-titulo--grande--semfoco{font-size:calc(var(--pgvex-r)*9.91)}.pgvex-escopo .pgvex-preco__alunos{grid-column-gap:calc(var(--pgvex-r)*2);align-items:center;display:flex}.pgvex-escopo .pgvex-preco__alunos.pgvex-preco__alunos--duplo{font-size:calc(var(--pgvex-r)*2.1)}.pgvex-escopo .pgvex-preco__pessoas{display:flex}.pgvex-escopo .pgvex-preco__pessoa{margin-left:-1rem}.pgvex-escopo .pgvex-preco__pessoa.pgvex-preco__pessoa--primeira{margin-left:0}.pgvex-escopo .pgvex-preco__lista{flex-direction:column;width:100%;font-size:calc(var(--pgvex-r)*2.76);line-height:100%;display:flex}.pgvex-escopo .pgvex-preco__lista.pgvex-preco__lista--semfoco{font-size:calc(var(--pgvex-r)*2.3)}.pgvex-escopo .pgvex-preco__lista-item{text-wrap:balance;border-bottom:1px solid #515252;padding-top:calc(var(--pgvex-r)*3.1);padding-bottom:calc(var(--pgvex-r)*3.1)}.pgvex-escopo .pgvex-preco__lista-item.pgvex-preco__lista-item--ultimo{border-bottom-width:0;padding-bottom:0}.pgvex-escopo .pgvex-preco__lista-item.pgvex-preco__lista-item--riscado{color:#ff0000bf;padding-top:calc(var(--pgvex-r)*2.5);padding-bottom:calc(var(--pgvex-r)*2.5);font-style:italic;text-decoration:line-through}.pgvex-escopo .pgvex-preco__lista-item.pgvex-preco__lista-item--riscado.pgvex-preco__lista-item--ultimo{padding-bottom:0}.pgvex-escopo .pgvex-preco__lista-item.pgvex-preco__lista-item--semfoco{padding-top:calc(var(--pgvex-r)*2.5);padding-bottom:calc(var(--pgvex-r)*2.5)}.pgvex-escopo .pgvex-preco__lista-item.pgvex-preco__lista-item--duplo{font-size:calc(var(--pgvex-r)*2.3)}.pgvex-escopo .pgvex-preco__bg{z-index:0;opacity:.35;position:absolute;transform:scale(1.5)}.pgvex-escopo .pgvex-preco__container{z-index:1;grid-row-gap:calc(var(--pgvex-r)*3.9);flex-direction:column;align-items:center;padding:calc(var(--pgvex-r)*4.9);display:flex;position:relative;overflow:hidden}.pgvex-escopo .pgvex-preco__container.preco__container--semfoco{grid-row-gap:calc(var(--pgvex-r)*3.1);padding-top:calc(var(--pgvex-r)*3.9);padding-bottom:calc(var(--pgvex-r)*3.9)}.pgvex-escopo .pgvex-preco__container.preco__container--duplo,.pgvex-escopo .pgvex-preco__container.preco__container--unico{padding-top:calc(var(--pgvex-r)*7.63)}.pgvex-escopo .pgvex-garantia__textos{grid-column-gap:calc(var(--pgvex-r)*3.12);grid-row-gap:calc(var(--pgvex-r)*3.12);flex-direction:column;align-items:flex-start;max-width:50%;display:flex}.pgvex-escopo .pgvex-garantia__textos.pgvex-garantia__textos--vertical{justify-content:flex-start;align-items:center;max-width:100%}.pgvex-escopo .pgvex-garantia__imagem{width:100%}.pgvex-escopo .pgvex-garantia__imagem.pgvex-garantia__imagem--excel{justify-content:center;align-items:flex-start;display:flex}.pgvex-escopo .embed-garantia{aspect-ratio:1;width:100%}.pgvex-escopo .embed-garantia.embed-garantia--excel.max-width{max-width:calc(var(--pgvex-r)*50)}.pgvex-escopo .pgvex-rodape{padding-top:50px;padding-bottom:50px;box-shadow:0 -10px 10px -5px #00fcbf80}.pgvex-escopo .js-funcoesaux{display:none}.pgvex-escopo .js-video{aspect-ratio:16/9}.pgvex-escopo .pgvex-hero__apoio{text-align:center;align-self:flex-start;font-family:Montserrat,"Montserrat Fallback",sans-serif;font-size:calc(var(--pgvex-r)*2.5);font-weight:500;line-height:100%}.pgvex-escopo .pgvex-preco__melhoropcao{color:#000;text-transform:uppercase;background-color:#00ea7a;padding:calc(var(--pgvex-r)*1.3) calc(var(--pgvex-r)*10.1);font-size:calc(var(--pgvex-r)*1.93);font-weight:700;position:absolute;top:0;left:0;transform:translate(-29.5%,90%)rotate(-45deg)}.pgvex-escopo .pgvex-preco__div-logo{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1);flex-flow:column;justify-content:center;align-items:center;display:flex}.pgvex-escopo .pgvex-pgto__container-toggle{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1);border:1px solid #515252;border-radius:100px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;justify-content:center;place-items:center;padding:calc(var(--pgvex-r)*2.6) calc(var(--pgvex-r)*4.8);display:grid;position:relative;box-shadow:inset 0 0 10px #ffffff40}.pgvex-escopo .pgvex-pgto__toggle{border:1px solid #515252;border-radius:100px;width:100%;max-width:calc(var(--pgvex-r)*20);padding:calc(var(--pgvex-r)*1);box-shadow:inset 0 0 10px #ffffff40}.pgvex-escopo .pgvex-pgto__indicador{background-color:#00ea7a;border:1px solid #515252;border-radius:100px;width:50%;height:calc(var(--pgvex-r)*5);box-shadow:0 0 10px #fff3}.pgvex-escopo .pgvex-pgto__indicador.js-toggle{cursor:pointer;transition:transform .3s}.pgvex-escopo .pgvex-pgto__certificado{color:#00ea7a;width:calc(var(--pgvex-r)*5);position:absolute;top:0;right:0;transform:translate(15%,-15%)}.pgvex-escopo .pgvex-pgto__fundo-certificado{z-index:-1;background-color:#000805;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pgvex-escopo .pgvex-pgto__certificado-svg{display:block}.pgvex-escopo .pgvex-pgto__certificado-container{position:relative}.pgvex-escopo .pgvex-pgto__opcoes{grid-column-gap:calc(var(--pgvex-r)*3.1);grid-row-gap:calc(var(--pgvex-r)*3.1);flex-flow:wrap;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;justify-content:center;align-items:stretch;width:100%;transition:all .5s;display:grid;position:absolute}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--avulso{justify-items:center;left:50%;transform:translate(-50%)}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--avulso.sem-recorrente{grid-template-columns:1fr 1fr}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao{grid-template-columns:1fr 1fr;place-items:center;max-width:calc(var(--pgvex-r)*80);top:calc(var(--pgvex-r)*110);left:50%;transform:translate(-50%)}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao.sem-recorrente{grid-template-columns:1fr 1fr 1fr;align-items:stretch;max-width:100%}.pgvex-escopo .pgvex-pgto__opcao{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);text-align:center;background-color:#0d1514;border:1px solid #515252;border-radius:calc(var(--pgvex-r)*3);flex-flow:column;justify-content:center;align-items:center;width:100%;max-width:calc(var(--pgvex-r)*38);padding:calc(var(--pgvex-r)*3.2) calc(var(--pgvex-r)*3.9);display:flex;position:relative;box-shadow:inset 0 0 10px #fff3}.pgvex-escopo .css-pgto,.pgvex-escopo .js-pgto{display:none}.pgvex-escopo .pgvex-pgto__icone{color:#00c580;width:calc(var(--pgvex-r)*5)}.pgvex-escopo .pgvex-pgto__titulo{text-transform:uppercase;font-size:calc(var(--pgvex-r)*2.3);font-weight:700;line-height:120%}.pgvex-escopo .pgvex-pgto__titulo.pgvex-pgto__titulo--margin{margin-left:-1.6rem;margin-right:-1.6rem}.pgvex-escopo .pgvex-pgto__texto-sec{border-top:1px dotted #00c580;padding-top:calc(var(--pgvex-r)*2)}.pgvex-escopo .pgvex-pgto__avulsopadrao{flex-flow:column;width:100%;max-width:100%;height:calc(var(--pgvex-r)*100);padding-top:calc(var(--pgvex-r)*1);display:flex;position:relative;overflow:hidden}.pgvex-escopo .pgvex-card__subtitulo--2{text-align:center;font-family:Montserrat,"Montserrat Fallback",sans-serif;font-size:calc(var(--pgvex-r)*2.3);font-weight:400;line-height:100%}.pgvex-escopo .pgvex-titulos__hero{grid-column-gap:calc(var(--pgvex-r)*1.6);grid-row-gap:calc(var(--pgvex-r)*1.6);border-radius:15px;flex-direction:column;align-items:center;display:flex}.pgvex-escopo .pgvex-tit-subtitulo{grid-column-gap:calc(var(--pgvex-r)*2.5);grid-row-gap:calc(var(--pgvex-r)*2.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-flow:column;justify-content:center;align-items:center;margin:-2.5rem;padding:calc(var(--pgvex-r)*2.5);display:flex}.pgvex-escopo .pgvex-niveis__titulo{text-align:center;margin-left:calc(var(--pgvex-r)*2);margin-right:calc(var(--pgvex-r)*2);font-family:Sora,Montserrat,"Montserrat Fallback",sans-serif;font-size:calc(var(--pgvex-r)*3.32)}.pgvex-escopo .js-barra-progresso{display:none}.pgvex-escopo .btn.btn--hero{color:#fff;text-align:center;cursor:pointer;font-size:calc(var(--pgvex-r)*2.1);transition:transform .2s,opacity .2s}.pgvex-escopo .btn.btn--hero:hover{color:#fff;transform:scale(1.025)}.pgvex-escopo .flex{display:flex}.pgvex-escopo .pgvex-bonus__img{width:60px}.pgvex-escopo .pgvex-bonus__nome{text-align:center;font-size:calc(var(--pgvex-r)*1.5);font-weight:600;line-height:130%}.pgvex-escopo .pgvex-bonus__card{grid-column-gap:5px;grid-row-gap:5px;background-image:linear-gradient(#f2c94c,#e0a83c);border-radius:20px;flex-flow:column;justify-content:center;align-items:center;width:120px;max-width:130px;height:170px;min-height:160px;padding:calc(var(--pgvex-r)*2);display:flex}.pgvex-escopo .pgvex-bonus__card.pgvex-bonus__card-ad{background-image:linear-gradient(#3b82f6,#2563eb)}.pgvex-escopo .pgvex-bonus__card.pgvex-bonus__card-ia{background-image:linear-gradient(#8423f3,#4e17bb)}.pgvex-escopo .pgvex-bonus__card.pgvex-bonus__card-py{background-image:linear-gradient(#3776ab,#0e3e67)}.pgvex-escopo .pgvex-bonus__card.pgvex-bonus__card-agi{background-image:linear-gradient(#f24cd1,#e03c75)}.pgvex-escopo .pgvex-bonus__card.pgvex-bonus__card-sql{background-image:linear-gradient(#006b6a,#076463)}.pgvex-escopo .pgvex-bonus__card.pgvex-bonus__card-muito{background-image:linear-gradient(#d04306,#fb7d47)}.pgvex-escopo .pgvex-bonus__cards{grid-column-gap:10px;grid-row-gap:10px;align-self:center;display:flex}.pgvex-escopo .pgvex-bonus__caixa{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);background-color:#1a2520;border-radius:20px;flex-flow:column;align-items:center;width:100%;max-width:calc(var(--pgvex-r)*105);margin-left:0;margin-right:0;padding:40px 60px 60px;display:flex}.pgvex-escopo .pgvex-bonus__titulo{text-align:center;-webkit-text-fill-color:transparent;background-image:linear-gradient(225deg,#00ea7a,#fff 67%);-webkit-background-clip:text;background-clip:text;font-family:Tacticsans Bld,Arial,sans-serif;font-size:calc(var(--pgvex-r)*4);font-weight:700;line-height:1.1}.pgvex-escopo .pgvex-bonus__texto{text-align:center;font-size:calc(var(--pgvex-r)*2);line-height:137%}@media screen and (min-width:1280px){.pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero{background-image:url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-hero.webp")}.pgvex-escopo .html-form{font-family:Montserrat,"Montserrat Fallback",sans-serif}}@media screen and (max-width:991px){.pgvex-escopo .container.container-pgvex.container-pgvex--garantia{grid-column-gap:calc(var(--pgvex-r)*4.88)}.pgvex-escopo .pgvex-botao.pgvex-botao--precos.pgvex-botao--precos--duplo{padding-left:calc(var(--pgvex-r)*4.9);padding-right:calc(var(--pgvex-r)*4.9);font-size:calc(var(--pgvex-r)*2.7)}.pgvex-escopo .pgvex-video{max-width:calc(var(--pgvex-r)*55)}.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia{margin-right:0}.pgvex-escopo .pgvex-titulo.pgvex-titulo--duplo{font-size:calc(var(--pgvex-r)*2.76)}.pgvex-escopo .pgvex-titulos.pgvex-titulos--aprender.pgvex-titulos--aprender-margem{margin-left:calc(var(--pgvex-r)*2);margin-right:calc(var(--pgvex-r)*2)}.pgvex-escopo .pgvex-metodologia{place-items:center}.pgvex-escopo .pgvex-metodologia__img{aspect-ratio:454/408}.pgvex-escopo .pgvex-diferenciais__caixas{grid-template-columns:1fr 1fr 1fr 1fr}.pgvex-escopo .pgvex-diferenciais__caixas{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.pgvex-escopo .pgvex-diferenciais__caixas.pgvex-diferenciais__caixas--1coluna{grid-template-rows:auto auto auto;grid-template-columns:1fr;max-width:calc(var(--pgvex-r)*60)}.pgvex-escopo .pgvex-normal__conteudo,.pgvex-escopo .pgvex-normal__conteudo-mobile{grid-column-gap:calc(var(--pgvex-r)*3.9);padding:calc(var(--pgvex-r)*4.9)}.pgvex-escopo .pgvex-depoimentos{grid-template-columns:1fr 1fr}.pgvex-escopo .pgvex-ementa{width:90%}.pgvex-escopo .pgvex-preco__logo.pgvex-preco__logo--duplo{width:calc(var(--pgvex-r)*6);padding-top:calc(var(--pgvex-r)*1);padding-bottom:calc(var(--pgvex-r)*1)}.pgvex-escopo .pgvex-preco__alunos.pgvex-preco__alunos--duplo{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1);flex-flow:column}.pgvex-escopo .pgvex-preco__container.preco__container--semfoco{color:#f1f1f1}.pgvex-escopo .pgvex-preco__container.preco__container--duplo,.pgvex-escopo .pgvex-preco__container.preco__container--unico{grid-row-gap:calc(var(--pgvex-r)*3.1);padding-left:calc(var(--pgvex-r)*3.9);padding-right:calc(var(--pgvex-r)*3.9)}.pgvex-escopo .pgvex-rodape{padding:20px}.pgvex-escopo .pgvex-preco__div-logo{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1);flex-flow:column;justify-content:center;align-items:center;display:flex}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--avulso{grid-template-columns:1fr 1fr 1fr 1fr;align-self:center;width:100%;max-width:calc(var(--pgvex-r)*80)}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao,.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao.sem-recorrente{grid-template-columns:1fr 1fr}.pgvex-escopo .pgvex-pgto__avulsopadrao{height:calc(var(--pgvex-r)*130)}.pgvex-escopo .pgvex-bonus__cards{flex-flow:wrap;justify-content:center;align-items:center}}@media screen and (max-width:767px){.pgvex-escopo .secao{padding-top:calc(var(--pgvex-r)*4);padding-bottom:calc(var(--pgvex-r)*4)}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero{background-image:url("../desenvolvimento_hashtag/assets/imgs/pg-vendas-excel/fundo-hero-767.webp")}.pgvex-escopo .secao.secao-pgvex.secao-pgvex--depoimentos{padding-left:0;padding-right:0}.pgvex-escopo .container.container-pgvex{align-items:center}.pgvex-escopo .container.container-pgvex.container-pgvex--garantia{flex-direction:column;max-width:calc(var(--pgvex-r)*50)}.pgvex-escopo .container.container-pgvex.container-pgvex--garantia.container-pgvex--garantia-vertical{max-width:100%}.pgvex-escopo .container.container-pgvex.container--oferta-duplo{grid-column-gap:calc(var(--pgvex-r)*3.9);grid-row-gap:calc(var(--pgvex-r)*3.9);flex-flow:column;justify-content:center;align-items:center}.pgvex-escopo .pgvex-titulo.pgvex-titulo--depoimentos,.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia{margin-left:calc(var(--pgvex-r)*2);margin-right:calc(var(--pgvex-r)*2)}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--centralizado{text-align:left}.pgvex-escopo .pgvex-subtitulo.pgvex-subtitulo--centralizado.pgvex-subtitulo--centralizado-mobile{text-align:center}.pgvex-escopo .pgvex-metodologia{grid-row-gap:calc(var(--pgvex-r)*0);grid-template-columns:1fr}.pgvex-escopo .pgvex-metodologia__item{grid-column-gap:calc(var(--pgvex-r)*3.9);grid-row-gap:calc(var(--pgvex-r)*3.9);width:100%;max-width:calc(var(--pgvex-r)*56.75)}.pgvex-escopo .pgvex-metodologia__item.pgvex-metodologia__item--centralizado{text-align:left}.pgvex-escopo .pgvex-metodologia__img{margin-bottom:calc(var(--pgvex-r)*3.1)}.pgvex-escopo .pgvex-metodologia__lateral{display:block}.pgvex-escopo .pgvex-metodologia__conteudo{padding-top:calc(var(--pgvex-r)*3.1);padding-bottom:calc(var(--pgvex-r)*3.1)}.pgvex-escopo .pgvex-diferenciais__caixa{max-width:calc(var(--pgvex-r)*60)}.pgvex-escopo .pgvex-caixa__textos{max-width:none}.pgvex-escopo .pgvex-diferenciais__caixas{grid-template-columns:1fr;max-width:calc(var(--pgvex-r)*60)}.pgvex-escopo .pgvex-diferenciais__caixas{grid-template-rows:auto auto auto;grid-template-columns:1fr}.pgvex-escopo .pgvex-normal__caixa{max-width:calc(var(--pgvex-r)*60)}.pgvex-escopo .pgvex-normal__caixa.pgvex-normal__caixa--padrao{border-width:0}.pgvex-escopo .pgvex-normal__cabecalho{background-image:none}.pgvex-escopo .pgvex-normal__conteudo{display:none}.pgvex-escopo .pgvex-normal__conteudo-mobile{background-image:none;padding:0;display:block;overflow:hidden}.pgvex-escopo .pgvex-normal__caixa-mobile{grid-column-gap:calc(var(--pgvex-r)*3.9);grid-row-gap:calc(var(--pgvex-r)*3.9);background-color:#0000;background-image:linear-gradient(#1b2923,#111 50%,#1b2923);padding:calc(var(--pgvex-r)*3.9) calc(var(--pgvex-r)*3.1)}.pgvex-escopo .pgvex-normal__caixa-tipo{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1);flex-direction:column;align-items:flex-start;display:flex}.pgvex-escopo .pgvex-normal__container{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);flex-flow:column;max-width:100%;transition:transform .2s;display:flex;overflow:auto}.pgvex-escopo .pgvex-depoimentos{padding-left:15%;display:flex}.pgvex-escopo .pgvex-depoimentos__container{width:100%;overflow:auto}.pgvex-escopo .pgvex-preco__caixa{background-image:none}.pgvex-escopo .pgvex-preco__caixa.preco__caixa--semfoco{width:auto}.pgvex-escopo .pgvex-preco__alunos{grid-row-gap:2px;flex-direction:column}.pgvex-escopo .pgvex-preco__pessoa.pgvex-preco__pessoa--primeira{margin-left:-1rem}.pgvex-escopo .pgvex-preco__bg{transform:scale(2)}.pgvex-escopo .pgvex-garantia__textos{max-width:none}.pgvex-escopo .embed-garantia{width:60%;margin-left:auto;margin-right:auto}.pgvex-escopo .embed-garantia.embed-garantia--excel{width:100%}.pgvex-escopo .pgvex-rodape{border-top:1px solid #00000026;padding-left:0;padding-right:0}.pgvex-escopo .pgvex-preco__div-logo{max-width:75%}.pgvex-escopo .pgvex-pgto__container-toggle{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2);border-radius:calc(var(--pgvex-r)*3);grid-template-columns:1fr;max-width:calc(var(--pgvex-r)*40)}.pgvex-escopo .pgvex-pgto__toggle{width:auto;max-width:none;height:calc(var(--pgvex-r)*20)}.pgvex-escopo .pgvex-pgto__indicador{width:calc(var(--pgvex-r)*5);height:50%}.pgvex-escopo .pgvex-pgto__certificado{transform:translate(20%,-20%)}.pgvex-escopo .pgvex-pgto__certificado.pgvex-pgto__certificado--escolha{display:none;top:auto;bottom:0}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--avulso{grid-template-columns:1fr;max-width:calc(var(--pgvex-r)*50)}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--avulso.sem-recorrente{grid-template-columns:1fr}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao{grid-template-columns:1fr;max-width:calc(var(--pgvex-r)*50);top:calc(var(--pgvex-r)*200)}.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao.sem-recorrente{grid-template-columns:1fr}.pgvex-escopo .pgvex-pgto__opcao{max-width:100%}.pgvex-escopo .pgvex-pgto__avulsopadrao{height:calc(var(--pgvex-r)*200)}.pgvex-escopo .pgvex-bonus__caixa{padding-left:calc(var(--pgvex-r)*3.12);padding-right:calc(var(--pgvex-r)*3.12)}}@media screen and (max-width:479px){.pgvex-escopo .secao.secao-pgvex.secao-pgvex--preco,.pgvex-escopo .secao.secao-pgvex.secao-pgvex--final{grid-column-gap:calc(var(--pgvex-r)*7.63);grid-row-gap:calc(var(--pgvex-r)*7.63)}.pgvex-escopo .pgvex-botao.pgvex-botao--hero{display:none}.pgvex-escopo .pgvex-botao.pgvex-botao--precos.pgvex-botao--precos--duplo{padding-left:calc(var(--pgvex-r)*3.9);padding-right:calc(var(--pgvex-r)*3.9);font-size:calc(var(--pgvex-r)*2.6)}.pgvex-escopo .pgvex-video{max-width:calc(var(--pgvex-r)*50)}.pgvex-escopo .pgvex-titulo.pgvex-titulo--garantia.pgvex-titulo--garantia-vertical{text-align:left;align-self:flex-start}.pgvex-escopo .pgvex-subtitulo.js-garantia-subtitulo.js-garantia-subtitulo--p{text-align:left}.pgvex-escopo .pgvex-caixa__textos{max-width:none;font-size:calc(var(--pgvex-r)*2)}.pgvex-escopo .pgvex-normal__container{overflow:auto}.pgvex-escopo .pgvex-depoimentos{padding-left:10%}.pgvex-escopo .pgvex-preco__bg{transform:scale(2.5)}.pgvex-escopo .embed-garantia{width:90%}.pgvex-escopo .pgvex-titulos__hero{grid-column-gap:calc(var(--pgvex-r)*1);grid-row-gap:calc(var(--pgvex-r)*1)}.pgvex-escopo .pgvex-tit-subtitulo{grid-column-gap:calc(var(--pgvex-r)*2);grid-row-gap:calc(var(--pgvex-r)*2)}.pgvex-escopo .btn.btn--hero{text-align:center;padding:calc(var(--pgvex-r)*.8) calc(var(--pgvex-r)*1.6)}.pgvex-escopo .pgvex-bonus__card{width:100%;max-width:calc(var(--pgvex-r)*15)}.pgvex-escopo .pgvex-bonus__cards{min-width:100%}}.pgvex-escopo source{display:none}.pgvex-escopo picture{display:contents}.pgvex-escopo img:where([width][height]){width:auto;height:auto}.pgvex-escopo .video-facade{max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.pgvex-escopo .video-facade>iframe{display:block}.pgvex-escopo :where(.video-facade[data-vf-caixa]){width:var(--vf-w,auto);height:var(--vf-h,auto)}.pgvex-escopo .video-facade[data-vf-ativo]>.video-facade__capa,.pgvex-escopo .video-facade[data-vf-ativo]>.video-facade__botao,.pgvex-escopo .video-facade[data-vf-ativo]>picture,.pgvex-escopo .video-facade[data-vf-oculto]{display:none}.pgvex-escopo .video-facade__capa{object-fit:cover;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.pgvex-escopo .video-facade__botao{cursor:pointer;background:#00000047;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;transition:background .15s;display:flex;position:absolute;inset:0}.pgvex-escopo .video-facade__botao:hover,.pgvex-escopo .video-facade__botao:focus-visible{background:#0000001f}.pgvex-escopo .video-facade__play{background:#000000b8;border-radius:12px;width:68px;height:48px;transition:background .15s;display:block;position:relative}.pgvex-escopo .video-facade__botao:hover .video-facade__play,.pgvex-escopo .video-facade__botao:focus-visible .video-facade__play{background:#e02f2f}.pgvex-escopo .video-facade__play:after{content:"";border:10px solid #0000;border-left:17px solid #fff;border-right-width:0;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}@media (max-width:767px){.pgvex-escopo .video-facade__play{width:54px;height:38px}.pgvex-escopo .video-facade__play:after{border-width:8px 0 8px 13px}}@media (prefers-reduced-motion:reduce){.pgvex-escopo .video-facade__botao,.pgvex-escopo .video-facade__play{transition:none}}.pgvex-escopo .flex{display: flex;

  &.wrap {
    flex-flow: row wrap;
  }

  &.col {
    flex-flow: column;

    &.wrap {
      flex-flow: column wrap;
    }
  }}.pgvex-escopo .carrossel{position: relative;
  width: 100%;
  margin: auto;
  padding: 0 20px;

  & .container {
    overflow: hidden;
    mask: linear-gradient(90deg, #0000, #000 0 85%, #0000);
    -webkit-mask: linear-gradient(90deg, #0000, #000 0 85%, #0000);

    &.container--final-esq {
      mask: linear-gradient(90deg, #0000, #000 15% 100%, #0000);
      -webkit-mask: linear-gradient(90deg, #0000, #000 15% 100%, #0000);
      
      @media (max-width: 767px) {
        mask: linear-gradient(90deg, #0000, #000 10% 100%, #0000);
      	-webkit-mask: linear-gradient(90deg, #0000, #000 10% 100%, #0000);
      }
    }
    
    &.container--final-inter {
      mask: linear-gradient(90deg, #0000, #000 15% 85%, #0000);
      -webkit-mask: linear-gradient(90deg, #0000, #000 15% 85%, #0000);
      
      @media (max-width: 767px) {
        mask: linear-gradient(90deg, #0000, #000 10% 90%, #0000);
      -webkit-mask: linear-gradient(90deg, #0000, #000 10% 90%, #0000);
      }
      
      @media (max-width: 479px) {
        mask: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
      -webkit-mask: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
      }
    }

    @media (max-width: 767px) {
      overflow-x: scroll;
      mask: linear-gradient(90deg, #0000, #000 0 90%, #0000);
   	 -webkit-mask: linear-gradient(90deg, #0000, #000 0 90%, #0000);

      &::-webkit-scrollbar {
        display: none;
      }
    }
  }

  & .imagens {
    gap: calc(var(--pgvex-r)*0.82);
    width: max-content;
    transition: transform ease-in 0.3s;
  	animation: 30s linear 0s infinite normal none running smoothscrollCarrossel;

    & .imagem {
      position: relative;
      /* (1000px - (2 * 8,2px)) / 3 */
      /* (100vw - (2 * 8,2px)) / 3 */
      /* width: min(
        calc(calc(calc(var(--pgvex-r)*100) - calc(2 * calc(var(--pgvex-r)*0.82))) / 3),
        calc(calc(100vw - calc(2 * calc(var(--pgvex-r)*0.82))) / 3)
      ); */
      width: min(
        calc(calc(calc(calc(100vw - 40px) - calc(var(--pgvex-r)*1.64)) - calc(var(--pgvex-r)*4.96)) / 2.5),
        calc(calc(960px - calc(var(--pgvex-r)*1.64)) / 2.5)
      );
      justify-content: center;
      align-items: center;
      overflow: hidden;
      aspect-ratio: 1280/720;
      border-radius: calc(var(--pgvex-r)*1.5);
      
      @media (max-width: 767px) {
        width: min(
        	calc(calc(calc(calc(100vw - 40px) - calc(var(--pgvex-r)*0.82)) - calc(var(--pgvex-r)*4.96)) / 1.25),
        	 calc(calc(calc(calc(var(--pgvex-r)*60) - 40px) - calc(var(--pgvex-r)*0.82)) / 1.25)
        );
      }

      /* &.emfoco::after {
        background-color: transparent;
        backdrop-filter: none;
      } */

      & iframe {
        width: 100%;
        height: 100%;
        z-index: 0;
      }

      /* &::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(2px);
      } */

      & img {
        height: 100%;
      }
    }
  }

  & .botao {
    position: absolute;
    background-color: #303030;
    color: white;
    border-radius: calc(var(--pgvex-r)*0.8);
    width: calc(var(--pgvex-r)*3);
    height: calc(var(--pgvex-r)*3);
    justify-content: center;
    align-items: center;
    z-index: 50;
    top: 50%;
    cursor: pointer;
    box-shadow: 0 0 calc(var(--pgvex-r)*0.4) rgba(0, 0, 0, 0.2);

    @media (max-width: 767px) {
      display: none;
    }

    &.esquerda {
      left: 0;
      transform: translate(calc(-50% + 20px), -50%);
    }

    &.direita {
      right: 0;
      transform: translate(calc(50% - 20px), -50%);
    }
  }

  & .oculto {
    display: none;
  }}@keyframes smoothscrollCarrossel{
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-80%);
  }
}.pgvex-escopo .pgvex-depoimentos__item iframe{background-color: #000}.pgvex-escopo .pgvex-depoimentos__container.container--final-inter{mask: none;
-webkit-mask: none}@media (max-width: 767px){.pgvex-escopo .pgvex-depoimentos__item{width: calc(calc(100vw - calc(var(--pgvex-r)*5.9)) / 1.5);
	min-width: calc(calc(100vw - calc(var(--pgvex-r)*5.9)) / 1.5)}.pgvex-escopo .pgvex-depoimentos{width: max-content}.pgvex-escopo .pgvex-depoimentos__container::-webkit-scrollbar{display: none}}@media (max-width: 479px){.pgvex-escopo .pgvex-depoimentos__item{width: calc(calc(100vw - calc(var(--pgvex-r)*5.9)) / 1.25);
	min-width: calc(calc(100vw - calc(var(--pgvex-r)*5.9)) / 1.25)}}.pgvex-escopo .nivel{/* display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between; */

    display: grid;
    grid-template-columns:
        minmax(calc(var(--pgvex-r)*18.3), 1fr) minmax(0, 1fr) minmax(calc(var(--pgvex-r)*18.3), 1fr)
        minmax(0, 1fr) minmax(calc(var(--pgvex-r)*18.3), 1fr);
    align-items: center;
    gap: calc(var(--pgvex-r)*2.5);
    font-size: calc(var(--pgvex-r)*2.76);
    width: 100%;

    & > * {
        flex: 1;
    }

    & .nivel__item {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: start;
        gap: calc(var(--pgvex-r)*3.9);

        & p {
            font-size: calc(var(--pgvex-r)*2.3);
            font-weight: 600;
            margin: 0;
        }

        & .barra-progresso {
            width: calc(var(--pgvex-r)*18.5);
            /* width: calc(var(--pgvex-r)*11.5); */
            aspect-ratio: 1;
            border: solid 1px rgba(255, 255, 255, 0.3);
            background-color: transparent;
            border-radius: 50%;
            position: relative;
            --clr-realces: hsl(199, 100%, 60%);

            &::before {
                /* --perc-progr-azul: 20%;
                --perc-progr-amarelo: 50%;
                --perc-progr-verde: 100%; */
                /* adicionado pelo js */
                content: "";
                display: block;
                position: absolute;
                background-color: transparent;
                transition: --perc-progr-azul 2s ease,
                    --perc-progr-amarelo 2s ease, --perc-progr-verde 2s ease;
                width: 100%;
                aspect-ratio: 1;
                border-radius: inherit;
                z-index: 0;
            }

            &::after {
                color: var(--clr-realces);
                content: attr(aria-valuenow) "%";
                background-color: #000805;
                border-radius: inherit;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                width: calc(100% - calc(var(--pgvex-r)*2.5));
                aspect-ratio: 1;
                display: grid;
                place-items: center;
                z-index: 1;
            }

            &.barra-progresso--azul {
                &::before {
                    background-image: conic-gradient(
                        var(--clr-realces) var(--perc-progr-azul),
                        transparent 0%
                    );
                }
            }

            &.barra-progresso--amarela {
                --clr-realces: hsl(49, 100%, 67%);

                --progresso: 50%;

                &::before {
                    background-image: conic-gradient(
                        var(--clr-realces) var(--perc-progr-amarelo),
                        transparent 0%
                    );
                }
            }

            &.barra-progresso--verde {
                --clr-realces: hsl(108, 73%, 50%);

                --progresso: 100%;

                &::before {
                    background-image: conic-gradient(
                        var(--clr-realces) var(--perc-progr-verde),
                        transparent 0%
                    );
                }
            }

            & .barra-progresso__luz {
                position: absolute;
                aspect-ratio: 1;
                border-radius: inherit;
                width: 100%;
                background-color: #fff;
                opacity: 10%;
                /*mix-blend-mode: soft-light;*/
                filter: blur(20px);
                /*z-index: 2;*/
            }
        }
    }

    & .nivel__separador {
        border: 1px dashed rgba(255, 255, 255, 0.7);
        /* width: 10vw; */
        /* min-width: calc(var(--pgvex-r)*10); */
        width: 100%;
        position: relative;

        &::before {
            left: 0;
            transform: translate(-50%, -50%);
        }

        &::before,
        &::after {
            content: "";
            display: block;
            background-color: #195345;
            border: solid calc(var(--pgvex-r)*0.25) #359d78;
            width: calc(var(--pgvex-r)*1.6);
            aspect-ratio: 1;
            border-radius: 50%;
            position: absolute;
            top: 50%;
        }

        &::after {
            right: 0;
            transform: translate(50%, -50%);
        }
    }}@media all and (max-width: 767px){.pgvex-escopo .nivel{/* grid-template-rows:
            minmax(calc(var(--pgvex-r)*18.3), 1fr) minmax(0, 1fr) minmax(calc(var(--pgvex-r)*18.3), 1fr)
            minmax(0, 1fr) minmax(calc(var(--pgvex-r)*18.3), 1fr); */
        grid-template-columns: 1fr;

        & .nivel__separador {
            width: 1px;
            height: calc(var(--pgvex-r)*10);
            justify-self: center;

            &::before {
                top: 0;
            }

            &::after {
                top: 100%;
            }
        }}}.pgvex-escopo .pgvex-aprender-carrossel__container.container--final-inter{mask: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
  -webkit-mask: linear-gradient(90deg, #0000, #000 5% 95%, #0000)}.pgvex-escopo .pgvex-aprender-carrossel__container::-webkit-scrollbar{display:none}.pgvex-escopo .pgvex-aprender-carrossel{scroll-behavior: smooth}.pgvex-escopo .pgvex-aprender-carrossel__img{width: min(
calc(calc(calc(calc(var(--pgvex-r)*110) * 0.95) - calc(var(--pgvex-r)*4.8)) / 3.5),
calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*4.8)) / 3.5)
);
min-width: min(
calc(calc(calc(calc(var(--pgvex-r)*110) * 0.95) - calc(var(--pgvex-r)*4.8)) / 3.5),
calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*4.8)) / 3.5)
)}@media (max-width: 991px){.pgvex-escopo .pgvex-aprender-carrossel__img{width: calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*4.8)) / 3.15);
min-width: calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*4.8)) / 3.15)}}@media (max-width: 767px){.pgvex-escopo .pgvex-aprender-carrossel__img{width: calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*3.2)) / 2.5);
min-width: calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*3.2)) / 2.5)}}@media (max-width: 479px){.pgvex-escopo .pgvex-aprender-carrossel__img{width: calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*1.6)) / 1.5);
min-width: calc(calc(calc(calc(100vw - calc(var(--pgvex-r)*4)) * 0.95) - calc(var(--pgvex-r)*1.6)) / 1.5)}}.pgvex-escopo .js-toggle--clicado{.js-toggle {
      transform: translateX(100%);
    }

    @media (max-width: 767px) {
      .js-toggle {
        transform: translateY(100%);
      }
    }}.pgvex-escopo .pgvex-pgto__opcao{fill: currentColor}.pgvex-escopo .embed-garantia{display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    position: relative;

    & .texto {
      font-size: calc(var(--pgvex-r)*11.89);
      font-weight: bold;
      margin: 0;
    }}.pgvex-escopo .pgvex-garantia__svg{width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(3.5px);
    opacity: 0.6;
    animation: girando360 20s linear infinite;

    & textPath {
      font-size: calc(var(--pgvex-r)*0.83);
    }}.pgvex-escopo .pgvex-garantia__svg--interno{transform: scale(0.75);
    filter: none;
    opacity: 1;
    animation: girando360anti 20s linear infinite}@keyframes girando360{
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }@keyframes girando360anti{
    from {
      transform: rotate(360deg) scale(0.75);
    }

    to {
      transform: rotate(0deg) scale(0.75);
    }
  }.pgvex-escopo .embed-garantia{display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    position: relative;

    & .texto {
      font-size: calc(var(--pgvex-r)*11.89);
      font-weight: bold;
      margin: 0;
    }}.pgvex-escopo .pgvex-garantia__svg{width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(3.5px);
    opacity: 0.6;
    animation: girando360 20s linear infinite;

    & textPath {
      font-size: calc(var(--pgvex-r)*0.83);
    }}.pgvex-escopo .pgvex-garantia__svg--interno{transform: scale(0.75);
    filter: none;
    opacity: 1;
    animation: girando360anti 20s linear infinite}@keyframes girando360{
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }@keyframes girando360anti{
    from {
      transform: rotate(360deg) scale(0.75);
    }

    to {
      transform: rotate(0deg) scale(0.75);
    }
  }.pgvex-escopo .embed-garantia--resultado{& .texto {
      font-size: calc(var(--pgvex-r)*4);
      max-width: calc(var(--pgvex-r)*30);
      text-align: center;
      line-height: 1.2;

      @media (max-width: 400px) {
        font-size: calc(var(--pgvex-r)*3);
        max-width: calc(var(--pgvex-r)*20);
      }
    }}.pgvex-escopo .container-faq{color: inherit}.pgvex-escopo{--cor-externa: #00ea7a;
    --cor-botao: #00c580;
    --cor-borda-botao: rgba(34, 105, 80, 0.3)}.pgvex-escopo .pgvex-scroller-container{animation: 90s linear 0s infinite normal none running smoothscroll}.pgvex-escopo .pgvex-preco__melhoropcao{animation: 2s linear zommInOutMelhor infinite running}.pgvex-escopo .pgvex-botao.pgvex-botao--luzes{font-size: calc(var(--pgvex-r)*1.92);
    line-height: 100%;
    padding: calc(var(--pgvex-r)*1.02) calc(var(--pgvex-r)*2)}.pgvex-escopo .pgvex-pgto__titulo::after{content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: var(--cor-botao)}@keyframes smoothscroll{
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }@keyframes zommInOutMelhor{
    0% {
      transform: scale(1) translate(-29.5%, 90%) rotate(-45deg);
    }

    50% {
      transform: scale(0.95) translate(-29.5%, 90%) rotate(-45deg);
    }

    100% {
      transform: scale(1) translate(-29.5%, 90%) rotate(-45deg);
    }
  }@keyframes luzes{
    0% {
      box-shadow: 0 0 5px -20px var(--cor-botao);
    }
    80% {
      box-shadow: 0 0 0 30px transparent;
    }
    100% {
      box-shadow: 0 0 0 0 transparent;
    }
  }.pgvex-escopo,.pgvex-escopo *,.pgvex-escopo::after,.pgvex-escopo *::after,.pgvex-escopo::before,.pgvex-escopo *::before{margin: 0;
    padding: 0;
    box-sizing: border-box}.pgvex-escopo{--hue-botao-form: 50;

    --branco: hsl(0, 0%, 100%);
    --cor-fonte-botao: var(--branco);
    --cor-spinner: hsl(120, 50%, 99%);

    --cor-fonte: hsl(0, 0%, 5%);
    --fundo-container: hsl(0, 0%, 95%);
    --cor-botao: hsl(var(--hue-botao-form), 50%, 55%);
    --borda-botao: hsl(var(--hue-botao-form), 50%, 25%);
    --fundo-popup: hsl(0deg 0% 0% / 85%);
    --sombra-input: hsl(var(--hue-botao-form) 50% 25% / 25%)}.pgvex-escopo [dark]{--cor-fonte: hsl(0, 0%, 95%);
    --fundo-container: hsl(0, 0%, 5%);
    --cor-botao: hsl(var(--hue-botao-form), 50%, 45%);
    --borda-botao: hsl(var(--hue-botao-form), 50%, 25%);
    --fundo-popup: hsl(0deg 0% 0% / 85%);
    --sombra-input: hsl(var(--hue-botao-form) deg 50% 15% / 25%)}.pgvex-escopo .btn{border-radius: 30px;
    border: none;
    font-family: inherit;
    cursor: pointer}.pgvex-escopo .popup{position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background-color: var(--fundo-popup);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: opacity 300ms;
    padding: calc(var(--pgvex-r)*3.2);

    /* Hide popup */
    transform: translatex(100%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden}body.popup-aberto{overflow-y: hidden}body.popup-aberto .pgvex-escopo .popup{opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translatex(0)}body.popup-aberto--spinner .pgvex-escopo .form,
body.popup-aberto--spinner .pgvex-escopo .btn,
body.popup-aberto--spinner .pgvex-escopo .popup-titulo,
body.popup-aberto--spinner .pgvex-escopo .popup-texto{display: none}body.popup-aberto--spinner .pgvex-escopo .popup-container{border: none;
    width: auto;
    background-color: var(--cor-spinner)}body.popup-aberto--spinner .pgvex-escopo .popup-spinner{display: block}.pgvex-escopo .popup-container{position: relative;
    width: 100%;
    max-width: calc(var(--pgvex-r)*50);
    box-shadow: 0 0 calc(var(--pgvex-r)*0.8) -0.2rem var(--sombra-input);
    background-color: var(--fundo-container);
    padding: calc(var(--pgvex-r)*2.4);
    border-radius: 30px;
    color: var(--cor-fonte);
    border: solid 2px var(--borda-botao)}.pgvex-escopo .form{display: flex;
    flex-direction: column;
    gap: calc(var(--pgvex-r)*1.6)}.pgvex-escopo .form-campo--duplo{display: flex;
    gap: calc(var(--pgvex-r)*1)}.pgvex-escopo .form-campo--duplo input:first-child{max-width: calc(var(--pgvex-r)*9)}.pgvex-escopo .form-inputs{display: flex;
    flex-direction: column;
    gap: calc(var(--pgvex-r)*1.2)}.pgvex-escopo .form input{font-family: inherit;
    font-size: inherit;
    padding: calc(var(--pgvex-r)*0.8) calc(var(--pgvex-r)*1.6);
    border-radius: 30px;
    border: solid 2px var(--borda-botao);
    background-color: var(--fundo-container);
    width: 100%;
    color: inherit}.pgvex-escopo .form input::placeholder{color: var(--cor-fonte)}.pgvex-escopo .form input:focus{outline: none;
    box-shadow: 0 0 calc(var(--pgvex-r)*1.2) calc(var(--pgvex-r)*0.6) var(--sombra-input)}.pgvex-escopo .form button{font-size: calc(var(--pgvex-r)*2);
    box-shadow: 0 0 calc(var(--pgvex-r)*0.4) calc(var(--pgvex-r)*0.2) var(--sombra-input)}.pgvex-escopo .form small{display: none;
    margin-top: calc(var(--pgvex-r)*0.4);
    margin-left: calc(var(--pgvex-r)*2);
    color: inherit;
    font-family: inherit;
    max-width: 100%}.pgvex-escopo .btn{transition: border ease 100ms}.pgvex-escopo .btn--hero{background-color: var(--cor-botao);
    color: var(--cor-fonte-botao);
    font-size: calc(var(--pgvex-r)*3.2);
    text-transform: uppercase;
    font-weight: 700;
    padding: calc(var(--pgvex-r)*0.8) calc(var(--pgvex-r)*3.2);
    border-top: 2px solid var(--borda-botao);
    border-left: 2px solid var(--borda-botao);
    border-bottom: 4px solid var(--borda-botao);
    border-right: 4px solid var(--borda-botao);

    align-self: center;

    box-shadow: 0 0 calc(var(--pgvex-r)*0.8) calc(var(--pgvex-r)*0.4) var(--sombra-input);

    animation: luzes 1.5s infinite linear}.pgvex-escopo .btn--hero:hover{border-width: 3px;
    animation-play-state: paused}.pgvex-escopo .btn--fechar{position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 50%;
    width: calc(var(--pgvex-r)*4.4);
    height: calc(var(--pgvex-r)*4.4);
    font-size: calc(var(--pgvex-r)*2.4);
    font-weight: 700;
    transform: translate(45%, -45%);
    border: solid 3px var(--borda-botao);
    background-color: var(--cor-botao);
    color: var(--cor-fonte-botao);
    box-shadow: 0 0 calc(var(--pgvex-r)*0.4) calc(var(--pgvex-r)*0.2) var(--sombra-input)}.pgvex-escopo .btn--fechar:hover{border-width: 2px}.pgvex-escopo .popup-spinner{display: none;
    width: calc(var(--pgvex-r)*4);
    margin: auto;
    aspect-ratio: 1/1}.pgvex-escopo .popup-spinner img{width: 100%}.pgvex-escopo .popup .sucesso input{border: solid 2px green}.pgvex-escopo .popup .erro input{border: solid 2px red}.pgvex-escopo .popup .erro small{display: inline-block}@keyframes luzes{
    0% {
      box-shadow: 0 0 5px -20px var(--cor-botao);
    }

    80% {
      box-shadow: 0 0 0 20px transparent;
    }

    100% {
      box-shadow: 0 0 0 0 transparent;
    }
  }.pgvex-escopo .pgvex-pgto__opcoes--avulso.sem-recorrente{grid-template-columns: 1fr 1fr;

    @media (max-width: 767px) {
      grid-template-columns: 1fr;
    }

    & .pgvex-pgto__opcao {
      grid-area: auto !important;
      max-width: none !important;

      @media (max-width: 767px) {
        max-width: calc(var(--pgvex-r)*45) !important;
      }
    }}.pgvex-escopo .pgvex-pgto__opcoes--padrao.sem-recorrente{grid-template-columns: 1fr 1fr 1fr;
    max-width: 90%;

    @media (max-width: 856px) {
      grid-template-columns: 1fr;
    }

    & .pgvex-pgto__opcao {
      height: 100%;

      @media (max-width: 856px) {
        max-width: calc(var(--pgvex-r)*45);
      }
    }}

/* ==========================================================================
   O QUE A LP NAO TINHA — daqui para baixo e CSS ESCRITO, nao internalizado.
   ========================================================================== */

/* --------------------------------------------------------- escala de raiz --
   A LP encolhia a RAIZ em telas menores (`html{62.5%}` -> 56.25% -> 50%). Aqui
   isso nao pode acontecer: `html` e compartilhado com o header e o rodape do
   site, que seguem a escala do resto do site em qualquer largura. Entao a escala
   virou variavel do escopo, e todo `rem` do CSS internalizado foi reescrito para
   `calc(var(--pgvex-r)*N)`. Os tres degraus sao os mesmos da LP:
   10px / 9px / 8px. */
.pgvex-escopo {

    /* 🔴 A cor do popup e dos detalhes do formulario. Na LP quem escrevia isto era
       o JS (`precheckout.js` faz `body.style.setProperty('--hue-botao-form', 159)`
       a partir de um mapa por curso); aqui a pagina e de UM curso so, entao o
       valor e constante e nao precisa de JS.

       E precisa estar NESTE bloco: o CSS internalizado declara
       `--hue-botao-form: 50` no proprio `.pgvex-escopo` — um valor herdado do
       `<body>` nunca chegaria, porque a redeclaracao local vence a heranca. Com
       50 o sublinhado dos titulos de pagamento e a borda do popup saem em
       amarelo-oliva no meio de uma pagina verde. */
    --hue-botao-form: 159;
}

/* 🔴 A escala mora no BODY, nao no escopo. Os blocos do gabarito de SEO
   ficam FORA de `.pgvex-escopo` (o reset da LP os quebraria), e uma custom
   property declarada no escopo simplesmente nao existe para eles: `calc()` com
   variavel indefinida e invalido no tempo de computo, entao a declaracao INTEIRA
   cai calada. Foi o que fez `max-width`, `padding-block` e `font-size` daqueles
   blocos voltarem ao valor inicial — titulo de 16px de ponta a ponta da tela,
   sem nenhum erro em lugar nenhum. No body, os dois lados herdam a mesma escala.
   Os tres degraus sao os da LP: 10px / 9px / 8px. */
body.pgv-excel { --pgvex-r: 1rem; }

@media (max-width: 991px) {
    body.pgv-excel { --pgvex-r: .9rem; }
}

@media (max-width: 767px) {
    body.pgv-excel { --pgvex-r: .8rem; }
}

/* ------------------------------------------------------ titulos de verdade --
   A LP escrevia TODO titulo como `<div class="pgvex-titulo">`: zero H1, um H2
   vazio. Aqui eles viraram h1/h2/h3 (SEO, AEO e leitor de tela), e o preco disso
   e que os defaults do browser entram na conta. Este reset devolve a aparencia
   as classes — que continuam sendo quem manda no tamanho.

   Seletor de classe+elemento (0,1,1) e POSICAO no arquivo: o CSS internalizado
   declara `.pgvex-escopo h2{font-size:36px}` com a mesma especificidade, entao
   quem vem depois vence. Por isso este bloco fica no fim. */
.pgvex-escopo h1,
.pgvex-escopo h2,
.pgvex-escopo h3,
.pgvex-escopo h4,
.pgvex-escopo h5,
.pgvex-escopo h6 {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* ------------------------------------------------------------- o H1 do hero --
   A LP nao tinha H1 nenhum (nem H2 com texto): todo titulo era `<div>`. Este e o
   unico elemento do hero que nao existia la, e ele existe por duas razoes que
   nao sao de design: e o H1 que a busca le, e e ele que diz em uma linha QUE
   PAGINA E ESTA — a linha que a LP usava no lugar ("assista ao video pra
   entender as 3 coisas...") descreve o video, nao o curso.

   O tamanho sai do `.pgvex-titulo` da propria pagina (Sora 700), um degrau
   acima: e o titulo mais importante da tela. */
.pgvex-escopo .pgvex-hero__h1 {
    max-width: calc(var(--pgvex-r)*70);
    font-family: "Sora", "Montserrat", sans-serif;
    font-size: calc(var(--pgvex-r)*4);
    font-weight: 800;
    line-height: 105%;
    text-align: center;
    text-wrap: balance;
}

@media (max-width: 61.9375em) {
    .pgvex-escopo .pgvex-hero__h1 { font-size: calc(var(--pgvex-r)*3.4); }
}

@media (max-width: 47.9375em) {
    .pgvex-escopo .pgvex-hero__h1 { font-size: calc(var(--pgvex-r)*3); }
}

/* --------------------------------------------------------------- os botoes --
   Todo CTA da LP era `<a class="pgvex-botao ... w-button">`, e era o `.w-button`
   do Webflow que dava a ele `color:#fff`, `text-decoration:none` e
   `display:inline-block`. O scaffolding do Webflow saiu do markup e do CSS (nao
   ha Webflow aqui), entao o papel dele volta para a classe que sempre foi a
   dona do botao.

   Sem isto os CTAs herdam `a{color:#1a1b1f;text-decoration:underline}` da propria
   folha: botao verde com texto quase preto e sublinhado. */
.pgvex-escopo .pgvex-botao,
.pgvex-escopo .pgvex-botao:link,
.pgvex-escopo .pgvex-botao:visited,
.pgvex-escopo .pgvex-botao:hover,
.pgvex-escopo .pgvex-botao:active {
    display: inline-block;
    border: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.pgvex-escopo .pgvex-botao:focus-visible {
    outline: 2px solid #0fffad;
    outline-offset: 3px;
}

/* O nome do aluno no card de depoimento era um `<a href="#">` que nao levava a
   lugar nenhum — virou `<p>`, e o `<p>` nao herda o `display:inline-block` de
   cima por si so. */
.pgvex-escopo p.pgvex-botao--depoimentos {
    cursor: default;
}

/* ------------------------------------------------------------ o comparativo --
   No celular a grade de duas colunas vira uma so. Os dois cabecalhos saem: o
   icone de cada linha (✗ vermelho / ✓ verde) ja diz de que lado ela e, e um
   cabecalho fixo no topo de uma lista alternada confundiria mais do que ajuda.
   A LP resolvia isso duplicando a tabela inteira num carrossel — o mesmo texto
   duas vezes no mesmo documento. */
@media (max-width: 767px) {
    .pgvex-escopo .pgvex-normal__conteudo {
        display: grid;
        grid-template-columns: 1fr;
        gap: calc(var(--pgvex-r)*2.4);
    }

    .pgvex-escopo .pgvex-normal__conteudo > .pgvex-subtitulo--normal {
        display: none;
    }
}

/* --------------------------------------------------------------- os videos --
   O facade preenche a caixa do video. Na LP isso vinha de um `style="--vf-w:100%"`
   inline lido por `.video-facade[data-vf-caixa]`; aqui e regra, e nao atributo —
   `style=` no markup e o que o processo de migracao proibe, e um `<span>` sem
   isso encolhe ate o tamanho da capa. */
.pgvex-escopo .pgvex-video .video-facade,
.pgvex-escopo .pgvex-depoimentos__video .video-facade {
    display: block;
    width: 100%;
    height: 100%;
}

.pgvex-escopo .pgvex-depoimentos__video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
}

.pgvex-escopo .pgvex-video iframe,
.pgvex-escopo .pgvex-depoimentos__video iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* ------------------------------------------------------- a grade dos pilares --
   O Webflow posicionava estes dois por ID (`#w-node-<hash>`), e o hash saiu junto
   com o markup. Sao as duas unicas colocacoes que nao eram o default: o circulo
   ocupa as duas colunas do meio e o Pilar 3 fica embaixo dele, centralizado. */
.pgvex-escopo .pgvex-metodologia__img {
    grid-column: span 2;
}

.pgvex-escopo .pgvex-metodologia__item--centralizado {
    grid-area: 2 / 2 / 3 / 4;
}

@media (max-width: 991px) {
    .pgvex-escopo .pgvex-metodologia__img,
    .pgvex-escopo .pgvex-metodologia__item--centralizado {
        grid-area: auto;
        grid-column: auto;
    }
}

/* ------------------------------------------------------- a lista da oferta --
   A lista do que esta incluido era um monte de `<div>` na LP; aqui e `<ul>`,
   porque e uma lista. O preco disso e o marcador do browser, que o reset do site
   nao tira. */
.pgvex-escopo .pgvex-preco__lista {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* --------------------------------------------------- as formas de pagamento --
   Na LP as duas grades (comunidade e avulso) ficavam empilhadas em
   `position:absolute` dentro de um container de altura fixa, e um JS media a
   altura de cada uma para escorregar de uma para a outra no toggle. Com uma
   oferta so nao ha o que alternar — e sem aquele JS a grade fica em `top:110rem`,
   fora da caixa. Aqui ela e o que sempre deveria ter sido: uma grade normal.

   Quatro opcoes em duas colunas no desktop, uma no celular. */
.pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao.pgvex-pgto__opcoes--estatica {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    max-width: calc(var(--pgvex-r)*80);
    margin-inline: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    place-items: stretch center;
}

@media (max-width: 47.9375em) {
    .pgvex-escopo .pgvex-pgto__opcoes.pgvex-pgto__opcoes--padrao.pgvex-pgto__opcoes--estatica {
        grid-template-columns: 1fr;
        max-width: calc(var(--pgvex-r)*50);
    }
}

/* As setas do carrossel de modulos vinham com 25x25 (23 no tablet): area de
   clique menor que o minimo da WCAG 2.2, em qualquer largura. O icone continua do
   tamanho que era; o que cresce e o alvo em volta. */
.pgvex-escopo .pgvex-aprender-carrossel__botoes__botao {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.pgvex-escopo .pgvex-aprender-carrossel__botoes__img {
    width: 24px;
    height: 24px;
}

/* ------------------------------------------------------- o selo de garantia --
   🔴 O `*{font:inherit}` de `base-rodape/style.css` VENCE atributo de apresentacao
   de SVG. O `<text>` do selo pede `font-size="11" font-weight="bold"` no markup e
   renderizava em 19,2px/400 — o texto do anel saindo grande e fino, contra os
   11px/700 da LP. Atributo de apresentacao tem especificidade ZERO; qualquer
   regra de CSS ganha dele.

   As outras pgv nao veem isso porque nao carregam a base separada: o bundle SASS
   delas ja a traz, e o SVG do selo e do Excel. */
.pgvex-escopo .pgvex-garantia__svg text {
    font-family: "Montserrat", "Montserrat Fallback", sans-serif;
    font-size: 11px;
    font-weight: 700;
}

/* --------------------------------------------------- o dedo, no celular --
   Medido em 412/390/360: os CTAs de forma de pagamento e o "Ver ementa completa"
   saiam com **32px de altura** e as setas do carrossel de modulos com **20x20**.
   Passa no minimo estrito da WCAG 2.2 (24x24) e erra o alvo do polegar — e sao
   justamente os botoes que levam ao checkout. A LP tinha o mesmo tamanho; aqui
   nao e regressao, e melhoria.

   `padding-block`, e nao `min-height`: o botao e `inline-block` com texto, e
   `min-height` cresce a caixa sem centralizar o que esta dentro. */
@media (max-width: 47.9375em) {
    /* Tres classes no seletor porque a variante que precisa disto tambem tem tres
       (`.pgvex-botao.pgvex-botao--precos.pgvex-botao--luzes`, que reescreve o
       `padding` inteiro no atalho). Com duas, a regra perde e o botao continua com
       32px. */
    .pgvex-escopo .pgvex-botao,
    .pgvex-escopo .pgvex-botao.pgvex-botao--precos.pgvex-botao--luzes,
    .pgvex-escopo .pgvex-botao.pgvex-botao--aprender {
        padding-block: calc(var(--pgvex-r)*1.6);
    }

    /* A linha da nota ia de borda a borda: 5px de respiro num viewport de 412. */
    .pgvex-escopo .pgvex-nota {
        padding-inline: calc(var(--pgvex-r)*2.4);
    }

    /* Os dois botoes do popup vinham do CSS compartilhado com 39px e 35px. O
       submit e a ULTIMA acao do funil; o escopo faz a correcao valer so aqui. */
    .pgvex-escopo .popup .btn--hero {
        min-height: 44px;
    }

    .pgvex-escopo .popup .btn--fechar {
        width: 44px;
        height: 44px;
    }
}

/* ---------------------------------------------------------------- o header --
   🔴 A pagina e verde de ponta a ponta; o header do site e navy (#00041C) com o
   "Matricule-se" amarelo. Colado por cima do hero verde-escuro ele vira uma
   faixa azul no topo de uma pagina verde — foi o pedido do Diego: "cria uma
   versao do header e do footer que faca sentido".

   O que muda e SO cor. Geometria (altura, raio, fonte, padding do botao) fica
   intocada de proposito: e ela que o gate compara contra a
   /comunidade-impressionadora, e e ela que faz o header desta pagina
   ser o mesmo header do site. O que se adapta e a paleta.

   Especificidade: `body.pgv-excel` (0,2,x) vence as regras de `header/style.css`
   (0,1,x) mesmo tendo sido carregada antes dele. */
body.pgv-excel .header {
    background-color: #000805;
    box-shadow: inset 0 -1px 0 #00c58029;
}

/* 🔴 A GEOMETRIA do "Matricule-se" nao vem do `header/style.css`: ele so cuida de
   padding, fonte e peso. Raio e `line-height` vem do componente `.botao`, que
   mora no bundle SASS de cada pagina — e esta pagina nao tem bundle SASS. Sem
   estas duas linhas o botao sai QUADRADO e 4px mais alto que o do resto do site,
   e o gate reprova comparando com a /comunidade-impressionadora (que e o
   gabarito). Os valores sao os de la, medidos, nao inventados. */
body.pgv-excel .header__botoes > .botao,
body.pgv-excel .header__botoes > .botao:link,
body.pgv-excel .header__botoes > .botao:visited,
body.pgv-excel .header__botoes > .botao:hover,
body.pgv-excel .header__botoes > .botao:active {
    border-radius: 100vw;
    line-height: 1;
}

body.pgv-excel .header__botoes > .botao,
body.pgv-excel .header__botoes > .botao:link,
body.pgv-excel .header__botoes > .botao:visited {
    background-color: #00c580;
    background-image: linear-gradient(90deg, #00b874, #00e58e);
    color: #04150e;
    /* O brilho do botao do site e LARANJA (`rgba(255,130,41,.85)`), par do
       gradiente amarelo dele. Sobre o verde ele vira uma mancha de outra paleta
       embaixo do botao — o mesmo motivo de a "luz" do rodape sair. */
    box-shadow: inset 0 1px 0 #ffffff40, 0 6px 22px -10px #00c580d9;
}

body.pgv-excel .header__botoes > .botao:hover,
body.pgv-excel .header__botoes > .botao:active {
    background-image: linear-gradient(90deg, #00c580, #0fffad);
    color: #04150e;
}

/* ---------------------------------------------------------------- o rodape --
   Mesmo raciocinio: o rodape do site e navy #0e1939 com borda #09418b e o
   quadrado do "H" em azul. Aqui ele recebe o verde-escuro da pagina. O tema ja
   tem esse mecanismo para outros cursos (`.footer--sql`, `.footer--ia`), e
   recompilar o bundle do rodape para acrescentar mais um e mudanca grande
   disfarcada de conserto pequeno (o .css do disco e build de um fonte mais
   velho). Como esta folha so carrega nesta pagina, a variante mora aqui.

   ⚠️ Ate 02/09/2026 esta linha dizia que nenhuma dessas variantes "chega a ser
   aplicada por template nenhum". Era falso, e nunca foi medido: `node
   scripts/venda/valida-paleta-virada.mjs` lista NOVE cursos servindo variante de
   header e nove de rodape (ingles, sql, ia, n8n, vba, ad, ppt, fullstack,
   power-apps). O motivo de nao usar o mecanismo continua valendo — e o de nao
   mexer no CSS compilado compartilhado —, mas e outro motivo. A pgv do Claude
   segue o mesmo desenho daqui, com a paleta dela. */
body.pgv-excel .footer__container {
    background-color: #000805;
    border-top-color: #00c580;
}

body.pgv-excel .footer__h {
    background-color: #04231a;
    border-color: #00c580;
}

body.pgv-excel .footer a:hover {
    color: #0fffad;
}

/* A "luz" do rodape e uma imagem azul em `mix-blend-mode: soft-light`; sobre o
   verde ela puxa a faixa toda para o roxo. */
body.pgv-excel .footer__luz {
    display: none;
}

/* O bloco "Esta com alguma duvida?" vem do campo de rodape do site
   (`the_field('footer','option')`) e chega DEPOIS, por JS — nao esta no HTML que
   o `curl` recebe, e por isso escapa de qualquer conferencia por terminal. O
   telefone dele e um link azul (#00b3ff) no meio de uma pagina inteiramente
   verde. O bundle da pgv do Power BI ja recolore esse mesmo link para o dourado
   dela; aqui a variante e verde. So cor: o texto e o telefone sao os do site. */
body.pgv-excel .secao-wpp--div-titulo a,
body.pgv-excel .secao-wpp a:not([class]) {
    color: #00ea7a;
}

body.pgv-excel .secao-wpp--div-titulo a:hover,
body.pgv-excel .secao-wpp a:not([class]):hover {
    color: #0fffad;
}

/* ------------------------------------------------------- a primeira dobra --
   O hero da LP nao tinha header em cima: os 107px do header do site sao dobra que
   ele nao tinha de pagar — e a LP ja nao cabia sem eles (o hero dela mede 913px
   num viewport de 900).

   🔴 Os degraus sao por ALTURA. O que faz o CTA nao caber e a tela ser BAIXA: um
   1366x768 tem largura de desktop e 633px de viewport util depois das barras do
   Chrome. Mesma tecnica da pgv do Power BI e da /acesso-portal. A largura so entra
   no limite de 55r que a LP da ao video de 768 a 991px (mais abaixo).

   O video e o unico elemento elastico do hero: ele fica com a altura que SOBRA na
   tela depois do resto do hero (header, respiro, textos e CTA), e o CTA termina
   ao menos 24px acima da dobra. Os degraus abaixo cuidam so do que nao
   e elastico — respiro e tipografia — e cada um diz ao video quanto o resto mede
   nele: `--pgvex-dobra-resto`, que e o resto MEDIDO mais os 24px.

   🔴 E o video nunca SALTA quando a janela muda de altura. A versao anterior dava
   a ele uma fracao da tela por degrau (62vh, 49vh, 47vh) e nenhuma acima de
   1000px: com 1px a menos de janela, o video ia de 900 para 620px de largura em
   1000px de altura, e de 435 para 343 em 700px. Medido em 24/09/2026 no ar, com
   `scripts/venda/valida-dobra-continua.mjs`, que e quem reprova a volta disso.
   O `--pgvex-dobra-teto` de cada degrau e o tamanho do video na borda de cima
   dele (a borda menos o resto do degrau de cima): sem ele, o respiro que o
   degrau corta voltaria inteiro para o video, e o video CRESCERIA quando a janela
   encolhe. O piso de 26vh so age abaixo de ~554px, abaixo do piso de 585 para o
   qual a conta foi feita (celular deitado passa de 48em de largura): sem ele o
   video sumiria abaixo de 410px de altura.

   Os restos sao de 1440px de largura (1280 e 1024 dao 3px a menos; de 768 a 991 o
   `--pgvex-r` menor da bem menos, e o video sobra). Mexeu em respiro ou
   tipografia do hero: rode o script, que imprime o resto de cada degrau, e troque
   os numeros.

   O que muda aqui e ESCALA, nunca ordem: a sequencia H1 -> apoio -> video -> CTA
   e a mesma em todos eles. */
/* O primeiro degrau e a tela ALTA, e ele faltava: sem nenhum `max-height`
   casando, o hero herdava o `padding-top: 0` da LP — que na LP nao custava
   nada, porque la nao havia header em cima. Com o header do site, o H1
   encostava nele. */
@media (min-width: 48em) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*4.8); }
    .pgvex-escopo .pgvex-video {
        --pgvex-dobra-resto: 523px;
        --pgvex-dobra-teto: 100vh;
        max-width: min(100%, calc(max(26vh, min(var(--pgvex-dobra-teto), 100vh - var(--pgvex-dobra-resto))) * 16 / 9));
    }
}

/* De 768 a 991 a LP limita o video a 55r pela LARGURA, numa regra que vem antes
   desta: a de cima apagava esse limite (800x950 dava 589px de video, e 800x1100
   dava 495 — o video crescia quando a tela ficava mais baixa). */
@media (min-width: 48em) and (max-width: 991px) {
    .pgvex-escopo .pgvex-video {
        max-width: min(100%, calc(var(--pgvex-r)*55), calc(max(26vh, min(var(--pgvex-dobra-teto), 100vh - var(--pgvex-dobra-resto))) * 16 / 9));
    }
}

/* O resto aqui mede 499px, 4 a mais que na tela alta (495): os 523 sao os mesmos
   de cima, com 24px de folga aqui e 28 la, e o video passa a borda sem degrau. */
@media (min-width: 48em) and (max-height: 1000px) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*5.2); padding-bottom: calc(var(--pgvex-r)*4); }
    .pgvex-escopo .container-pgvex--hero { gap: calc(var(--pgvex-r)*2.4); }
}

@media (min-width: 48em) and (max-height: 900px) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*4.4); padding-bottom: calc(var(--pgvex-r)*3); }
    .pgvex-escopo .container-pgvex--hero { gap: calc(var(--pgvex-r)*1.8); }
    .pgvex-escopo .pgvex-hero__apoio { font-size: calc(var(--pgvex-r)*2.3); }
    .pgvex-escopo .pgvex-video { --pgvex-dobra-resto: 511px; --pgvex-dobra-teto: calc(900px - 523px); }
}

@media (min-width: 48em) and (max-height: 800px) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*3.4); padding-bottom: calc(var(--pgvex-r)*2.4); }
    .pgvex-escopo .container-pgvex--hero { gap: calc(var(--pgvex-r)*1.4); }
    .pgvex-escopo .pgvex-hero__h1 { font-size: calc(var(--pgvex-r)*3.4); }
    .pgvex-escopo .pgvex-hero__apoio { font-size: calc(var(--pgvex-r)*2.1); }
    .pgvex-escopo .pgvex-card__subtitulo--2 { font-size: calc(var(--pgvex-r)*1.9); }
    .pgvex-escopo .pgvex-video { --pgvex-dobra-resto: 480px; --pgvex-dobra-teto: calc(800px - 511px); }
}

@media (min-width: 48em) and (max-height: 700px) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*2.4); padding-bottom: calc(var(--pgvex-r)*1.8); }
    .pgvex-escopo .container-pgvex--hero { gap: calc(var(--pgvex-r)*1); }
    .pgvex-escopo .pgvex-hero__h1 { font-size: calc(var(--pgvex-r)*2.9); }
    .pgvex-escopo .pgvex-hero__apoio { font-size: calc(var(--pgvex-r)*1.9); }
    .pgvex-escopo .pgvex-card__subtitulo--2 { font-size: calc(var(--pgvex-r)*1.7); }
    .pgvex-escopo .pgvex-botao--preenchido { padding-block: calc(var(--pgvex-r)*1.2); }
    .pgvex-escopo .pgvex-video { --pgvex-dobra-resto: 454px; --pgvex-dobra-teto: calc(700px - 480px); }
}

/* O piso: 1280x720 da 585px de viewport, e e onde a conta fecha mais apertado. */
@media (min-width: 48em) and (max-height: 620px) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*1.6); padding-bottom: calc(var(--pgvex-r)*1.2); }
    .pgvex-escopo .pgvex-hero__h1 { font-size: calc(var(--pgvex-r)*2.5); }
    .pgvex-escopo .pgvex-video { --pgvex-dobra-resto: 410px; --pgvex-dobra-teto: calc(620px - 454px); }
}

@media (max-width: 47.9375em) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*3.4); }
}

/* No celular o hero cabia sozinho; o que passou a nao caber foi ele MAIS o
   header, e so nos aparelhos de tela curta (390x844 da 716px de viewport). */
@media (max-width: 47.9375em) and (max-height: 800px) {
    .pgvex-escopo .secao.secao-pgvex.secao-pgvex--hero { padding-top: calc(var(--pgvex-r)*3.4); padding-bottom: calc(var(--pgvex-r)*2.4); }
    .pgvex-escopo .container-pgvex--hero { gap: calc(var(--pgvex-r)*1.6); }
    .pgvex-escopo .pgvex-video { max-width: min(100%, 46vh); }
}

/* ------------------------------------------------------------- o acordeao --
   A LP usava DOIS acordeoes diferentes: a ementa com `.acordeao .item
   .cabecalho/.corpo` (JS proprio) e a FAQ com o dropdown do Webflow (JS do
   Webflow, que nao existe aqui). Os dois viraram um so: o componente do tema
   (`.accordeon-item` / `.accordeon-title` / `.accordeon-content`, movido por
   `acordeao-novo.js`), que ja e o que a FAQ do gabarito emite e o unico que
   emite `aria-expanded` e amarra botao e painel.

   A aparencia abaixo e a da ementa da LP, portada para as classes do tema. */
.pgvex-escopo .accordeon {
    display: flex;
    flex-flow: column;
    gap: calc(var(--pgvex-r)*1.6);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: calc(var(--pgvex-r)*1.6);
    line-height: 1.4;
}

.pgvex-escopo .accordeon-item {
    border-radius: calc(var(--pgvex-r)*3.5);
    box-shadow: 0 0 calc(var(--pgvex-r)*.6) #00000026;
    overflow: hidden;
}

/* 🔴 A especificidade sobe por causa do partial da FAQ: ele imprime um `<style>`
   DENTRO do body — depois deste arquivo, portanto — com
   `.faq__acordeoes .accordeon-title{background:none;border:0}` para resetar o
   `<button>`. Empatado em (0,2,0), quem vem depois vence, e o acordeao da FAQ
   sairia sem card nenhum. `.pgvex-escopo .faq__acordeoes .accordeon-title` e
   (0,3,0) e resolve sem `!important`. */
.pgvex-escopo .accordeon-title,
.pgvex-escopo .faq__acordeoes .accordeon-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--pgvex-r)*2);
    width: 100%;
    padding: calc(var(--pgvex-r)*2) calc(var(--pgvex-r)*3.12);
    border: 0;
    border-radius: calc(var(--pgvex-r)*3.5);
    background-color: #202020;
    color: #fff;
    font-family: inherit;
    font-size: calc(var(--pgvex-r)*1.92);
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: background-color .3s ease, border-radius .3s ease;
}

.pgvex-escopo .accordeon-title::after {
    content: "\2BC6";
    flex: 0 0 auto;
    color: #00c580;
    transition: transform .3s ease;
}

.pgvex-escopo .accordeon-title:hover {
    background-color: #262c29;
}

.pgvex-escopo .accordeon-title:focus-visible {
    outline: 2px solid #0fffad;
    outline-offset: -2px;
}

.pgvex-escopo .accordeon-item.opened .accordeon-title {
    background-color: #202020;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.pgvex-escopo .accordeon-item.opened .accordeon-title::after {
    transform: rotate(180deg);
}

.pgvex-escopo .accordeon-content {
    display: flex;
    flex-flow: column;
    gap: calc(var(--pgvex-r)*1.28);
    max-height: 0;
    padding: 0 calc(var(--pgvex-r)*3.12);
    background-color: #1a1a1a;
    border-bottom-left-radius: calc(var(--pgvex-r)*2.4);
    border-bottom-right-radius: calc(var(--pgvex-r)*2.4);
    color: #e6e6e6;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
}

.pgvex-escopo .accordeon-item.opened .accordeon-content {
    padding: calc(var(--pgvex-r)*2) calc(var(--pgvex-r)*3.12);
}

.pgvex-escopo .accordeon-content p {
    margin: 0;
}

.pgvex-escopo .accordeon-content a {
    display: inline;
    color: #0fffad;
}

/* ----------------------------------------------------------- a ementa toda --
   O bloco fica fechado ate o clique em "Ver ementa completa" — comportamento da
   LP, mantido. `.exibir-ementa` e a classe que o JS liga. */
.pgvex-escopo .pgvex-ementa {
    width: 100%;
    max-width: calc(var(--pgvex-r)*110);
    margin-inline: auto;
}

.pgvex-escopo .div-acordeao.exibir-ementa {
    max-height: calc(var(--pgvex-r)*1000);
}

/* ------------------------------------------------------ a nota, na tela --
   A politica de rich results exige que a nota declarada em `aggregateRating`
   esteja VISIVEL na pagina — e o gate reprova quando o grafo declara e a tela
   nao mostra. Ela entra junto do titulo dos depoimentos. */
.pgvex-escopo .pgvex-nota {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--pgvex-r)*1.2);
    margin-top: calc(var(--pgvex-r)*1.6);
    font-size: calc(var(--pgvex-r)*1.8);
    color: #d6d6d6;
}

.pgvex-escopo .pgvex-nota__valor {
    font-size: calc(var(--pgvex-r)*2.6);
    font-weight: 800;
    color: #0fffad;
}

.pgvex-escopo .pgvex-nota__estrelas {
    color: #ffc700;
    letter-spacing: .1em;
}

/* --------------------------------------------------- certificado e equipe --
   Duas secoes que a LP nao tinha e que toda pagina de curso do site tem. Elas
   reusam o vocabulario visual da pagina (caixa escura, borda fina, verde). */
.pgvex-escopo .pgvex-cartao {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: calc(var(--pgvex-r)*2.4);
    width: 95%;
    max-width: calc(var(--pgvex-r)*110);
    margin-inline: auto;
    padding: calc(var(--pgvex-r)*4.9);
    background-image: linear-gradient(45deg, #1b2923, #111 50%, #1b2923);
    border: 1px solid #717171;
    border-radius: 15px;
    text-align: center;
}

.pgvex-escopo .pgvex-cartao--lado {
    flex-flow: row;
    align-items: center;
    gap: calc(var(--pgvex-r)*4.9);
    text-align: left;
}

.pgvex-escopo .pgvex-cartao__img {
    flex: 0 0 auto;
    width: min(100%, calc(var(--pgvex-r)*42));
    height: auto;
    border-radius: 10px;
}

.pgvex-escopo .pgvex-cartao--lado .pgvex-cartao__img {
    width: min(38%, calc(var(--pgvex-r)*34));
}

/* O reset de heading zera a margem em toda a pagina (as classes de titulo da LP
   ja trazem o respiro delas em `gap`). Nestes dois cartoes o titulo e o texto sao
   irmaos diretos, sem flex em volta — sem esta margem eles encostam. */
.pgvex-escopo .pgvex-cartao h2 {
    margin-bottom: calc(var(--pgvex-r)*2);
}

.pgvex-escopo .pgvex-cartao__texto {
    font-size: calc(var(--pgvex-r)*1.9);
    line-height: 1.5;
    color: #d6d6d6;
}

.pgvex-escopo .pgvex-cartao__texto strong {
    color: #fff;
}

@media (max-width: 47.9375em) {
    .pgvex-escopo .pgvex-cartao--lado {
        flex-flow: column;
        text-align: center;
    }

    .pgvex-escopo .pgvex-cartao--lado .pgvex-cartao__img {
        width: min(70%, calc(var(--pgvex-r)*30));
    }
}

/* ------------------------------------------------------------- o spinner --
   O popup da LP mostrava um GIF de 57 KB enquanto o formulario ia para o
   ActiveCampaign. Dois keyframes de borda fazem o mesmo sem baixar nada. */
.pgvex-escopo .popup-spinner {
    border: calc(var(--pgvex-r)*.5) solid #0d0d0d1f;
    border-top-color: #00c580;
    border-radius: 50%;
    animation: pgvex-girando .8s linear infinite;
}

@keyframes pgvex-girando {
    to { transform: rotate(360deg); }
}

/* Popup: separa os blocos e centraliza somente o desenho do fechar; o alvo
   continua com 44px (Chrome real, 29/08/2026). */
.pgvex-escopo .popup-titulo {
    margin: 0 0 calc(var(--pgvex-r)*1.6);
    text-align: center;
}

.pgvex-escopo .popup-texto {
    margin: calc(var(--pgvex-r)*1.6) 0 0;
    text-align: center;
}

.pgvex-escopo .popup .btn--fechar {
    display: grid;
    place-items: center;
}

.pgvex-escopo .popup .btn--fechar svg {
    display: block;
    margin: 0;
}

/* ------------------------------------ o reset do tema x o reset da LP --
   O `base-rodape/style.css` (que esta pagina carrega pelo header e pelo rodape)
   tem um reset global `*, ::before, ::after { ...; min-width: 0 }`. A LP nunca
   teve essa linha, e ela nao e cosmetica: `min-width: 0` desliga o tamanho
   minimo automatico dos itens de flex.

   🔴 O estrago aparece longe da causa. A faixa do "melhor curso de excel" e um
   flex de 16 copias com `white-space: nowrap`, e o que segurava a largura dela
   (11.564px, para o marquee ter o que rolar) era justamente o minimo
   automatico. Com `min-width: 0` o navegador espremeu o trilho inteiro nos
   1.400px da tela: cada frase virou 132px, o texto passou a se sobrepor e o
   logo de 30px foi reduzido a 6.

   Restaurar `min-width: auto` DENTRO do escopo devolve o comportamento da LP
   sem tocar no reset do tema, que continua valendo no header e no rodape. */
.pgvex-escopo *,
.pgvex-escopo *::before,
.pgvex-escopo *::after {
    min-width: auto;
}

/* ------------------------------------------------- os efeitos de entrada --
   A LP anima a entrada de 14 blocos, em sete lugares: os tres pilares da
   metodologia, o circulo de neon ao lado deles, a grade de diferenciais, a
   caixa da biblioteca de planilhas, a caixa do "nao e um curso normal", os seis
   depoimentos e os aneis de nivel.

   🔴 O markup nasce COM `--visivel`, e o JS e quem TIRA no boot. Invertido — a
   pagina nascendo invisivel e o JS acendendo — qualquer falha de script (erro
   antes deste arquivo, bloqueador, `defer` que nunca chega) deixa metade da
   pagina de venda em branco, e o visitante nao tem como saber que ha conteudo
   ali. Do jeito certo, JS que nao roda custa a animacao e mais nada.

   Sob `prefers-reduced-motion` o JS nem tira a classe (`pg-vendas-excel.js`), e
   as duas regras do bloco de movimento reduzido, la embaixo, sao a rede: mesmo
   que alguem chegue sem `--visivel`, o conteudo aparece. */
.pgvex-escopo .efeito-fadein-800 {
    opacity: 0;
    transition: opacity .8s;
}

.pgvex-escopo .efeito-fadein-800.efeito-fadein-800--visivel {
    opacity: 1;
}

.pgvex-escopo .efeito-slidein-800 {
    opacity: 0;
    transition: opacity .8s, transform .8s;
    transform: translateY(calc(var(--pgvex-r)*6));
}

.pgvex-escopo .efeito-slidein-800.efeito-slidein-800--visivel {
    opacity: 1;
    transform: none;
}

/* ------------------------------------------- os blocos do gabarito de SEO --
   `resumo-aeo` e `gabarito-seo` sao partials do tema e trazem o CSS deles. Eles
   ficam FORA de `.pgvex-escopo` de proposito: o reset da LP (`a{display:block}`,
   `*{margin:0}`) os quebraria.

   🔴 O que eles NAO trazem e a largura: a `max-width` do `.container` do tema
   vem de um bundle que esta pagina nao carrega (ela so tem o `base-rodape` e
   este arquivo), entao sem as regras abaixo os blocos abrem de ponta a ponta —
   1440px de titulo numa pagina cujas secoes tem 1100. O mesmo vale para a
   tipografia: o `h2` deles caia em Montserrat 300, ao lado de secoes em Sora
   700.

   Nada disto pode ir para os partials: eles sao compartilhados com a pgv do
   Power BI, que carrega o bundle e ja esta certa. Por isso tudo aqui esta preso
   a `body.pgv-excel`. */
body.pgv-excel .resumo-aeo,
body.pgv-excel .vc-gabarito,
body.pgv-excel .vc-gabarito .vc-bloco {
    background-color: #121212;
}

body.pgv-excel .vc-gabarito .vc-bloco--superficie {
    background-color: #171717;
}

/* A mesma caixa das secoes da pagina: respiro de 7.6rem em cima e embaixo, 2rem
   nas laterais na SECAO, e o conteudo preso em 110rem — nao 120, que e o
   `.container` generico da LP; quem manda na pagina e o `.container-pgvex`. */
body.pgv-excel .resumo-aeo,
body.pgv-excel .vc-gabarito .vc-bloco {
    padding: calc(var(--pgvex-r)*7.6) calc(var(--pgvex-r)*2);
}

body.pgv-excel .resumo-aeo > .container,
body.pgv-excel .vc-gabarito .container {
    width: 100%;
    max-width: calc(var(--pgvex-r)*110);
    margin-inline: auto;
    padding-inline: 0;
}

/* Tipografia: identica a `.pgvex-titulo`, so sem o degrade — na pagina o verde
   marca uma PARTE do titulo, e um titulo inteiro em degrade destoaria dos
   outros dez. */
body.pgv-excel .resumo-aeo__titulo,
body.pgv-excel .vc-gabarito .titulo {
    color: #fff;
    text-align: center;
    font-family: Sora, Montserrat, "Montserrat Fallback", sans-serif;
    font-size: calc(var(--pgvex-r)*3.32);
    font-weight: 700;
    line-height: 100%;
    margin-block: 0 calc(var(--pgvex-r)*3.2);
}

body.pgv-excel .vc-gabarito .vc-dif__intro,
body.pgv-excel .resumo-aeo__resposta {
    font-family: Montserrat, "Montserrat Fallback", sans-serif;
    font-size: calc(var(--pgvex-r)*2.1);
    line-height: 150%;
}

@media (max-width: 47.9375em) {
    body.pgv-excel .resumo-aeo__titulo,
    body.pgv-excel .vc-gabarito .titulo {
        font-size: calc(var(--pgvex-r)*2.6);
    }
}

/* ------------------------------------------------------- a barra de rolagem --
   Sem isto o Chrome desenha a barra com a cor de destaque do sistema — azul, no
   Windows padrao — no meio de uma pagina que e verde de cabo a rabo. O
   `color-scheme` e o que faz a barra nascer escura; o `scrollbar-color` pinta o
   polegar. Vai no documento (`html`), e nao em `.pgvex-escopo`: a barra e a do
   viewport, e um elemento la dentro nao a controla. */
html:has(body.pgv-excel) {
    color-scheme: dark;
    scrollbar-color: #00a86b #0a0f0d;
    scrollbar-width: thin;
}

html:has(body.pgv-excel)::-webkit-scrollbar {
    width: 12px;
}

html:has(body.pgv-excel)::-webkit-scrollbar-track {
    background: #0a0f0d;
}

html:has(body.pgv-excel)::-webkit-scrollbar-thumb {
    background: #00a86b;
    border: 3px solid #0a0f0d;
    border-radius: 100vw;
}

html:has(body.pgv-excel)::-webkit-scrollbar-thumb:hover {
    background: #00d17f;
}

/* --------------------------------------------------------- movimento reduzido
   Quem navega com `prefers-reduced-motion: reduce` (o caso do Diego nos dois
   PCs) ve a pagina INTEIRA, so que parada. A regra que vale aqui e a mesma da
   home: marquee vira bloco estatico COMPLETO — nao um pedaco congelado no meio
   do ciclo, e muito menos uma frase solitaria num vao de faixa vazia.

   🔴 O que estava errado antes: `nth-child(n+2){display:none}` deixava UMA
   copia num container de 1440px, encostada a esquerda. Lida sem contexto, a
   faixa parecia quebrada — e foi assim que ela chegou na revisao. */
@media (prefers-reduced-motion: reduce) {
    .pgvex-escopo *,
    .pgvex-escopo *::before,
    .pgvex-escopo *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }

    /* Rede de seguranca: se o JS nao rodar E o movimento for reduzido, o
       conteudo aparece do mesmo jeito. */
    .pgvex-escopo .efeito-fadein-800,
    .pgvex-escopo .efeito-slidein-800 {
        opacity: 1;
        transform: none;
    }

    /* A faixa fica CHEIA: sem animacao o trilho comeca em x=0 e as oito copias
       preenchem os 1440px, exatamente como um marquee pausado. */
    .pgvex-escopo .pgvex-scroller-container {
        transform: none !important;
        justify-content: flex-start;
    }

    /* No celular a copia tem ~700px e o `nowrap` cortaria a frase no meio. Ali,
       e SO ali, sobra uma copia — que passa a quebrar linha e a centralizar, de
       modo que o texto inteiro se le. */
    @media (max-width: 47.9375em) {
        .pgvex-escopo .pgvex-scroller-container {
            justify-content: center;
            flex-wrap: wrap;
            white-space: normal;
            text-align: center;
            padding-inline: calc(var(--pgvex-r)*2);
        }

        .pgvex-escopo .pgvex-scroller-textos:nth-child(n+2) {
            display: none;
        }
    }

    /* O carrossel de dashboards para de girar, entao ele passa a ser navegavel
       na mao — sem isso as sete ultimas planilhas ficam inalcancaveis. */
    .pgvex-escopo .carrossel .imagens {
        transform: none !important;
    }

    .pgvex-escopo .carrossel .container--final-inter {
        overflow-x: auto;
        scrollbar-color: #00a86b #0a0f0d;
        scrollbar-width: thin;
        -webkit-mask: none;
        mask: none;
    }

    .pgvex-escopo .carrossel .container--final-inter::-webkit-scrollbar {
        display: block;
        height: 8px;
    }
}

/* ------------------------------------------------- o anel do selo de garantia --
   O texto do anel dava mais que uma volta e a cauda caia por cima da cabeca: o
   arco mede 251,4 unidades e as tres repeticoes mediam 294,2 — 17% a mais. No
   ponto da emenda lia-se "DGARANTIA", num elemento cuja unica funcao e passar
   confianca.

   🔴 `textLength` NAO resolve isto no Chrome. O atributo esta no markup e o
   Chrome o ignora, tanto no `<textPath>` quanto no `<text>` que o contem —
   medido: com e sem `textLength="246"` o `getComputedTextLength()` devolve o
   mesmo numero. Quem honra o atributo e o Firefox, e por isso ele fica: la o
   `lengthAdjust="spacing"` fecha o anel no valor exato. No Chrome quem faz o
   trabalho e o tamanho da fonte, e so ele.

   0,675 em vez de 0,83 poe as tres repeticoes em 239,3 unidades, ~12 de folga na
   emenda (4,8% do anel). O multiplicador mantem a escada responsiva de
   `--pgvex-r`, entao o anel continua fechando nos breakpoints menores. */

.pgvex-escopo .pgvex-garantia__svg textPath {
    font-size: calc(var(--pgvex-r) * 0.675);
}