/* MX Media V42 — posicionamento sem sobreposicao + cache renovado */
.hero .hero-art.hero-mascot {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  justify-items:center!important;
  align-content:center!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  position:relative!important;
}
.hero .hero-art.hero-mascot > .mascot-speech {
  grid-row:1!important;
  grid-column:1!important;
  position:relative!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  transform:none!important;
  float:none!important;
  width:min(350px,95%)!important;
  max-width:350px!important;
  height:auto!important;
  margin:0 auto!important;
  z-index:4!important;
  box-sizing:border-box!important;
  justify-self:center!important;
}
.hero .hero-art.hero-mascot > .mascot-speech::after {
  content:""!important;
  position:absolute!important;
  top:auto!important;right:auto!important;left:50%!important;bottom:-15px!important;
  transform:translateX(-50%)!important;
  width:0!important;height:0!important;
  border-left:11px solid transparent!important;
  border-right:11px solid transparent!important;
  border-top:16px solid #fff!important;
  border-bottom:0!important;
}
.hero .hero-art.hero-mascot > img {
  grid-row:2!important;
  grid-column:1!important;
  position:relative!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  transform:none!important;
  float:none!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:410px!important;
  max-height:410px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  z-index:2!important;
  justify-self:center!important;
}
.hero .hero-art.hero-mascot > .glow,
.hero .hero-art.hero-mascot > .spark {pointer-events:none!important}
.hero .hero-art.hero-mascot > .mascot-speech.mx-speaking-order {
  outline:3px solid #ffd338;
  animation:mx41pop .4s ease both;
}
@keyframes mx41pop {from{opacity:0;scale:.97}to{opacity:1;scale:1}}
@media(max-width:850px){
  .hero .hero-art.hero-mascot{min-height:0!important;gap:14px!important}
  .hero .hero-art.hero-mascot > img{height:325px!important;max-height:325px!important}
}
@media(max-width:520px){
  .hero .hero-art.hero-mascot{min-height:0!important;gap:12px!important}
  .hero .hero-art.hero-mascot > .mascot-speech{width:min(330px,96%)!important}
  .hero .hero-art.hero-mascot > img{height:280px!important;max-height:280px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-art.hero-mascot > .mascot-speech.mx-speaking-order{animation:none!important}
}

/* V49: hero mais compacto em desktop, tablet e celular. */
.hero#inicio {
  min-height:0!important;
  padding-top:32px!important;
  padding-bottom:44px!important;
  align-items:center!important;
}
.hero#inicio > div:first-child {min-width:0!important;}
.hero#inicio .hero-art.hero-mascot {align-content:center!important;}
@media(max-width:850px) {
  .hero#inicio {padding-top:28px!important;padding-bottom:30px!important;min-height:0!important;}
  .hero#inicio .hero-art.hero-mascot {margin-top:12px!important;}
}
@media(max-width:520px) {
  .hero#inicio {padding-top:22px!important;padding-bottom:24px!important;min-height:0!important;}
  .hero#inicio .hero-art.hero-mascot {margin-top:8px!important;}
  .hero#inicio .hero-art.hero-mascot > .mascot-speech {max-width:calc(100vw - 36px)!important;}
  .hero#inicio .hero-art.hero-mascot > img {max-width:calc(100vw - 36px)!important;}
}