/* Hero de teléfono: contenido más grande, centrado y sin área visual vacía. */
@media (max-width:767px){
  .hero{min-height:auto!important;}
  .hero-grid{padding:40px 24px 34px!important;}
  .hero-copy{
    display:grid!important;
    justify-items:center!important;
    text-align:center!important;
    padding:0!important;
  }
  .hero-copy .badge{justify-content:center!important;}
  .hero-copy h1{
    max-width:360px!important;
    font-size:40px!important;
    line-height:1.02!important;
    margin:20px auto 18px!important;
  }
  .hero-copy p{
    max-width:360px!important;
    font-size:15px!important;
    line-height:1.58!important;
    margin-inline:auto!important;
  }
  .hero-actions{
    width:min(100%,360px)!important;
    margin-top:26px!important;
  }
  .hero-actions .btn{justify-content:center!important;}
}