/* Gráfica SJT — correção da hero da página inicial v2.3 */
.sjt-home-hero{
  min-height:0;
}
.sjt-home-hero:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.93) 27%,rgba(0,0,0,.72) 47%,rgba(0,0,0,.16) 69%,rgba(0,0,0,.02) 100%),
    var(--sjt-hero-desktop) center right/cover no-repeat!important;
}
.sjt-home-hero:after{display:none!important}

/* O wrapper precisa continuar com a largura global do site. Antes, o max-width
   de 590px centralizava todo o conteúdo no meio da imagem. */
.sjt-home-hero .sjt-hero-content{
  width:min(1180px,calc(100% - 32px));
  max-width:none!important;
  min-height:500px!important;
  margin:0 auto;
  padding:40px 0 54px!important;
  justify-content:center;
  align-items:flex-start;
}
.sjt-home-hero .sjt-hero-title{
  width:min(700px,61%);
  max-width:700px;
  margin:0;
  color:#fff;
  font-family:Impact,"Arial Narrow","Arial Black",Arial,sans-serif;
  font-size:58px!important;
  font-weight:900;
  line-height:.96;
  letter-spacing:.2px;
  text-transform:uppercase;
  text-shadow:0 4px 20px rgba(0,0,0,.55);
}
.sjt-home-hero .sjt-hero-line{display:block;white-space:nowrap}
.sjt-home-hero .sjt-hero-title em{
  color:var(--sjt-yellow);
  font-style:normal;
  position:relative;
  display:inline-block;
}
.sjt-home-hero .sjt-hero-title em:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:4px;
  border-radius:99px;
  background:var(--sjt-red);
}
.sjt-home-hero .sjt-hero-script{
  margin-top:11px;
  color:var(--sjt-red)!important;
  font-size:43px;
  line-height:.9;
  transform:rotate(-2deg);
  transform-origin:left center;
  text-shadow:0 4px 18px rgba(0,0,0,.55);
}
.sjt-home-hero .sjt-hero-desc{
  width:min(505px,52%);
  max-width:505px!important;
  margin-top:22px;
  font-size:16px!important;
  line-height:1.48;
  font-weight:650;
}
.sjt-home-hero .sjt-hero-actions{margin-top:22px}
.sjt-home-hero .sjt-btn{min-height:50px;padding:14px 23px;border-radius:10px}
.sjt-home-hero .sjt-mini-benefits{
  width:min(610px,58%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:25px;
  align-items:stretch;
}
.sjt-home-hero .sjt-mini-benefits span{
  min-width:0;
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  row-gap:1px;
  padding:0 18px;
  border-right:1px solid rgba(255,255,255,.24);
  color:#fff;
}
.sjt-home-hero .sjt-mini-benefits span:first-child{padding-left:0}
.sjt-home-hero .sjt-mini-benefits span:last-child{padding-right:0;border-right:0}
.sjt-home-hero .sjt-mini-benefits i{
  grid-row:1/3;
  align-self:center;
  font-size:25px;
  line-height:1;
}
.sjt-home-hero .sjt-mini-benefits b{
  align-self:end;
  font-size:12px;
  line-height:1.1;
  text-transform:uppercase;
}
.sjt-home-hero .sjt-mini-benefits small{
  color:#eee;
  font-size:10px;
  line-height:1.25;
  font-weight:500;
}

@media(max-width:1180px){
  .sjt-home-hero .sjt-hero-title{font-size:50px!important;width:60%}
  .sjt-home-hero .sjt-hero-desc{width:49%}
  .sjt-home-hero .sjt-mini-benefits{width:60%}
}
@media(max-width:900px){
  .sjt-home-hero{min-height:700px}
  .sjt-home-hero:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.28) 39%,rgba(0,0,0,.9) 69%,rgba(0,0,0,.99) 100%),
      var(--sjt-hero-mobile) center top/cover no-repeat!important;
  }
  .sjt-home-hero .sjt-hero-content{
    min-height:700px!important;
    justify-content:flex-end;
    padding:300px 0 44px!important;
  }
  .sjt-home-hero .sjt-hero-title,
  .sjt-home-hero .sjt-hero-desc,
  .sjt-home-hero .sjt-mini-benefits{width:100%;max-width:660px!important}
  .sjt-home-hero .sjt-hero-title{font-size:45px!important}
}
@media(max-width:620px){
  .sjt-home-hero{min-height:720px}
  .sjt-home-hero .sjt-hero-content{min-height:720px!important;padding:300px 0 36px!important}
  .sjt-home-hero .sjt-hero-title{font-size:36px!important;line-height:.98}
  .sjt-home-hero .sjt-hero-line{white-space:normal}
  .sjt-home-hero .sjt-hero-script{font-size:35px}
  .sjt-home-hero .sjt-hero-desc{font-size:14px!important;margin-top:18px}
  .sjt-home-hero .sjt-hero-actions{width:100%;gap:10px;margin-top:18px}
  .sjt-home-hero .sjt-hero-actions .sjt-btn{width:100%}
  .sjt-home-hero .sjt-mini-benefits{grid-template-columns:1fr;gap:10px;margin-top:18px}
  .sjt-home-hero .sjt-mini-benefits span,
  .sjt-home-hero .sjt-mini-benefits span:first-child,
  .sjt-home-hero .sjt-mini-benefits span:last-child{
    padding:0;
    border-right:0;
    grid-template-columns:24px 1fr;
  }
}