/*
 * Ajustes só do celular: até 767px, o mesmo ponto de quebra do Elementor.
 * O computador e o tablet não passam por aqui; tudo está dentro do @media.
 *
 * O prefixo `body` dá a estas regras mais peso que as do Elementor. `!important` só aparece
 * onde o Elementor pode ter gravado o valor direto no elemento (alinhamento de texto e largura).
 */
@media (max-width: 767px) {

  html { -webkit-text-size-adjust: 100%; }

  /* ---------- títulos ---------- */
  /* Quebra de linha equilibrada: evita uma palavra sozinha na última linha ("ato", "lado."). */
  body .elementor-280 .elementor-heading-title { text-wrap: balance; }

  /* O título do topo era menor (26px) que os das seções (até 35px). Topo 30px, seções 28px. */
  body .elementor-280 .elementor-element.elementor-element-44f38377 .elementor-heading-title {
    font-size: 30px; line-height: 1.15;
  }
  body .elementor-280 .elementor-element.elementor-element-a875d68 .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-4a4db5d1 .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-224eed7e .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-2979910e .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-4b852676 .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-b45ac3b .elementor-heading-title {
    font-size: 28px; line-height: 1.2;
  }

  /* ---------- texto corrido ---------- */
  /* Justificado em coluna estreita abre buracos entre as palavras. */
  body .elementor-280 .elementor-element.elementor-element-4c277159,
  body .elementor-280 .elementor-element.elementor-element-4c277159 p,
  body .elementor-280 .elementor-element.elementor-element-4c343e45,
  body .elementor-280 .elementor-element.elementor-element-4c343e45 p,
  body .elementor-280 .elementor-element.elementor-element-7441cb95,
  body .elementor-280 .elementor-element.elementor-element-7441cb95 p,
  body .elementor-280 .elementor-element.elementor-element-3d4ddd4,
  body .elementor-280 .elementor-element.elementor-element-3d4ddd4 p,
  body .elementor-280 .elementor-element.elementor-element-e7ebd59,
  body .elementor-280 .elementor-element.elementor-element-e7ebd59 p,
  body .elementor-280 .elementor-element.elementor-element-3d7dc2,
  body .elementor-280 .elementor-element.elementor-element-3d7dc2 p {
    text-align: left !important;
  }

  /* ---------- topo ---------- */
  body .elementor-280 .elementor-element.elementor-element-ef0705e img { width: 150px; }
  body .elementor-280 .elementor-element.elementor-element-73c2df1 .elementor-spacer-inner { height: 24px; }
  body .elementor-280 .elementor-element.elementor-element-75557fce,
  body .elementor-280 .elementor-element.elementor-element-75557fce p { line-height: 1.35; }
  /* O parágrafo do topo tinha 12px, justificado, com a última frase à esquerda. */
  body .elementor-280 .elementor-element.elementor-element-066d7c9,
  body .elementor-280 .elementor-element.elementor-element-066d7c9 p {
    font-size: 15px; line-height: 1.55; text-align: center !important; text-wrap: balance;
  }
  body .elementor-280 .elementor-element.elementor-element-628b0690 { width: 100% !important; max-width: 330px !important; }
  body .elementor-280 .elementor-element.elementor-element-628b0690,
  body .elementor-280 .elementor-element.elementor-element-628b0690 p { font-size: 13px; line-height: 1.5; text-wrap: balance; }

  /* ---------- botões ---------- */
  /* O Elementor alinha o botão à esquerda; no celular ele ficava torto e, no bloco do advogado,
     quebrava em duas linhas. Centralizado, uma linha, alvo de toque de 52px. Até 300px de largura:
     com o halo verde de 13px do desenho original, o conjunto cabe na coluna sem encostar na borda. */
  body .elementor-280 .elementor-widget-button .elementor-button-wrapper { text-align: center; }
  body .elementor-280 .elementor-widget-button .elementor-button {
    display: flex; align-items: center; justify-content: center;
    width: 100%; max-width: 300px; min-height: 52px; margin: 0 auto;
    padding: 14px 16px; white-space: nowrap; font-size: 15px;
  }

  /* ---------- áreas de atuação ---------- */
  /* As 15 caixas empilhadas ocupavam 1.300px de rolagem. Mais compactas, com um respiro maior
     entre uma linha e a próxima: cada linha é um pilar. */
  body .elementor-280 .elementor-element.elementor-element-6a0a683c .elementor-inner-column > .elementor-widget-wrap.elementor-element-populated {
    padding: 12px 14px; margin: 4px 0;
  }
  body .elementor-280 .elementor-element.elementor-element-6a0a683c .elementor-inner-section { margin-bottom: 12px; }
  body .elementor-280 .elementor-element.elementor-element-6a0a683c .elementor-widget-icon-box .elementor-icon-box-title {
    font-size: 16px; line-height: 1.3; margin-top: 0;
  }
  body .elementor-280 .elementor-element.elementor-element-7aa2ad5c { width: 100% !important; max-width: 100% !important; }
  body .elementor-280 .elementor-element.elementor-element-7aa2ad5c .elementor-heading-title {
    color: #b9bccb; font-size: 14px; line-height: 1.4;
  }

  /* ---------- advogado ---------- */
  body .elementor-280 .elementor-element.elementor-element-5c3cdbb6 .elementor-spacer-inner { height: 12px; }

  /* ---------- como o escritório atua ---------- */
  body .elementor-280 .elementor-element.elementor-element-4b852676 { margin-top: 0; }
  body .elementor-280 .elementor-element.elementor-element-61f62fb5 .elementor-inner-column > .elementor-widget-wrap.elementor-element-populated {
    padding: 26px 22px;
  }
  body .elementor-280 .elementor-element.elementor-element-28be30b6 .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-78440b2e .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-321c8e66 .elementor-heading-title,
  body .elementor-280 .elementor-element.elementor-element-7462b8bc .elementor-heading-title {
    font-size: 22px; line-height: 1.2;
  }
  /* "Sede em Goiânia/GO. Inscrição..." tinha 215px de largura e quebrava em três linhas. */
  body .elementor-280 .elementor-element.elementor-element-7145a2fb { width: 100% !important; max-width: 340px !important; }
  body .elementor-280 .elementor-element.elementor-element-7145a2fb .elementor-heading-title { font-size: 15px; line-height: 1.45; }
  body .elementor-280 .elementor-element.elementor-element-49c2700e .elementor-spacer-inner { height: 24px; }

  /* ---------- perguntas frequentes ---------- */
  /* A seta flutuava à esquerda e a segunda linha da pergunta quebrava por baixo dela. */
  body .elementor-280 .elementor-element.elementor-element-3ca751c2 .elementor-tab-title {
    display: flex; align-items: baseline; gap: 10px; padding: 14px;
  }
  body .elementor-280 .elementor-element.elementor-element-3ca751c2 .elementor-toggle-icon { float: none; flex: none; }

  /* ---------- rodapé ---------- */
  /* O Elementor escreve este tamanho com `.elementor-icon-list-item >`; sem ele a regra perdia. */
  body .elementor-280 .elementor-element.elementor-element-a51f87c .elementor-icon-list-item > .elementor-icon-list-text,
  body .elementor-280 .elementor-element.elementor-element-bb92f0b .elementor-icon-list-item > .elementor-icon-list-text {
    font-size: 15px; line-height: 1.5;
  }
  body .elementor-280 .elementor-element.elementor-element-7175830c .elementor-heading-title { font-size: 17px; }
}