/* v29 — el visual del hero sale al borde derecho sin quitar el margen de lectura */
@media (min-width:600px) and (max-width:1024px){
  .hero .hero-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    grid-template-columns:minmax(0,47%) minmax(0,53%)!important;
  }
  .hero-copy{padding-left:clamp(30px,5vw,56px)!important;padding-right:18px!important}
  .hero-visual{width:100%!important;justify-self:stretch!important}
  .hero-map-composite{width:116%!important;height:116%!important;left:-8%!important;top:-8%!important}
  .hero-avocado{width:88%!important;right:-7%!important;bottom:0!important}
}