/* ==========================================================
   M3 TECHNOLOGY — HERO FINAL V1
   Usa imagem panorâmica 3:1 feita especificamente para a faixa.
   Não altera catálogo, marketplaces, painel ou produtos.
   ========================================================== */

@media(min-width:761px){
  .project-hero-layered,
  .project-hero{
    position:relative!important;
    min-height:510px!important;
    overflow:hidden!important;

    background-color:#04142a!important;
    background-image:url('../images/hero-m3-panorama-4k.webp')!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }

  /* A arte agora já faz parte do arquivo panorâmico correto. */
  .hero-visual-layer,
  .project-hero-art{
    display:none!important;
  }

  .project-hero-layered::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(
      90deg,
      rgba(2,12,27,.26) 0%,
      rgba(2,12,27,.16) 27%,
      rgba(2,12,27,.03) 46%,
      rgba(2,12,27,0) 58%
    )!important;
  }

  .project-hero-layered::after{
    display:none!important;
  }

  .project-hero-grid{
    position:relative!important;
    z-index:3!important;
    min-height:510px!important;
    display:block!important;
  }

  .project-hero-copy{
    width:44%!important;
    max-width:610px!important;
    min-height:510px!important;
    padding:58px 0 52px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    position:relative!important;
    z-index:4!important;
  }
}

/* Mercado Livre — mark oficial/recognizable gets a white presentation area */
.marketplace-store-card.ml-store .marketplace-store-icon{
  background:#fff!important;
  border:1px solid #eef0f3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px!important;
  box-sizing:border-box!important;
}
.marketplace-store-card.ml-store .marketplace-store-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.market-icon-link.ml{
  background:#fff!important;
  padding:3px!important;
}
.market-icon-link.ml img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.market-buy-button.ml-buy img{
  object-fit:contain!important;
  background:#fff!important;
  padding:2px!important;
  box-sizing:border-box!important;
  border-radius:6px!important;
}

/* On very wide displays, keep the panorama natural. */
@media(min-width:1600px){
  .project-hero,
  .project-hero-layered{
    background-size:100% 100%!important;
  }
}

/* We intentionally do not redesign the mobile hero in this repair. */