.elementor-5130 .elementor-element.elementor-element-58ff6f06{--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-5130 .elementor-element.elementor-element-479eee61{--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-5130 .elementor-element.elementor-element-a94e444{--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:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5130 .elementor-element.elementor-element-a94e444:not(.elementor-motion-effects-element-type-background), .elementor-5130 .elementor-element.elementor-element-a94e444 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5130 .elementor-element.elementor-element-d79fb63 > .elementor-widget-container{margin:0px 0px -50px 0px;}.elementor-5130 .elementor-element.elementor-element-66d0c5a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-5130 .elementor-element.elementor-element-66d0c5a > .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-5130 .elementor-element.elementor-element-66d0c5a.elementor-element{--align-self:center;}.elementor-5130 .elementor-element.elementor-element-66d0c5a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5130 .elementor-element.elementor-element-611ef945{--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-5130 .elementor-element.elementor-element-611ef945:not(.elementor-motion-effects-element-type-background), .elementor-5130 .elementor-element.elementor-element-611ef945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5130 .elementor-element.elementor-element-19e452f6 > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5130 .elementor-element.elementor-element-45763a41{--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-5130 .elementor-element.elementor-element-42556436 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-5130 .elementor-element.elementor-element-25d67472{--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-5130 .elementor-element.elementor-element-25d67472:not(.elementor-motion-effects-element-type-background), .elementor-5130 .elementor-element.elementor-element-25d67472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5130 .elementor-element.elementor-element-221af1de{--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-5130 .elementor-element.elementor-element-207ddfbb{--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-5130 .elementor-element.elementor-element-54c911ec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5130 .elementor-element.elementor-element-3bc438e3{--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-5130 .elementor-element.elementor-element-5d8dff16{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5130 .elementor-element.elementor-element-4e24e332{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-5130 .elementor-element.elementor-element-59638d1 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-5130 .elementor-element.elementor-element-66d0c5a{width:var( --container-widget-width, 401px );max-width:401px;--container-widget-width:401px;--container-widget-flex-grow:0;}.elementor-5130 .elementor-element.elementor-element-8bd7504 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5130 .elementor-element.elementor-element-41c1cdd > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-80fee48 *//* === 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-59638d1 *//* ==== 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-d79fb63 *//* ================= 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-42556436 *//* ==== 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-229359f2 *//* ===== 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-12b41440 *//* ===== 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 */