/* Jonner Design — frontend-safe effects. No Elementor Pro required. */

/* The imported JSON has empty image widgets. Hide only the six empty hero widgets;
   the plugin injects real image nodes right after them. */
.jn-centered-hero > .jn-flank:not(.jn-plugin-flank){display:none!important}
.jn-centered-hero{position:relative!important;overflow:visible!important}

.jn-plugin-flank{
  position:absolute!important;
  z-index:5!important;
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.58));
  transform-origin:center;
  will-change:transform,opacity;
}
.jn-plugin-flank img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:7px!important;
  transform-origin:center;
  will-change:transform;
  animation:jn-plugin-float 4.7s ease-in-out infinite alternate;
}
.jn-plugin-flank-left{--jn-rot:-8deg;left:max(18px,calc(50% - 825px));top:48px;width:282px;animation:jn-enter-left 1.35s cubic-bezier(.16,.78,.26,1) .05s forwards}
.jn-plugin-flank-right{--jn-rot:8deg;right:max(18px,calc(50% - 825px));top:48px;width:282px;animation:jn-enter-right 1.35s cubic-bezier(.16,.78,.26,1) .11s forwards}
.jn-plugin-extra-left{--jn-rot:5deg;left:max(205px,calc(50% - 640px));top:248px;width:310px;animation:jn-enter-left 1.45s cubic-bezier(.16,.78,.26,1) .27s forwards}
.jn-plugin-extra-right{--jn-rot:-5deg;right:max(205px,calc(50% - 640px));top:248px;width:310px;animation:jn-enter-right 1.45s cubic-bezier(.16,.78,.26,1) .34s forwards}
.jn-plugin-third-left{--jn-rot:-4deg;left:max(15px,calc(50% - 835px));top:452px;width:325px;animation:jn-enter-left 1.55s cubic-bezier(.16,.78,.26,1) .48s forwards}
.jn-plugin-third-right{--jn-rot:4deg;right:max(15px,calc(50% - 835px));top:452px;width:325px;animation:jn-enter-right 1.55s cubic-bezier(.16,.78,.26,1) .55s forwards}

.jn-plugin-flank-left img{animation-duration:4.35s;animation-delay:-.8s}
.jn-plugin-flank-right img{animation-duration:4.85s;animation-delay:-2.3s}
.jn-plugin-extra-left img{animation-duration:5.15s;animation-delay:-3.0s}
.jn-plugin-extra-right img{animation-duration:4.55s;animation-delay:-1.4s}
.jn-plugin-third-left img{animation-duration:5.45s;animation-delay:-3.8s}
.jn-plugin-third-right img{animation-duration:4.95s;animation-delay:-2.7s}

@keyframes jn-enter-left{
  0%{opacity:0;transform:translate3d(-110px,28px,0) rotate(var(--jn-rot)) scale(.94)}
  72%{opacity:1;transform:translate3d(8px,-3px,0) rotate(var(--jn-rot)) scale(1.01)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(var(--jn-rot)) scale(1)}
}
@keyframes jn-enter-right{
  0%{opacity:0;transform:translate3d(110px,28px,0) rotate(var(--jn-rot)) scale(.94)}
  72%{opacity:1;transform:translate3d(-8px,-3px,0) rotate(var(--jn-rot)) scale(1.01)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(var(--jn-rot)) scale(1)}
}
@keyframes jn-plugin-float{
  0%{transform:translate3d(-1px,-15px,0) rotate(-.22deg) scale(1)}
  38%{transform:translate3d(2px,-4px,0) rotate(.08deg) scale(1.004)}
  72%{transform:translate3d(-2px,10px,0) rotate(.2deg) scale(1.006)}
  100%{transform:translate3d(1px,16px,0) rotate(-.08deg) scale(1.002)}
}

/* Real images injected into the formerly-empty Elementor widgets. */
.jn-plugin-real-image{display:block;max-width:100%;height:auto}
.jn-logo .jn-plugin-real-image{width:150px!important;height:auto!important;object-fit:contain!important}
.jn-founder-photo .jn-plugin-real-image{width:100%!important;aspect-ratio:1/1;object-fit:cover!important;border-radius:14px;border:1px solid rgba(68,251,180,.2)}
#presenca .jn-project-image .jn-plugin-real-image{width:100%!important;max-height:510px!important;object-fit:contain!important}
.jn-cat-tile .jn-cover .jn-plugin-real-image{width:100%!important;height:285px!important;object-fit:cover!important;border-radius:0!important}

/* Logos: full-width moving strip. */
.jn-brands{overflow:hidden!important;width:100%!important;max-width:none!important;padding-inline:0!important}
.jn-brand-window{overflow-x:auto!important;overflow-y:hidden!important;width:min(100%,1780px)!important;margin-inline:auto!important;padding-inline:16px!important;scrollbar-width:none!important;mask-image:linear-gradient(90deg,transparent 0,#000 1.5%,#000 98.5%,transparent 100%)!important}
.jn-brand-window::-webkit-scrollbar{display:none!important}
.jn-brand-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;width:max-content!important;max-width:none!important;animation:none!important;transform:none!important}
.jn-brand-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:28px!important;width:max-content!important;min-width:max-content!important;padding-right:28px!important}
.jn-brand-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:190px!important;min-width:190px!important;height:88px!important;background:transparent!important;border:0!important;opacity:.64}
.jn-brand-logo .elementor-widget-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.jn-brand-logo .jn-plugin-real-image{width:172px!important;height:auto!important;max-height:72px!important;object-fit:contain!important}

/* Categories and testimonials use the exact same continuous-scroll behavior as logos. */
.jn-cat-window,.jn-testimonial-carousel{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-behavior:auto!important;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important}
.jn-cat-window::-webkit-scrollbar,.jn-testimonial-carousel::-webkit-scrollbar{display:none!important}
.jn-cat-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;width:max-content!important;max-width:none!important;animation:none!important;transform:none!important}
.jn-cat-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;width:max-content!important;min-width:max-content!important;padding-right:20px!important}
.jn-testimonial-carousel{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:18px!important;width:100%!important;scroll-snap-type:none!important}
.jn-testimonial-carousel>.jn-feedback-card{flex:0 0 305px!important;width:305px!important;min-width:305px!important;min-height:268px!important;scroll-snap-align:none!important}
.jn-plugin-clone{pointer-events:none!important}

@media(max-width:1450px) and (min-width:1001px){
  .jn-plugin-flank-left{left:10px;width:225px;top:65px}
  .jn-plugin-flank-right{right:10px;width:225px;top:65px}
  .jn-plugin-extra-left{left:110px;width:245px;top:265px}
  .jn-plugin-extra-right{right:110px;width:245px;top:265px}
  .jn-plugin-third-left{left:10px;width:260px;top:455px}
  .jn-plugin-third-right{right:10px;width:260px;top:455px}
}
@media(max-width:1000px){
  /* Keep the mobile/tablet hero clean; portfolio cards return on desktop. */
  .jn-plugin-flank{display:none!important}
  .jn-cat-tile .jn-cover .jn-plugin-real-image{height:245px!important}
  .jn-testimonial-carousel>.jn-feedback-card{flex-basis:82vw!important;width:82vw!important;min-width:82vw!important}
}
@media(prefers-reduced-motion:reduce){
  .jn-plugin-flank{opacity:1!important;animation:none!important;transform:rotate(var(--jn-rot))!important}
  .jn-plugin-flank img{animation:none!important}
}


/* v1.1 — a faixa de logos nunca pode ficar menor que a tela. */
.jn-brand-track{min-width:max-content!important}
.jn-plugin-brand-copy{display:flex!important}


/* V1.2 — category marquee owned entirely by the plugin.
   This bypasses Elementor's imported carousel CSS/JS on the public frontend. */
.jn-cat-window.jn-plugin-category-ready{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:100%!important;
  cursor:grab;
}
.jn-cat-window.jn-plugin-category-ready:active{cursor:grabbing}
.jn-cat-window.jn-plugin-category-ready > .jn-cat-track{display:none!important}
.jn-plugin-category-motion{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:max-content!important;
  max-width:none!important;
  gap:0!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.jn-plugin-category-group{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  gap:20px!important;
  padding:0 20px 0 0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.jn-plugin-category-group > .jn-cat-tile{
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  max-width:220px!important;
}
.jn-plugin-category-group.jn-plugin-category-copy{pointer-events:none!important}
.jn-plugin-category-group.jn-plugin-category-copy a,
.jn-plugin-category-group.jn-plugin-category-copy button{pointer-events:none!important}
@media(max-width:767px){
  .jn-plugin-category-group{gap:14px!important;padding-right:14px!important}
  .jn-plugin-category-group > .jn-cat-tile{flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important}
}
@media(prefers-reduced-motion:reduce){
  .jn-cat-window.jn-plugin-category-ready{overflow-x:auto!important}
  .jn-plugin-category-motion{transform:none!important}
}

/* V1.3 — corrige o recorte da faixa de logos.
   O JSON antigo posicionava qualquer <img> da logo de forma absoluta e negativa.
   A versão do plugin usa uma arte horizontal já recortada e neutraliza esse legado. */
.jn-brand-logo{
  position:relative!important;
  overflow:hidden!important;
}
.jn-brand-logo .elementor-widget-container{
  position:static!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
.jn-root .jn-brand-logo img.jn-plugin-real-image,
#jonner-site .jn-brand-logo img.jn-plugin-real-image,
.jn-brand-logo img.jn-plugin-real-image{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:172px!important;
  max-width:172px!important;
  height:auto!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  translate:none!important;
  margin:auto!important;
}
@media(max-width:767px){
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  .jn-brand-logo img.jn-plugin-real-image{
    width:150px!important;
    max-width:150px!important;
    max-height:60px!important;
  }
}



/* V1.4 — logos e depoimentos usam o mesmo motor transform das categorias. */
.jn-brand-window.jn-plugin-brand-ready{
  position:relative!important;
  overflow:hidden!important;
  cursor:default;
}
.jn-brand-window.jn-plugin-brand-ready > .jn-brand-track{display:none!important}
.jn-plugin-brand-motion{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  max-width:none!important;
  gap:0!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.jn-plugin-brand-group{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
}
.jn-plugin-brand-group-copy{pointer-events:none!important}

.jn-testimonial-carousel.jn-plugin-testimonial-ready{
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding-inline:0!important;
}
.jn-plugin-testimonial-motion{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:max-content!important;
  max-width:none!important;
  gap:0!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.jn-plugin-testimonial-group{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}
.jn-plugin-testimonial-group > .jn-feedback-card{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 305px!important;
  width:305px!important;
  min-width:305px!important;
  min-height:268px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
  margin:0!important;
}
.jn-plugin-testimonial-copy{pointer-events:none!important}
@media(max-width:767px){
  .jn-plugin-brand-group{gap:22px!important;padding-right:22px!important}
  .jn-plugin-testimonial-group{gap:14px!important;padding-right:14px!important}
  .jn-plugin-testimonial-group > .jn-feedback-card{
    flex-basis:82vw!important;
    width:82vw!important;
    min-width:82vw!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .jn-brand-window.jn-plugin-brand-ready,
  .jn-testimonial-carousel.jn-plugin-testimonial-ready{overflow-x:auto!important}
  .jn-plugin-brand-motion,
  .jn-plugin-testimonial-motion{transform:none!important}
}

/* V1.5 — depoimentos reconstruídos fora do layout interno do Elementor.
   Isso evita o conflito que fazia o carrossel virar um "L" no frontend. */
#depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready,
.jn-root #depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:3px 0 14px!important;
  margin:0!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%)!important;
}
#depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready > .jn-feedback-card,
.jn-root #depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready > .jn-feedback-card{
  display:none!important;
}
#depoimentos .jn-plugin-testimonial-motion,
.jn-root #depoimentos .jn-plugin-testimonial-motion{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
#depoimentos .jn-plugin-testimonial-group,
.jn-root #depoimentos .jn-plugin-testimonial-group{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  gap:18px!important;
  padding:0 18px 0 0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#depoimentos .jn-plugin-testimonial-card,
.jn-root #depoimentos .jn-plugin-testimonial-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 305px!important;
  width:305px!important;
  min-width:305px!important;
  max-width:305px!important;
  min-height:268px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.018)!important;
  color:#f2f4f7!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  translate:none!important;
}
#depoimentos .jn-plugin-testimonial-card:hover,
.jn-root #depoimentos .jn-plugin-testimonial-card:hover{
  border-color:rgba(68,251,180,.28)!important;
  background:rgba(68,251,180,.025)!important;
}
#depoimentos .jn-plugin-testimonial-quote-mark,
.jn-root #depoimentos .jn-plugin-testimonial-quote-mark{
  display:block!important;
  margin:0 0 8px!important;
  color:#44fbb4!important;
  font:400 48px/.85 Georgia,serif!important;
}
#depoimentos .jn-plugin-testimonial-text,
.jn-root #depoimentos .jn-plugin-testimonial-text{
  display:block!important;
  flex:1 1 auto!important;
  margin:0 0 18px!important;
  padding:0!important;
  color:#f2f4f7!important;
  font:400 16px/1.58 Arial,Helvetica,sans-serif!important;
}
#depoimentos .jn-plugin-testimonial-name,
.jn-root #depoimentos .jn-plugin-testimonial-name{
  display:block!important;
  margin:auto 0 0!important;
  color:#f2f4f7!important;
  font:600 14px/1.35 Arial,Helvetica,sans-serif!important;
}
#depoimentos .jn-plugin-testimonial-source,
.jn-root #depoimentos .jn-plugin-testimonial-source{
  display:block!important;
  margin:5px 0 0!important;
  color:#8b8f98!important;
  font:400 11px/1.4 Arial,Helvetica,sans-serif!important;
}
#depoimentos .jn-plugin-testimonial-copy{pointer-events:none!important}
@media(max-width:767px){
  #depoimentos .jn-plugin-testimonial-group,
  .jn-root #depoimentos .jn-plugin-testimonial-group{gap:14px!important;padding-right:14px!important}
  #depoimentos .jn-plugin-testimonial-card,
  .jn-root #depoimentos .jn-plugin-testimonial-card{
    flex-basis:82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
    min-height:240px!important;
    padding:22px!important;
  }
}


/* V2.3 — mobile fix ---------------------------------------------------------
   A versão anterior escondia os 6 cardápios do hero abaixo de 1000px.
   No mobile eles continuam decorativos, menores e parcialmente nas laterais,
   sem criar rolagem horizontal nem cobrir o conteúdo central. */
@media(max-width:1000px){
  .jn-centered-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .jn-centered-hero > :not(.jn-plugin-flank){
    position:relative;
    z-index:2;
  }
  .jn-plugin-flank{
    display:block!important;
    z-index:1!important;
    opacity:0;
    filter:drop-shadow(0 14px 18px rgba(0,0,0,.52));
  }
  .jn-plugin-flank-left{
    left:-74px!important;
    right:auto!important;
    top:74px!important;
    width:142px!important;
  }
  .jn-plugin-flank-right{
    right:-74px!important;
    left:auto!important;
    top:74px!important;
    width:142px!important;
  }
  .jn-plugin-extra-left{
    left:-86px!important;
    right:auto!important;
    top:306px!important;
    width:154px!important;
  }
  .jn-plugin-extra-right{
    right:-86px!important;
    left:auto!important;
    top:306px!important;
    width:154px!important;
  }
  .jn-plugin-third-left{
    left:-78px!important;
    right:auto!important;
    top:528px!important;
    width:148px!important;
  }
  .jn-plugin-third-right{
    right:-78px!important;
    left:auto!important;
    top:528px!important;
    width:148px!important;
  }
  .jn-plugin-flank img{
    animation-duration:4.2s!important;
  }
}

@media(max-width:767px){
  /* Mobile: deixa os efeitos perceptíveis sem invadir o texto principal. */
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{top:92px!important;width:126px!important}
  .jn-plugin-flank-left{left:-72px!important}
  .jn-plugin-flank-right{right:-72px!important}

  .jn-plugin-extra-left,
  .jn-plugin-extra-right{top:330px!important;width:136px!important}
  .jn-plugin-extra-left{left:-82px!important}
  .jn-plugin-extra-right{right:-82px!important}

  .jn-plugin-third-left,
  .jn-plugin-third-right{top:550px!important;width:132px!important}
  .jn-plugin-third-left{left:-76px!important}
  .jn-plugin-third-right{right:-76px!important}

  /* Faixas continuam em movimento e ocupam a largura disponível. */
  .jn-brand-window,
  .jn-cat-window,
  .jn-testimonial-carousel{
    width:100%!important;
    max-width:100%!important;
    touch-action:pan-y!important;
  }
  .jn-plugin-category-group > .jn-cat-tile{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
  }
  #depoimentos .jn-plugin-testimonial-card,
  .jn-root #depoimentos .jn-plugin-testimonial-card{
    flex-basis:84vw!important;
    width:84vw!important;
    min-width:84vw!important;
    max-width:84vw!important;
  }
}

@media(max-width:480px){
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{width:116px!important}
  .jn-plugin-extra-left,
  .jn-plugin-extra-right{width:124px!important}
  .jn-plugin-third-left,
  .jn-plugin-third-right{width:120px!important}
}


/* V2.4 — mobile refinement --------------------------------------------------
   Ajusta a home para o celular: menos texto, cardápios mais visíveis,
   remove o espaço morto abaixo do hero e mostra todas as métricas. */
@media(max-width:767px){
  /* Hero mais compacto e com mais destaque visual para os cardápios. */
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    padding-top:48px!important;
    padding-bottom:22px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    min-height:auto!important;
    margin-bottom:0!important;
  }
  #jonner-site .jn-centered-hero .hero-copy,
  .jn-root .jn-centered-hero .hero-copy,
  .jn-centered-hero .hero-copy{
    max-width:330px!important;
    margin-inline:auto!important;
  }
  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{
    font-size:clamp(28px,8.2vw,42px)!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
    margin:10px 0 12px!important;
  }
  #jonner-site .jn-centered-hero .intro,
  .jn-root .jn-centered-hero .intro,
  .jn-centered-hero .intro,
  #jonner-site .jn-centered-hero p:not(.eyebrow):not(.micro),
  .jn-root .jn-centered-hero p:not(.eyebrow):not(.micro){
    font-size:14px!important;
    line-height:1.55!important;
    max-width:300px!important;
    margin-inline:auto!important;
  }
  #jonner-site .jn-centered-hero .actions,
  .jn-root .jn-centered-hero .actions,
  .jn-centered-hero .actions{
    gap:12px!important;
    margin-top:18px!important;
  }
  #jonner-site .jn-centered-hero .button,
  .jn-root .jn-centered-hero .button,
  .jn-centered-hero .button{
    max-width:300px!important;
    min-height:0!important;
    padding:17px 20px!important;
    font-size:15px!important;
  }
  #jonner-site .jn-centered-hero .eyebrow,
  .jn-root .jn-centered-hero .eyebrow,
  .jn-centered-hero .eyebrow,
  #jonner-site .jn-centered-hero .micro,
  .jn-root .jn-centered-hero .micro,
  .jn-centered-hero .micro{
    font-size:12px!important;
    line-height:1.4!important;
  }

  /* Cardápios flutuantes entram um pouco mais na área visível e ficam menos "colados" nos cantos. */
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{top:94px!important;width:114px!important}
  .jn-plugin-flank-left{left:-34px!important}
  .jn-plugin-flank-right{right:-34px!important}

  .jn-plugin-extra-left,
  .jn-plugin-extra-right{top:292px!important;width:120px!important}
  .jn-plugin-extra-left{left:-42px!important}
  .jn-plugin-extra-right{right:-42px!important}

  .jn-plugin-third-left,
  .jn-plugin-third-right{top:475px!important;width:118px!important}
  .jn-plugin-third-left{left:-40px!important}
  .jn-plugin-third-right{right:-40px!important}

  /* Evita um vazio grande antes da próxima seção. */
  #resultados.jn-metrics,
  .jn-root #resultados.jn-metrics,
  #jonner-site #resultados.jn-metrics{
    margin-top:8px!important;
    padding-top:10px!important;
    padding-bottom:8px!important;
    position:relative!important;
    top:auto!important;
  }
  #marcas.jn-brands,
  .jn-root #marcas.jn-brands,
  #jonner-site #marcas.jn-brands{
    margin-top:10px!important;
    padding-top:14px!important;
  }
  #resultados + section,
  .jn-root #resultados + section,
  #jonner-site #resultados + section{
    margin-top:0!important;
  }

  /* Métricas: mostrar todas no celular em grade 2x3, sem corte lateral. */
  .jn-metrics-grid,
  #jonner-site .jn-metrics-grid,
  .jn-root .jn-metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    width:100%!important;
    padding:0!important;
    scrollbar-width:none!important;
  }
  .jn-metric,
  #jonner-site .jn-metric,
  .jn-root .jn-metric{
    min-width:0!important;
    width:100%!important;
    border-right:0!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#ffffff06,#ffffff02)!important;
    padding:14px 10px!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    min-height:150px!important;
    scroll-snap-align:none!important;
  }
  .jn-metric-icon,
  #jonner-site .jn-metric-icon,
  .jn-root .jn-metric-icon{
    width:42px!important;
    height:42px!important;
    margin:0 auto 2px!important;
  }
  #jonner-site .jn-metric-value,
  .jn-root .jn-metric-value,
  .jn-metric-value{
    font-size:clamp(22px,7vw,30px)!important;
    line-height:1.1!important;
  }
  #jonner-site .jn-metric h3,
  .jn-root .jn-metric h3,
  .jn-metric h3{
    display:block!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:600!important;
    margin:0!important;
  }
  .jn-metric-description,
  .jn-root .jn-metric-description,
  #jonner-site .jn-metric-description{
    display:none!important;
  }
  .jn-metric-link,
  .jn-root .jn-metric-link,
  #jonner-site .jn-metric-link{
    display:block!important;
    font-size:11px!important;
    line-height:1.3!important;
    margin-top:0!important;
  }
}

@media(max-width:420px){
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{width:104px!important}
  .jn-plugin-extra-left,
  .jn-plugin-extra-right{width:110px!important}
  .jn-plugin-third-left,
  .jn-plugin-third-right{width:108px!important}
  .jn-centered-hero h1,
  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1{font-size:clamp(26px,8vw,38px)!important}
}


/* V2.5 — mobile hero / metrics / categories / testimonials -----------------
   Prioridade: cardápios grandes no topo, conteúdo depois, métricas em fileira,
   3 depoimentos visíveis e controles das categorias no lugar correto. */
@media(max-width:767px){
  /* HERO: cria uma área visual grande no topo somente para os 6 cardápios. */
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    position:relative!important;
    overflow:hidden!important;
    min-height:0!important;
    height:auto!important;
    padding:350px 14px 10px!important;
    margin:0!important;
  }

  /* O conteúdo textual só começa depois do palco dos cardápios. */
  #jonner-site .jn-centered-hero .hero-copy,
  .jn-root .jn-centered-hero .hero-copy,
  .jn-centered-hero .hero-copy{
    position:relative!important;
    z-index:8!important;
    max-width:340px!important;
    margin:0 auto!important;
  }

  /* No mobile o topo fica totalmente visual; sem eyebrow antes do título. */
  #jonner-site .jn-centered-hero .eyebrow,
  .jn-root .jn-centered-hero .eyebrow,
  .jn-centered-hero .eyebrow{
    display:none!important;
  }

  /* Título compacto e forte logo abaixo dos cardápios. */
  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{
    font-size:clamp(30px,9.5vw,43px)!important;
    line-height:1.01!important;
    letter-spacing:-.05em!important;
    margin:0 auto 12px!important;
    max-width:335px!important;
  }

  /* Descrição aproximadamente metade do peso/tamanho visual anterior. */
  #jonner-site .jn-centered-hero .intro,
  .jn-root .jn-centered-hero .intro,
  .jn-centered-hero .intro,
  #jonner-site .jn-centered-hero p:not(.eyebrow):not(.micro),
  .jn-root .jn-centered-hero p:not(.eyebrow):not(.micro){
    font-size:11px!important;
    line-height:1.38!important;
    max-width:245px!important;
    margin:0 auto 12px!important;
    opacity:.82!important;
  }

  #jonner-site .jn-centered-hero .actions,
  .jn-root .jn-centered-hero .actions,
  .jn-centered-hero .actions{
    gap:9px!important;
    margin-top:12px!important;
  }
  #jonner-site .jn-centered-hero .button,
  .jn-root .jn-centered-hero .button,
  .jn-centered-hero .button{
    max-width:275px!important;
    padding:14px 16px!important;
    font-size:13px!important;
  }
  #jonner-site .jn-centered-hero .micro,
  .jn-root .jn-centered-hero .micro,
  .jn-centered-hero .micro{
    font-size:10px!important;
    line-height:1.35!important;
    max-width:270px!important;
    margin:8px auto 0!important;
  }

  /* CARDÁPIOS: grandes e bem para dentro da tela, em três pares flutuantes. */
  .jn-plugin-flank{
    display:block!important;
    z-index:3!important;
    filter:drop-shadow(0 15px 22px rgba(0,0,0,.58))!important;
  }
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{
    top:18px!important;
    width:43vw!important;
    max-width:174px!important;
  }
  .jn-plugin-flank-left{left:4vw!important;right:auto!important}
  .jn-plugin-flank-right{right:4vw!important;left:auto!important}

  .jn-plugin-extra-left,
  .jn-plugin-extra-right{
    top:118px!important;
    width:40vw!important;
    max-width:164px!important;
  }
  .jn-plugin-extra-left{left:9vw!important;right:auto!important}
  .jn-plugin-extra-right{right:9vw!important;left:auto!important}

  .jn-plugin-third-left,
  .jn-plugin-third-right{
    top:224px!important;
    width:43vw!important;
    max-width:176px!important;
  }
  .jn-plugin-third-left{left:2vw!important;right:auto!important}
  .jn-plugin-third-right{right:2vw!important;left:auto!important}

  .jn-plugin-flank img{
    animation-duration:3.65s!important;
  }

  /* MÉTRICAS: todos os 6 itens na mesma fileira, imediatamente após o hero. */
  #resultados.jn-metrics,
  .jn-root #resultados.jn-metrics,
  #jonner-site #resultados.jn-metrics{
    margin:0!important;
    padding:6px 4px 8px!important;
    max-width:none!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .jn-metrics-grid,
  #jonner-site .jn-metrics-grid,
  .jn-root .jn-metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    overflow:visible!important;
    padding:0!important;
  }
  .jn-metric,
  #jonner-site .jn-metric,
  .jn-root .jn-metric{
    width:100%!important;
    min-width:0!important;
    min-height:98px!important;
    padding:8px 2px!important;
    gap:3px!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    background:transparent!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  .jn-metric:last-child{border-right:0!important}
  .jn-metric-icon,
  #jonner-site .jn-metric-icon,
  .jn-root .jn-metric-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin:0 auto 2px!important;
    border-radius:6px!important;
  }
  .jn-metric-icon svg{width:17px!important;height:17px!important}
  #jonner-site .jn-metric-value,
  .jn-root .jn-metric-value,
  .jn-metric-value{
    font-size:13px!important;
    line-height:1.1!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
  }
  #jonner-site .jn-metric h3,
  .jn-root .jn-metric h3,
  .jn-metric h3,
  .jn-root .jn-metric .elementor-widget-heading:not(.jn-metric-value) .elementor-heading-title{
    display:block!important;
    font-size:7.5px!important;
    line-height:1.16!important;
    font-weight:600!important;
    overflow-wrap:anywhere!important;
  }
  .jn-metric-description,
  .jn-root .jn-metric-description,
  #jonner-site .jn-metric-description,
  .jn-root .jn-metric>.elementor-widget-text-editor,
  .jn-metric-link,
  .jn-root .jn-metric-link,
  #jonner-site .jn-metric-link{
    display:none!important;
  }

  /* CATEGORIAS: controles deixam de flutuar sobre o título. */
  #categorias,
  .jn-cat-carousel{
    position:relative!important;
  }
  #categorias .jn-pause-label,
  .jn-cat-carousel .jn-pause-label{
    display:none!important;
  }
  #categorias .jn-cat-arrows,
  .jn-cat-carousel .jn-cat-arrows{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:100%!important;
    margin:4px 0 12px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }
  #categorias .jn-cat-arrows button,
  .jn-cat-carousel .jn-cat-arrows button{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:29px!important;
    line-height:1!important;
  }
  .jn-plugin-category-group{gap:10px!important;padding-right:10px!important}
  .jn-plugin-category-group > .jn-cat-tile{
    flex-basis:160px!important;
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
  }

  /* DEPOIMENTOS: 3 cartões visíveis ao mesmo tempo no celular. */
  #depoimentos .jn-plugin-testimonial-group,
  .jn-root #depoimentos .jn-plugin-testimonial-group{
    gap:6px!important;
    padding-right:6px!important;
  }
  #depoimentos .jn-plugin-testimonial-card,
  .jn-root #depoimentos .jn-plugin-testimonial-card{
    flex:0 0 calc((100vw - 36px)/3)!important;
    width:calc((100vw - 36px)/3)!important;
    min-width:calc((100vw - 36px)/3)!important;
    max-width:calc((100vw - 36px)/3)!important;
    min-height:190px!important;
    padding:10px 8px!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }
  #depoimentos .jn-plugin-testimonial-quote-mark,
  .jn-root #depoimentos .jn-plugin-testimonial-quote-mark{
    font-size:28px!important;
    margin-bottom:3px!important;
  }
  #depoimentos .jn-plugin-testimonial-text,
  .jn-root #depoimentos .jn-plugin-testimonial-text{
    font-size:9.5px!important;
    line-height:1.32!important;
    margin-bottom:8px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:8!important;
    overflow:hidden!important;
  }
  #depoimentos .jn-plugin-testimonial-name,
  .jn-root #depoimentos .jn-plugin-testimonial-name{
    font-size:9px!important;
    line-height:1.2!important;
  }
  #depoimentos .jn-plugin-testimonial-source,
  .jn-root #depoimentos .jn-plugin-testimonial-source{
    font-size:7px!important;
    line-height:1.2!important;
    margin-top:3px!important;
  }
}

@media(max-width:420px){
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{padding-top:338px!important}
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{width:42vw!important}
  .jn-plugin-extra-left,
  .jn-plugin-extra-right{width:39vw!important}
  .jn-plugin-third-left,
  .jn-plugin-third-right{width:42vw!important}
}


/* V2.6 — mobile hero final ---------------------------------------------------
   Cardápios menores e somente no topo; navegação em uma linha; copy compacta;
   métricas coladas ao hero sem o grande espaço vazio. */
@media(max-width:767px){
  html,body{overflow-x:hidden!important}

  /* Cabeçalho: os links principais ficam numa única linha. */
  #jonner-site .jn-header-section,
  .jn-root .jn-header-section{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  #jonner-site .jn-header,
  .jn-root .jn-header{
    gap:14px!important;
  }
  #jonner-site .jn-nav,
  .jn-root .jn-nav,
  .jn-nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    overflow:visible!important;
  }
  #jonner-site .jn-nav > *,
  .jn-root .jn-nav > *,
  .jn-nav > *{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  #jonner-site .jn-nav a,
  #jonner-site .jn-nav .elementor-button,
  .jn-root .jn-nav a,
  .jn-root .jn-nav .elementor-button,
  .jn-nav a,
  .jn-nav .elementor-button{
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1.15!important;
    padding:6px 2px!important;
    min-height:0!important;
  }

  /* Hero: palco curto para os 6 cardápios e copy totalmente livre abaixo. */
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:245px 16px 12px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #jonner-site .jn-centered-hero .hero-copy,
  .jn-root .jn-centered-hero .hero-copy,
  .jn-centered-hero .hero-copy{
    position:relative!important;
    z-index:10!important;
    max-width:350px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{
    position:relative!important;
    z-index:10!important;
    max-width:345px!important;
    margin:0 auto 5px!important;
    font-size:clamp(29px,8.7vw,41px)!important;
    line-height:1.01!important;
    letter-spacing:-.05em!important;
  }
  #jonner-site .jn-centered-hero .intro,
  .jn-root .jn-centered-hero .intro,
  .jn-centered-hero .intro,
  #jonner-site .jn-centered-hero p:not(.eyebrow):not(.micro),
  .jn-root .jn-centered-hero p:not(.eyebrow):not(.micro){
    position:relative!important;
    z-index:10!important;
    max-width:260px!important;
    margin:4px auto 8px!important;
    font-size:11px!important;
    line-height:1.32!important;
    opacity:.78!important;
  }
  #jonner-site .jn-centered-hero .actions,
  .jn-root .jn-centered-hero .actions,
  .jn-centered-hero .actions{
    position:relative!important;
    z-index:10!important;
    margin-top:10px!important;
    gap:9px!important;
  }
  #jonner-site .jn-centered-hero .button,
  .jn-root .jn-centered-hero .button,
  .jn-centered-hero .button{
    max-width:270px!important;
    padding:13px 15px!important;
    font-size:13px!important;
  }
  #jonner-site .jn-centered-hero .micro,
  .jn-root .jn-centered-hero .micro,
  .jn-centered-hero .micro{
    max-width:270px!important;
    margin:7px auto 0!important;
    font-size:9.5px!important;
    line-height:1.25!important;
  }

  /* 6 cardápios: dois por linha, menores, todos acima do título. */
  .jn-plugin-flank{
    display:block!important;
    z-index:4!important;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))!important;
  }
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{
    top:10px!important;
    width:31vw!important;
    max-width:126px!important;
  }
  .jn-plugin-flank-left{left:15vw!important;right:auto!important}
  .jn-plugin-flank-right{right:15vw!important;left:auto!important}

  .jn-plugin-extra-left,
  .jn-plugin-extra-right{
    top:78px!important;
    width:29vw!important;
    max-width:118px!important;
  }
  .jn-plugin-extra-left{left:7vw!important;right:auto!important}
  .jn-plugin-extra-right{right:7vw!important;left:auto!important}

  .jn-plugin-third-left,
  .jn-plugin-third-right{
    top:145px!important;
    width:30vw!important;
    max-width:122px!important;
  }
  .jn-plugin-third-left{left:18vw!important;right:auto!important}
  .jn-plugin-third-right{right:18vw!important;left:auto!important}
  .jn-plugin-flank img{animation-duration:3.45s!important}

  /* Força a seção de métricas a vir imediatamente depois do hero. */
  #resultados.jn-metrics,
  .jn-root #resultados.jn-metrics,
  #jonner-site #resultados.jn-metrics,
  #resultados{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:6px 4px 8px!important;
  }
  #resultados .e-con-inner,
  #resultados > .e-con-inner{
    min-height:0!important;
    height:auto!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .jn-metrics-grid,
  #jonner-site .jn-metrics-grid,
  .jn-root .jn-metrics-grid{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
  }

  /* Mantém os seis indicadores em uma fileira compacta. */
  .jn-metric,
  #jonner-site .jn-metric,
  .jn-root .jn-metric{
    min-height:96px!important;
    padding:7px 2px!important;
  }
  .jn-metric-icon,
  #jonner-site .jn-metric-icon,
  .jn-root .jn-metric-icon{
    width:27px!important;
    height:27px!important;
  }
  #jonner-site .jn-metric-value,
  .jn-root .jn-metric-value,
  .jn-metric-value{font-size:12.5px!important}
  #jonner-site .jn-metric h3,
  .jn-root .jn-metric h3,
  .jn-metric h3{font-size:7px!important;line-height:1.13!important}
}

@media(max-width:420px){
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{padding-top:232px!important}
  .jn-plugin-flank-left,
  .jn-plugin-flank-right{width:30vw!important}
  .jn-plugin-extra-left,
  .jn-plugin-extra-right{width:28vw!important}
  .jn-plugin-third-left,
  .jn-plugin-third-right{width:29vw!important}
  #jonner-site .jn-nav,
  .jn-root .jn-nav,
  .jn-nav{gap:6px!important}
  #jonner-site .jn-nav a,
  #jonner-site .jn-nav .elementor-button,
  .jn-root .jn-nav a,
  .jn-root .jn-nav .elementor-button,
  .jn-nav a,
  .jn-nav .elementor-button{font-size:9px!important}
}


/* V2.7 — mobile composition based on the approved reference ----------------
   Objetivo: menu em uma linha; 6 cardápios grandes porém fora do centro;
   título/descrição livres; métricas + logos imediatamente em seguida. */
@media(max-width:767px){
  html,body{overflow-x:hidden!important}

  /* HEADER COMPACTO — tudo em uma única linha */
  #jonner-site .jn-header-section,
  .jn-root .jn-header-section,
  .jn-header-section{
    padding:10px 6px!important;
    min-height:0!important;
    height:auto!important;
  }
  #jonner-site .jn-header,
  .jn-root .jn-header,
  .jn-header{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    min-height:0!important;
  }
  #jonner-site .jn-logo,
  .jn-root .jn-logo,
  .jn-logo{display:none!important}
  #jonner-site .jn-nav,
  .jn-root .jn-nav,
  .jn-nav{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    width:auto!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #jonner-site .jn-nav > *,
  .jn-root .jn-nav > *,
  .jn-nav > *{
    flex:0 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }
  #jonner-site .jn-nav a,
  #jonner-site .jn-nav .elementor-button,
  .jn-root .jn-nav a,
  .jn-root .jn-nav .elementor-button,
  .jn-nav a,
  .jn-nav .elementor-button{
    white-space:nowrap!important;
    font-size:7.6px!important;
    line-height:1!important;
    padding:6px 5px!important;
    min-height:0!important;
    border-radius:3px!important;
  }
  #jonner-site .jn-header .elementor-widget-button,
  .jn-root .jn-header .elementor-widget-button,
  .jn-header .elementor-widget-button{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }
  #jonner-site .jn-header .elementor-widget-button .elementor-button,
  .jn-root .jn-header .elementor-widget-button .elementor-button,
  .jn-header .elementor-widget-button .elementor-button{
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1!important;
    min-height:0!important;
    padding:9px 10px!important;
    border-radius:4px!important;
  }

  /* HERO: composição fechada, sem CTAs ocupando espaço. */
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    min-height:335px!important;
    height:auto!important;
    max-height:none!important;
    padding:155px 10px 10px!important;
    margin:0!important;
    box-sizing:border-box!important;
    isolation:isolate!important;
  }

  /* Esconde apenas o eyebrow e os CTAs do hero no mobile, como na referência. */
  #jonner-site .jn-centered-hero > .elementor-widget-heading:first-of-type,
  .jn-root .jn-centered-hero > .elementor-widget-heading:first-of-type,
  .jn-centered-hero > .elementor-widget-heading:first-of-type,
  #jonner-site .jn-centered-actions,
  .jn-root .jn-centered-actions,
  .jn-centered-actions{
    display:none!important;
  }
  /* O último text-editor é o microtexto “Design sob medida...”. */
  #jonner-site .jn-centered-hero > .elementor-widget-text-editor:last-of-type,
  .jn-root .jn-centered-hero > .elementor-widget-text-editor:last-of-type,
  .jn-centered-hero > .elementor-widget-text-editor:last-of-type{
    display:none!important;
  }

  /* Título fica livre no centro. */
  #jonner-site .jn-centered-hero > .elementor-widget-heading:nth-of-type(2),
  .jn-root .jn-centered-hero > .elementor-widget-heading:nth-of-type(2),
  .jn-centered-hero > .elementor-widget-heading:nth-of-type(2),
  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{
    position:relative!important;
    z-index:20!important;
    width:min(76%,300px)!important;
    max-width:300px!important;
    margin:0 auto 6px!important;
    padding:0!important;
    text-align:center!important;
    font-size:clamp(26px,8.1vw,36px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }

  /* Descrição curta e próxima do título. */
  #jonner-site .jn-centered-hero > .elementor-widget-text-editor:first-of-type,
  .jn-root .jn-centered-hero > .elementor-widget-text-editor:first-of-type,
  .jn-centered-hero > .elementor-widget-text-editor:first-of-type{
    position:relative!important;
    z-index:20!important;
    width:min(72%,270px)!important;
    max-width:270px!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.34!important;
    opacity:.82!important;
  }
  #jonner-site .jn-centered-hero > .elementor-widget-text-editor:first-of-type p,
  .jn-root .jn-centered-hero > .elementor-widget-text-editor:first-of-type p,
  .jn-centered-hero > .elementor-widget-text-editor:first-of-type p{
    margin:0!important;
    font-size:inherit!important;
    line-height:inherit!important;
  }

  /* CARDÁPIOS — quatro acima e dois nas laterais do texto, como no mockup. */
  .jn-plugin-flank{
    display:block!important;
    position:absolute!important;
    z-index:6!important;
    opacity:1!important;
    pointer-events:none!important;
    filter:drop-shadow(0 9px 12px rgba(0,0,0,.52))!important;
  }
  .jn-plugin-flank-left{
    top:12px!important;left:7%!important;right:auto!important;
    width:31%!important;max-width:126px!important;
    --jn-rot:-7deg!important;
  }
  .jn-plugin-flank-right{
    top:10px!important;right:7%!important;left:auto!important;
    width:31%!important;max-width:126px!important;
    --jn-rot:7deg!important;
  }
  .jn-plugin-extra-left{
    top:60px!important;left:29%!important;right:auto!important;
    width:26%!important;max-width:108px!important;
    --jn-rot:5deg!important;
  }
  .jn-plugin-extra-right{
    top:58px!important;right:29%!important;left:auto!important;
    width:26%!important;max-width:108px!important;
    --jn-rot:-5deg!important;
  }
  .jn-plugin-third-left{
    top:175px!important;left:-7%!important;right:auto!important;
    width:25%!important;max-width:100px!important;
    --jn-rot:-7deg!important;
  }
  .jn-plugin-third-right{
    top:176px!important;right:-7%!important;left:auto!important;
    width:25%!important;max-width:100px!important;
    --jn-rot:7deg!important;
  }
  .jn-plugin-flank img{
    width:100%!important;
    height:auto!important;
    border-radius:3px!important;
    animation-duration:3.6s!important;
  }

  /* MÉTRICAS — coladas ao hero, seis em uma única linha. */
  #resultados.jn-metrics,
  .jn-root #resultados.jn-metrics,
  #jonner-site #resultados.jn-metrics,
  #resultados{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }
  #resultados .e-con-inner,
  #resultados > .e-con-inner{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }
  .jn-metrics-grid,
  #jonner-site .jn-metrics-grid,
  .jn-root .jn-metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
  }
  .jn-metric,
  #jonner-site .jn-metric,
  .jn-root .jn-metric{
    min-width:0!important;
    min-height:76px!important;
    height:auto!important;
    padding:7px 2px 6px!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  .jn-metric-icon,
  #jonner-site .jn-metric-icon,
  .jn-root .jn-metric-icon{
    width:23px!important;height:23px!important;
    margin:0 auto 2px!important;
    border-radius:5px!important;
  }
  .jn-metric-icon svg{width:15px!important;height:15px!important}
  #jonner-site .jn-metric-value,
  .jn-root .jn-metric-value,
  .jn-metric-value,
  #jonner-site .jn-metric-value .elementor-heading-title,
  .jn-root .jn-metric-value .elementor-heading-title{
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    letter-spacing:-.035em!important;
  }
  #jonner-site .jn-metric h3,
  .jn-root .jn-metric h3,
  .jn-metric h3,
  .jn-root .jn-metric .elementor-widget-heading:not(.jn-metric-value) .elementor-heading-title{
    font-size:5.5px!important;
    line-height:1.08!important;
    font-weight:500!important;
  }
  .jn-metric-link{display:none!important}

  /* LOGOS — imediatamente abaixo das métricas, sem respiro gigante. */
  #jonner-site .jn-brands,
  .jn-root .jn-brands,
  .jn-brands{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:4px 0 8px!important;
  }
  .jn-brand-window{
    width:100%!important;
    max-width:none!important;
    padding-inline:2px!important;
  }
  .jn-brand-group{gap:6px!important;padding-right:6px!important}
  .jn-brand-logo{
    width:68px!important;min-width:68px!important;height:44px!important;
  }
  .jn-brand-logo .jn-plugin-real-image{
    width:60px!important;max-height:36px!important;
  }
}

@media(max-width:420px){
  #jonner-site .jn-nav a,
  #jonner-site .jn-nav .elementor-button,
  .jn-root .jn-nav a,
  .jn-root .jn-nav .elementor-button,
  .jn-nav a,
  .jn-nav .elementor-button{font-size:7px!important;padding-inline:3px!important}

  #jonner-site .jn-header .elementor-widget-button .elementor-button,
  .jn-root .jn-header .elementor-widget-button .elementor-button,
  .jn-header .elementor-widget-button .elementor-button{font-size:7.5px!important;padding:8px 8px!important}

  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{padding-top:148px!important;min-height:322px!important}

  .jn-brand-group{gap:4px!important;padding-right:4px!important}
  .jn-brand-logo{width:62px!important;min-width:62px!important;height:40px!important}
  .jn-brand-logo .jn-plugin-real-image{width:54px!important;max-height:32px!important}

  .jn-plugin-flank-left,.jn-plugin-flank-right{width:30%!important}
  .jn-plugin-extra-left,.jn-plugin-extra-right{width:25%!important}
  .jn-plugin-third-left,.jn-plugin-third-right{width:24%!important}
}


/* V2.9 — mobile safe fix: base estável da v2.7 + ajustes pontuais. */
@media(max-width:767px){
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:190px 12px 10px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{
    position:relative!important;
    z-index:30!important;
    display:block!important;
    width:92%!important;
    min-width:0!important;
    max-width:350px!important;
    margin:0 auto 5px!important;
    padding:0!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:clamp(28px,8.6vw,38px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
  }

  #jonner-site .jn-centered-hero .intro,
  .jn-root .jn-centered-hero .intro,
  .jn-centered-hero .intro,
  #jonner-site .jn-centered-hero > .elementor-widget-text-editor:first-of-type,
  .jn-root .jn-centered-hero > .elementor-widget-text-editor:first-of-type,
  .jn-centered-hero > .elementor-widget-text-editor:first-of-type{
    position:relative!important;
    z-index:30!important;
    width:72%!important;
    max-width:255px!important;
    margin:3px auto 4px!important;
    padding:0!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.28!important;
    opacity:.78!important;
  }
  #jonner-site .jn-centered-hero > .elementor-widget-text-editor:first-of-type p,
  .jn-root .jn-centered-hero > .elementor-widget-text-editor:first-of-type p,
  .jn-centered-hero > .elementor-widget-text-editor:first-of-type p{
    margin:0!important;
    font-size:inherit!important;
    line-height:inherit!important;
  }

  .jn-plugin-flank{
    position:absolute!important;
    z-index:8!important;
    display:block!important;
    pointer-events:none!important;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))!important;
  }
  .jn-plugin-flank-left{top:8px!important;left:4%!important;right:auto!important;width:29%!important;max-width:112px!important;--jn-rot:-6deg!important}
  .jn-plugin-extra-left{top:12px!important;left:35.5%!important;right:auto!important;width:27%!important;max-width:106px!important;--jn-rot:4deg!important}
  .jn-plugin-flank-right{top:8px!important;right:4%!important;left:auto!important;width:29%!important;max-width:112px!important;--jn-rot:6deg!important}
  .jn-plugin-third-left{top:92px!important;left:5%!important;right:auto!important;width:27%!important;max-width:104px!important;--jn-rot:-5deg!important}
  .jn-plugin-extra-right{top:86px!important;left:36.5%!important;right:auto!important;width:26%!important;max-width:102px!important;--jn-rot:-3deg!important}
  .jn-plugin-third-right{top:92px!important;right:5%!important;left:auto!important;width:27%!important;max-width:104px!important;--jn-rot:5deg!important}
  .jn-plugin-flank img{width:100%!important;height:auto!important;animation-duration:3.5s!important}

  #resultados .jn-metric,
  #jonner-site #resultados .jn-metric,
  .jn-root #resultados .jn-metric{
    min-height:58px!important;
    padding:4px 1px!important;
    gap:1px!important;
  }
  #resultados .jn-metric-icon,
  #jonner-site #resultados .jn-metric-icon,
  .jn-root #resultados .jn-metric-icon{
    width:19px!important;height:19px!important;min-width:19px!important;margin:0 auto 1px!important
  }
  #resultados .jn-metric-icon svg{width:12px!important;height:12px!important}
  #resultados .jn-metric-value,
  #resultados .jn-metric-value *,
  #jonner-site #resultados .jn-metric-value,
  #jonner-site #resultados .jn-metric-value *,
  .jn-root #resultados .jn-metric-value,
  .jn-root #resultados .jn-metric-value *{
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
  }
  #resultados .jn-metric h3,
  #resultados .jn-metric h3 *,
  #jonner-site #resultados .jn-metric h3,
  .jn-root #resultados .jn-metric h3{
    font-size:4.8px!important;
    line-height:1.05!important;
    font-weight:600!important;
  }

  /* Somente a faixa imediatamente abaixo das métricas recebe o grid 2 linhas. */
  #resultados + section > .e-con-inner,
  #resultados + .e-con > .e-con-inner{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px 4px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:6px!important;
    box-sizing:border-box!important;
  }
  #resultados + section > .e-con-inner > *,
  #resultados + .e-con > .e-con-inner > *{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  #resultados + section .elementor-heading-title,
  #resultados + section a,
  #resultados + section span,
  #resultados + section p,
  #resultados + .e-con .elementor-heading-title,
  #resultados + .e-con a,
  #resultados + .e-con span,
  #resultados + .e-con p{
    font-size:7px!important;
    line-height:1.12!important;
    margin:0!important;
  }
}

@media(max-width:420px){
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{padding-top:184px!important}
  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{font-size:clamp(27px,8.4vw,35px)!important}
}

/* ========================================================================== */
/* V3.3 — V2.9 VISUAL PRESERVADO + CONTROLES MOBILE NO ELEMENTOR              */
/* ========================================================================== */
@media (max-width:767px){
  /* Sem nenhum ajuste salvo no Elementor, estes fallbacks reproduzem a v2.9. */
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    padding-top:var(--jn-v33-hero-top,190px)!important;
  }

  #jonner-site .jn-centered-hero h1,
  .jn-root .jn-centered-hero h1,
  .jn-centered-hero h1{
    width:var(--jn-v33-title-width,min(92%,350px))!important;
    max-width:none!important;
    margin-bottom:var(--jn-v33-title-gap,5px)!important;
    font-size:var(--jn-v33-title-size,clamp(28px,8.6vw,38px))!important;
  }

  #jonner-site .jn-centered-hero .intro,
  .jn-root .jn-centered-hero .intro,
  .jn-centered-hero .intro,
  #jonner-site .jn-centered-hero > .elementor-widget-text-editor:first-of-type,
  .jn-root .jn-centered-hero > .elementor-widget-text-editor:first-of-type,
  .jn-centered-hero > .elementor-widget-text-editor:first-of-type{
    width:var(--jn-v33-desc-width,min(72%,255px))!important;
    max-width:none!important;
    font-size:var(--jn-v33-desc-size,9px)!important;
  }

  /* As seis artes permanecem nas posições originais da v2.9 por padrão. */
  .jn-plugin-flank-left{
    top:var(--jn-v33-row1-top,8px)!important;
    left:var(--jn-v33-side,4%)!important;
  }
  .jn-plugin-extra-left{
    top:calc(var(--jn-v33-row1-top,8px) + 4px)!important;
  }
  .jn-plugin-flank-right{
    top:var(--jn-v33-row1-top,8px)!important;
    right:var(--jn-v33-side,4%)!important;
  }
  .jn-plugin-third-left{
    top:var(--jn-v33-row2-top,92px)!important;
    left:calc(var(--jn-v33-side,4%) + 1%)!important;
  }
  .jn-plugin-extra-right{
    top:calc(var(--jn-v33-row2-top,92px) - 6px)!important;
  }
  .jn-plugin-third-right{
    top:var(--jn-v33-row2-top,92px)!important;
    right:calc(var(--jn-v33-side,4%) + 1%)!important;
  }

  /* A IMG 1 não mostra os CTAs. Eles só aparecem se você ativar o switch
     "Mostrar botões no celular" no próprio container do Hero. */
  .jn-centered-hero.jn-v33-mobile-buttons-show .jn-centered-actions,
  .jn-centered-hero.jn-v33-mobile-buttons-show .actions,
  .jn-v33-mobile-buttons-show.jn-centered-hero .jn-centered-actions,
  .jn-v33-mobile-buttons-show.jn-centered-hero .actions{
    display:flex!important;
  }

  /* No editor deixamos um contorno discreto apenas nas artes geradas pelo
     plugin. Ele não aparece no site publicado. */
  body.jonner-elementor-preview .jn-plugin-flank{
    outline:1px dashed rgba(68,251,180,.18)!important;
    outline-offset:2px!important;
  }
}

@media (max-width:420px){
  #jonner-site .jn-centered-hero,
  .jn-root .jn-centered-hero,
  .jn-centered-hero{
    padding-top:var(--jn-v33-hero-top,184px)!important;
  }
}


/* Desktop: logos smaller, tighter, and full-width so more logos appear at once. */
@media(min-width:1001px){
  #marcas.jn-brands,
  .jn-root #marcas.jn-brands,
  #jonner-site #marcas.jn-brands{
    width:100%!important;
    max-width:none!important;
    padding-inline:0!important;
  }
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    width:100%!important;
    max-width:none!important;
    padding-inline:8px!important;
    margin-inline:auto!important;
  }
  .jn-brand-group,
  .jn-root .jn-brand-group,
  #jonner-site .jn-brand-group{
    gap:14px!important;
    padding-right:14px!important;
  }
  .jn-brand-logo,
  .jn-root .jn-brand-logo,
  #jonner-site .jn-brand-logo{
    width:148px!important;
    min-width:148px!important;
    height:72px!important;
  }
  .jn-brand-logo .jn-plugin-real-image,
  .jn-root .jn-brand-logo .jn-plugin-real-image,
  #jonner-site .jn-brand-logo .jn-plugin-real-image{
    width:128px!important;
    max-height:56px!important;
  }
}


/* V35.1 — brand strip: full-bleed on desktop, denser on desktop and mobile. */
@media(min-width:1001px){
  #marcas.jn-brands,
  .jn-root #marcas.jn-brands,
  #jonner-site #marcas.jn-brands,
  .jn-brands{
    width:100vw!important;
    max-width:100vw!important;
    position:relative!important;
    left:50%!important;
    right:50%!important;
    margin-left:calc(-50vw)!important;
    margin-right:calc(-50vw)!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
  }
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
    margin:0!important;
    mask-image:none!important;
  }
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:10px!important;
    padding-right:10px!important;
  }
  .jn-brand-logo,
  .jn-root .jn-brand-logo,
  #jonner-site .jn-brand-logo{
    width:124px!important;
    min-width:124px!important;
    height:62px!important;
  }
  .jn-brand-logo .jn-plugin-real-image,
  .jn-root .jn-brand-logo .jn-plugin-real-image,
  #jonner-site .jn-brand-logo .jn-plugin-real-image{
    width:108px!important;
    max-height:48px!important;
  }
}

@media(max-width:767px){
  #marcas.jn-brands,
  .jn-root #marcas.jn-brands,
  #jonner-site #marcas.jn-brands,
  .jn-brands{
    width:100%!important;
    max-width:100%!important;
    padding:4px 0 8px!important;
  }
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
    mask-image:none!important;
  }
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:2px!important;
    padding-right:2px!important;
  }
  .jn-brand-logo,
  .jn-root .jn-brand-logo,
  #jonner-site .jn-brand-logo{
    width:56px!important;
    min-width:56px!important;
    height:34px!important;
  }
  .jn-brand-logo .jn-plugin-real-image,
  .jn-root .jn-brand-logo .jn-plugin-real-image,
  #jonner-site .jn-brand-logo .jn-plugin-real-image{
    width:46px!important;
    max-height:26px!important;
  }
}

@media(max-width:420px){
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:1px!important;
    padding-right:1px!important;
  }
  .jn-brand-logo,
  .jn-root .jn-brand-logo,
  #jonner-site .jn-brand-logo{
    width:50px!important;
    min-width:50px!important;
    height:32px!important;
  }
  .jn-brand-logo .jn-plugin-real-image,
  .jn-root .jn-brand-logo .jn-plugin-real-image,
  #jonner-site .jn-brand-logo .jn-plugin-real-image{
    width:42px!important;
    max-height:24px!important;
  }
}


/* V35.2 — logos: 4+ visible on mobile and true full-width desktop strip */
@media (min-width: 1001px){
  #marcas,
  #marcas.jn-brands,
  .jn-brands,
  .jn-root #marcas,
  .jn-root #marcas.jn-brands,
  #jonner-site #marcas,
  #jonner-site #marcas.jn-brands{
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    position:relative!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #marcas > .elementor-widget-container,
  .jn-brands > .elementor-widget-container{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  .jn-brand-window,
  .jn-brand-window.jn-plugin-brand-ready,
  .jn-root .jn-brand-window,
  .jn-root .jn-brand-window.jn-plugin-brand-ready,
  #jonner-site .jn-brand-window,
  #jonner-site .jn-brand-window.jn-plugin-brand-ready{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    mask-image:none!important;
    overflow:hidden!important;
  }
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:8px!important;
    padding-right:8px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:56px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    width:92px!important;
    max-width:92px!important;
    max-height:42px!important;
  }
}

@media (max-width: 767px){
  #marcas,
  #marcas.jn-brands,
  .jn-brands,
  .jn-root #marcas,
  .jn-root #marcas.jn-brands,
  #jonner-site #marcas,
  #jonner-site #marcas.jn-brands{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }
  .jn-brand-window,
  .jn-brand-window.jn-plugin-brand-ready,
  .jn-root .jn-brand-window,
  .jn-root .jn-brand-window.jn-plugin-brand-ready,
  #jonner-site .jn-brand-window,
  #jonner-site .jn-brand-window.jn-plugin-brand-ready{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    mask-image:none!important;
    overflow:hidden!important;
  }
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:1px!important;
    padding-right:1px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:23vw!important;
    min-width:23vw!important;
    max-width:23vw!important;
    height:12vw!important;
    min-height:12vw!important;
    max-height:12vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    width:19vw!important;
    max-width:19vw!important;
    max-height:8vw!important;
  }
}

@media (max-width: 430px){
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:22.5vw!important;
    min-width:22.5vw!important;
    max-width:22.5vw!important;
    height:11.5vw!important;
    min-height:11.5vw!important;
    max-height:11.5vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    width:18vw!important;
    max-width:18vw!important;
    max-height:7.5vw!important;
  }
}


/* V35.3 — evita logos cortadas e mantém 4 visíveis no mobile */
.jn-brand-logo,
.jn-plugin-brand-group > .jn-brand-logo,
.jn-root .jn-brand-logo,
.jn-root .jn-plugin-brand-group > .jn-brand-logo,
#jonner-site .jn-brand-logo,
#jonner-site .jn-plugin-brand-group > .jn-brand-logo{
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.jn-brand-logo .elementor-widget-container,
.jn-plugin-brand-group > .jn-brand-logo .elementor-widget-container,
.jn-root .jn-brand-logo .elementor-widget-container,
#jonner-site .jn-brand-logo .elementor-widget-container{
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.jn-brand-logo img.jn-plugin-real-image,
.jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
.jn-root .jn-brand-logo img.jn-plugin-real-image,
.jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
#jonner-site .jn-brand-logo img.jn-plugin-real-image,
#jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:auto!important;
}

@media (min-width: 1001px){
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:6px!important;
    padding-right:6px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:0 2px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-width:92px!important;
    max-height:46px!important;
  }
}

@media (max-width: 767px){
  .jn-brand-group,
  .jn-plugin-brand-group,
  .jn-root .jn-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:2px!important;
    padding-right:2px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:23vw!important;
    min-width:23vw!important;
    max-width:23vw!important;
    height:13vw!important;
    min-height:13vw!important;
    max-height:13vw!important;
    padding:0 1px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-width:18.5vw!important;
    max-height:8.8vw!important;
  }
}

@media (max-width: 430px){
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:22.5vw!important;
    min-width:22.5vw!important;
    max-width:22.5vw!important;
    height:13vw!important;
    min-height:13vw!important;
    max-height:13vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-width:18vw!important;
    max-height:8.5vw!important;
  }
}


/* V35.4 — corrige corte inferior das logos no PC e mobile */
.jn-brands,
.jn-root .jn-brands,
#jonner-site .jn-brands{
  overflow:visible!important;
}
.jn-brand-window,
.jn-root .jn-brand-window,
#jonner-site .jn-brand-window{
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  display:flex!important;
  align-items:center!important;
}
.jn-brand-track,
.jn-root .jn-brand-track,
#jonner-site .jn-brand-track,
.jn-brand-group,
.jn-plugin-brand-group,
.jn-root .jn-brand-group,
.jn-root .jn-plugin-brand-group,
#jonner-site .jn-brand-group,
#jonner-site .jn-plugin-brand-group{
  align-items:center!important;
}
.jn-brand-logo,
.jn-plugin-brand-group > .jn-brand-logo,
.jn-root .jn-brand-logo,
.jn-root .jn-plugin-brand-group > .jn-brand-logo,
#jonner-site .jn-brand-logo,
#jonner-site .jn-plugin-brand-group > .jn-brand-logo{
  line-height:0!important;
  overflow:visible!important;
  align-self:center!important;
}
.jn-brand-logo img.jn-plugin-real-image,
.jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
.jn-root .jn-brand-logo img.jn-plugin-real-image,
.jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
#jonner-site .jn-brand-logo img.jn-plugin-real-image,
#jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
  vertical-align:middle!important;
}

@media (min-width:1001px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:76px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-height:52px!important;
  }
}

@media (max-width:767px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:15vw!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    height:14vw!important;
    min-height:14vw!important;
    max-height:14vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-height:9.6vw!important;
  }
}


/* V3.5.6 — desktop full-width for testimonials and category carousel --------
   Objetivo: no PC, as seções de depoimentos e categorias ocupam 100% da tela,
   mostrando mais cards ao mesmo tempo sem aumentar a escala dos itens. */
@media(min-width:1001px){
  #depoimentos,
  .jn-root #depoimentos,
  #jonner-site #depoimentos,
  #categorias,
  .jn-root #categorias,
  #jonner-site #categorias{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:clamp(18px,2vw,34px)!important;
    padding-right:clamp(18px,2vw,34px)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  #depoimentos > .e-con-inner,
  .jn-root #depoimentos > .e-con-inner,
  #jonner-site #depoimentos > .e-con-inner,
  #categorias > .e-con-inner,
  .jn-root #categorias > .e-con-inner,
  #jonner-site #categorias > .e-con-inner,
  #depoimentos > .elementor-container,
  .jn-root #depoimentos > .elementor-container,
  #jonner-site #depoimentos > .elementor-container,
  #categorias > .elementor-container,
  .jn-root #categorias > .elementor-container,
  #jonner-site #categorias > .elementor-container,
  #depoimentos .elementor-widget-wrap,
  .jn-root #depoimentos .elementor-widget-wrap,
  #jonner-site #depoimentos .elementor-widget-wrap,
  #categorias .elementor-widget-wrap,
  .jn-root #categorias .elementor-widget-wrap,
  #jonner-site #categorias .elementor-widget-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  #depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready,
  .jn-root #depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready,
  #jonner-site #depoimentos .jn-testimonial-carousel.jn-plugin-testimonial-ready,
  #categorias .jn-cat-window.jn-plugin-category-ready,
  .jn-root #categorias .jn-cat-window.jn-plugin-category-ready,
  #jonner-site #categorias .jn-cat-window.jn-plugin-category-ready{
    width:100%!important;
    max-width:100%!important;
  }

  /* Depoimentos: mais colunas visíveis sem ampliar os cartões. */
  #depoimentos .jn-plugin-testimonial-group,
  .jn-root #depoimentos .jn-plugin-testimonial-group,
  #jonner-site #depoimentos .jn-plugin-testimonial-group{
    gap:14px!important;
    padding-right:14px!important;
  }
  #depoimentos .jn-plugin-testimonial-card,
  .jn-root #depoimentos .jn-plugin-testimonial-card,
  #jonner-site #depoimentos .jn-plugin-testimonial-card{
    flex:0 0 276px!important;
    width:276px!important;
    min-width:276px!important;
    max-width:276px!important;
  }

  /* Categorias: mais cards por linha/viewport no desktop. */
  #categorias .jn-plugin-category-group,
  .jn-root #categorias .jn-plugin-category-group,
  #jonner-site #categorias .jn-plugin-category-group{
    gap:16px!important;
    padding-right:16px!important;
  }
  #categorias .jn-plugin-category-group > .jn-cat-tile,
  .jn-root #categorias .jn-plugin-category-group > .jn-cat-tile,
  #jonner-site #categorias .jn-plugin-category-group > .jn-cat-tile{
    flex:0 0 200px!important;
    width:200px!important;
    min-width:200px!important;
    max-width:200px!important;
  }
}


/* V3.5.7 — corrige full width real das categorias no desktop.
   A versão anterior acertou os depoimentos, mas algumas páginas usam a seção
   com a classe .jn-cat-carousel em vez do ID #categorias. */
@media(min-width:1001px){
  .jn-cat-carousel,
  .jn-root .jn-cat-carousel,
  #jonner-site .jn-cat-carousel{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:clamp(18px,2vw,34px)!important;
    padding-right:clamp(18px,2vw,34px)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .jn-cat-carousel > .e-con-inner,
  .jn-root .jn-cat-carousel > .e-con-inner,
  #jonner-site .jn-cat-carousel > .e-con-inner,
  .jn-cat-carousel > .elementor-container,
  .jn-root .jn-cat-carousel > .elementor-container,
  #jonner-site .jn-cat-carousel > .elementor-container,
  .jn-cat-carousel .elementor-widget-wrap,
  .jn-root .jn-cat-carousel .elementor-widget-wrap,
  #jonner-site .jn-cat-carousel .elementor-widget-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .jn-cat-carousel .jn-cat-window.jn-plugin-category-ready,
  .jn-root .jn-cat-carousel .jn-cat-window.jn-plugin-category-ready,
  #jonner-site .jn-cat-carousel .jn-cat-window.jn-plugin-category-ready{
    width:100%!important;
    max-width:100%!important;
  }

  .jn-cat-carousel .jn-plugin-category-group,
  .jn-root .jn-cat-carousel .jn-plugin-category-group,
  #jonner-site .jn-cat-carousel .jn-plugin-category-group{
    gap:16px!important;
    padding-right:16px!important;
  }

  .jn-cat-carousel .jn-plugin-category-group > .jn-cat-tile,
  .jn-root .jn-cat-carousel .jn-plugin-category-group > .jn-cat-tile,
  #jonner-site .jn-cat-carousel .jn-plugin-category-group > .jn-cat-tile{
    flex:0 0 200px!important;
    width:200px!important;
    min-width:200px!important;
    max-width:200px!important;
  }
}


/* V3.5.8 — aumenta a altura útil do carrossel de logos
   para evitar qualquer recorte residual no topo/embaixo. */
.jn-brand-window,
.jn-root .jn-brand-window,
#jonner-site .jn-brand-window{
  padding-top:10px!important;
  padding-bottom:10px!important;
}

@media (min-width:1001px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:96px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-height:64px!important;
  }
}

@media (max-width:767px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:18vw!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    height:16vw!important;
    min-height:16vw!important;
    max-height:16vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-height:11vw!important;
  }
}


/* V3.5.10 — reforço visual do carrossel de categorias no desktop */
@media(min-width:1001px){
  .jn-cat-carousel,
  #categorias,
  .jn-root .jn-cat-carousel,
  .jn-root #categorias,
  #jonner-site .jn-cat-carousel,
  #jonner-site #categorias{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    flex:0 0 100vw!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .jn-cat-carousel .jn-cat-window,
  #categorias .jn-cat-window,
  .jn-root .jn-cat-carousel .jn-cat-window,
  .jn-root #categorias .jn-cat-window,
  #jonner-site .jn-cat-carousel .jn-cat-window,
  #jonner-site #categorias .jn-cat-window{
    width:100%!important;
    max-width:100%!important;
  }
  .jn-cat-carousel .jn-plugin-category-group,
  #categorias .jn-plugin-category-group{
    gap:16px!important;
    padding-right:16px!important;
  }
  .jn-cat-carousel .jn-plugin-category-group > .jn-cat-tile,
  #categorias .jn-plugin-category-group > .jn-cat-tile{
    flex:0 0 200px!important;
    width:200px!important;
    min-width:200px!important;
    max-width:200px!important;
  }
}

/* V3.5.11 — no editor do Elementor, manter logos reais editáveis */
body.jonner-elementor-preview .jn-brand-window,
body.jonner-elementor-preview #jonner-site .jn-brand-window{
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  mask-image:none!important;
}
body.jonner-elementor-preview .jn-brand-window::-webkit-scrollbar{height:8px!important;display:block!important}
body.jonner-elementor-preview .jn-brand-track,
body.jonner-elementor-preview #jonner-site .jn-brand-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  width:max-content!important;
  max-width:none!important;
  gap:0!important;
}
body.jonner-elementor-preview .jn-brand-group,
body.jonner-elementor-preview #jonner-site .jn-brand-group{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:18px!important;
  padding-right:18px!important;
}
body.jonner-elementor-preview .jn-brand-window > .jn-plugin-brand-motion{
  display:none!important;
}
body.jonner-elementor-preview .jn-brand-logo,
body.jonner-elementor-preview #jonner-site .jn-brand-logo{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
}
body.jonner-elementor-preview .jn-brand-logo .elementor-editor-element-setting,
body.jonner-elementor-preview .jn-brand-logo .elementor-editor-element-settings{
  pointer-events:auto!important;
  z-index:999!important;
}


/* V3.5.12 — corrige espaço vazio das categorias no desktop e libera todas as logos no editor */
@media(min-width:1001px){
  .jn-cat-carousel,
  #categorias,
  .jn-root .jn-cat-carousel,
  .jn-root #categorias,
  #jonner-site .jn-cat-carousel,
  #jonner-site #categorias{
    flex:0 1 auto!important;
    flex-basis:auto!important;
    min-height:0!important;
    height:auto!important;
    align-self:stretch!important;
  }
  .jn-cat-carousel > .e-con-inner,
  .jn-root .jn-cat-carousel > .e-con-inner,
  #jonner-site .jn-cat-carousel > .e-con-inner,
  .jn-cat-carousel > .elementor-container,
  .jn-root .jn-cat-carousel > .elementor-container,
  #jonner-site .jn-cat-carousel > .elementor-container,
  .jn-cat-carousel .elementor-widget-wrap,
  .jn-root .jn-cat-carousel .elementor-widget-wrap,
  #jonner-site .jn-cat-carousel .elementor-widget-wrap{
    min-height:0!important;
    height:auto!important;
    align-content:flex-start!important;
  }
}
body.jonner-elementor-preview .jn-brand-track,
body.jonner-elementor-preview #jonner-site .jn-brand-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  width:max-content!important;
  max-width:none!important;
  gap:0!important;
}
body.jonner-elementor-preview .jn-brand-group,
body.jonner-elementor-preview #jonner-site .jn-brand-group{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:18px!important;
  padding-right:18px!important;
}
body.jonner-elementor-preview .jn-brand-group > .jn-brand-logo,
body.jonner-elementor-preview #jonner-site .jn-brand-group > .jn-brand-logo{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* V3.5.13 — Jonner Config: preview das 30 logos no Elementor */
body.jonner-elementor-preview .jn-brand-config-editor-preview{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:18px!important;
  width:max-content!important;
  min-width:max-content!important;
  padding:0 18px 0 0!important;
}
body.jonner-elementor-preview .jn-brand-config-editor-preview .jn-brand-logo{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.jonner-elementor-preview .jn-brand-config-editor-preview .jn-brand-logo img{
  width:auto!important;
  height:auto!important;
  max-width:92px!important;
  max-height:64px!important;
  object-fit:contain!important;
}
.jn-brand-config-logo img{
  object-fit:contain!important;
  object-position:center!important;
}


/* V35.14 — logos maiores + loop sem faixa preta + repetição em ordem */
.jn-plugin-brand-motion,
.jn-root .jn-plugin-brand-motion,
#jonner-site .jn-plugin-brand-motion{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  max-width:none!important;
}

@media (min-width:1001px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:84px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .jn-plugin-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:8px!important;
    padding-right:8px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:0 4px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    width:auto!important;
    max-width:112px!important;
    max-height:56px!important;
  }
}

@media (min-width:768px) and (max-width:1000px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:74px!important;
  }
  .jn-plugin-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:6px!important;
    padding-right:6px!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-width:96px!important;
    max-height:48px!important;
  }
}

@media (max-width:767px){
  .jn-brand-window,
  .jn-root .jn-brand-window,
  #jonner-site .jn-brand-window{
    min-height:16vw!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  .jn-plugin-brand-group,
  .jn-root .jn-plugin-brand-group,
  #jonner-site .jn-plugin-brand-group{
    gap:0.8vw!important;
    padding-right:0.8vw!important;
  }
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:24vw!important;
    min-width:24vw!important;
    max-width:24vw!important;
    height:14vw!important;
    min-height:14vw!important;
    max-height:14vw!important;
    padding:0 0.6vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    width:auto!important;
    max-width:20vw!important;
    max-height:9.8vw!important;
  }
}

@media (max-width:430px){
  .jn-brand-logo,
  .jn-plugin-brand-group > .jn-brand-logo,
  .jn-root .jn-brand-logo,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo,
  #jonner-site .jn-brand-logo,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo{
    width:24vw!important;
    min-width:24vw!important;
    max-width:24vw!important;
    height:14.2vw!important;
    min-height:14.2vw!important;
    max-height:14.2vw!important;
  }
  .jn-brand-logo img.jn-plugin-real-image,
  .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-brand-logo img.jn-plugin-real-image,
  .jn-root .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-brand-logo img.jn-plugin-real-image,
  #jonner-site .jn-plugin-brand-group > .jn-brand-logo img.jn-plugin-real-image{
    max-width:20.2vw!important;
    max-height:10vw!important;
  }
}