/* ==========================================================
   M3 TECHNOLOGY — HERO FINAL V1.4
   Corrige SOMENTE a forma de carregar a imagem panorâmica.
   ========================================================== */

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

    /* Caminho fornecido diretamente pelo HTML em vez de caminho relativo CSS */
    background-image:var(--m3-panorama)!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }

  .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;
  }
}