.elementor-1312 .elementor-element.elementor-element-4bc78a9{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f00f0ae *//* fundo cinza claro do bloco inteiro */
.sathi-cidades,
.organictabs--regioes.brasil{
  background:#f3f3f3;
}

/* barra dos estados */
.organictabs__menu{
  background:#cfcfcf;             /* cor da barra */
  padding:0;
  display:flex;
  justify-content:space-between;   /* espalha os estados */
  gap:0;
  border-bottom:1px solid #bdbdbd;
  overflow-x:auto;                /* se não couber, rola */
  -webkit-overflow-scrolling:touch;
}

/* “botões” dos estados */
.organictabs__menu span{
  flex: 1 0 auto;                 /* deixa distribuir e não quebrar feio */
  text-align:center;
  padding:14px 10px;
  font-weight:700;
  font-size:13px;
  color:#1c1f24;
  background:transparent;
  border-radius:0;
}

/* estado ativo (igual ao print: um bloco mais escuro) */
.organictabs__menu span.active-tab{
  background:#2b2f36;
  color:#fff;
}

/* área das cidades */
.organictabs__content{
  padding:18px 14px;
  background:#f3f3f3;
  
}

/* grid com espaçamento entre colunas */
.organictabs__content ul[data-tab]{
  gap: 0 26px;                    /* 0 linha / 26px coluna */
}

/* cada cidade com linha embaixo */
.organictabs__content li{
  padding: 12px 0;
  border-bottom: 1px solid #d7d7d7; /* linha */
  font-weight:400;
  color:#1c1f24;
}

/* tira o “bullet” se tiver sobrado de algum CSS do tema */
.organictabs__content ul,
.organictabs__content li{
  list-style:none !important;
}

/* responsivo: ajusta o espaçamento entre colunas */
@media (max-width:1366px){
  .organictabs__content ul[data-tab]{ gap:0 22px; }
}
@media (max-width:1024px){
  .organictabs__content ul[data-tab]{ gap:0 18px; }
}
@media (max-width:767px){
  .organictabs__menu span{ padding:12px 10px; }
  .organictabs__content ul[data-tab]{ gap:0 14px; }
}/* End custom CSS */