/* ============================================================
   M3 TECHNOLOGY — V6
   Header mais limpo + WhatsApp discreto + Hero 4K
   ============================================================ */

/* Utility bar: no social icons after "Atendimento especializado" */
.project-service{
  gap:26px !important;
}

/* Header desktop: compact WhatsApp icon after search */
.project-nav{
  grid-template-columns:150px auto minmax(340px,440px) 48px !important;
  gap:24px !important;
}
.product-project-header .project-nav{
  grid-template-columns:132px auto minmax(340px,440px) 48px !important;
}

.header-wa-icon{
  width:46px !important;
  height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 46px !important;
  padding:0 !important;
  border-radius:13px !important;
  border:1px solid rgba(48,150,255,.58) !important;
  background:rgba(3,18,35,.55) !important;
  color:#f5fbff !important;
  text-decoration:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 7px 18px rgba(0,40,90,.13) !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
.header-wa-icon:hover{
  transform:translateY(-1px) !important;
  background:rgba(8,73,57,.55) !important;
  border-color:rgba(46,205,113,.70) !important;
  box-shadow:0 8px 22px rgba(15,155,84,.13) !important;
}
.header-wa-icon .wa-svg{
  width:23px !important;
  height:23px !important;
  color:#ffffff !important;
}
.header-wa-icon .wa-svg .wa-bubble{fill:currentColor !important}
.header-wa-icon .wa-svg .wa-phone{fill:#07182d !important}

/* Disable styling of the old big desktop WhatsApp CTA if cached markup remains */
.project-header .project-wa{display:none !important}

/* High-resolution hero treatment */
.project-hero-art{
  background:#061a33 !important;
}
.project-hero-art img{
  image-rendering:auto !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:58% center !important;
  transform:none !important;
  filter:saturate(1.055) contrast(1.025) brightness(1.01) !important;
}
.project-hero-art::before{
  width:31% !important;
  background:linear-gradient(90deg,#04142a 0%,rgba(4,20,42,.82) 30%,rgba(4,20,42,0) 100%) !important;
}

/* Neutral public metadata */
.meta-neutral{
  display:grid !important;
  grid-template-columns:minmax(0,240px) !important;
}

/* Mobile keeps a compact WhatsApp icon, but avoids duplicate desktop control */
@media(max-width:760px){
  .project-nav,
  .product-project-header .project-nav{
    grid-template-columns:42px 1fr 42px 48px !important;
  }
  .header-wa-icon{display:none !important}
  .mobile-wa-btn{
    display:flex !important;
    background:rgba(5,34,38,.74) !important;
    border:1px solid rgba(49,202,115,.62) !important;
  }
  .mobile-wa-btn .wa-svg .wa-bubble{fill:#25d366 !important}
  .mobile-wa-btn .wa-svg .wa-phone{fill:#fff !important}
  .project-hero-art img{
    object-position:62% center !important;
  }
}