/* Hero com foto no celular (29/09/2026). So vale ate 760px; o desktop fica
   como estava. Antes: 80px vazios acima da foto, foto em cartao encostando na
   borda, subtitulo de 4 linhas e o balao da Ana Julia em cima dos botoes. */
@media (max-width:760px){
  .hero.hero--photo{padding:62px 0 34px;
    background:linear-gradient(180deg,var(--navy) 0%,var(--navy) 45%,var(--navy-900) 100%)}
  /* foto de ponta a ponta, sem canto, fundindo no marinho embaixo */
  .hero--photo .hero-photo-bleed{margin-top:0;height:auto;aspect-ratio:16/10;border-radius:0}
  .hero--photo .hero-photo-bleed::after{display:block;
    background:linear-gradient(180deg,rgba(21,41,77,.45) 0%,rgba(21,41,77,0) 22%,rgba(21,41,77,0) 58%,rgba(21,41,77,.75) 84%,var(--navy) 100%)}
  .hero--photo .hero-photo-bleed img{object-position:58% 55%}
  .hero--photo .container{position:relative;z-index:2;margin-top:-38px}
  .hero--photo .eyebrow{font-size:.7rem;letter-spacing:.1em;margin-bottom:.55rem}
  .hero--photo h1{margin-bottom:.3em}
  .hero--photo .sub{font-size:1.02rem;line-height:1.5;margin-bottom:1.15rem}
  .hero--photo .cta-row{gap:10px;margin-bottom:1.1rem}
  .hero--photo .trust{font-size:.84rem;gap:6px 16px}
  /* o balao e as mensagens da Ana Julia esperam os botoes da hero sairem da tela */
  /* display:none, nao visibility: o balao escondido ainda ocupava espaco e
     empurrava a foto da Ana Julia para cima do botao */
  body.hero-cta-na-tela .aj-bubble,body.hero-cta-na-tela .aj-msgs{display:none}
}
/* celular estreito (360px): kicker em uma linha e titulo em duas */
@media (max-width:380px){
  .hero--photo .eyebrow{font-size:.64rem;letter-spacing:.06em}
  .hero--photo h1{font-size:1.95rem}
  .hero--photo .trust{padding-right:64px}
}