/* V7 – restaura o celular COMPLETO da imagem enviada e coloca-o junto ao texto.
   O desktop permanece exatamente com a capa aprovada. */
@media (max-width:700px) {
  .hero {
    overflow:hidden!important;
    border-radius:18px!important;
    isolation:isolate;
  }
  .hero-mobile {
    display:grid!important;
    grid-template-columns:43% 57%!important;
    grid-template-rows:164px 222px!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:linear-gradient(108deg,#b00019 0%,#e90024 44%,#90000f 100%)!important;
  }
  .hero-mobile .studio-panel {
    height:164px!important;
    grid-column:1!important;
    grid-row:1!important;
    overflow:hidden!important;
  }
  .hero-mobile .studio-panel img {
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:34% center!important;
  }
  .hero-mobile .hero-identity {
    grid-column:2!important;
    grid-row:1!important;
    height:164px!important;
    min-height:0!important;
    padding:11px 5px 9px!important;
    background:radial-gradient(ellipse at 30% 40%,#ee1831,#bb001d 86%)!important;
  }
  .hero-mobile .hero-identity img {
    height:116px!important;width:auto!important;max-width:94%!important;
    max-height:116px!important;object-fit:contain!important;
  }
  .hero-mobile .hero-identity p {
    font-size:clamp(11px,3.5vw,16px)!important;
    white-space:nowrap!important;line-height:1.12!important;
    margin:1px 0 0!important;
  }
  .hero-mobile .hero-app {
    display:grid!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    grid-template-columns:minmax(0,56%) 44%!important;
    height:222px!important;
    min-height:222px!important;
    background:linear-gradient(106deg,#cd0020 0%,#a50019 60%,#8d0015 100%)!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    align-items:center!important;
  }
  .hero-mobile .hero-app .phone {
    display:block!important;
    grid-column:2!important;grid-row:1!important;
    position:relative!important;
    width:auto!important;
    height:214px!important;
    max-height:214px!important;
    max-width:96%!important;
    object-fit:contain!important;
    transform:none!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
    filter:drop-shadow(0 5px 5px #2c001855)!important;
  }
  .hero-mobile .hero-app-copy {
    min-width:0!important;
    grid-column:1!important;grid-row:1!important;
    align-self:center!important;
    padding:8px 0 10px 14px!important;
    transform:none!important;
  }
  .hero-mobile .hero-app-copy h2 {
    display:block!important;
    font-size:clamp(20px,5.6vw,25px)!important;
    line-height:1.05!important;
    letter-spacing:-.6px!important;
    margin:0 0 9px!important;
    color:#fff!important;
  }
  .hero-mobile .hero-app-copy h2 br {display:none!important;}
  .hero-mobile .hero-app-copy h2 strong {display:block!important;color:#ffdd23!important;white-space:normal!important;}
  .hero-mobile .hero-app-copy p {
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
    font-size:11.5px!important;
    line-height:1.3!important;
    margin:0 0 9px!important;
  }
  .hero-mobile .store-buttons {display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:stretch!important;}
  .hero-mobile .store-buttons a {
    flex:1 1 86px!important;
    width:auto!important;
    min-width:0!important;
    min-height:35px!important;
    padding:5px 5px!important;
    border:1px solid #fff!important;
    border-radius:7px!important;
  }
  .hero-mobile .store-buttons a small {font-size:7px!important;white-space:nowrap!important;}
  .hero-mobile .store-buttons a b {font-size:9.5px!important;white-space:nowrap!important;}
  .hero-mobile .store-buttons .store-symbol {font-size:17px!important;}
}
@media (max-width:360px) {
  .hero-mobile{grid-template-rows:148px 204px!important;}
  .hero-mobile .studio-panel,.hero-mobile .hero-identity{height:148px!important;}
  .hero-mobile .hero-identity img{height:106px!important;max-height:106px!important;}
  .hero-mobile .hero-app{height:204px!important;min-height:204px!important;grid-template-columns:minmax(0,57%) 43%!important;}
  .hero-mobile .hero-app .phone{height:196px!important;max-height:196px!important;}
  .hero-mobile .hero-app-copy h2{font-size:19px!important;}
  .hero-mobile .hero-app-copy p{font-size:10.3px!important;}
  .hero-mobile .store-buttons a{flex-basis:68px!important;min-height:31px!important;padding:4px 3px!important;gap:3px!important;}
  .hero-mobile .store-buttons .store-symbol{font-size:13px!important;}
  .hero-mobile .store-buttons a b{font-size:8px!important;}
  .hero-mobile .store-buttons a small{font-size:6px!important;}
}