/* Home / SEO Section — 1.0.36.3
   Dono: Home / SEO Section
   Origem preservada: assets/css/components/contracts/home-seo-section-contract.css
   Regra: CSS deve morar no componente/página dona.
*/
/* Home SEO dark section component contract — 1.0.36.3
   Scope: only the dark SEO/strategy section on the Home page.
   Goal: keep the same text, but make the mobile typography balanced and premium.
*/

@media (max-width: 767px) {
  body.page-home .seo-section.home-seo-section .seo-split {
    grid-template-columns: 1fr;
  }

  body.page-home .seo-section.home-seo-section .seo-left {
    padding: 46px 30px 42px;
    min-height: auto;
    text-align: left;
  }

  body.page-home .seo-section.home-seo-section .seo-left::after {
    display: none;
  }

  body.page-home .seo-section.home-seo-section .seo-eyebrow {
    max-width: 100%;
    margin-bottom: 14px;
    font-size: 0.68rem;
    line-height: 1.35;
    letter-spacing: 0.16em;
  }

  body.page-home .seo-section.home-seo-section .seo-title {
    max-width: 100%;
    margin: 0 0 18px;
    color: #FFFFFF;
    font-size: clamp(1.72rem, 7.05vw, 1.96rem);
    line-height: 1.20;
    letter-spacing: -0.032em;
    font-weight: 820;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.page-home .seo-section.home-seo-section .seo-desc {
    max-width: 20rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.98rem;
    line-height: 1.68;
    letter-spacing: -0.01em;
  }

  body.page-home .seo-section.home-seo-section .btn-orange {
    margin-top: 28px;
  }
}

@media (max-width: 380px) {
  body.page-home .seo-section.home-seo-section .seo-left {
    padding-right: 24px;
    padding-left: 24px;
  }

  body.page-home .seo-section.home-seo-section .seo-title {
    font-size: clamp(1.58rem, 7vw, 1.78rem);
    line-height: 1.22;
  }
}