/* =========================================================
   MICP v122 — HERO TITLE SYSTEM
   Objetivo: centralizar a implementação tipográfica dos H1 das Heros.
   Observação: nesta etapa preserva os valores visuais aprovados em desktop.
   ========================================================= */

@media (min-width:1101px){
  /* MICP v134 — Homologação visual H1 das Heros
     Home permanece master; demais páginas aproximadas da mesma presença visual. */
  body.page-home{--hero-title-size:40px;--hero-title-line:1.02;--hero-title-track:-.02em;--hero-title-max:405px;}
  body.page-contact{--hero-title-size:40px;--hero-title-line:1.04;--hero-title-track:-.02em;--hero-title-max:405px;}
  body.page-application{--hero-title-size:40px;--hero-title-line:1.04;--hero-title-track:-.02em;--hero-title-max:405px;}
  body.page-how-we-work{--hero-title-size:40px;--hero-title-line:1.04;--hero-title-track:-.02em;--hero-title-max:430px;}
  body.page-method{--hero-title-size:40px;--hero-title-line:1.04;--hero-title-track:-.02em;--hero-title-max:760px;}
  body.page-origin{--hero-title-size:40px;--hero-title-line:1.04;--hero-title-track:-.02em;--hero-title-max:430px;}

  .hero-title{
    margin:0!important;
    font-family:var(--serif)!important;
    font-weight:400!important;
    font-size:var(--hero-title-size)!important;
    line-height:var(--hero-title-line)!important;
    letter-spacing:var(--hero-title-track)!important;
    max-width:var(--hero-title-max)!important;
    color:#181716;
  }



  .hero-title__line{
    display:block;
    white-space:nowrap;
  }

  .hero-title .hero-title__line{color:#181716!important;}
}

@media (min-width:1101px) and (max-width:1360px){
  body.page-home,
  body.page-contact,
  body.page-application,
  body.page-how-we-work,
  body.page-method,
  body.page-origin{--hero-title-size:37px;--hero-title-line:1.08;}
}



@media (max-width:760px){
  .hero-title__line{white-space:normal;}
}