.elementor-4753 .elementor-element.elementor-element-d8b7f26{--display:flex;--min-height:711px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4753 .elementor-element.elementor-element-d8b7f26:not(.elementor-motion-effects-element-type-background), .elementor-4753 .elementor-element.elementor-element-d8b7f26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lp.pmnagringa.com/wp-content/uploads/2026/09/image-1-9-scaled.webp");background-position:center right;background-size:cover;}.elementor-4753 .elementor-element.elementor-element-0e4b161{--display:flex;--justify-content:center;}.elementor-4753 .elementor-element.elementor-element-81c470e{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4753 .elementor-element.elementor-element-09f1916{--display:flex;--min-height:50px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4753 .elementor-element.elementor-element-09f1916.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4753 .elementor-element.elementor-element-80bd863{width:var( --container-widget-width, 194px );max-width:194px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;padding:0px 0px 0px 0px;--container-widget-width:194px;--container-widget-flex-grow:0;}.elementor-4753 .elementor-element.elementor-element-80bd863.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4753 .elementor-element.elementor-element-862c19e{text-align:center;}.elementor-4753 .elementor-element.elementor-element-862c19e .elementor-heading-title{font-family:"fonte pm na gringa", Sans-serif;font-size:44px;font-weight:600;line-height:43px;letter-spacing:0.1px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4753 .elementor-element.elementor-element-cb59cf2{text-align:center;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:21px;letter-spacing:-0.9px;color:#FFFFFF;}.elementor-4753 .elementor-element.elementor-element-a2329d5{border-radius:10px 10px 10px 10px;}.elementor-4753 .elementor-element.elementor-element-a2329d5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4753 .elementor-element.elementor-element-95359eb{--display:flex;}.elementor-4753 .elementor-element.elementor-element-13de145{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4753 .elementor-element.elementor-element-13de145:not(.elementor-motion-effects-element-type-background), .elementor-4753 .elementor-element.elementor-element-13de145 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4753 .elementor-element.elementor-element-13de145.e-con{--align-self:center;}.elementor-4753 .elementor-element.elementor-element-6973aa9{width:100%;max-width:100%;margin:-0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:9990;}.elementor-4753 .elementor-element.elementor-element-6973aa9.elementor-element{--align-self:center;}.elementor-4753 .elementor-element.elementor-element-a4e5781{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4753 .elementor-element.elementor-element-a4e5781:not(.elementor-motion-effects-element-type-background), .elementor-4753 .elementor-element.elementor-element-a4e5781 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4753 .elementor-element.elementor-element-5a90253{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4753 .elementor-element.elementor-element-5a90253:not(.elementor-motion-effects-element-type-background), .elementor-4753 .elementor-element.elementor-element-5a90253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4753 .elementor-element.elementor-element-e6f39b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4753 .elementor-element.elementor-element-6595c29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:60px 0px 60px 0px;}@media(min-width:768px){.elementor-4753 .elementor-element.elementor-element-09f1916{--width:270px;}.elementor-4753 .elementor-element.elementor-element-95359eb{--width:65%;}}@media(max-width:767px){.elementor-4753 .elementor-element.elementor-element-d8b7f26:not(.elementor-motion-effects-element-type-background), .elementor-4753 .elementor-element.elementor-element-d8b7f26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lp.pmnagringa.com/wp-content/uploads/2026/09/image-4-7.webp");background-position:center center;}.elementor-4753 .elementor-element.elementor-element-d8b7f26{--min-height:906px;}.elementor-4753 .elementor-element.elementor-element-81c470e{--margin-top:-78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4753 .elementor-element.elementor-element-09f1916{--width:220px;--min-height:40px;}.elementor-4753 .elementor-element.elementor-element-80bd863{--container-widget-width:146px;--container-widget-flex-grow:0;width:var( --container-widget-width, 146px );max-width:146px;}.elementor-4753 .elementor-element.elementor-element-862c19e .elementor-heading-title{font-size:23px;line-height:0.9em;}.elementor-4753 .elementor-element.elementor-element-cb59cf2{font-size:14px;line-height:1em;}.elementor-4753 .elementor-element.elementor-element-13de145{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4753 .elementor-element.elementor-element-6973aa9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4753 .elementor-element.elementor-element-a4e5781{--content-width:95%;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-09f1916 *//* ============================================================
   VIDRO LÍQUIDO + BORDA EM MOVIMENTO
   Elemento: .elementor-element-09f1916 (página 4277)
 
   ONDE COLAR
   Elementor > Configurações do site > CSS personalizado.
   Se for colar no Avançado > CSS personalizado do próprio widget
   (Elementor Pro), troque o seletor inteiro por  .elementor-4753 .elementor-element.elementor-element-09f1916
 
   AJUSTE TUDO PELAS VARIÁVEIS DO PRIMEIRO BLOCO.
   ============================================================ */
 
/* Necessário para animar o ângulo do gradiente cônico.
   Chrome, Edge, Safari 16.4+ e Firefox 128+. */
@property --vl-ang {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
 
.elementor-4277 .elementor-element.elementor-element-09f1916 {
  /* ---- PAINEL DE CONTROLE ---- */
  --vl-raio: 24px;              /* arredondamento */
  --vl-blur: 20px;              /* desfoque do que está atrás */
  --vl-sat: 185%;               /* saturação do que está atrás */
  --vl-tom: 255, 255, 255;      /* RGB do vidro. Para vidro escuro: 10, 10, 10 */
  --vl-densidade: 0.14;         /* opacidade do vidro. 0.06 mais limpo, 0.28 mais leitoso */
  --vl-borda: rgba(255, 255, 255, 0.22);
  --vl-luz: rgba(255, 255, 255, 0.95);   /* cor da luz que corre na borda */
  --vl-espessura: 1.5px;        /* espessura da borda animada */
  --vl-velocidade: 6s;          /* volta completa da luz */
 
  position: relative;
  isolation: isolate;
  border-radius: var(--vl-raio) !important;
 
  /* ---- A CAMADA DE VIDRO ---- */
  background:
    linear-gradient(
      135deg,
      rgba(var(--vl-tom), calc(var(--vl-densidade) * 1.6)) 0%,
      rgba(var(--vl-tom), calc(var(--vl-densidade) * 0.45)) 46%,
      rgba(var(--vl-tom), var(--vl-densidade)) 100%
    ) !important;
 
  -webkit-backdrop-filter: blur(var(--vl-blur)) saturate(var(--vl-sat));
          backdrop-filter: blur(var(--vl-blur)) saturate(var(--vl-sat));
 
  border: 1px solid var(--vl-borda) !important;
 
  /* Os reflexos internos são o que dá espessura ao vidro.
     Sem eles a peça parece só um fundo translúcido. */
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),    /* quina de cima */
    inset 0 -1px 0 rgba(255, 255, 255, 0.16),   /* quina de baixo */
    inset 0 0 28px rgba(255, 255, 255, 0.10),   /* difusão interna */
    0 18px 50px rgba(0, 0, 0, 0.28);            /* sombra projetada */
 
  transition: box-shadow 0.45s ease, transform 0.45s ease;
}
 
/* ---- A LUZ QUE CORRE NA BORDA ----
   Uso ::after porque o Elementor já usa ::before em vários
   elementos para o overlay de fundo. */
.elementor-4277 .elementor-element.elementor-element-09f1916::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  padding: var(--vl-espessura);
 
  background: conic-gradient(
    from var(--vl-ang),
    rgba(255, 255, 255, 0)   0deg,
    var(--vl-luz)           58deg,
    rgba(255, 255, 255, 0) 140deg,
    rgba(255, 255, 255, 0) 205deg,
    var(--vl-luz)          268deg,
    rgba(255, 255, 255, 0) 350deg
  );
 
  /* Recorta o meio e deixa só o anel da borda. */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
          mask-composite: exclude;
 
  animation: vl-girar var(--vl-velocidade) linear infinite;
}
 
@keyframes vl-girar {
  to { --vl-ang: 360deg; }
}
 
/* ---- HOVER ---- */
.elementor-4277 .elementor-element.elementor-element-09f1916:hover {
  transform: translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.70),
    inset 0 -1px 0 rgba(255, 255, 255, 0.22),
    inset 0 0 34px rgba(255, 255, 255, 0.14),
    0 26px 64px rgba(0, 0, 0, 0.34);
}
.elementor-4277 .elementor-element.elementor-element-09f1916:hover::after {
  animation-duration: calc(var(--vl-velocidade) / 2.2);
}
 
/* ============================================================
   OPCIONAL: borda que respira, como gota de líquido.
   Descomente o bloco inteiro para ligar.
   ============================================================ */
/*
.elementor-4277 .elementor-element.elementor-element-09f1916 {
  animation: vl-liquido 9s ease-in-out infinite;
}
@keyframes vl-liquido {
  0%, 100% { border-radius: 24px 30px 26px 28px; }
  33%      { border-radius: 30px 24px 32px 22px; }
  66%      { border-radius: 26px 32px 22px 30px; }
}
*/
 
/* ============================================================
   FALLBACK para navegador sem @property.
   A borda continua se movendo, só que em varredura em vez de giro.
   ============================================================ */
@supports not (background: conic-gradient(from var(--vl-ang), #000, #fff)) {
  .elementor-4277 .elementor-element.elementor-element-09f1916::after {
    background: linear-gradient(
      110deg,
      rgba(255, 255, 255, 0) 30%,
      var(--vl-luz) 50%,
      rgba(255, 255, 255, 0) 70%
    );
    background-size: 300% 100%;
    animation: vl-varrer var(--vl-velocidade) linear infinite;
  }
  @keyframes vl-varrer {
    from { background-position: 150% 0; }
    to   { background-position: -150% 0; }
  }
}
 
/* ============================================================
   ACESSIBILIDADE
   Quem pediu menos animação no sistema recebe a borda parada.
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .elementor-4277 .elementor-element.elementor-element-09f1916,
  .elementor-4277 .elementor-element.elementor-element-09f1916::after {
    animation: none !important;
    transition: none !important;
  }
  .elementor-4277 .elementor-element.elementor-element-09f1916::after {
    background: var(--vl-borda);
  }
}
 
/* ============================================================
   MOBILE
   Blur pesado custa caro em celular. Reduzo o desfoque e
   deixo a volta da luz mais lenta.
   ============================================================ */
@media (max-width: 767px) {
  .elementor-4277 .elementor-element.elementor-element-09f1916 {
    --vl-blur: 12px;
    --vl-velocidade: 9s;
    --vl-raio: 18px;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   BARRA DE ROLAGEM DA PÁGINA
   Página 4277 (PM na Gringa)
 
   LEIA ISTO ANTES, porque é a única entrega que foge da regra
   de nada global:
 
   A barra de rolagem da janela pertence ao elemento raiz da
   página, o <html>. Não existe jeito de estilizar ela a partir
   de um componente, porque ela não está dentro de componente
   nenhum. Qualquer código que mude a barra é, por natureza,
   global.
 
   O que dá para fazer, e é o que está aqui, é prender a regra a
   ESTA página. O WordPress põe a classe da página no <body>, e
   o :has() deixa o <html> reagir a ela. Resultado: a barra muda
   na landing do PM e continua a padrão no resto do site.
 
   Se a barra não mudar, é porque a classe do <body> é outra.
   Abra a página, inspecione o <body> e procure algo como
   page-id-4277 ou elementor-page-4277. Use a que existir.
 
   ONDE COLAR
   Elementor > Configurações do site > CSS personalizado.
   ============================================================ */
 
html:has(body.elementor-page-4277),
html:has(body.page-id-4277){
  /* ---- PAINEL DE CONTROLE ---- */
  --br-largura: 10px;                        /* espessura da barra */
  --br-trilho: #000000;                      /* fundo do trilho */
  --br-polegar: rgba(255,255,255,.22);       /* a parte que se move */
  --br-polegar-hover: rgba(255,255,255,.45);
  --br-borda: 3px;                           /* folga em volta do polegar */
 
  /* ---- PADRÃO OFICIAL ----
     Firefox desde sempre, Chrome e Edge desde a versão 121.
     Só aceita duas cores e três espessuras, sem arredondamento,
     mas é o caminho que vai sobreviver. */
  scrollbar-width: thin;
  scrollbar-color: var(--br-polegar) var(--br-trilho);
}
 
/* ---- WEBKIT ----
   Chrome, Edge e Safari, inclusive as versões antigas. Quando os
   dois valem, este ganha, porque é mais específico. É aqui que
   dá para arredondar o polegar e afastá-lo da borda. */
html:has(body.elementor-page-4277)::-webkit-scrollbar,
html:has(body.page-id-4277)::-webkit-scrollbar{
  width: var(--br-largura);
  height: var(--br-largura);
}
html:has(body.elementor-page-4277)::-webkit-scrollbar-track,
html:has(body.page-id-4277)::-webkit-scrollbar-track{
  background: var(--br-trilho);
}
/* border transparente mais background-clip:content-box é o truque
   que dá folga ao polegar: a borda entra no tamanho dele, mas
   deixa o fundo passar. Sem isso ele encosta nas duas laterais e
   parece grosso demais. */
html:has(body.elementor-page-4277)::-webkit-scrollbar-thumb,
html:has(body.page-id-4277)::-webkit-scrollbar-thumb{
  background: var(--br-polegar);
  border: var(--br-borda) solid transparent;
  background-clip: content-box;
  border-radius: 999px;
}
html:has(body.elementor-page-4277)::-webkit-scrollbar-thumb:hover,
html:has(body.page-id-4277)::-webkit-scrollbar-thumb:hover{
  background: var(--br-polegar-hover);
  background-clip: content-box;
}
/* O quadradinho onde as duas barras se cruzam. Sem isto ele fica
   cinza claro do sistema e denuncia a personalização. */
html:has(body.elementor-page-4277)::-webkit-scrollbar-corner,
html:has(body.page-id-4277)::-webkit-scrollbar-corner{
  background: var(--br-trilho);
}
 
/* ============================================================
   OPCIONAL: reservar o espaço da barra
 
   Sem isto, uma página curta não tem barra e uma longa tem, e o
   conteúdo pula alguns pixels para o lado quando você troca de
   uma para a outra. Com isto, o espaço fica reservado sempre.
 
   Deixei desligado porque o efeito só aparece se o site tiver
   páginas curtas, e ligar sem necessidade tira uns pixels de
   largura útil no celular.
   ============================================================ */
/*
html:has(body.elementor-page-4277),
html:has(body.page-id-4277){
  scrollbar-gutter: stable;
}
*/
 
/* ============================================================
   SE PREFERIR NO SITE INTEIRO
 
   Troque os seletores por  html  e  html::-webkit-scrollbar  e
   assim por diante. Aí vale para todas as páginas, inclusive as
   claras, e o trilho preto pode ficar estranho nelas. Por isso
   a versão entregue é a presa na 4277.
   ============================================================ */
 
/* ============================================================
   NOTA SOBRE CELULAR
   No telefone a barra é um risquinho que aparece durante a
   rolagem e some sozinho, desenhado pelo sistema. Nem o padrão
   nem o webkit alcançam ela. Isso aqui é efeito de computador.
   ============================================================ *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'fonte pm na gringa';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lp.pmnagringa.com/wp-content/uploads/2026/09/Panamera.ttf.woff') format('woff');
}
/* End Custom Fonts CSS */