/*
 * Ajustes de mobile para todas as páginas copiadas do WordPress/Elementor.
 * Só vale até 767px (o breakpoint "mobile" do Elementor); desktop e tablet ficam como estão.
 * Ligado em todas as páginas por espelhar-paginas.py (<link> antes do </head>).
 * Os !important são necessários porque o CSS do Elementor usa seletores por elemento.
 */
@media (max-width: 767px) {

  /* 1. Títulos: no desktop a entrelinha é 1.0; no celular eles quebram em várias linhas e ficam colados */
  body .elementor .elementor-heading-title { line-height: 1.2 !important; }

  /* 2. Botões: texto pode quebrar com folga e o padding lateral não espreme o texto */
  body .elementor .elementor-button {
    white-space: normal;
    max-width: 100%;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body .elementor .elementor-button .elementor-button-text { line-height: 1.3; }

  /* 3. Parágrafos montados como título (22px, entrelinha 1.0) viram texto corrido legível */
  /* v6 */
  body .elementor .elementor-element-6108254 .elementor-heading-title,
  body .elementor .elementor-element-a283d2f .elementor-heading-title,
  body .elementor .elementor-element-47793e0 .elementor-heading-title,
  body .elementor .elementor-element-4f753b6 .elementor-heading-title,
  body .elementor .elementor-element-723dc9f .elementor-heading-title,
  body .elementor .elementor-element-57083fd7 .elementor-heading-title,
  /* lp-2026 */
  body .elementor .elementor-element-74433703 .elementor-heading-title,
  body .elementor .elementor-element-6c5624f4 .elementor-heading-title,
  body .elementor .elementor-element-75784476 .elementor-heading-title,
  body .elementor .elementor-element-1651dc7a .elementor-heading-title {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }
  /* subtítulos grandes demais */
  body .elementor .elementor-element-6d7486e5 .elementor-heading-title { font-size: 20px !important; line-height: 1.3 !important; }
  /* front_page: lista de passos em 27px e frase do topo em 28px */
  body .elementor .elementor-element-199bacd0 .elementor-heading-title { font-size: 18px !important; line-height: 1.45 !important; }
  body .elementor .elementor-element-589e6b18 .elementor-heading-title { font-size: 20px !important; line-height: 1.35 !important; }
  body .elementor .elementor-element-6ac38d43 .elementor-heading-title,
  body .elementor .elementor-element-6ac38d43 p { line-height: 1.25 !important; }

  /* 4. Cards "Seis motivos" (v6) e equivalentes (lp-2026): no celular cada card fica com a altura do maior */
  body .elementor .e-grid:has(> .elementor-element-cf7388e),
  body .elementor .e-grid:has(> .elementor-element-2b838f80),
  body .elementor .e-con-inner:has(> .elementor-element-cf7388e),
  body .elementor .e-con-inner:has(> .elementor-element-2b838f80) { grid-auto-rows: auto !important; }
  body .elementor .elementor-element-cf7388e,
  body .elementor .elementor-element-f851363,
  body .elementor .elementor-element-1f4fd78,
  body .elementor .elementor-element-2b838f80,
  body .elementor .elementor-element-7f648516,
  body .elementor .elementor-element-907e1e0 { align-self: start !important; height: auto !important; }

  /* 5. Fotos que no desktop ficam pequenas ao lado do texto: no celular ocupam a largura */
  body .elementor .elementor-element-3af3114,
  body .elementor .elementor-element-404f0c6 {
    --container-widget-width: 100%;
    width: 100% !important;
    max-width: 100% !important;
  }
  body .elementor .elementor-element-3af3114 img,
  body .elementor .elementor-element-404f0c6 img { width: 100%; height: auto; }

  /* 6. Formulários HubSpot (gocase-ok, modelo-black): botão de envio largo e fácil de tocar */
  .hs-form input[type="submit"], .hs-form .hs-button {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
  }

  /* 7. Etiquetas "SITE / GOCASE EMPRESAS" da comparação (v6) estavam em 10.5px */
  body .elementor .elementor-element-e4f04fa .gcw-label { font-size: 11.5px !important; }

  /* 8. teste-forms usa o tema padrão do WordPress, sem margem lateral */
  body.page-id-1192 .wp-site-blocks { padding-left: 16px; padding-right: 16px; }
}