/* CAMALEONE — etiquetas dos cards de território alinhadas à ESQUERDA no celular.
   Carrega depois de camaleone.css e inverte apenas o lado (direita -> esquerda).
   Para desfazer: remova a linha <link> deste arquivo no index.html. */
@media (max-width: 767px){
  /* contêineres das etiquetas: ancorados à esquerda (mesmo recuo de 18px que havia à direita) */
  html body.cml #territorios .elementor-element-048318c,
  html body.cml #territorios .elementor-element-283d346,
  html body.cml #territorios .elementor-element-597824e,
  html body.cml #territorios .tcg-meta-type-categories,
  html body.cml #territorios .tcg-meta-type-tags{
    left: 18px !important;
    right: auto !important;
    justify-content: flex-start !important;
  }
  /* navegadores com suporte a :has() — regra separada para não invalidar a de cima */
  html body.cml #territorios .elementor-widget-tcg-dynamic-post-meta:has(.tcg-meta-type-categories),
  html body.cml #territorios .elementor-widget-tcg-dynamic-post-meta:has(.tcg-meta-type-tags){
    left: 18px !important;
    right: auto !important;
    justify-content: flex-start !important;
  }
  /* alinhamento interno das pílulas */
  html body.cml #territorios .tcg-meta-type-categories .tcg-dynamic-post-meta-text,
  html body.cml #territorios .tcg-meta-type-tags .tcg-dynamic-post-meta-text{
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

/* CAMALEONE — seção CONTATO no celular: espaço entre o título "CONTATO" e o logotipo.
   Para ajustar o tamanho do espaço, altere o valor de margin-top (32px). */
@media (max-width: 767px){
  html body.cml #contato .elementor-element.elementor-element-3c61f4c{
    margin-top: 32px !important;
  }
}