/* Lojas - grade de cards.
   Cards de 239px com logo em slot fixo de 239x90. A logo mantem 90px de
   altura e as laterais que sobram recebem um fundo desfocado da propria
   logo. Mantem as cores do online (card branco, borda #EEE, divisoria
   #CCC, texto #666). */

/* O .container interno (aninhado em outro container) passava da largura
   util e gerava scroll horizontal em 1200px. */
.lojasPagina > .container {
    width: auto;
    max-width: 100%;
}

.lojasPagina ul.lojas {
    display: grid;
    grid-template-columns: repeat(auto-fill, 239px);
    grid-gap: 15px;
    gap: 15px;
    justify-content: center;
    padding: 0;
    margin: 20px 0 10px;
}

    .lojasPagina ul.lojas:before,
    .lojasPagina ul.lojas:after {
        display: none;
    }

    .lojasPagina ul.lojas li {
        float: none;
        width: 239px;
        margin: 0;
        overflow: hidden;
    }

        .lojasPagina ul.lojas li > a {
            display: block;
        }

        .lojasPagina ul.lojas li .logo.logoLojaSlot {
            position: relative;
            width: 239px;
            height: 90px;
            min-height: 0;
            padding: 0;
            overflow: hidden;
            background-color: #fff;
        }

            .lojasPagina ul.lojas li .logo.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;
            }

            .lojasPagina ul.lojas li .logo.logoLojaSlot img {
                position: relative;
                z-index: 1;
                display: block;
                width: auto;
                max-width: 100%;
                height: 90px;
                margin: 0 auto;
                object-fit: contain;
            }

        .lojasPagina ul.lojas li .dados {
            margin: 0 12px;
            padding: 10px 0;
        }