.banners-inline {
    padding-bottom: 1.2rem;
    display: flex;
    justify-content: space-between;
}

/* Reserva espaço para evitar CLS com lazyload */
.banner-aspect-ratio {
    position: relative;
    aspect-ratio: 4;
    overflow: hidden;
    contain: layout;
}
/* Mobile slide aspect ratio */
@media (max-width: 767px) {
    .banner-aspect-ratio {
      aspect-ratio: 4 / 3; /* Mobile ratio (800x600) */
    }
  }

.banner-aspect-ratio a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-aspect-ratio img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.banners-inline .item, .banners-inline .item img {
    width: 100%;
    transition: all .12s;
}

.container .banners-inline .item img {
    border-radius: 8px;
}

.banners-inline .item:hover{
    opacity: .84;
}