/* MOBILE HERO POLISH V3 — somente <=720px
   Organiza a foto, CTA e selo sem alterar desktop nem funções. */
@media (max-width:720px){
  .hero{padding-top:78px!important}
  .hero-visual{
    height:430px!important;
    min-height:430px!important;
    margin:0 -16px!important;
    overflow:hidden!important;
  }
  .hero-photo:before{
    background:
      linear-gradient(180deg,rgba(4,7,6,.06) 0%,rgba(4,7,6,.03) 44%,rgba(4,7,6,.42) 72%,rgba(4,7,6,.88) 100%),
      linear-gradient(90deg,rgba(4,7,6,.12),transparent 48%)!important;
  }
  .hero-photo-picture img{
    object-position:center 48%!important;
    filter:saturate(1.01) contrast(1.055) brightness(.90)!important;
  }
  .script-note{
    top:18px!important;
    right:17px!important;
    width:178px!important;
    max-width:47vw!important;
    font-size:27px!important;
    line-height:.98!important;
    text-align:left!important;
    text-shadow:0 3px 14px rgba(0,0,0,.96),0 1px 2px #000!important;
  }

  /* CTA principal mais compacto e com respiro das bordas */
  .hero-visual .hero-booking-chip{
    left:16px!important;
    right:16px!important;
    bottom:78px!important;
    width:auto!important;
    min-width:0!important;
    min-height:52px!important;
    grid-template-columns:38px minmax(0,1fr) 26px!important;
    gap:9px!important;
    padding:7px 9px 7px 7px!important;
    border-radius:14px!important;
    border-color:rgba(215,183,116,.52)!important;
    background:linear-gradient(135deg,rgba(4,14,8,.96),rgba(3,9,6,.90))!important;
    box-shadow:0 12px 26px rgba(0,0,0,.38),0 0 0 1px rgba(32,240,68,.035) inset!important;
  }
  .hero-visual .hero-booking-icon{
    width:38px!important;height:38px!important;border-radius:11px!important;
  }
  .hero-visual .hero-booking-icon svg{width:18px!important;height:18px!important}
  .hero-visual .hero-booking-copy small{
    font-size:6.4px!important;letter-spacing:.13em!important;margin-bottom:3px!important;
  }
  .hero-visual .hero-booking-copy strong{font-size:11px!important;line-height:1.1!important}
  .hero-visual .hero-booking-arrow{width:25px!important;height:25px!important}

  /* Selo vira uma faixa compacta separada do CTA */
  .hero-visual .badge-card{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    width:auto!important;
    max-width:none!important;
    min-height:52px!important;
    padding:9px 12px!important;
    gap:10px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(5,12,8,.95),rgba(4,9,6,.90))!important;
    box-shadow:0 10px 22px rgba(0,0,0,.34)!important;
  }
  .hero-visual .badge-card svg{font-size:24px!important;flex:0 0 auto!important}
  .hero-visual .badge-card strong{font-size:9px!important;letter-spacing:.02em!important}
  .hero-visual .badge-card small{font-size:8px!important;margin-top:2px!important}

  /* Texto abaixo da foto ganha separação clara */
  .hero-copy{padding:24px 0 30px!important}
  .hero-copy .eyebrow{margin-bottom:10px!important}
  .hero h1{margin:0 0 12px!important}
  .hero-sub{margin:0 0 18px!important}
}

@media (max-width:390px){
  .hero-visual{height:414px!important;min-height:414px!important}
  .script-note{font-size:25px!important;width:166px!important;right:14px!important}
  .hero-visual .hero-booking-chip{left:12px!important;right:12px!important;bottom:74px!important}
  .hero-visual .badge-card{left:12px!important;right:12px!important;bottom:12px!important}
}