/* Header and hero scale aligned with the current Torcedor na Tela Home. */
.home-hero{background-image:url('assets/home-hero-layout-1-v3-woman.png')}

@media (min-width:701px){
  .home-header{height:72px;padding-inline:max(74px,calc((100vw - 1131px)/2));gap:42px}
  .brand img{width:145px}
  .home-header nav{gap:24px}
  .home-header nav,.home-access button{font-size:13px}
  .home-access .header-create{padding:13px 19px;border-radius:10px}
  .home-hero{height:720px;padding:132px max(24px,calc((100vw - 1131px)/2)) 58px;justify-content:flex-start}
  .hero-title h1{font-size:68px;line-height:1.01;letter-spacing:-.6px}
  .hero-title h1 span,.hero-title h1 em{font-size:78px}
  .hero-title p{font-size:16px;line-height:1.5;margin:14px 0 28px}
  .hero-paths{grid-template-columns:440px 440px;gap:24px}
  .journey-card{min-height:190px;padding:24px;grid-template-columns:56px 1fr;gap:17px}
  .journey-card>i{width:52px;height:52px;font-size:23px}
  .journey-card small{font-size:11px}
  .journey-card h2{font-size:24px;margin:6px 0 8px}
  .journey-card p{font-size:12px;margin-bottom:16px}
  .journey-card a{font-size:13px;padding:11px 22px}
}

@media (max-width:700px){
  .home-header{height:58px;padding-inline:16px}
  .brand img{width:108px}
  .home-header nav.menu-open{top:58px}
  .home-hero{min-height:650px;padding:82px 16px 24px}
  .hero-title h1{font-size:42px;line-height:1}
  .hero-title h1 span,.hero-title h1 em{font-size:50px}
  .hero-title p{font-size:13px;line-height:1.5;margin:12px auto 22px;max-width:330px}
  .hero-paths{gap:14px}
  .journey-card{min-height:182px;padding:18px;grid-template-columns:44px 1fr;gap:13px}
  .journey-card>i{width:42px;height:42px;font-size:18px}
  .journey-card h2{font-size:19px}
  .journey-card p{font-size:11px;line-height:1.5;margin-bottom:12px}
}