.lima-sat-btn{
  background:#fff;
  border:0;
  width:36px;
  height:36px;
  border-radius:5px;
  cursor:pointer;
  font-size:18px;
  box-shadow:0 1px 5px #0005;
}

.lima-sat-btn:hover{
  background:#f4f4f4;
}

/* LIMA_COMPARAR_EXIGE_AOI_V1 — toast avisando que falta uma área de
   interesse ativa para comparar imagens. Mesmo padrão visual do
   toast de ferramenta-kml.css (#lima-kml-toast), independente dele
   (cada módulo já tem o seu próprio toast neste portal). */
#lima-sat-aoi-toast{
  position:fixed;
  z-index:9000;
  left:50%;
  bottom:72px;
  transform:translateX(-50%) translateY(16px);
  width:min(390px,calc(100vw - 28px));
  box-sizing:border-box;
  padding:12px 14px;
  border:1px solid rgba(21,94,54,.18);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  box-shadow:0 8px 28px rgba(0,0,0,.20);
  font-family:Arial,Helvetica,sans-serif;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}

#lima-sat-aoi-toast.ativo{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}

.lima-sat-aoi-toast-texto{
  font-size:12.5px;
  font-weight:700;
  line-height:1.4;
  color:#174f32;
}

@media(max-width:700px){

  #lima-sat-aoi-toast{
    bottom:64px;
    width:calc(100vw - 20px);
  }

}

/* LIMA_COMPARADOR_PAINEL_ACIMA_V1 — o painel "Comparar imagens"
   (inclusive quando reaberto por "Ajustar" com a comparação já
   ativa) precisa ficar visualmente acima de tudo que pertence à
   própria comparação: divisor/pegador do Deslizar (z-index até
   7302), hitbox de arraste (7450) e a barra mini (7600). 7700 fica
   um degrau acima do maior z-index já usado por este subsistema,
   sem competir com camadas globais do portal (toasts 9000+,
   card do imóvel 10000, onboarding 100000). */
/* LIMA_COMPARADOR_COMPACTO_V1 — o painel inteiro (cabeçalho + corpo)
   nunca deve ultrapassar a viewport; o CORPO (não o cabeçalho) rola
   internamente quando o conteúdo não couber (ver .lima-sat-corpo). */
#lima-sat-panel{
  position:absolute;
  z-index:7700;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  width:min(400px,calc(100% - 24px));
  max-height:calc(100vh - 24px);
  display:flex;
  flex-direction:column;
  background:rgba(255,255,255,.97);
  border-radius:10px;
  box-shadow:0 4px 18px #0006;
  font-family:Arial,sans-serif;
  color:#222;
  overflow:hidden;
}

#lima-sat-panel:not(.ativo){
  display:none;
}

.lima-sat-topo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:7px 10px;
  background:#176c3a;
  color:#fff;
  flex:0 0 auto;

  /* LIMA_COMPARADOR_ARRASTAVEL_V1 */
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:none;
}

.lima-sat-topo.arrastando{
  cursor:grabbing;
}

@media(max-width:600px){
  .lima-sat-topo{
    cursor:default;
  }
}

.lima-sat-topo strong{
  font-size:14px;
}

.lima-sat-fechar{
  border:0;
  background:transparent;
  color:#fff;
  font-size:19px;
  cursor:pointer;
  padding:0 3px;
}

/* LIMA_COMPARADOR_COMPACTO_V1 — corpo é a região que rola quando o
   conteúdo não cabe (o cabeçalho, flex:0 0 auto acima, fica sempre
   visível/fixo). */
.lima-sat-corpo{
  padding:9px 10px;
  overflow-y:auto;
  flex:1 1 auto;
  min-height:0;
}

.lima-sat-campo label,
.lima-sat-lado > label{
  display:block;
  font-size:10.5px;
  font-weight:bold;
  margin-bottom:2px;
  color:#555;
}

.lima-sat-campo input,
.lima-sat-campo select,
.lima-sat-lado > input[type="date"]{
  width:100%;
  box-sizing:border-box;
  border:1px solid #bbb;
  border-radius:6px;
  padding:4px 6px;
  background:#fff;
  color:#222;
  font-size:12.5px;
  line-height:1.5;
}

.lima-sat-lado > input[type="date"]{
  margin-bottom:3px;
}

/* LIMA_COMPARADOR_BUSCA_AUTOMATICA_V1 — feedback discreto "Buscando
   imagens..." enquanto a busca daquele lado está em andamento; não
   bloqueia o mapa nem o restante do painel. */
.lima-sat-busca-status{
  margin-top:2px;
  font-size:10px;
  font-weight:bold;
  color:#8a6d00;
}

.lima-sat-busca-status.erro{
  color:#b23c00;
}

.lima-sat-busca-status[hidden]{
  display:none;
}

/* LIMA_NUVEM_AOI_V1 — slider "Máx. de nuvens no imóvel" */
.lima-sat-nuvem-slider{
  margin-top:6px;
}

.lima-sat-nuvem-slider label{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  font-size:10.5px;
  font-weight:bold;
  margin-bottom:2px;
  color:#555;
}

.lima-sat-nuvem-slider label strong{
  font-size:12px;
  color:#1e7a48;
}

.lima-sat-nuvem-slider input[type="range"]{
  width:100%;
  height:14px;
  margin:0;
  accent-color:#238a53;
  cursor:pointer;
}

.lima-sat-acoes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:6px;
}

.lima-sat-acao{
  border:0;
  border-radius:6px;
  padding:6px 8px;
  cursor:pointer;
  font-weight:bold;
  font-size:12px;
}

#lima-sat-carregar{
  background:#176c3a;
  color:#fff;
}

/* LIMA_COMPARADOR_2008_DESTAQUE_V1 — a regra antiga por #id abaixo
   ficava com especificidade maior que a classe .lima-sat-buscar-2008
   (mais abaixo neste arquivo) e sobrescrevia silenciosamente seu
   fundo/cor. Removida para a classe passar a valer. */

.lima-sat-modos{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  margin-top:0;
}

.lima-sat-modo{
  border:1px solid #b8b8b8;
  background:#fff;
  border-radius:6px;
  padding:5px 3px;
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
}

.lima-sat-modo.ativo{
  background:#176c3a;
  color:white;
  border-color:#176c3a;
}

/* .lima-sat-cenas (agrupador antigo) não é mais usada no HTML — cada
   lado (.lima-sat-lado) agora já contém sua própria data + seletor de
   cena, sempre visível (LIMA_COMPARADOR_BUSCA_AUTOMATICA_V1). Regra
   mantida apenas por segurança/compatibilidade, sem efeito. */
.lima-sat-cenas.ativo{
  display:block;
}

.lima-sat-lado{
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid #ddd;
}

.lima-sat-lado:first-child{
  margin-top:7px;
  border-top:1px solid #ddd;
}

.lima-sat-titulo-cena{
  font-size:11px;
  font-weight:bold;
  margin-bottom:2px;
}

/* LIMA_COMPARADOR_COMPACTO_V1 — "Data escolhida"/"Nuvens no imóvel"
   viraram informação auxiliar pequena (o essencial já está no texto
   compacto da opção selecionada e no tooltip — ver textoCena()/
   preencherSelect()), não uma linha grande permanente. */
.lima-sat-info{
  font-size:9.5px;
  color:#777;
  margin-top:2px;
  line-height:1.3;
}

/* LIMA_COBERTURA_MOSAICO_V1 — aviso visível de cobertura parcial
   (quando nenhuma data da janela pesquisada fecha 99,5% da AOI). */
.lima-sat-cobertura-aviso{
  margin-top:3px;
  padding:4px 6px;
  border:1px solid rgba(178,88,0,.35);
  border-radius:6px;
  background:rgba(255,244,229,.9);
  color:#8a4b00;
  font-size:10px;
  font-weight:700;
  line-height:1.3;
}

.lima-sat-cobertura-aviso[hidden]{
  display:none;
}

#lima-sat-status{
  margin-top:5px;
  min-height:13px;
  font-size:11px;
  color:#555;
}

#lima-sat-status.erro{
  color:#a40000;
}

.lima-sat-etiqueta{
  position:absolute;
  z-index:1090;
  top:8px;
  padding:5px 8px;
  border-radius:5px;
  background:rgba(0,0,0,.65);
  color:white;
  font:11px Arial,sans-serif;
  pointer-events:none;
  display:none;
}

#lima-sat-label-a{
  left:8px;
}

#lima-sat-label-b{
  right:8px;
}

@media(max-width:600px){
  /* LIMA_COMPARADOR_COMPACTO_V1 — mobile continua sem arraste
     (.lima-sat-topo volta a cursor:default acima) e centralizado;
     o corpo já rola sozinho via flex (regra base de
     .lima-sat-corpo/#lima-sat-panel), só ajustamos a margem
     superior/inferior disponível. */
  #lima-sat-panel{
    top:55px;
    max-height:calc(100vh - 67px);
  }
}


/* LIMA_COMPARADOR_UI_V6 */

/* =========================================================
   TOPO / ICONE
   ========================================================= */

.lima-sat-topo strong{
  display:flex;
  align-items:center;
  gap:7px;
}

.lima-sat-topo-icone{
  width:19px;
  height:19px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.lima-sat-topo-icone svg{
  width:19px;
  height:19px;
}

.lima-sat-btn svg{
  width:19px;
  height:19px;
}


/* =========================================================
   TITULOS DE SECAO
   ========================================================= */

.lima-sat-secao-titulo{
  margin-bottom:7px;

  font-size:12px;
  font-weight:700;

  color:#4e5d55;
}

.lima-sat-divisor{
  height:1px;

  margin:11px 0;

  background:#e2e8e4;
}


/* =========================================================
   MODOS PRIMEIRO
   ========================================================= */

.lima-sat-modos{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:6px;

  margin:0;
}

.lima-sat-modo{
  min-height:36px;

  border:1px solid #cad4ce;

  border-radius:9px;

  background:#fff;

  color:#294b3a;

  font-weight:600;
}

.lima-sat-modo.ativo{
  border-color:#31885a;

  background:#edf7f1;

  color:#116f3b;

  box-shadow:
    inset 0 0 0 1px
    rgba(22,116,64,.10);
}


/* =========================================================
   BUSCAR 2008
   ========================================================= */

/*
 * LIMA_MARCO_2008_SECUNDARIO_V1 (pedido "correção do comparador" —
 * "o botão deve ser secundário e compacto") — antes tinha o MESMO
 * peso visual do botão primário (#lima-sat-carregar: fundo verde
 * sólido, 44px de altura, full width) mesmo afetando só um dos dois
 * campos de data. Agora é outline (sem fundo sólido), mais baixo e
 * com texto menor — continua width:100% (cabe melhor sob o campo de
 * data que agora acompanha) mas não compete mais visualmente com
 * "Fazer comparação". min-height 36px ainda cobre a área de toque
 * recomendada em conjunto com o padding vertical.
 */
.lima-sat-buscar-2008{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  width:100%;

  min-height:36px;

  margin:6px 0 8px;

  padding:6px 12px;

  border:1px solid #238a53;

  border-radius:8px;

  background:transparent;

  color:#1c7a49;

  font-size:11.5px;
  font-weight:700;
  line-height:1.3;
  text-align:center;

  cursor:pointer;

  box-shadow:none;

  transition:background .15s ease,color .15s ease;
}

.lima-sat-buscar-2008-icone{
  width:14px;
  height:14px;
  flex:0 0 auto;
}

.lima-sat-buscar-2008-data{
  display:block;
  font-weight:800;
  letter-spacing:.2px;
}

.lima-sat-buscar-2008:hover{
  background:#eef7f1;
}

.lima-sat-buscar-2008:active{
  background:#e2f0e7;
}


/* =========================================================
   CENAS
   ========================================================= */

.lima-sat-cenas{
  margin-top:12px;

  padding-top:11px;

  border-top:1px solid #e2e8e4;
}


/* =========================================================
   ACAO PRINCIPAL
   ========================================================= */

.lima-sat-fazer{
  width:100%;

  min-height:42px;

  margin-top:12px;

  padding:9px 14px;

  border:1px solid #147540;

  border-radius:10px;

  background:#147a42;

  color:#fff;

  font-size:13px;
  font-weight:700;

  cursor:pointer;
}

.lima-sat-fazer:hover{
  background:#116b39;
}

.lima-sat-fazer:disabled,
.lima-sat-buscar-2008:disabled{
  opacity:.55;
  cursor:default;
}


/* Remove a aparência antiga dos dois botões */
#lima-sat-carregar,
#lima-sat-2008{
  box-sizing:border-box;
}


/* =========================================================
   STATUS
   ========================================================= */

#lima-sat-status{
  min-height:0;

  margin-top:8px;

  font-size:11px;

  color:#69776f;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

  .lima-sat-modo{
    min-height:38px;

    padding-left:4px;
    padding-right:4px;

    font-size:11px;
  }

  .lima-sat-buscar-2008{
    min-height:46px;

    font-size:12px;
  }

  .lima-sat-fazer{
    min-height:44px;
  }

}

/* FIM_LIMA_COMPARADOR_UI_V6 */


/* =========================================================
   COMPARADOR - MODO SELECIONADO
   ========================================================= */

.lima-sat-modo{
  border:1px solid #cbd8d0 !important;
  background:#ffffff !important;
  color:#22553a !important;

  box-shadow:none !important;
  outline:none !important;
}

.lima-sat-modo:hover{
  border-color:#72ad89 !important;
  background:#f4faf6 !important;
}

.lima-sat-modo.ativo{
  border-color:#167a42 !important;
  background:#167a42 !important;
  color:#ffffff !important;

  box-shadow:none !important;
}

.lima-sat-modo.ativo:hover{
  background:#126c39 !important;
  color:#ffffff !important;
}


/* =========================================================
   LIMA COMPARADOR MINI V7
   ========================================================= */

#lima-sat-mini{
  position:fixed;

  z-index:7600;

  top:14px;
  left:50%;

  transform:
    translateX(-50%)
    translateY(-12px);

  width:min(
    530px,
    calc(100vw - 24px)
  );

  box-sizing:border-box;

  padding:10px;

  border:1px solid
    rgba(21,94,54,.20);

  border-radius:14px;

  background:
    rgba(255,255,255,.97);

  box-shadow:
    0 7px 24px
    rgba(0,0,0,.20);

  opacity:0;
  visibility:hidden;

  pointer-events:none;

  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility .16s;
}


#lima-sat-mini.ativo{
  opacity:1;
  visibility:visible;

  pointer-events:auto;

  transform:
    translateX(-50%)
    translateY(0);
}


/* ---------------------------------------------------------
   INFORMACAO
   --------------------------------------------------------- */

.lima-sat-mini-info{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:14px;

  padding:
    1px 3px 8px;
}


.lima-sat-mini-titulo{
  display:flex;
  align-items:center;
  gap:6px;

  white-space:nowrap;

  color:#174f32;

  font-size:13px;
  font-weight:700;
}


.lima-sat-mini-icone{
  color:#168047;

  font-size:18px;
  line-height:1;
}


.lima-sat-mini-datas{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:7px;

  min-width:0;

  color:#526159;

  font-size:11px;
}


.lima-sat-mini-datas strong{
  color:#214c36;

  font-weight:700;

  white-space:nowrap;
}


/* ---------------------------------------------------------
   MODOS + AJUSTAR
   --------------------------------------------------------- */

.lima-sat-mini-acoes{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:6px;
}


.lima-sat-mini-modo,
.lima-sat-mini-ajustar{
  min-height:36px;

  padding:6px 7px;

  border:1px solid #ccd8d1;

  border-radius:9px;

  background:#fff;

  color:#27543c;

  font-size:11px;
  font-weight:700;

  cursor:pointer;
}


.lima-sat-mini-modo:hover,
.lima-sat-mini-ajustar:hover{
  background:#f3f9f5;

  border-color:#76aa8b;
}


.lima-sat-mini-modo.ativo{
  border-color:#167a42;

  background:#167a42;

  color:#fff;
}


.lima-sat-mini-ajustar{
  border-color:#9eb8a8;

  background:#edf5f0;

  color:#174f32;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px){

  #lima-sat-mini{
    top:10px;

    width:
      calc(100vw - 16px);

    padding:9px;
  }


  .lima-sat-mini-info{
    gap:6px;

    padding-bottom:7px;
  }


  .lima-sat-mini-titulo{
    font-size:12px;
  }


  .lima-sat-mini-datas{
    gap:4px;

    font-size:9.5px;
  }


  .lima-sat-mini-acoes{
    gap:4px;
  }


  .lima-sat-mini-modo,
  .lima-sat-mini-ajustar{
    min-height:38px;

    padding:5px 2px;

    font-size:10px;
  }

}



/* =========================================================
   LIMA COMPARADOR MODOS V8
   ========================================================= */


/* ---------------------------------------------------------
   DESLIZAR
   --------------------------------------------------------- */

.lima-sbs-deslizar-v8{
  z-index:7200 !important;
}


.lima-sbs-deslizar-v8
.leaflet-sbs-divider{
  width:3px !important;

  margin-left:-1.5px !important;

  background:#ffffff !important;

  box-shadow:
    0 0 4px
    rgba(0,0,0,.45) !important;

  z-index:7201 !important;
}


.lima-sbs-deslizar-v8
.leaflet-sbs-range{
  display:block !important;

  z-index:7202 !important;

  touch-action:none !important;
}


/*
 * O plugin deixa o input sem eventos,
 * mas o thumb recebe os eventos.
 */
.lima-sbs-deslizar-v8
.leaflet-sbs-range::-webkit-slider-thumb{
  pointer-events:auto !important;

  cursor:ew-resize !important;

  border:2px solid #167a42 !important;

  box-shadow:
    0 2px 8px
    rgba(0,0,0,.30) !important;
}


.lima-sbs-deslizar-v8
.leaflet-sbs-range::-moz-range-thumb{
  pointer-events:auto !important;

  cursor:ew-resize !important;

  border:2px solid #167a42 !important;

  box-shadow:
    0 2px 8px
    rgba(0,0,0,.30) !important;
}


/* ---------------------------------------------------------
   LADO A LADO
   --------------------------------------------------------- */

.lima-sbs-fixo-v8{
  z-index:7200 !important;
}


.lima-sbs-fixo-v8
.leaflet-sbs-range{
  display:none !important;
}


.lima-sbs-fixo-v8
.leaflet-sbs-divider{
  left:50% !important;

  width:2px !important;

  margin-left:-1px !important;

  background:rgba(
    255,
    255,
    255,
    .85
  ) !important;

  box-shadow:
    0 0 3px
    rgba(0,0,0,.35) !important;
}


/* ---------------------------------------------------------
   ROTULOS ANTES / DEPOIS
   --------------------------------------------------------- */

#lima-sat-label-a,
#lima-sat-label-b{
  max-width:
    calc(50vw - 20px);

  overflow:hidden;

  white-space:nowrap;

  text-overflow:ellipsis;
}


#lima-sat-label-a strong,
#lima-sat-label-b strong{
  color:#ffffff;
}


/* ---------------------------------------------------------
   ENCERRAR COMPARACAO
   --------------------------------------------------------- */

#lima-sat-mini-encerrar{
  width:28px;
  height:28px;

  flex:0 0 28px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  border:0;
  border-radius:8px;

  background:transparent;

  color:#52685c;

  font-size:22px;
  line-height:1;

  font-weight:500;

  cursor:pointer;
}


#lima-sat-mini-encerrar:hover{
  background:#edf5f0;

  color:#174f32;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px){

  #lima-sat-label-a,
  #lima-sat-label-b{
    max-width:
      calc(50vw - 12px);

    font-size:9px;
  }


  #lima-sat-mini-encerrar{
    width:26px;
    height:26px;

    flex-basis:26px;
  }

}



/* =========================================================
   COMPARADOR V8.1
   DESLIZAR COM MOUSE / NOTEBOOK
   ========================================================= */

/*
 * O plugin original deixa o range com pointer-events:none.
 * No desktop isso pode entregar o arrasto para o mapa.
 *
 * Transformamos a faixa horizontal central em uma
 * área real de captura do divisor.
 */
.lima-sbs-deslizar-v8 .leaflet-sbs-range{
  pointer-events:auto !important;

  height:46px !important;

  margin-top:-23px !important;

  background:transparent !important;

  cursor:ew-resize !important;

  touch-action:none !important;

  z-index:7302 !important;
}


/*
 * Mantém o botão visível e confortável.
 */
.lima-sbs-deslizar-v8
.leaflet-sbs-range::-webkit-slider-thumb{
  pointer-events:auto !important;

  cursor:ew-resize !important;

  width:44px !important;
  height:44px !important;

  border-radius:50% !important;

  border:2px solid #167a42 !important;
}


.lima-sbs-deslizar-v8
.leaflet-sbs-range::-moz-range-thumb{
  pointer-events:auto !important;

  cursor:ew-resize !important;

  width:44px !important;
  height:44px !important;

  border-radius:50% !important;

  border:2px solid #167a42 !important;
}


/*
 * A linha continua visualmente fina.
 */
.lima-sbs-deslizar-v8
.leaflet-sbs-divider{
  pointer-events:none !important;
}




/* =========================================================
   COMPARADOR EXCLUSIVO V8.3
   ========================================================= */

/*
 * Durante comparação, Área ativa continua existindo
 * internamente, mas seu chip não deve abrir outro painel.
 */
body.lima-comparador-exclusivo
#lima-area-ativa-chip{
  display:none !important;
}


/*
 * Segurança visual contra qualquer painel antigo
 * que algum listener legado tente deixar aberto.
 */
body.lima-comparador-exclusivo
#lima-desenhar-resultado,

body.lima-comparador-exclusivo
#lima-consulta-area-panel,

body.lima-comparador-exclusivo
#infoCar,

body.lima-comparador-exclusivo
#carsSobrepostos,

body.lima-comparador-exclusivo
#resultadosBusca,

body.lima-comparador-exclusivo
#painelEstatisticas{
  display:none !important;
}




/* =========================================================
   DESLIZADOR DESKTOP V8.5
   ========================================================= */

@media (hover:hover) and (pointer:fine){

  #lima-split-hitbox-v85{
    position:absolute;

    top:0;
    bottom:0;

    width:72px;

    transform:
      translateX(-50%);

    z-index:7450;

    cursor:ew-resize;

    touch-action:none;

    user-select:none;

    background:transparent;
  }


  .lima-sbs-deslizar-v8
  .leaflet-sbs-range{
    pointer-events:none !important;
  }


  .lima-sbs-deslizar-v8
  .leaflet-sbs-range::-webkit-slider-thumb{
    pointer-events:none !important;
  }


  .lima-sbs-deslizar-v8
  .leaflet-sbs-range::-moz-range-thumb{
    pointer-events:none !important;
  }

}


/* =========================================================
   LIMA_SIGEF_MOBILE_COMPACTO_V1
   Compactacao leve do painel de estatisticas em telas estreitas
   (celular). Nao reduz fontes/numeros -- so padding/gaps do
   painel e dos cards, para ganhar ~40-70px de altura util.
   Desktop permanece inalterado (regra so vale ate 480px).
   ========================================================= */

@media (max-width:480px){

  #painelEstatisticas{
    padding-bottom:8px !important;
  }

  .lima-incra-grid{
    gap:6px !important;
  }

  .lima-incra-grid > div{
    padding:7px 10px !important;
  }

}


/* =========================================================
   LIMA_COMPARADOR_COMPACTO_V1

   O painel "Comparar imagens" acumulou várias camadas de regras de
   rodadas anteriores (blocos "V1" mais no início do arquivo e um
   bloco "UI_V6" depois, que redefinia min-height/padding/margin
   maiores e VENCIA em cascata por vir depois). Em vez de caçar e
   editar cada declaração espalhada — arriscando quebrar alguma cor/
   estado que já funciona — este bloco final consolida só as
   propriedades de ESPAÇAMENTO/ALTURA que precisam ficar menores,
   por vir depois de tudo (mesma especificidade, vence por ordem).
   Cores, bordas, estados hover/ativo continuam exatamente como
   antes — não repetidos aqui.
   ========================================================= */

.lima-sat-secao-titulo{
  margin-bottom:4px;
}

.lima-sat-divisor{
  margin:7px 0;
}

.lima-sat-modo{
  min-height:30px;
  padding:5px 3px;
}

.lima-sat-buscar-2008{
  min-height:34px;
  margin-top:6px;
  padding:6px 12px;
}

.lima-sat-fazer{
  min-height:34px;
  margin-top:7px;
  padding:6px 12px;
}

#lima-sat-status{
  margin-top:4px;
}

@media(max-width:700px){

  .lima-sat-modo{
    min-height:34px;
  }

  .lima-sat-buscar-2008{
    min-height:38px;
  }

  .lima-sat-fazer{
    min-height:38px;
  }

}


/* =========================================================
   LIMA_COMPARADOR_COMPACTO_V2 (pedido "correção do comparador" —
   item "comparador mais compacto", prioridade visual desta rodada)

   Mesmo padrão do bloco V1 acima (só ESPAÇAMENTO/LARGURA, por
   cascata/ordem, sem !important, sem repetir cor/borda/estado). O
   painel já tinha passado por uma rodada de compactação anterior
   (V1) — os valores abaixo são um corte ADICIONAL, deliberadamente
   modesto onde o V1 já tinha deixado pouca gordura (inputs/selects
   NÃO foram reduzidos abaixo de 4px 6px de padding — abaixo disso a
   área de toque real do campo fica pequena demais em mobile).

   Largura do painel: 400px -> 360px no desktop (max-width real,
   "ocupar menos largura" pedido explicitamente) — só acima de
   700px; em telas estreitas o painel já usa calc(100% - 24px), que
   este bloco não toca.
   ========================================================= */

@media(min-width:701px){

  #lima-sat-panel{
    width:min(360px,calc(100% - 24px));
  }

}

.lima-sat-corpo{
  padding:7px 8px;
}

.lima-sat-lado{
  margin-top:5px;
}

.lima-sat-lado:first-child{
  margin-top:5px;
}

.lima-sat-nuvem-slider{
  margin-top:4px;
}

.lima-sat-cenas{
  margin-top:8px;
  padding-top:8px;
}



/* =========================================================
   LIMA_COMPARADOR_PREVIA_V1 (pedido "prévias das cenas no
   comparador") — seletor visual (cartões com miniatura) que
   substitui a lista nativa do <select>. Paleta reaproveitada do
   resto do comparador: verde-escuro (#176c3a/#147a42/#238a53),
   branco, grafite (#555/#222/#bbb) -- nenhuma cor nova.
   ========================================================= */

.lima-sat-select-oculto{
  display:none;
}

.lima-sat-campo-cena{
  position:relative;
}

.lima-sat-cena-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;

  width:100%;
  box-sizing:border-box;

  min-height:36px;

  padding:6px 8px;

  border:1px solid #bbb;
  border-radius:6px;

  background:#fff;
  color:#222;

  font-family:inherit;
  font-size:12.5px;
  text-align:left;

  cursor:pointer;
}

.lima-sat-cena-trigger-texto{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lima-sat-cena-trigger-seta{
  flex:0 0 auto;
  width:14px;
  height:14px;
  color:#555;
  transition:transform .15s ease;
}

.lima-sat-cena-trigger:hover{
  border-color:#8fae9b;
}

.lima-sat-cena-trigger.ativo{
  border-color:#147a42;
  box-shadow:0 0 0 2px rgba(20,122,66,.15);
}

.lima-sat-cena-trigger.ativo .lima-sat-cena-trigger-seta{
  transform:rotate(180deg);
}

/*
 * LIMA_COMPARADOR_PREVIA_BACKDROP_V1 — transparente de propósito
 * (não pedido nenhum escurecimento visual); existe só para
 * garantir que qualquer toque fora do popover feche o popover em
 * vez de acertar, por hit-test, um cartão ou controle que esteja
 * visualmente por baixo dele (painel compacto -- ver JS).
 */
.lima-sat-cena-backdrop{
  position:fixed;
  inset:0;
  z-index:7755;
  background:transparent;
}

.lima-sat-cena-popover{
  position:fixed;
  z-index:7760;

  max-height:min(360px,70vh);
  overflow-y:auto;

  padding:6px;

  background:#fff;
  border:1px solid #d8e2dc;
  border-radius:10px;
  box-shadow:0 10px 28px rgba(0,0,0,.22);

  font-family:Arial,Helvetica,sans-serif;
}

.lima-sat-cena-popover-vazio{
  padding:16px 10px;
  font-size:12px;
  color:#555;
  text-align:center;
  line-height:1.4;
}

.lima-sat-cena-card{
  display:flex;
  align-items:center;
  gap:9px;

  width:100%;
  box-sizing:border-box;

  margin-bottom:3px;
  padding:5px;

  border:0;
  border-left:3px solid transparent;
  border-radius:7px;

  background:transparent;
  text-align:left;

  cursor:pointer;
}

.lima-sat-cena-card:last-child{
  margin-bottom:0;
}

.lima-sat-cena-card:hover,
.lima-sat-cena-card:focus-visible{
  background:#f4faf6;
  outline:none;
}

.lima-sat-cena-card.selecionada{
  background:#edf5f0;
  border-left-color:#147a42;
}

.lima-sat-cena-thumb-wrap{
  position:relative;
  flex:0 0 auto;

  width:64px;
  height:44px;

  overflow:hidden;
  border-radius:6px;
  background:#e2e8e4;
}

.lima-sat-cena-thumb{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .15s ease;
}

.lima-sat-cena-thumb.carregando{
  opacity:0;
}

.lima-sat-cena-thumb.erro{
  opacity:0;
}

.lima-sat-cena-thumb-wrap::before{
  /* placeholder discreto enquanto carrega -- some assim que a
     miniatura real chega (opacity da img volta a 1). */
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,#e2e8e4 30%,#eef2ef 50%,#e2e8e4 70%);
  background-size:200% 100%;
  animation:lima-sat-thumb-pulso 1.2s ease-in-out infinite;
}

/* Some via classe posta pelo JS quando a miniatura termina de
   carregar (sucesso ou erro) -- evita depender de :has(), sem
   suporte em navegadores mais antigos. */
.lima-sat-cena-thumb-wrap.lima-sat-cena-thumb-carregada::before,
.lima-sat-cena-thumb-wrap.lima-sat-cena-thumb-erro::before{
  display:none;
}

@keyframes lima-sat-thumb-pulso{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

.lima-sat-cena-thumb-erro::after{
  content:"Prévia indisponível";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;

  padding:2px;

  font-size:8px;
  line-height:1.15;
  text-align:center;
  color:#6b776f;

  background:#eef2ef;
}

.lima-sat-cena-thumb-erro::before{
  display:none;
}

.lima-sat-cena-card-info{
  flex:1 1 auto;
  min-width:0;
}

.lima-sat-cena-card-linha1{
  font-size:11.5px;
  font-weight:700;
  color:#1c2921;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lima-sat-cena-card-linha2{
  margin-top:1px;
  font-size:10px;
  color:#666;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lima-sat-cena-card.selecionada .lima-sat-cena-card-linha1{
  color:#0f3a22;
}

@media(max-width:480px){

  .lima-sat-cena-thumb-wrap{
    width:54px;
    height:40px;
  }

  .lima-sat-cena-card-linha1{
    font-size:11px;
  }

  .lima-sat-cena-card-linha2{
    font-size:9.5px;
  }

  .lima-sat-cena-popover{
    max-height:min(320px,60vh);
  }

}