.elementor-5047 .elementor-element.elementor-element-3ed588db{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-674cdc97{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-6a265ad6{--display:flex;--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;--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-5047 .elementor-element.elementor-element-6a265ad6:not(.elementor-motion-effects-element-type-background), .elementor-5047 .elementor-element.elementor-element-6a265ad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5047 .elementor-element.elementor-element-3354335d > .elementor-widget-container{margin:0px 0px -50px 0px;}.elementor-5047 .elementor-element.elementor-element-bd83166{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-5047 .elementor-element.elementor-element-bd83166 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:groove;border-width:-2px -2px -2px -2px;border-color:#F8FF09;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 45px 0px rgba(255, 255, 255, 0.44);}.elementor-5047 .elementor-element.elementor-element-bd83166.elementor-element{--align-self:center;}.elementor-5047 .elementor-element.elementor-element-bd83166 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5047 .elementor-element.elementor-element-4b1d8247{--display:flex;--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-4b1d8247:not(.elementor-motion-effects-element-type-background), .elementor-5047 .elementor-element.elementor-element-4b1d8247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5047 .elementor-element.elementor-element-dd1c0ee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5047 .elementor-element.elementor-element-b50aa81{--display:flex;--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;--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-30e91a1a > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-5047 .elementor-element.elementor-element-160342c5{--display:flex;--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;--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-5047 .elementor-element.elementor-element-160342c5:not(.elementor-motion-effects-element-type-background), .elementor-5047 .elementor-element.elementor-element-160342c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5047 .elementor-element.elementor-element-16c33524{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-34a1da8d{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-5047 .elementor-element.elementor-element-ab17bde > .elementor-widget-container{margin:50px 0px -42px 0px;}.elementor-5047 .elementor-element.elementor-element-ab17bde img{width:19%;}.elementor-5047 .elementor-element.elementor-element-7c34cc9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5047 .elementor-element.elementor-element-4e70d1{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-5313e114{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5047 .elementor-element.elementor-element-595aba5b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-5047 .elementor-element.elementor-element-15ddd92 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-5047 .elementor-element.elementor-element-bd83166{width:var( --container-widget-width, 401px );max-width:401px;--container-widget-width:401px;--container-widget-flex-grow:0;}.elementor-5047 .elementor-element.elementor-element-ab17bde > .elementor-widget-container{margin:50px 0px -50px 0px;}.elementor-5047 .elementor-element.elementor-element-ab17bde img{width:60%;}}/* Start custom CSS for html, class: .elementor-element-7fa0c43a *//* === TOPBAR (cronômetro) — fundo vermelho === */
#prf-topbar{
  background: linear-gradient(180deg, #D50101, #A60000) !important;
  border-bottom-color: #7a0000 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}

/* (opcional) barra de progresso combinando */
#prf-topbar .progress{ background: rgba(0,0,0,.18) !important; }
#prf-topbar .progress span{
  background: linear-gradient(90deg, #7a0000, #ffb3b3) !important;
}

/* (opcional) relógio com contraste melhor no vermelho */
#prf-topbar .deal .clock{
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #fff !important;            /* números em branco */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15ddd92 *//* ==== CTA Hover: Shine + Glow (apenas em .fx-cta) ==== */
.fx-cta{
  position: relative;
  overflow: hidden;           /* esconde o brilho que passa */
  isolation: isolate;         /* separa os efeitos do resto */
  will-change: transform, box-shadow, filter;
  transform: translateY(0);
  transition: transform .18s ease, filter .18s ease, box-shadow .28s ease, background-position .28s ease;
  /* opcional: gradiente com “movimento” sutil no hover */
  background-size: 100% 100%;
}

.fx-cta:hover{
  transform: translateY(-2px) scale(1.02);
  filter: saturate(1.08);
  /* glow amarelo PRF */
  box-shadow:
    0 0 0 2px rgba(236,232,26,.15),
    0 14px 36px rgba(236,232,26,.35);
  background-position: 0 0;  /* se usar bg animado */
}

/* “brilho” que varre o botão */
.fx-cta::after{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background: linear-gradient(120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.65) 12%,
      rgba(255,255,255,0) 25%);
  transform: translateX(-120%) rotate(8deg);
  transition: transform .6s cubic-bezier(.2,.6,.2,1);
  pointer-events:none;
  mix-blend-mode: screen;   /* brilho mais natural sobre o amarelo */
}

.fx-cta:hover::after{
  transform: translateX(120%) rotate(8deg);
}

/* borda neon sutil (extra) */
.fx-cta::before{
  content:"";
  position:absolute; inset:-1px; border-radius:999px;
  background: radial-gradient(120% 200% at 10% 0%,
             rgba(236,232,26,.35), transparent 40%),
             radial-gradient(120% 200% at 90% 100%,
             rgba(236,232,26,.25), transparent 40%);
  opacity:.0; transition: opacity .28s ease;
  pointer-events:none; z-index:-1;
}
.fx-cta:hover::before{ opacity:.6; }

/* estado pressionado */
.fx-cta:active{ transform: translateY(0) scale(.99); box-shadow: 0 8px 20px rgba(236,232,26,.22); }

/* acessibilidade: foco no teclado */
.fx-cta:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.15),
    0 0 0 6px rgba(236,232,26,.35);
}

/* mobile: remove hover pesado */
@media (hover:none){
  .fx-cta:hover::after{ transform: translateX(-120%) rotate(8deg); }
  .fx-cta:hover{ transform: none; box-shadow: none; filter:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3354335d *//* ================= Spotlight (escurece o cenário, foca na viatura) ================= */
#prf-d-segredo{
  /* ajuste rápido do foco */
  --fx: 45%;   /* X do foco (0% à esquerda, 100% à direita)  */
  --fy: 50%;   /* Y do foco (0% topo, 100% base)             */
  --r1: 14%;   /* raio interno totalmente visível             */
  --r2: 28%;   /* onde começa a escurecer forte               */
  --edge: .92; /* quão escuro fica nas bordas (0–1)           */
}

/* camada acima do vídeo (e acima do overlay), mas abaixo do texto */
#prf-d-segredo .focus-spot{
  position: absolute; inset: 0; pointer-events: none; z-index: 2;
  /* centro transparente, bordas escuras suaves */
  background:
    radial-gradient(ellipse at var(--fx) var(--fy),
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) var(--r1),
      rgba(0,0,0,.55) var(--r2),
      rgba(0,0,0,var(--edge)) 100%
    );
}

/* O conteúdo fica por cima de tudo */
#prf-d-segredo .container{ position: relative; z-index: 3; }

/* Responsivo: ajuste o foco para mobile se o enquadramento mudar */
@media (max-width: 900px){
  #prf-d-segredo{
    --fx: 60%;
    --fy: 60%;
    --r1: 18%;
    --r2: 32%;
  }
}

/* Se no mobile você está usando POSTER (vídeo oculto), o spotlight continua valendo */
@media (max-width: 780px){
  #prf-d-segredo .video-bg{ background-size: cover; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30e91a1a *//* ==== CTA Hover: Shine + Glow (apenas em .fx-cta) ==== */
.fx-cta{
  position: relative;
  overflow: hidden;           /* esconde o brilho que passa */
  isolation: isolate;         /* separa os efeitos do resto */
  will-change: transform, box-shadow, filter;
  transform: translateY(0);
  transition: transform .18s ease, filter .18s ease, box-shadow .28s ease, background-position .28s ease;
  /* opcional: gradiente com “movimento” sutil no hover */
  background-size: 100% 100%;
}

.fx-cta:hover{
  transform: translateY(-2px) scale(1.02);
  filter: saturate(1.08);
  /* glow amarelo PRF */
  box-shadow:
    0 0 0 2px rgba(236,232,26,.15),
    0 14px 36px rgba(236,232,26,.35);
  background-position: 0 0;  /* se usar bg animado */
}

/* “brilho” que varre o botão */
.fx-cta::after{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background: linear-gradient(120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.65) 12%,
      rgba(255,255,255,0) 25%);
  transform: translateX(-120%) rotate(8deg);
  transition: transform .6s cubic-bezier(.2,.6,.2,1);
  pointer-events:none;
  mix-blend-mode: screen;   /* brilho mais natural sobre o amarelo */
}

.fx-cta:hover::after{
  transform: translateX(120%) rotate(8deg);
}

/* borda neon sutil (extra) */
.fx-cta::before{
  content:"";
  position:absolute; inset:-1px; border-radius:999px;
  background: radial-gradient(120% 200% at 10% 0%,
             rgba(236,232,26,.35), transparent 40%),
             radial-gradient(120% 200% at 90% 100%,
             rgba(236,232,26,.25), transparent 40%);
  opacity:.0; transition: opacity .28s ease;
  pointer-events:none; z-index:-1;
}
.fx-cta:hover::before{ opacity:.6; }

/* estado pressionado */
.fx-cta:active{ transform: translateY(0) scale(.99); box-shadow: 0 8px 20px rgba(236,232,26,.22); }

/* acessibilidade: foco no teclado */
.fx-cta:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.15),
    0 0 0 6px rgba(236,232,26,.35);
}

/* mobile: remove hover pesado */
@media (hover:none){
  .fx-cta:hover::after{ transform: translateX(-120%) rotate(8deg); }
  .fx-cta:hover{ transform: none; box-shadow: none; filter:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47fc197c *//* ===== evita o mock ultrapassar o topo do card ===== */
#prf-depo-sq { 
  /* quanto o mock "sobe" (em px). Ajuste se quiser mais/menos lift */
  --lift: 60px;
}

/* reserva espaço no topo do card = mantém tudo dentro da borda */
#prf-depo-sq .tcard{
  padding-top: calc(16px + var(--lift)); /* 16px era o padding original + reserva */
}

/* mantém o efeito de "subir", mas agora sem sair do card */
#prf-depo-sq .mock{
  margin: calc(-1 * var(--lift)) auto 12px; /* sobe o mock, mas sem ultrapassar */
}

/* opcional: um lift menor no mobile */
@media (max-width: 640px){
  #prf-depo-sq{ --lift: 48px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b200aff *//* ===== evita o mock ultrapassar o topo do card ===== */
#prf-depo-sq { 
  /* quanto o mock "sobe" (em px). Ajuste se quiser mais/menos lift */
  --lift: 60px;
}

/* reserva espaço no topo do card = mantém tudo dentro da borda */
#prf-depo-sq .tcard{
  padding-top: calc(16px + var(--lift)); /* 16px era o padding original + reserva */
}

/* mantém o efeito de "subir", mas agora sem sair do card */
#prf-depo-sq .mock{
  margin: calc(-1 * var(--lift)) auto 12px; /* sobe o mock, mas sem ultrapassar */
}

/* opcional: um lift menor no mobile */
@media (max-width: 640px){
  #prf-depo-sq{ --lift: 48px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f384a33 *//* ===== evita o mock ultrapassar o topo do card ===== */
#prf-depo-sq { 
  /* quanto o mock "sobe" (em px). Ajuste se quiser mais/menos lift */
  --lift: 60px;
}

/* reserva espaço no topo do card = mantém tudo dentro da borda */
#prf-depo-sq .tcard{
  padding-top: calc(16px + var(--lift)); /* 16px era o padding original + reserva */
}

/* mantém o efeito de "subir", mas agora sem sair do card */
#prf-depo-sq .mock{
  margin: calc(-1 * var(--lift)) auto 12px; /* sobe o mock, mas sem ultrapassar */
}

/* opcional: um lift menor no mobile */
@media (max-width: 640px){
  #prf-depo-sq{ --lift: 48px; }
}/* End custom CSS */