/* Mobile */
@media (max-width: 768px){
  /* Zoom out */
  .hero-split{
    height: 50vh !important; /* altura menor no mobile */
    background: #000; /* fundo para áreas vazias */
  }
  .hero-split > img{
    object-fit: contain !important; /* mostra imagem inteira */
    object-position: center;
    max-height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px){
  .hero-split{
    height: 50vh !important;
    background: #000;
    overflow: hidden; /* evita overflow no pinch */
  }
  .hero-split > img{
    object-fit: contain !important;
    object-position: center;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    background-color: #000;
    pointer-events: none; /* impede interação na imagem */
  }
}