/* =========================================================
   MICP v147 — HERO COMPOSITION
   Homologação visual das Heros: posição, largura útil e equilíbrio.
   ========================================================= */

@media (min-width:1101px){
  body:not(.page-home):not(.page-origin) .site-hero{
    min-height:700px!important;
    position:relative!important;
    overflow:hidden!important;
  }

  body:not(.page-home):not(.page-origin) .site-hero__content{
    width:min(1260px,calc(100vw - 116px))!important;
    min-height:700px!important;
    margin:0 auto!important;
    padding:0 0 0 20px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    position:relative!important;
    z-index:3!important;
  }

  body:not(.page-home):not(.page-origin) .site-hero__copy{
    margin:0!important;
    padding-top:150px!important;
    max-width:430px!important;
  }

  body.page-application .site-hero__copy{
    max-width:430px!important;
  }

  body.page-how-we-work .site-hero__copy{
    max-width:430px!important;
  }

  body.page-contact .site-hero__copy{
    max-width:430px!important;
  }

  body.page-method .site-hero__copy{
    max-width:760px!important;
  }
body.page-method .hero-title{
    max-width:760px!important;
  }
body.page-application .hero-title,
  body.page-how-we-work .hero-title,
  body.page-contact .hero-title{
    max-width:430px!important;
  }

  body:not(.page-home):not(.page-origin) .site-hero .hero-title{
    margin:0!important;
  }

  body:not(.page-home):not(.page-origin) .site-hero .hero-title + p,
  body:not(.page-home):not(.page-origin) .site-hero .hero-title + .hero-rule + p,
  body:not(.page-home):not(.page-origin) .site-hero .hero-title + .contact-rule + p{
    margin-top:26px!important;
  }

  body:not(.page-home):not(.page-origin) .site-hero .contact-rule,
  body:not(.page-home):not(.page-origin) .site-hero .hero-rule{
    margin:28px 0 24px!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  body:not(.page-home):not(.page-origin) .site-hero{
    min-height:560px!important;
  }
  body:not(.page-home):not(.page-origin) .site-hero__content{
    width:calc(100vw - 48px)!important;
    min-height:560px!important;
    padding:58px 0!important;
    display:flex!important;
    align-items:flex-start!important;
  }
  body:not(.page-home):not(.page-origin) .site-hero__copy{
    padding-top:0!important;
    max-width:560px!important;
  }
}

@media (max-width:760px){
  body:not(.page-home):not(.page-origin) .site-hero{
    min-height:auto!important;
  }
  body:not(.page-home):not(.page-origin) .site-hero__content{
    width:calc(100vw - 40px)!important;
    min-height:auto!important;
    padding:48px 0 56px!important;
    display:flex!important;
    align-items:flex-start!important;
  }
  body:not(.page-home):not(.page-origin) .site-hero__copy{
    padding-top:0!important;
    max-width:100%!important;
  }
}

/* =========================================================
   MICP v149 — HERO GEOMETRY / HOMOLOGAÇÃO VISUAL
   Home como régua: alinhamento esquerdo, altura inicial, fonte e largura útil.
   ========================================================= */
@media (min-width:1101px){
  /* Régua geral: mesma coluna visual da Home */
  body:not(.page-home) .site-hero{
    min-height:700px!important;
    position:relative!important;
    overflow:hidden!important;
  }

  body:not(.page-home) .site-hero__content{
    width:min(1260px,calc(100vw - 116px))!important;
    min-height:700px!important;
    margin:0 auto!important;
    padding:0 0 0 20px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    position:relative!important;
    z-index:3!important;
  }

  body:not(.page-home) .site-hero__copy{
    margin:0!important;
    padding-top:150px!important;
    box-sizing:border-box!important;
  }

  /* Origem usa o mesmo elemento como content/copy; por isso precisa desta correção explícita */
  body.page-origin .origin-hero{
    display:block!important;
    padding:0!important;
    align-items:initial!important;
  }

  body.page-origin .origin-hero__inner{
    width:min(1260px,calc(100vw - 116px))!important;
    min-height:700px!important;
    margin:0 auto!important;
    padding:150px 0 0 20px!important;
    box-sizing:border-box!important;
    display:block!important;
  }

  /* Fonte H1: mesmo sistema da Home */
  body.page-application .hero-title,
  body.page-how-we-work .hero-title,
  body.page-contact .hero-title,
  body.page-origin .hero-title,
  body.page-method .hero-title{
    font-family:var(--serif)!important;
    font-size:40px!important;
    font-weight:400!important;
    line-height:1.04!important;
    letter-spacing:-.02em!important;
    color:#181716!important;
    margin:0!important;
  }

  body.page-application .hero-title,
  body.page-how-we-work .hero-title,
  body.page-contact .hero-title,
  body.page-origin .hero-title{
    max-width:405px!important;
  }

  body.page-method .hero-title{
    max-width:760px!important;
  }

  body:not(.page-home) .site-hero .body-text,
  body.page-origin .origin-hero p.body-text{
    max-width:430px!important;
    font-family:var(--sans)!important;
    font-size:13px!important;
    line-height:1.72!important;
    font-weight:400!important;
    color:#090909!important;
    margin:0!important;
  }

  body:not(.page-home) .site-hero .contact-rule,
  body:not(.page-home) .site-hero .hero-rule,
  body.page-origin .origin-rule{
    width:68px!important;
    height:3px!important;
    background:var(--gold)!important;
    margin:28px 0 24px!important;
  }
}

@media (min-width:1101px) and (max-width:1360px){
  body:not(.page-home) .site-hero__copy,
  body.page-origin .origin-hero__inner{
    padding-top:132px!important;
  }

  body.page-application .hero-title,
  body.page-how-we-work .hero-title,
  body.page-contact .hero-title,
  body.page-origin .hero-title,
  body.page-method .hero-title{
    font-size:37px!important;
    line-height:1.08!important;
  }
}


/* v150 hero alignment */
.hero-title{max-width:700px;}
.site-hero .hero-copy,.site-hero .page-hero__content,.site-hero .method-hero__copy,.site-hero .origin-hero__inner,.site-hero .contato-hero__copy,.site-hero .aplicacao-hero__copy{
margin-left:0;
}