/* ==========================================================
   M3 TECHNOLOGY — MOBILE V2.2
   HERO SEM IMAGEM SOMENTE NO MOBILE
   DESKTOP NÃO É ALTERADO.
   ========================================================== */

@media(max-width:760px){

  /* Remove exclusivamente a imagem visual do hero no mobile */
  .m3-hero-direct,
  .hero-visual-layer,
  .project-hero-art{
    display:none!important;
  }

  /* Mantém o hero como bloco azul institucional */
  .project-hero.project-hero-layered,
  .project-hero{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 82% 18%, rgba(17,111,225,.18), transparent 34%),
      linear-gradient(115deg,#031224 0%,#061b35 58%,#0a3766 100%)!important;
  }

  .project-hero-layered::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 78% 26%,rgba(17,119,245,.14),transparent 31%)!important;
  }

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

  .project-hero .project-hero-grid{
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0 16px!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
  }

  .project-hero-copy{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:42px 0 38px!important;
    display:block!important;
  }

  .project-hero-copy .eyebrow{
    margin:0 0 10px!important;
  }

  .project-hero-copy h1{
    max-width:100%!important;
    margin:0!important;
    font-size:40px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }

  .project-hero-copy p{
    max-width:100%!important;
    margin:16px 0 0!important;
    font-size:15px!important;
    line-height:1.58!important;
    color:#c7d2df!important;
  }

  .project-hero-actions{
    margin-top:24px!important;
    padding-bottom:0!important;
  }

  /* Um pouco mais de separação antes do catálogo */
  .catalog-section{
    padding-top:48px!important;
  }
}

@media(max-width:390px){
  .project-hero-copy{
    padding:38px 0 34px!important;
  }

  .project-hero-copy h1{
    font-size:35px!important;
  }
}