/* V115 - Banner da página inicial auto ajustável dentro da caixa
   Correção: impede o banner de estourar/cortar, respeita a proporção original
   dos banners 750x150 e mantém a imagem inteira visível dentro do espaço. */

body.site-original-v45 .header-original .banner-original{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:150px !important;
  aspect-ratio:5 / 1 !important;
  overflow:hidden !important;
  background:#f5f5f5 !important;
  border:1px solid #ddd !important;
  box-sizing:border-box !important;
}

body.site-original-v45 .header-original .banner-original .banner-slide,
body.site-original-v45 .header-original .banner-original img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#f5f5f5 !important;
  box-sizing:border-box !important;
}

body.site-original-v45 .header-original .banner-original .banner-slide{display:none !important;}
body.site-original-v45 .header-original .banner-original .banner-slide.active{display:block !important;}

/* Mantém as setas dentro da caixa do banner */
body.site-original-v45 .header-original .banner-original .banner-arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
}

/* Celular e telas menores: continua proporcional e sem estourar largura */
@media (max-width:900px){
  body.site-original-v45 .header-grid{
    display:block !important;
  }
  body.site-original-v45 .header-original .banner-original{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:5 / 1 !important;
    margin-top:8px !important;
  }
}