/* HERO VISUAL ONLY — v204
   Pedido: remover a copy da hero e manter apenas:
   1) Sistema Vivo (4 ações)
   2) Ecossistema visual com Brax + cards laterais
   3) Hub inferior do ecossistema
*/
#homeView #top.hero{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:14px!important;
  width:min(1240px,calc(100vw - 32px))!important;
  min-height:0!important;
  margin-left:50%!important;
  transform:translateX(-50%)!important;
  padding:22px 0 34px!important;
}

#homeView .hero-copy-block{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0!important;
  align-self:auto!important;
}

/* Remove somente a parte textual/comercial da hero. */
#homeView .hero-copy-block>.hero-kicker,
#homeView .hero-copy-block>h1,
#homeView .hero-copy-block>p:not(.hero-kicker),
#homeView .hero-copy-block>.hero-actions,
#homeView .hero-copy-block>.hero-trust,
#homeView .hero-copy-block>.hero-next-step{
  display:none!important;
}

/* Mantém os quatro atalhos como cabeçalho funcional da hero. */
#homeView .hero-system-map{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
}

/* O palco do Brax passa a ser o protagonista absoluto. */
#homeView .hero-visual.hero-ecosystem,
#homeView .eco196-stage{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  align-self:start!important;
}

@media(min-width:1081px){
  #homeView .eco196-stage{min-height:680px!important}
}

@media(max-width:1080px){
  #homeView #top.hero{
    width:min(940px,calc(100vw - 28px))!important;
    min-height:0!important;
    gap:12px!important;
    padding:16px 0 28px!important;
  }
  #homeView .hero-copy-block{max-width:none!important}
  #homeView .eco196-stage{min-height:610px!important}
}

@media(max-width:760px){
  #homeView #top.hero{
    width:calc(100vw - 18px)!important;
    min-height:0!important;
    gap:8px!important;
    padding:8px 0 20px!important;
  }
  #homeView .hero-system-map{
    margin:0!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  #homeView .hero-system-map-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  #homeView .hero-system-map-grid a{
    min-height:70px!important;
    padding:8px 5px!important;
    text-align:center!important;
  }
  #homeView .hero-system-map-grid small{display:none!important}
  #homeView .eco196-stage{
    min-height:500px!important;
    margin-top:0!important;
  }
}

@media(max-width:480px){
  #homeView #top.hero{
    width:calc(100vw - 14px)!important;
    gap:6px!important;
    padding-top:6px!important;
  }
  #homeView .hero-system-map-head{
    padding:1px 3px 7px!important;
  }
  #homeView .hero-system-map-head small{display:none!important}
  #homeView .hero-system-map-grid a{
    min-height:58px!important;
    padding:7px 3px!important;
  }
  #homeView .hero-system-map-grid b{
    margin-bottom:5px!important;
    font-size:8px!important;
  }
  #homeView .hero-system-map-grid span{
    font-size:8.5px!important;
  }
  #homeView .eco196-stage{
    min-height:455px!important;
    border-radius:19px!important;
  }
}