/* Johnson Restauro 1.3 - correcoes para imagens comparativas e rodape.
   Todos os seletores limitados ao tema Johnson em desenvolvimento. */

/* Nao mostrar a marca de agua/placeholder quando a fotografia antiga ainda nao foi arquivada. */
.jr-page-inicio .elementskit-image-comparison img[data-jr-optional="true"][src*="placeholder.svg"] {
  display:none!important;
}

/* A galeria comparativa original tem 3 projetos. Recriar funcionalidade de
   deslizamento naquelas imagens que temos, sem usar scripts antigos. */
.jr-page-inicio .elementor-element-a1e9744 > .elementor-container {
  display:flex!important;
  align-items:stretch!important;
  gap:20px!important;
  max-width:1400px!important;
}
.jr-page-inicio .elementor-element-a1e9744 > .elementor-container > .elementor-column {
  width:calc((100% - 40px)/3)!important;
  flex:1 1 0!important;
  min-width:0!important;
}
.jr-page-inicio .elementor-element-a1e9744 .elementor-widget-wrap {padding:0!important}
.jr-page-inicio .elementskit-image-comparison.jr-comparison-ready {
  position:relative!important;display:block!important;
  border-radius:6px!important;overflow:hidden!important;
  box-shadow:0 9px 22px rgba(1,22,51,.13)!important;
  width:100%!important;margin:0!important;
}
.jr-page-inicio .jr-comparison-frame {
  position:relative!important;display:block!important;
  width:100%!important;height:320px!important;overflow:hidden!important;
  background:#dfe5e9!important;
}
.jr-page-inicio .jr-comparison-base,
.jr-page-inicio .jr-comparison-top {
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;overflow:hidden!important;
}
.jr-page-inicio .jr-comparison-top {
  clip-path:inset(0 0 0 var(--jr-split,50%))!important;
  z-index:2;
}
.jr-page-inicio .jr-comparison-image {
  width:100%!important;height:100%!important;min-width:100%!important;
  min-height:0!important;max-width:none!important;max-height:none!important;
  display:block!important;object-fit:cover!important;object-position:center center!important;
  margin:0!important;padding:0!important;border:0!important;
}
.jr-page-inicio .jr-comparison-divider {
  position:absolute;left:var(--jr-split,50%);top:0;bottom:0;
  width:2px;background:#fff;z-index:4;pointer-events:none;
  transform:translateX(-50%);box-shadow:0 0 3px rgba(0,0,0,.3);
}
.jr-page-inicio .jr-comparison-knob {
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:36px;height:36px;border-radius:50%;border:2px solid white;
  background:#f8c81c;color:#011633;display:flex;justify-content:center;
  align-items:center;font:700 22px/1 Arial,sans-serif;
  box-shadow:0 2px 7px rgba(1,22,51,.35);
}
.jr-page-inicio .jr-comparison-range {
  position:absolute!important;inset:0!important;z-index:5!important;
  width:100%!important;height:100%!important;margin:0!important;
  padding:0!important;opacity:0!important;
  cursor:ew-resize!important;touch-action:pan-y;
}
.jr-page-inicio .jr-comparison-frame:focus-within {
  outline:3px solid #f8c81c;outline-offset:-3px;
}
.jr-page-inicio .jr-comparison-label {
  position:absolute;z-index:3;bottom:12px;padding:5px 9px;
  background:rgba(1,22,51,.76);border-radius:3px;color:#fff;
  font:700 11px/1.2 Montserrat,Arial,sans-serif;
  pointer-events:none;
}
.jr-page-inicio .jr-comparison-label-left{left:12px}
.jr-page-inicio .jr-comparison-label-right{right:12px}

/* O Elementor antigo definia margin-bottom:-70px no orcamento.
   Com o formulario atual, essa margem corta o botao e sobrepoe o rodape. */
.jr-page-inicio section#orcamento {
  position:relative!important;margin-bottom:0!important;
  min-height:0!important;height:auto!important;
  padding:72px 20px 96px!important;z-index:1;
}
.jr-page-inicio section#orcamento > .elementor-container,
.jr-page-inicio section#orcamento .jr-form-slot,
.jr-page-inicio section#orcamento .elementor-widget-wrap {
  overflow:visible!important;
}
.jr-page-inicio section#orcamento .jr-contact-form button.jr-button {
  color:#011633!important;font-weight:800!important;
  min-height:48px!important;
}
.jr-original-footer {position:relative;z-index:0}

@media(max-width:920px){
  .jr-page-inicio .elementor-element-a1e9744 > .elementor-container {
    flex-wrap:wrap!important;gap:18px!important;
  }
  .jr-page-inicio .elementor-element-a1e9744 > .elementor-container > .elementor-column {
    flex:0 0 calc(50% - 9px)!important;width:calc(50% - 9px)!important;
  }
}
@media(max-width:600px){
  .jr-page-inicio .elementor-element-a1e9744 > .elementor-container > .elementor-column {
    flex:0 0 100%!important;width:100%!important;
  }
  .jr-page-inicio .jr-comparison-frame {height:270px!important}
  .jr-page-inicio section#orcamento {padding:48px 15px 65px!important}
}
@media(prefers-reduced-motion:reduce){
  .jr-page-inicio .jr-comparison-divider {transition:none!important}
}