/* Home - "Ultimos Anuncios": a .row interna (margens -15px sem container)
   passava 15px da viewport e gerava scroll horizontal em todas as larguras. */
.backContentCarros {
    overflow-x: hidden;
}

/* Home - "Nossas Lojas".
   Slot fixo de 239x90 por loja. A logo mantem 90px de altura e, quando
   e mais estreita que o slot (ex.: logos 300x150), as laterais sao
   preenchidas por um fundo desfocado da propria logo. */

.logoLojasInicial .media-box.logoLojaSlot {
    width: 239px;
    max-width: 100%;
    height: 90px;
    margin: 0 auto 2px;
    overflow: hidden;
    background-color: #fff;
}

    .logoLojasInicial .media-box.logoLojaSlot .logoLojaBlur {
        position: absolute;
        top: -36px;
        right: -36px;
        bottom: -36px;
        left: -36px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        z-index: 0;
    }

    .logoLojasInicial .media-box.logoLojaSlot img {
        position: relative;
        z-index: 1;
        display: block;
        width: auto;
        max-width: 100%;
        height: 90px;
        margin: 0 auto;
        object-fit: contain;
    }

/* Abaixo de 1200 o item do carrossel e estreito: reduz os recuos laterais
   do item e da coluna para o slot caber inteiro (239x90). */
@media (max-width: 1199px) {
    .logoLojasInicial .owl-item {
        padding-left: 0;
        padding-right: 0;
    }

    .logoLojasInicial .owl-item > .col-md-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
}
