:root {
    --corPrincipal: #29ADE2;
    --corLaranja: #EFA22E;
    --fontMontserrat: 'Montserrat', sans-serif;
}

* {
    max-width: 100%;
}

h1 {
    color: #41bae9 !important;
    margin: 1rem 0;
}

h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3rem;
}

.Centro {
    margin: 0 auto;
    width: 78.125rem; /* 1250px */
}


.azul path {
    stroke: var(--corPrincipal);
}

header {
    background-color: #eaeaea;
}

    header .container .carrinho-login {
        display: flex;
    }

        header .container .carrinho-login .carrinho {
            width: 35%;
            text-align: center;
            align-self: center;
        }

        header .container .carrinho-login .login {
            width: 65%;
            text-align: center;
            padding: 2rem 1rem;
            background-color: #c4c4c4;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            gap: 0.2rem;
        }

            header .container .carrinho-login .login a {
                color: #000;
                text-decoration: none;
            }

            header .container .carrinho-login .login i {
                font-size: 1.5rem;
            }

            header .container .carrinho-login .login .name-user {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

/* #region Cabecalho */

#Cabecalho .Topo {
    /*height: 6.5625rem;*/ /* 105px */
    /*padding: .7rem 0;*/
    background-color: #EAEAEA;
}

#Cabecalho .Meio {
    height: 3.525rem;
    background: #000;
}

#Cabecalho .Inferior {
    height: 3.5rem;
    margin-bottom: 1rem;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
    box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
}

/* #region Menu */

.Menu {
    font-family: var(--fontMontserrat);
    font-size: 1rem; /* 16px */
}

.Topo .Menu {
    padding: 0.75rem;
    display: flex;
    justify-content: flex-end;
}

#Cabecalho .Menu .navbar {
    padding: 0.5rem 0;
}


#Cabecalho .Topo .Menu .navbar .navbar-nav .nav-link {
    color: #000;
    text-decoration: none;
}

#Cabecalho .Meio .row {
    margin: 0;
}

#Cabecalho .Meio .Menu {
    padding: 0;
}

    #Cabecalho .Meio .Menu .nav-link {
        color: #fff;
    }

    #Cabecalho .Meio .Menu .dropdown {
        position: static;
    }

    #Cabecalho .Meio .Menu .dropdown-menu {
        border: 0;
        border-radius: 0;
        z-index: 1000;
        top: 2.85rem;
        width: 100%;
        margin-bottom: 1rem;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
        box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
    }

        #Cabecalho .Meio .Menu .dropdown-menu .flex-container {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
        }

            #Cabecalho .Meio .Menu .dropdown-menu .flex-container > .dropdown-item {
                padding: 0.25rem 0.5rem 0 0.5rem;
                width: unset;
            }

#Cabecalho .Meio.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

    #Cabecalho .Meio.affix .Menu .dropdown-menu {
        box-shadow: 0px 3px 3px 0px rgba(185,185,191,1);
    }


#Cabecalho .Meio .Menu .dropdown:hover > .dropdown-menu {
    display: block;
}


/* #endregion Menu*/


#Cabecalho #Pesquisa {
    padding-top: 1.25rem;
}

#CaixaBusca {
    display: flex;
    align-items: center;
    font-family: var(--fontMontserrat);
}

    #CaixaBusca #CampoBusca {
        flex-basis: 100%;
        position: relative;
    }

        #CaixaBusca #CampoBusca #txtBusca {
            padding: 10px 45px 10px 25px;
            width: 100%;
            border-radius: 10px;
            border: none;
            outline: none;
        }

        #CaixaBusca #CampoBusca .btn {
            position: absolute;
            right: 0;
            color: #eaeaea;
            font-size: 1.3rem;
        }

.iconCarrinho {
    font-size: 1.3rem;
    color: #000 !important;
    position: relative;
    text-decoration: none !important;
}

    .iconCarrinho i {
        font-size: 1.5rem;
    }

    .iconCarrinho span {
        display: var(--hideCount);
        position: absolute;
        bottom: -5px;
        right: -5px;
        background-color: #efa22e;
        border-radius: 50%;
        height: 1.3rem;
        width: 1.3rem;
        text-align: center;
    }

        .iconCarrinho span:after {
            content: var(--amountItens);
            font-family: 'Signika-Bold';
            font-size: 1rem;
            line-height: 1.3;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.login {
    text-decoration: none !important;
    font-family: var(--fontMontserrat);
    font-weight: 700;
}

    .login div {
        display: inline-flex;
        padding: 2rem 1rem;
        margin-left: 1.7rem;
        background-color: #c4c4c4;
        align-items: center;
        color: #000;
        font-weight: bold;
    }

        .login div i {
            font-size: 1.4rem;
            margin-right: 0.5rem;
        }

#Menu {
    background-color: #000;
    z-index: 2000;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

    #Menu .nav-item:nth-of-type(n+2) {
        margin-left: 1rem;
    }

    #Menu .nav-link {
        color: #fff;
        font-family: var(--fontMontserrat);
        font-weight: 600;
    }
/* #endregion Cabecalho */


/* #region Home */

#BannerPrincipal #BannerDesktop {
    display: block;
}

#BannerPrincipal #BannerResponsivo {
    display: none;
}

.carousel-indicators {
    margin-bottom: 0;
}

    .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

#Home {
    margin-top: 1rem;
}

    #Home .bannerlateral {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 2rem;
        background-color: var(--corPrincipal);
    }

        #Home .bannerlateral img {
            position: absolute;
            bottom: -40px;
            left: 0;
            max-width: unset;
            width: 600px;
            z-index: -1;
        }

        #Home .bannerlateral .informacoes {
            display: flex;
            flex-direction: column;
            color: #fff;
            font-family: var(--fontMontserrat);
            font-weight: 700;
            height: 100%;
            justify-content: space-between;
            font-size: 1rem;
        }

            #Home .bannerlateral .informacoes .item {
                margin-bottom: 0.8rem;
            }

                #Home .bannerlateral .informacoes .item i {
                    margin-right: 0.5rem;
                }

            #Home .bannerlateral .informacoes .button a {
                background-color: #fff;
                border-radius: 10px;
                padding: 0.6rem 0.8rem;
                color: #000;
                text-decoration: none;
                display: inline-block;
            }

    #Home .secaofundopreto {
        background: #000;
    }

    #Home #Explicacao {
        padding: 2rem 0;
    }

    #Home .box {
        text-align: center;
        font-size: 16px;
        color: #fff;
        padding: 1.5rem 0;
        border-right: 0.065rem solid #707070;
    }

        #Home .box:last-child {
            border-right: 0;
        }

        #Home .box .titulo {
        }

            #Home .box .titulo h5 {
                margin-top: 0.25rem;
                font-family: Roboto-Bold;
            }

        #Home .box .descricao {
            padding: 0.5rem 1.5rem;
        }

    #Home #Itens,
    #Home .Itens {
        padding: 3.5rem 0 2rem 0;
    }

        #Home #Itens #Superior {
        }

            #Home #Itens #Superior h3 {
                color: #707070;
                font-family: Signika-Regular;
                font-size: 1.5rem;
                text-transform: uppercase;
            }

                #Home #Itens #Superior h3 span {
                    color: #29ADE2;
                    font-family: Signika-Bold;
                }

            #Home #Itens #Superior a {
                text-transform: uppercase;
                text-decoration: none;
                color: #707070;
                font-family: Roboto-Bold;
                margin-left: 0.5rem;
                margin-bottom: 0.15rem;
            }

    #Home #Kits {
        margin: 0;
    }

        #Home #Kits #kit {
            padding-left: 0;
            position: relative;
        }

            #Home #Kits #kit a {
                color: #fff;
                text-decoration: none;
            }

            #Home #Kits #kit .fundo {
                position: absolute;
                display: flex;
                bottom: 0;
                width: 100%;
                height: 100%;
                /*background: url('Imagens/fundoKit.png') bottom left no-repeat;*/
            }

            #Home #Kits #kit .dados {
                color: #fff;
                align-self: flex-end;
                padding: 1.5rem 2rem 1rem 1.5rem;
                width: 100%;
            }

                #Home #Kits #kit .dados h3 {
                    margin: 0.5rem 0 0 0;
                }

                #Home #Kits #kit .dados p {
                    margin-bottom: 0.5rem;
                }

                #Home #Kits #kit .dados #BotaoKit {
                    background: #29ADE2;
                    text-transform: uppercase;
                    border: 0;
                    font-family: Roboto-Bold;
                    font-size: 16px;
                    padding: 0.375rem 1rem;
                }

                    #Home #Kits #kit .dados #BotaoKit:hover {
                        background: #000000;
                        border: 0.065rem solid #29ADE2;
                        color: #29ADE2;
                    }

            #Home #Kits #kit.montarkit .fundo {
                /* background: url('Imagens/FundoMontarKit.png') bottom left no-repeat;*/
            }

            #Home #Kits #kit.montarkit .dados #BotaoKit,
            #Home #Kits #kit.montarkit .dados #BotaoKit:hover {
                background: #000;
                color: #fff;
                border: 0.065rem solid #000;
            }

    #Home #Vantagens {
        margin: 0;
        padding: 1rem 0;
    }

        #Home #Vantagens a {
            text-decoration: none;
        }

        #Home #Vantagens .col-md-4 {
            padding-left: 0;
        }

        #Home #Vantagens #vantagem {
            box-shadow: inset 0 0 0 grey, 0 0 1em #ccc;
            padding: 1rem 0.5rem 1rem 6.75rem;
            background-color: #fff !important;
            height: 130px;
        }

            #Home #Vantagens #vantagem.clube01 {
                background: url(Imagens/Clube01.png) left center no-repeat;
            }

            #Home #Vantagens #vantagem.clube02 {
                background: url(Imagens/Clube02.png) left center no-repeat;
            }

            #Home #Vantagens #vantagem.clube03 {
                background: url(Imagens/Clube03.png) left center no-repeat;
            }

            #Home #Vantagens #vantagem.clube01 h4 {
                color: #217AB7;
            }

            #Home #Vantagens #vantagem.clube02 h4 {
                color: #555ABF;
            }

            #Home #Vantagens #vantagem.clube03 h4 {
                color: #159570;
            }

            #Home #Vantagens #vantagem h4 {
                font-family: Signika-Bold;
                font-size: 16px;
                text-transform: uppercase;
                margin-bottom: 0.1rem;
            }

            #Home #Vantagens #vantagem p {
                margin: 0;
                font-family: Signika-Regular;
                color: #A2A2A2;
                line-height: 1.2;
            }

    #Home #Participar {
        background-color: #000;
        font-family: Signika-Regular;
        color: #fff;
    }

        #Home #Participar .col-md-4 {
            padding: 5.5rem 0;
        }

        #Home #Participar h6 {
            text-transform: uppercase;
            margin-bottom: 1.5rem;
        }

            #Home #Participar h6 span {
                color: #29ADE2;
            }

        #Home #Participar p {
            font-family: Roboto-Regular;
        }

        #Home #Participar #BotaoParticipar {
            text-transform: uppercase;
            background: transparent;
            border: 0.065rem solid #29ADE2;
            color: #29ADE2;
            padding: 0.375rem 1.25rem;
        }

        #Home #Participar .fundo {
            background: url(Imagens/banner-participar.jpg) center no-repeat;
            background-size: 100%;
        }

    #Home #Newsletter {
    }

        #Home #Newsletter .row {
            margin: 0;
        }

            #Home #Newsletter .row .col-md-6 {
                padding: 0;
            }

        #Home #Newsletter .Centro {
            width: 36rem;
            margin: 0 auto;
        }

        #Home #Newsletter #Detalhes {
            padding: 7rem 0;
            font-family: Roboto-Regular;
        }

            #Home #Newsletter #Detalhes h5 {
                font-family: Signika-Bold;
                font-size: 1rem;
                text-transform: uppercase;
            }

            #Home #Newsletter #Detalhes p {
                font-size: 1rem;
            }

            #Home #Newsletter #Detalhes .col-md-8 {
                padding: 0;
            }

            #Home #Newsletter #Detalhes #BotaoPreto {
                background: #000;
                color: #fff;
                font-family: Roboto-Bold;
                border: 0;
                text-transform: uppercase;
            }

            #Home #Newsletter #Detalhes .form-control {
                background-color: #F6FDFF;
                color: #BBBBBB;
                border: 0.065rem solid #D2D2D2;
            }

        #Home #Newsletter .imagemdefundo {
            background: url('Imagens/rodape.jpg') center repeat;
            background-size: 100%;
        }

    #Home #Categorias {
        margin: 3.5rem auto 2rem;
    }

        #Home #Categorias .header {
            text-align: center;
            background-color: #fff;
            font-family: var(--fontMontserrat);
            font-weight: 800;
            margin-bottom: 1.5rem;
        }

        #Home #Categorias .imagens {
            display: flex;
            gap: 1rem;
            margin: 0 1rem;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
        }

            #Home #Categorias .imagens img {
                flex: calc(100% / 4 - 0.75rem);
                scroll-snap-align: start;
                min-width: 18rem;
            }

    #Home #Marcas h5 {
        font-family: var(--fontMontserrat);
        font-weight: 800;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    #Home #Marcas .owl-carousel .owl-stage-outer {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

        #Home #Marcas .owl-carousel .owl-stage-outer .owl-stage {
            display: flex;
            align-items: center;
        }

            #Home #Marcas .owl-carousel .owl-stage-outer .owl-stage img {
                filter: grayscale(1);
                transition: 0.3s all;
                cursor: pointer;
                z-index: 999;
                position: relative;
            }

            #Home #Marcas .owl-carousel .owl-stage-outer .owl-stage img:hover {
                transform: scale(1.03);
                filter: grayscale(0);
            }

    #Home #Marcas .owl-carousel .owl-nav {
        z-index: -1;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        #Home #Marcas .owl-carousel .owl-nav .owl-prev,
        #Home #Marcas .owl-carousel .owl-nav .owl-next {
            font-size: 1.5rem;
            color: #E4DEDE;
        }

    #Home #Ofertas {
        margin: 3.5rem auto 2rem;
    }

        #Home #Ofertas h5 {
            text-align: center;
            background-color: #fff;
            font-family: var(--fontMontserrat);
            font-weight: 800;
            margin-bottom: 1.5rem;
        }

        #Home #Ofertas .imagens {
            display: flex;
            gap: 3rem;
            margin: 0 1rem;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
        }

            #Home #Ofertas .imagens img {
                scroll-snap-align: center;
                min-width: 18rem;
            }

/* #endregion Home */


/* #region Produtos */

#produto {
    margin-bottom: 20px;
}

#Produtos {
    padding: 1.25rem 0 0.75rem 0;
}

    #Produtos #produto .promocaoporcentagem {
        background: #217AB7;
        color: #C8FFFC;
        position: absolute;
        padding: 0.25rem 0.75rem;
        top: 0.25rem;
        right: 0.25rem;
        border-radius: 0.25rem;
    }

        #Produtos #produto .promocaoporcentagem p {
            margin: 0;
            font-family: Roboto-Bold;
            font-size: 14px;
        }

    #Produtos #produto a {
        text-decoration: none;
    }

    #Produtos #produto .imagem {
        height: 280px;
        position: relative;
        box-shadow: inset 0 0 0 grey, 0 0 0.5em #ccc;
        background-size: cover !important;
        border-radius: 0.25rem;
    }



    #Produtos #produto .informacoes {
        font-family: Roboto-Bold;
        padding: 1rem 0 0 0;
    }

        #Produtos #produto .informacoes h5 {
            color: #707070;
            margin-bottom: 1rem;
            font-size: 16px;
        }

        #Produtos #produto .informacoes h6 {
            font-size: 14px;
        }

        #Produtos #produto .informacoes h6, #Produtos #produto .informacoes p {
            color: #A2A2A2;
            text-transform: uppercase;
        }

        #Produtos #produto .informacoes p {
            margin: 0 0.5rem 0 0;
        }

            #Produtos #produto .informacoes p.valor {
                font-size: 18px;
                font-family: Roboto-Regular;
                color: #4c4c4c;
            }

            #Produtos #produto .informacoes p#clube {
                font-family: Roboto-Bold;
                color: #29ade2;
                font-size: 18px;
            }

            #Produtos #produto .informacoes p span.corazul {
                color: #29ADE2;
                font-size: 24px;
            }

            #Produtos #produto .informacoes p span.pequeno {
                color: #707070;
                font-family: Roboto-Regular;
            }

        #Produtos #produto .informacoes .promocao {
            color: #29ADE2;
        }

            #Produtos #produto .informacoes .promocao span.pequeno {
                color: #A2A2A2;
                text-decoration: line-through !important;
            }

    #Produtos .row div[class^='col-']:nth-of-type(n+5) {
        margin-top: 1.9rem;
    }

#Produtos {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 1rem;
}

    #Produtos .produto {
        --i: 1;
        flex-basis: calc((100% / var(--i)) - (1rem * (var(--i) - 1)) / var(--i));
        width: calc((100% / var(--i)) - (1rem * (var(--i) - 1)) / var(--i));
    }

.produto {
    background-color: #fff;
    border: 1px solid #989898;
    border-radius: 5px;
}

    .produto a {
        text-decoration: none;
        color: #000;
    }

        .produto a .imagem {
            position: relative;
            padding: 1rem;
            margin-bottom: 1rem;
        }

            .produto a .imagem > div {
                margin: 0px auto;
                position: relative;
                display: flex;
                -webkit-box-pack: center;
                justify-content: center;
            }

                .produto a .imagem > div .promocaoporcentagem {
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-color: var(--corLaranja);
                    font-family: var(--fontMontserrat);
                    font-weight: 700;
                    font-size: .8rem;
                    color: #fff;
                    padding-left: 1rem;
                    padding-right: 1rem;
                    z-index: 1;
                    text-transform: uppercase;
                }

            .produto a .imagem img {
                width: 100%;
                object-fit: contain;
                aspect-ratio: 1/1;
                mix-blend-mode: multiply;
            }

        .produto a .informacoes {
            padding: 0 1rem 1rem;
            font-family: var(--fontMontserrat);
            font-weight: 400;
        }

            .produto a .informacoes .categoria {
                font-size: .7rem;
                margin-bottom: .5rem;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .produto a .informacoes .descricao {
                font-size: 1rem;
                line-height: 1rem;
                height: 2rem;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                margin-bottom: 1rem;
                font-family: var(--fontMontserrat);
                font-weight: 500;
                text-transform: uppercase;
            }

            .produto a .informacoes .valor {
                font-size: 1rem;
                font-weight: 600;
            }

            .produto a .informacoes .valorassin {
                color: var(--corPrincipal);
                font-family: var(--fontMontserrat);
                font-weight: 700;
            }

                .produto a .informacoes .valorassin span {
                    font-weight: 100;
                    font-size: .8rem;
                    font-family: var(--fontMontserrat);
                    font-weight: 400;
                }

@media (min-width: 576px) {
    #Produtos .produto {
        --sm: 2;
        flex-basis: calc((100% / var(--sm)) - (1rem * (var(--sm) - 1)) / var(--sm));
        width: calc((100% / var(--sm)) - (1rem * (var(--sm) - 1)) / var(--sm));
    }
}

@media (min-width: 768px) {
    #Produtos .produto {
        --md: 3;
        flex-basis: calc((100% / var(--md)) - (1rem * (var(--md) - 1)) / var(--md));
        width: calc((100% / var(--md)) - (1rem * (var(--md) - 1)) / var(--md));
    }
}

@media (min-width: 992px) {
    #Produtos .produto {
        --lg: 4;
        flex-basis: calc((100% / var(--lg)) - (1rem * (var(--lg) - 1)) / var(--lg));
        width: calc((100% / var(--lg)) - (1rem * (var(--lg) - 1)) / var(--lg));
    }
}

@media (min-width: 1200px) {
    #Produtos .produto {
        --xl: 4;
        flex-basis: calc((100% / var(--xl)) - (1rem * (var(--xl) - 1)) / var(--xl));
        width: calc((100% / var(--xl)) - (1rem * (var(--xl) - 1)) / var(--xl));
    }
}
/* #endregion Produtos */

/* #region RESPOSTA PRODUTOS */
#Resposta .banner {
    width: 100vw;
    height: 240px;
}

    #Resposta .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

#Resposta .breadcrumb {
    margin-top: 1.5rem;
}

#Resposta #Produtos {
    padding: 0;
    margin: 1rem 0;
}

    #Resposta #Produtos .flex-container {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }

        #Resposta #Produtos .flex-container > #Produto {
            border-right: 1px solid #bdbdbd;
            width: 250px;
            padding: 0 0.85rem;
            margin: 1.5rem 0;
            height: 370px;
        }

    #Resposta #Produtos #Produto a {
        text-decoration: none;
    }

    #Resposta #Produtos #Produto #Imagem {
        height: 225px;
        width: 100%;
        background-size: 100% !important;
    }

    #Resposta #Produtos #Produto #Detalhes {
        height: 90px;
        padding: 0.5rem 0;
    }

        #Resposta #Produtos #Produto #Detalhes h3 {
            font-family: Hind-Regular;
            color: #8e8e8e;
            font-size: 11px;
        }

        #Resposta #Produtos #Produto #Detalhes h2 {
            font-family: Hind-Regular;
            margin: 0;
            color: #000;
            font-size: 16px;
        }

            #Resposta #Produtos #Produto #Detalhes h2 span {
                font-size: 13px;
            }

        #Resposta #Produtos #Produto #Detalhes p {
            font-size: 10px;
            color: #8e8e8e;
            margin: 0;
            font-family: Hind-Regular;
        }

            #Resposta #Produtos #Produto #Detalhes p#clube span {
                font-size: 10px;
            }

    #Resposta #Produtos #Produto #Botao {
        text-align: center;
        padding: 1.25rem 0 0 0;
    }

        #Resposta #Produtos #Produto #Botao #Detalhe {
            background: #41bae9;
            border: 0;
            padding: 0.3rem 0.95rem;
            font-size: 13px;
            font-family: Hind-Regular;
        }

/* #endregion RESPOSTA PRODUTOS */

/* #region RESPOSTA PRODUTO DETALHE */
#Resposta #ProdutoDetalhe {
    padding: 5rem 0 1rem;
    margin: 0;
}

    #Resposta #ProdutoDetalhe #DadosCompra {
        font-family: var(--fontMontserrat);
    }

        #Resposta #ProdutoDetalhe #DadosCompra .header {
            font-weight: 500;
            text-transform: uppercase;
        }

            #Resposta #ProdutoDetalhe #DadosCompra .header h4 {
                font-size: 0.85rem;
                font-weight: 800;
            }

            #Resposta #ProdutoDetalhe #DadosCompra .header h3 {
                font-size: 1.2rem;
            }

        #Resposta #ProdutoDetalhe #DadosCompra #Tamanhos {
            margin-top: 1rem;
        }

            #Resposta #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group {
                text-transform: uppercase;
                gap: 1rem;
            }

                #Resposta #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group .btn {
                    width: 4.5rem;
                    padding: 0.5rem;
                    border-radius: 12px;
                    font-weight: 600;
                }

                    #Resposta #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group .btn.active {
                        background-color: var(--corPrincipal);
                        border-color: var(--corPrincipal);
                        color: #fff;
                    }

                    #Resposta #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group .btn:not(.active) {
                        background-color: #EFEBEB;
                        border-color: #EFEBEB;
                        color: #000;
                    }

        #Resposta #ProdutoDetalhe #DadosCompra .valores {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
        }

            #Resposta #ProdutoDetalhe #DadosCompra .valores .clube,
            #Resposta #ProdutoDetalhe #DadosCompra .valores .normal {
                font-size: 2rem;
                font-weight: 600;
            }

            #Resposta #ProdutoDetalhe #DadosCompra .valores .clube {
                color: var(--corPrincipal);
            }

                #Resposta #ProdutoDetalhe #DadosCompra .valores .clube span {
                    font-size: .9rem;
                }

            #Resposta #ProdutoDetalhe #DadosCompra .valores .normal {
                color: var(--corLaranja);
            }

        #Resposta #ProdutoDetalhe #DadosCompra #BotaoComprar {
            margin-bottom: 1rem;
        }

            #Resposta #ProdutoDetalhe #DadosCompra #BotaoComprar .btn {
                background-color: var(--corPrincipal);
                border-color: var(--corPrincipal);
                font-weight: 600;
                width: 100%;
                border-radius: 12px;
                padding: .6rem 1rem;
            }

        #Resposta #ProdutoDetalhe #DadosCompra #Frete {
            border-top: 1px solid #CCCBCB;
            padding: 1rem 0 0;
        }

            #Resposta #ProdutoDetalhe #DadosCompra #Frete > p {
                font-size: .9rem;
                font-weight: 500;
                color: #676767;
            }

            #Resposta #ProdutoDetalhe #DadosCompra #Frete label {
                font-weight: 600;
                margin-bottom: .2rem;
            }

            #Resposta #ProdutoDetalhe #DadosCompra #Frete input {
                margin-bottom: 1rem;
            }

            #Resposta #ProdutoDetalhe #DadosCompra #Frete button {
                background-color: var(--corPrincipal);
                border-color: var(--corPrincipal);
                border-radius: 12px;
                font-weight: 600;
            }

#Resposta #ProdutoInformacao {
    font-family: var(--fontMontserrat);
    text-align: justify;
    margin-top: 2rem;
}

    #Resposta #ProdutoInformacao h5 {
        font-weight: 700;
    }

#Resposta #Relacionados, #Resposta #OutrosDaMarca {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-family: var(--fontMontserrat);
}

    #Resposta #Relacionados h5, #Resposta #OutrosDaMarca h5 {
        color: var(--corPrincipal);
        border-bottom: 5px solid var(--corPrincipal);
        padding: .5rem 0;
        font-weight: 700;
    }

#Resposta #Fotos #Galeria .ug-strip-panel,
.ug-gallery-wrapper .ug-slider-wrapper {
    background-color: #fff !important;
}

#Resposta #Fotos #Galeria .ug-thumb-border-overlay, #Resposta #Fotos #Galeria .ug-thumb-overlay {
    border-color: #41bae9 !important;
    border: 1px solid #41bae9 !important;
}

#Resposta #Fotos #Galeria .ug-thumb-wrapper .ug-thumb-overlay {
    border: 1px solid #41bae9 !important;
}

#Resposta #Fotos #Galeria .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip {
    background-image: url('Imagens/seta_detalhe_esquerda.png') !important;
    width: 10px !important;
    height: 10px !important;
}

#Resposta #Fotos #Galeria .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
    background-image: url('Imagens/seta_detalhe_direita.png') !important;
    width: 10px !important;
    height: 10px !important;
}

/* #endregion RESPOSTA PRODUTO DETALHE */

/* #region CARRINHO PRODUTOS*/
.iconecarrinho svg {
    height: 25px;
    fill: #bcbcbc;
    transition: fill linear .2s;
}

.azul {
}

.Carrinho {
    background: #f8f8f8;
    font-family: var(--fontMontserrat);
}

    .Carrinho .BoxBranco {
        background: #fff;
        padding: 1.5rem 1rem;
        margin: 0;
        margin-bottom: 25px;
    }

    .Carrinho .col-md-9 {
    }

        .Carrinho .col-md-9 table tbody {
            background: #fff;
        }

    .Carrinho .TituloCarrinho {
        background-color: #000000;
        color: #FFFFFF;
        padding: 0.5rem 0;
        margin: 0;
    }

        .Carrinho .TituloCarrinho svg {
            height: 30px;
            fill: #FFFFFF;
            transition: fill linear .2s;
        }

    .Carrinho #Titulo h2 {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--corPrincipal);
        margin: 1rem 0;
        padding-bottom: 0.3rem;
        border-bottom: 5px solid var(--corPrincipal);
    }

#comprar {
    margin-bottom: 1rem;
}

    #comprar a {
        width: 100%;
        font-family: var(--fontMontserrat);
        font-weight: 600;
        padding: 0.55rem 0.95rem;
        background-color: var(--corPrincipal);
        border: 0;
        border-radius: 10px;
    }

        #comprar a:hover {
            background: #41bae9;
        }

.azul {
    color: #41bae9 !important;
}

    .azul svg {
        color: #41bae9 !important;
        fill: #41bae9 !important;
        transition: fill linear .2s;
    }

#Resposta #Carrinho {
    margin: 0;
    padding: 0.5rem 0 1rem 0;
}

    #Resposta #Carrinho #ListaComBarra {
        padding: 0 1rem;
    }

        #Resposta #Carrinho #ListaComBarra h1 {
            font-family: var(--fontMontserrat);
            font-weight: 600;
            font-size: 1.3rem;
            padding-bottom: 0.3rem;
            border-bottom: 5px solid var(--corPrincipal);
        }

    #Resposta #Carrinho table {
        border-radius: 1rem;
        width: 100%;
        font-family: var(--fontMontserrat);
    }

        #Resposta #Carrinho table thead {
            /*background: url('Imagens/pixel_Meninbox.png') !important;*/
            font-size: 15px;
            font-family: var(--fontMontserrat);
            padding: 2rem 0;
            border-bottom: 0.25rem solid #fff;
            color: #41bae9;
            background-color: #000000;
        }

        #Resposta #Carrinho table tr td #Preco {
            margin: -1.5rem 1rem;
        }

        #Resposta #Carrinho table thead tr th {
            padding: 0.5rem;
            font-weight: bold;
        }

        #Resposta #Carrinho table tbody tr {
            margin-bottom: 0.5rem;
            border-bottom: 0.05rem solid #CCC;
        }

        #Resposta #Carrinho table tr td #Imagem {
            float: left;
            width: 100px;
        }

        #Resposta #Carrinho table tr td #Descricao {
            padding: 2.5rem 0.5rem;
            color: #848484;
            font-size: 11px;
            font-family: Hind-Regular;
        }


        #Resposta #Carrinho table tr td #Quantidade {
            margin: 0;
        }

            #Resposta #Carrinho table tr td #Quantidade .col-md-4 {
                padding: 0 0.5rem;
                text-align: center;
            }

            #Resposta #Carrinho table tr td #Quantidade input {
                border-radius: 0.25rem;
                height: 2rem;
                border: 0.05rem solid #848484;
            }

        #Resposta #Carrinho table tr td #Remover {
            text-align: center;
            padding: 0.15rem 0;
        }

            #Resposta #Carrinho table tr td #Remover a {
                color: #848484;
                text-decoration: none;
                font-size: 13px;
                font-family: Hind-Regular;
            }

    #Resposta #Carrinho #Frete form {
        display: flex;
        flex-direction: column;
    }

    #Resposta #Carrinho #Frete {
        background: #fff;
        font-family: var(--fontMontserrat);
    }

        #Resposta #Carrinho #Frete p {
            background: #fff;
            font-weight: 500;
        }

        #Resposta #Carrinho #Frete input {
            margin-bottom: 0.5rem;
            border-radius: 0;
            border: 1px solid #adadad;
            float: left;
        }

        #Resposta #Carrinho #Frete #BotaoFrete {
            width: 95%;
            font-weight: 600;
            border-radius: 10px;
            margin: 0 auto;
            background-color: var(--corPrincipal);
            border: 0;
            padding: 0.55rem 0.95rem;
        }

            #Resposta #Carrinho #Frete #BotaoFrete:hover {
                background: #41bae9;
            }


    #Resposta #Carrinho #cupomDesconto {
        background: #fff;
        font-family: var(--fontMontserrat);
    }

        #Resposta #Carrinho #cupomDesconto p {
            background: #fff;
            font-weight: 500;
        }

        #Resposta #Carrinho #cupomDesconto input {
            margin-bottom: 0.5rem;
            border-radius: 0;
            border: 1px solid #adadad;
            float: left;
        }

        #Resposta #Carrinho #cupomDesconto #msgAlert {
            display: flex;
            justify-content: center;
        }

        #Resposta #Carrinho #cupomDesconto #msgAlert {
            margin: 0.5em 5em;
            padding: 0.3em;
        }

        #Resposta #Carrinho #cupomDesconto #BotaoCupomDesconto {
            width: 60%;
            font-weight: 600;
            border-radius: 10px;
            background-color: var(--corPrincipal);
            border: 0;
            padding: 0.55rem 0.95rem;
        }

            #Resposta #Carrinho #cupomDesconto #BotaoCupomDesconto:hover {
                background-color: #41bae9;
            }

#calculaCupomDesconto {
    margin-top: 1rem;
    font-family: var(--fontMontserrat);
}

    #calculaCupomDesconto p {
        background: #000 !important;
        color: #29ade2;
        padding: 0.5rem 0.75rem;
        font-weight: 500;
        margin: 0;
    }

    #calculaCupomDesconto #cupomDesconto {
        padding: 1rem;
    }

#CalculaFrete {
    margin-top: 1rem;
}

    #CalculaFrete p {
        background: #000 !important;
        color: #29ade2;
        padding: 0.5rem 0.75rem;
        margin: 0;
    }

    #CalculaFrete #Frete {
        padding: 1rem;
    }

        #CalculaFrete #Frete #PacVista {
            font-family: var(--fontMontserrat);
        }

            #CalculaFrete #Frete #PacVista .col-md-4 {
                padding-left: 0;
            }

                #CalculaFrete #Frete #PacVista .col-md-4 h6 {
                    font-size: 14px;
                }

            #CalculaFrete #Frete #PacVista input {
                width: unset;
                margin: 0;
                float: unset;
            }


.BotaoLaranja {
    background: #41bae9;
    font-size: 14px;
    color: #fff;
    border: 0;
    padding: 0.55rem 0.95rem;
    margin: 0 0.5rem;
    border-radius: 0.15rem;
}

#Resposta #Carrinho #Retirada, #Resposta #Frete #Retirada {
    width: 650px;
    border-bottom: 1px solid #434343;
    color: #434343;
    margin: 0.5rem 0 0rem 0;
}

#Resposta #Frete #Box {
    margin: 0.5rem 0;
    padding: 0.5rem 17rem 1rem 17rem;
}

#Resposta #Carrinho #Retirada p, #Resposta #Frete #Retirada p {
    color: #434343;
    margin-bottom: 0.25rem;
    padding: 0;
    align-self: center;
}

#Resposta #Carrinho .EscolherRetirada, #Resposta #Frete .EscolherRetirada {
    padding: 0.65rem 0.25rem 0 0;
    float: left;
}

    #Resposta #Carrinho .EscolherRetirada input[type='radio']:checked:after {
        width: 12px;
        height: 12px;
        top: -0.38rem;
        border-radius: 15px;
        position: relative;
        background: #009cde;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #CCC;
    }

#Resposta #ResumoPedido {
}

    #Resposta #ResumoPedido table tbody {
        background: #fff !important;
    }

        #Resposta #ResumoPedido table tbody tr {
            border: 0;
        }

    #Resposta #ResumoPedido table #Subtotal, #Resposta #ResumoPedido table #Frete {
        color: #848484;
        font-size: 15px;
        font-family: Hind-Regular;
    }

        #Resposta #ResumoPedido table #Subtotal td,
        #Resposta #ResumoPedido table #Frete td,
        #Resposta #ResumoPedido table #Total td {
            padding: 0.5rem 0.25rem;
        }

    #Resposta #ResumoPedido table #Frete {
        border-bottom: 0.05rem solid #ccc;
    }

    #Resposta #ResumoPedido table #Total {
        color: #2a2a2a;
        font-size: 17px;
        font-family: Hind-Regular;
    }

#Resposta #Carrinho #ResumoFinal.mobile {
    display: none;
}

#Resposta #ResumoPedido #Continuar,
#Resposta #Carrinho #ResumoFinal #Continuar {
    background: #fbfbfb;
    /* border-top: 0.05rem solid #ccc;*/
    text-align: center;
    font-size: 14px;
    font-family: var(--fontMontserrat);
    padding: 1rem 0;
}

    #Resposta #ResumoPedido #Continuar .btn,
    #Resposta #Carrinho #ResumoFinal #Continuar .btn {
        color: #fff;
        width: 100%;
        border: 0;
        background-color: #41bae9;
        background-color: var(--corPrincipal);
        border-radius: 10px;
        font-weight: 600;
    }

#Resposta #ResumoFinal table td {
    background: #fff;
    padding: 0.5rem 0.25rem;
}

/* #endregion CARRINHO PRODUTOS*/

/* #region PÁGINA CADASTRO */

#Cadastro {
    width: 450px;
    background: #fcfcfc;
    margin: 0 auto;
    padding: 1rem 0;
    font-family: var(--fontMontserrat);
}

    #Cadastro h1 {
        font-size: 20px;
        color: #484848;
        font-family: var(--fontMontserrat);
        font-weight: 600;
    }

    #Cadastro #Login h1, #Cadastro #Endereco h1 {
        background: unset;
    }

    #Cadastro .alert-danger {
        display: none;
    }

    #Cadastro .form-group {
        margin-bottom: 0.5rem;
    }

        #Cadastro .form-group label {
            margin-left: 0.15rem;
            margin-bottom: 0.3rem;
            font-size: 13px;
            color: #999999;
        }

    #Cadastro .form-control {
        width: 425px;
        color: #999999;
        background: #fcfcfc;
    }

    #Cadastro #OpcaoCadastrese {
        color: #b2b2b2;
        font-size: 12px;
        font-family: var(--fontMontserrat);
        margin: 0 1.5rem;
        border-top: 0.01rem solid #cdcdcd;
    }

        #Cadastro #OpcaoCadastrese p {
            margin: 0.5rem 0;
        }

        #Cadastro #OpcaoCadastrese a {
            color: #b2b2b2;
            text-decoration: none;
            border-bottom: 1px solid #b2b2b2;
        }

    #Cadastro #Esqueceu {
        color: #b2b2b2;
        margin-top: 0.5rem;
        font-size: 12px;
        font-family: var(--fontMontserrat);
    }

    #Cadastro #Alerta {
    }

        #Cadastro #Alerta p {
            color: #b2b2b2;
            border-bottom: 0.01rem solid #cdcdcd;
            margin: 0;
            font-size: 10px;
            font-family: var(--fontMontserrat);
        }

#BotaoCadastrar {
    padding: 0.5rem 0;
    text-align: center;
}

    #BotaoCadastrar .btn {
        background: var(--corPrincipal);
        border-color: var(--corPrincipal);
        border-radius: 10px;
        padding: 0.35rem 2rem;
        text-transform: uppercase;
        font-weight: 600;
    }


/* #endregion PÁGINA CADASTRO */

/* #region PÁGINA DE PAGAMENTO */

#Pagamento {
    padding: 0.5rem 0;
}

    #Pagamento h1 {
        font-family: Hind-Regular;
        font-size: 20px;
        color: #484848;
        padding: 0 0 0.3rem 0;
        background: url('Imagens/barraCadastro.png') bottom center no-repeat;
    }

    #Pagamento .Titulo {
        font-family: Hind-Regular;
        font-size: 13px;
        color: #676767;
    }

    /* #region PAGAMENTO ENDEREÇO */
    #Pagamento #Endereco {
    }


        #Pagamento #Endereco p,
        #Pagamento #Frete p,
        #Pagamento #FormaPagamento p {
            margin: 0;
        }

    #Pagamento #Box {
        border: 1px solid #818181;
        border-radius: 0.3rem;
        margin: 0;
    }

        #Pagamento #Box #SelecionaEndereco {
            padding: 1rem 0;
        }

            #Pagamento #Box #SelecionaEndereco #SelecionarOpcaoEndereco {
                color: #626262;
                padding: 0.25rem;
                width: 100%;
                font-size: 11px;
                text-align: left;
                border-radius: 0.25rem;
            }

            #Pagamento #Box #SelecionaEndereco select {
                background: url('Imagens/seta_para_baixo.png') right no-repeat;
            }

            #Pagamento #Box #SelecionaEndereco option {
                font-size: 11px;
            }

            #Pagamento #Box #SelecionaEndereco select::-ms-expand {
                display: none;
            }

            #Pagamento #Box #SelecionaEndereco select {
                -webkit-appearance: none;
            }

    #Pagamento #Endereco #EscolherEndereco {
        background: #fafafa;
        padding: 0 2rem;
    }

    #Pagamento #Endereco #EnderecoEntrega {
        font-family: Hind-Regular;
        font-size: 11px;
    }

        #Pagamento #Endereco #EnderecoEntrega ul {
            list-style: none;
            padding: 0;
        }

            #Pagamento #Endereco #EnderecoEntrega ul li {
                color: #ababab;
            }

        #Pagamento #Endereco #EnderecoEntrega a {
            color: #285a7c;
        }

    #Pagamento #Endereco #DadosEndereco {
        padding: 1rem 2rem;
    }

        #Pagamento #Endereco #DadosEndereco p {
            margin: 0 0 0.5rem 0;
        }

    #Pagamento #Endereco #ValorCompra {
        background: #fafafa;
        padding: 1rem 3rem;
    }

        #Pagamento #Endereco #ValorCompra p {
            color: #848484;
        }

        #Pagamento #Endereco #ValorCompra #Total {
            border-top: 1px solid #ccc;
            margin-top: 1rem;
            padding-top: 0.5rem;
        }


            #Pagamento #Endereco #ValorCompra #Total p {
                color: #000;
                font-size: 17px;
                font-weight: bold;
                font-family: Hind-Regular;
            }
    /* #endregion PAGAMENTO ENDEREÇO */
    #Pagamento #Frete {
        margin: 1rem 0;
    }

    #Pagamento #BotaoEndereco {
        text-align: center;
        padding: 1rem 0 0.5rem 0;
    }

        #Pagamento #BotaoEndereco .btn {
            background: #41bae9;
            border: 0;
            width: 100%;
        }


/* #region FORMA DE PAGAMENTO */
#Carrinho #FormaPagamento #Box {
    padding: 1rem 0;
}

#Carrinho #FormaPagamento .col-md-3,
#Carrinho #FormaPagamento .col-md-4 {
    text-align: center;
}

#Carrinho #FormaPagamento .nav-tabs {
    width: 100%;
}

    #Carrinho #FormaPagamento .nav-tabs .nav-link {
        width: 280px;
        height: 120px;
        margin: 0 auto;
        color: #000000 !important;
    }

        #Carrinho #FormaPagamento .nav-tabs .nav-link.active,
        #Carrinho #FormaPagamento .nav-tabs .nav-item.show .nav-link {
            color: #41bae9 !important;
        }

        #Carrinho #FormaPagamento .nav-tabs .nav-link#credito-tab {
            background: url('Imagens/credito.jpg') center 35px no-repeat;
        }

            #Carrinho #FormaPagamento .nav-tabs .nav-link#credito-tab.active {
                background: url('Imagens/credito_laranja.png') center 35px no-repeat;
                font-weight: bold;
            }


        #Carrinho #FormaPagamento .nav-tabs .nav-link#boleto-tab {
            background: url('Imagens/boleto.jpg') center 35px no-repeat;
        }

            #Carrinho #FormaPagamento .nav-tabs .nav-link#boleto-tab.active {
                background: url('Imagens/boleto_laranja.png') center 35px no-repeat;
                font-weight: bold;
            }

        #Carrinho #FormaPagamento .nav-tabs .nav-link#debito-tab {
            background: url('Imagens/debito.jpg') center 35px no-repeat;
        }

            #Carrinho #FormaPagamento .nav-tabs .nav-link#debito-tab.active {
                /* background: url('Imagens/debito_laranja.png') center 35px no-repeat;*/
            }

        #Carrinho #FormaPagamento .nav-tabs .nav-link#emdinheiro-tab {
            background: url('Imagens/emdinheiro.png') center 35px no-repeat;
        }

            #Carrinho #FormaPagamento .nav-tabs .nav-link#emdinheiro-tab.active {
                /*background: url('Imagens/emdinheiro_laranja.png') center 35px no-repeat;*/
            }

#Carrinho #FormaPagamento #OpcaoCredito {
    padding: 2rem 3rem;
    margin: 0;
}

#Carrinho #FormaPagamento #InformarCPF {
    padding: 0rem 3rem;
}

    #Carrinho #FormaPagamento #InformarCPF .col-md-3 {
        padding: 0;
    }

#Carrinho #FormaPagamento #OpcaoCredito #BoxCartaoCredito {
    background: #f6f6f6;
    width: 380px;
    height: 210px;
    border-radius: 4px;
}

#Carrinho #FormaPagamento #BotaoFinalizar {
    background-color: var(--corPrincipal);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 10px;
}

    #Carrinho #FormaPagamento #BotaoFinalizar:hover {
        background-color: #41bae9;
    }


#Carrinho #Assinatura {
    background-color: #FFFFFF;
    font-family: var(--fontMontserrat);
    box-shadow: inset 0 0 0 grey, 0 0 0.25em #ccc;
}

    #Carrinho #Assinatura ul {
        list-style: none;
        padding: 0;
    }

        #Carrinho #Assinatura ul .row {
            margin: 0;
        }

            #Carrinho #Assinatura ul .row .col-md-11 {
                padding-left: 0.25rem !important;
            }

            #Carrinho #Assinatura ul .row .col-md-1, #Carrinho #Assinatura ul .row .col-md-11 {
                padding: 0;
            }



        #Carrinho #Assinatura ul li {
            font-size: 11px;
            color: #4c4c4c;
        }

            #Carrinho #Assinatura ul li img {
            }

    #Carrinho #Assinatura .Titulo {
        color: #41bae9;
        font-size: 20px;
        font-family: var(--fontMontserrat);
        font-weight: 700;
        padding: 0.5rem 0.75rem;
    }

        #Carrinho #Assinatura .Titulo img {
            margin-right: 0.25rem;
        }

        #Carrinho #Assinatura .Titulo#semAssinatura {
            border-top: 0.2rem solid #31b0e3;
        }

        #Carrinho #Assinatura .Titulo#comAssinatura {
            background: #31b0e3;
            color: #fff;
        }

    #Carrinho #Assinatura .corpo {
        padding: 0.8rem;
    }

        #Carrinho #Assinatura .corpo p {
            font-size: 15px;
            color: #4c4c4c;
        }

            #Carrinho #Assinatura .corpo p.borda {
                border-top: 0.064rem solid #31b0e3;
            }

            #Carrinho #Assinatura .corpo p span {
                font-weight: 700;
                color: #29ade2;
            }
/* #endregion FORMA DE PAGAMENTO */
#Carrinho #FinalizarCompra {
    text-align: right;
    padding: 1rem 0rem;
}

    #Carrinho #FinalizarCompra .btn {
        background: #41bae9;
        border: 0;
        padding: 0.5rem 1.5rem;
    }

/* #endregion PÁGINA DE PAGAMENTO */

/* #region RESPOSTA RESULTO BUSCA */

#Resposta #RespostaBusca {
    margin: 0;
    padding: 1.5rem 0;
}

    #Resposta #RespostaBusca #OpcoesBusca {
        padding-right: calc(15px / 2);
    }

        #Resposta #RespostaBusca #OpcoesBusca .header {
            display: flex;
            align-items: center;
            font-family: var(--fontMontserrat);
            font-weight: 500;
        }

            #Resposta #RespostaBusca #OpcoesBusca .header img {
                width: 1.1rem;
                height: 1.1rem;
                margin-right: 0.5rem;
            }

        #Resposta #RespostaBusca #OpcoesBusca .container-item {
            border-top: 1px solid #EFEBEB;
            padding: 1rem 0;
        }

            #Resposta #RespostaBusca #OpcoesBusca .container-item h2 {
                font-size: 20px;
                font-family: var(--fontMontserrat);
                font-weight: 800;
            }

            #Resposta #RespostaBusca #OpcoesBusca .container-item ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                #Resposta #RespostaBusca #OpcoesBusca .container-item ul li:not(:last-of-type) {
                    margin-bottom: 0.2rem;
                }

                #Resposta #RespostaBusca #OpcoesBusca .container-item ul li a {
                    font-family: var(--fontMontserrat);
                    font-size: 0.9rem;
                    color: #212529;
                }

        #Resposta #RespostaBusca #OpcoesBusca .footer button {
            width: 100%;
            background-color: var(--corPrincipal);
            border: 0;
            font-family: var(--fontMontserrat);
            font-weight: 600;
            border-radius: 10px;
        }

    #Resposta #RespostaBusca #ResultadoBusca {
        padding-left: calc(15px / 2);
    }

        #Resposta #RespostaBusca #ResultadoBusca #CabecalhoBusca .palavra-pesquisada h2 {
            font-family: var(--fontMontserrat);
            font-weight: 700;
        }

        #Resposta #RespostaBusca #ResultadoBusca #CabecalhoBusca .produtos-encontrados {
            background-color: #F0F0F0;
            padding: 0.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: var(--fontMontserrat);
            font-weight: 500;
        }

            #Resposta #RespostaBusca #ResultadoBusca #CabecalhoBusca .produtos-encontrados select {
                border-radius: 10px;
                padding: 0.3rem 1rem 0.3rem 0.3rem;
            }

/*#Resposta #RespostaBusca #ResultadoBusca #RespostaResultadoBusca #Produtos .produto {
            border: 0;
        }*/

.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.checkbox label {
    position: relative;
    display: inline-block;
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px;
}

    .checkbox label::before,
    .checkbox label::after {
        position: absolute;
        content: "";
        /*Needed for the line-height to take effect*/
        display: inline-block;
    }

    /*Outer box of the fake checkbox*/
    .checkbox label::before {
        height: 16px;
        width: 16px;
        border: 1px solid;
        left: 0px;
        /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
        top: 3px;
    }

    /*Checkmark of the fake checkbox*/
    .checkbox label::after {
        height: 5px;
        width: 9px;
        border-left: 2px solid;
        border-bottom: 2px solid;
        transform: rotate(-45deg);
        left: 4px;
        top: 7px;
        color: #fff;
    }

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
/*.checkbox input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}*/

.checkbox input[type="checkbox"]:checked + label::before {
    background: #0fa8ea;
    border: 1px solid #a7a7a7;
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
    content: none;
}

#Resposta #ResultadoBusca #RespostaResultadoBusca {
}

    #Resposta #ResultadoBusca #RespostaResultadoBusca #SemResultados p {
        font-size: 13px;
        margin: 0;
        padding: 1rem 2rem;
        color: #626262;
    }
/* #endregion RESPOSTA RESULTO BUSCA */

/* #region MEUS DADOS */
#MeusDados {
    padding: 1rem 0;
    font-family: var(--fontMontserrat);
}

    #MeusDados h2 {
        color: #29ADE2;
        font-size: 25px;
        margin-bottom: 0.75rem;
    }

    #MeusDados .nav-tabs {
        border-top: 1px solid #dee2e6;
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        border-bottom: 0;
        border-radius: 0.5rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background: #f8f9fb;
    }

        #MeusDados .nav-tabs .nav-link {
            border-top-right-radius: 0;
            border: 0;
            color: #29ADE2;
        }

        #MeusDados .nav-tabs .nav-item:first-child {
        }

    #MeusDados .row {
        margin: 0;
    }

    #MeusDados #PedidoResumido a {
        color: #9aa5ab;
        text-decoration: none;
    }

    #MeusDados .BoxPedidoFechado {
        border-bottom: 1px solid #dee2e6;
        margin: 1rem 0;
    }

    #MeusDados .Infos {
        float: left;
        padding-right: 1rem;
    }

    #MeusDados p {
        color: #9aa5ab;
        font-size: 18px;
        margin-bottom: 0.5rem;
    }

        #MeusDados p span {
            color: #5b5b5b;
        }

    #MeusDados .RespostaBoxPedido {
        border-bottom: 1px solid #dee2e6;
    }

        #MeusDados .RespostaBoxPedido .row {
            margin: 0 0 1rem 0;
        }

        #MeusDados .RespostaBoxPedido #Produto {
            border-right: 1px solid #dee2e6;
        }

            #MeusDados .RespostaBoxPedido #Produto #DescricaoItem {
                padding: 2.5rem 0.5rem;
            }

                #MeusDados .RespostaBoxPedido #Produto #DescricaoItem p {
                    color: #848484;
                    margin: 0.015rem 0;
                }

                #MeusDados .RespostaBoxPedido #Produto #DescricaoItem .Negrito {
                    font-weight: bold;
                }

        #MeusDados .RespostaBoxPedido p {
            font-size: 13px;
            margin: 0.5rem 0;
        }

        #MeusDados .RespostaBoxPedido .btn-primary, #MeusDados .RespostaBoxPedido .btn-primary:hover {
            background: var(--corPrincipal);
            border-color: var(--corPrincipal);
            border-radius: 10px;
            font-weight: 600;
        }

        #MeusDados .RespostaBoxPedido #BoxEndereco ul li {
            font-size: 13px;
        }

        #MeusDados .RespostaBoxPedido #Resumo {
            padding-right: 0;
            padding-left: 0.3rem;
        }

            #MeusDados .RespostaBoxPedido #Resumo .row {
                color: #ababab;
                margin: 0;
            }

                #MeusDados .RespostaBoxPedido #Resumo .row p {
                    margin-top: 0;
                }

                #MeusDados .RespostaBoxPedido #Resumo .row .col-md-6 {
                    padding: 0;
                }

            #MeusDados .RespostaBoxPedido #Resumo #Total {
                border-top: 1px solid #ccc;
                margin-top: 0.5rem;
                padding-top: 0.5rem;
            }

                #MeusDados .RespostaBoxPedido #Resumo #Total p {
                    color: #000;
                    font-weight: bold;
                }


    #MeusDados #enderecos {
        font-size: 11px;
    }

        #MeusDados #enderecos .btn {
            background: var(--corPrincipal);
            border-color: var(--corPrincipal);
            border-radius: 10px;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        #MeusDados #enderecos #BoxEndereco {
            border: 1px solid #676767;
            border-radius: 0.25rem;
            padding: 1rem 2rem;
            margin-bottom: 30px;
        }

            #MeusDados #enderecos #BoxEndereco ul,
            .RespostaBoxPedido #BoxEndereco ul {
                list-style: none;
                padding: 0;
            }

                #MeusDados #enderecos #BoxEndereco ul li,
                .RespostaBoxPedido #BoxEndereco ul li {
                    color: #ababab;
                }

            #MeusDados #enderecos #BoxEndereco a {
                color: #285a7c;
            }

    #MeusDados #Cadastro {
        margin: 0 auto;
    }

/* #endregion MEUS DADOS */

/* #region ASSINATURAS */
#Assinaturas {
    padding: 1rem 0;
}

    #Assinaturas .card.border-blue {
        border-left: 0.2rem solid #29ADE2;
    }

    #Assinaturas .card.border-primary {
        border-color: #29ADE2 !important;
    }

    #Assinaturas h2 {
        color: #29ADE2;
        font-size: 25px;
        margin-bottom: 0.75rem;
        font-family: Hind-Regular;
    }

    #Assinaturas .assinatura {
        margin: 1rem 0;
        padding: 1rem 0.5rem;
        background: #f8f8f8;
    }

        #Assinaturas .assinatura h5 {
            margin-bottom: 0.2rem;
        }

        #Assinaturas .assinatura .btn {
            background: #29ADE2;
            text-transform: uppercase;
            border: 0.065rem solid #29ADE2;
            font-family: Roboto-Bold;
            font-size: 16px;
            padding: 0.375rem 2.5rem;
        }

            #Assinaturas .assinatura .btn:hover {
                background: #000000;
                border: 0.065rem solid #29ADE2;
                color: #29ADE2;
            }

            #Assinaturas .assinatura .btn.info {
                background: transparent;
                border: 0.065rem solid #29ADE2;
                color: #29ADE2;
            }

        #Assinaturas .assinatura .produtos {
            background: #fff;
            padding: 1rem;
        }

            #Assinaturas .assinatura .produtos h5 {
                color: #29ADE2;
                font-size: 1.1rem;
            }

            #Assinaturas .assinatura .produtos .row {
                border-top: 0.15rem solid #e0e0e0;
                margin: 0;
                padding: 0.75rem 0 0 0;
            }

            #Assinaturas .assinatura .produtos .imagem {
                width: 100%;
                height: 85px;
                background-size: auto 100% !important;
                background-color: #FFFFFF;
            }

    /* #endregion ASSINATURAS */

    /* #region DETALHES ASSINATURA */

    #Assinaturas .detalhes-assinatura h5 {
        color: #4c4c4c;
        font-size: 15px;
        font-weight: bold;
    }

    #Assinaturas .detalhes-assinatura .card-text {
        font-size: 12px;
    }

        #Assinaturas .detalhes-assinatura .card-text span {
            color: #29ADE2;
            font-weight: bold;
        }

    #Assinaturas .detalhes-assinatura .forma-pagamento {
    }

        #Assinaturas .detalhes-assinatura .forma-pagamento p {
            margin-bottom: 0;
            font-size: 12px;
        }

    #Assinaturas .detalhes-assinatura .endereco-entrega p {
        margin-bottom: 0;
    }

    #Assinaturas .detalhes-assinatura .assinatura {
        padding: 0;
        background: unset;
    }

    #Assinaturas .detalhes-assinatura .imagem {
        width: 100%;
        height: 85px;
        background-size: auto 100% !important;
    }

    #Assinaturas .detalhes-assinatura .alerta {
        color: #29ADE2;
        font-size: 12px;
    }

    #Assinaturas .detalhes-assinatura .btn-assinatura {
        background: #29ADE2;
        text-transform: uppercase;
        border: 0.065rem solid #29ADE2;
        font-family: Roboto-Bold;
        font-size: 14px;
        padding: 0.2rem 2.5rem;
    }

        #Assinaturas .detalhes-assinatura .btn-assinatura:hover {
            background: #000000;
            border: 0.065rem solid #29ADE2;
            color: #29ADE2;
        }

/* #endregion DETALHES ASSINATURA */


/* #region ASSINATURA EDITAR */

.assinatura-editar h5 {
    font-size: 1.15rem;
    color: #29ADE2;
}

.assinatura-editar .btn.info {
    background: transparent !important;
    border: 0.065rem solid #29ADE2 !important;
    color: #29ADE2 !important;
}

.assinatura-editar.enderecos .col-md-12 {
    font-size: 14px;
    padding: 0.35rem 0;
}

.assinatura-editar.enderecos .btn {
    padding: 0.375rem 0.5rem;
}
/* #endregion ASSINATURA EDITAR */
/* #region Rodape */
#Rodape {
    background: #000;
    height: 20rem;
}

    #Rodape.sem-altura {
        height: 11rem;
    }

    #Rodape a, #Rodape p {
        color: #fff;
    }

    #Rodape a {
        text-decoration: none;
    }

    #Rodape p {
        font-size: 0.875rem;
    }

    #Rodape .Topo {
        padding: 1.75rem 0 0.75rem 0;
        border-bottom: 0.0625rem solid #707070;
    }

        #Rodape .Topo .Menu .navbar {
            padding: 0.5rem 0rem;
        }

    #Rodape .Inferior {
        padding-top: 1rem;
    }

        #Rodape .Inferior .col-md-3,
        #Rodape .Inferior .col-md-9 {
        }

            #Rodape .Inferior .col-md-3 svg {
                margin-right: 0.5rem;
            }

/*------------------------ Newsletter ------------------------*/
#Newsletter {
    background-color: #E5E5E5;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    #Newsletter .card {
        background-color: var(--corLaranja);
        padding: 1.5rem .8rem;
        font-family: var(--fontMontserrat);
        font-weight: 600;
        border: 0;
        border-radius: 0;
    }

        #Newsletter .card .text {
            line-height: 1rem;
            vertical-align: middle;
        }

        #Newsletter .card input {
            padding: 0.5rem;
            width: 100%;
            border: 0;
            outline: none;
        }

        #Newsletter .card button {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            width: 100%;
            background-color: var(--corPrincipal);
            border: 0;
            color: #fff;
            cursor: pointer;
        }
/*------------------------ End Newsletter ------------------------*/

/*------------------------ Footer ------------------------*/
footer .footer {
    background-color: #000;
    padding: 5rem 0;
}

    footer .footer .navbar-nav {
        text-align: center;
    }

        footer .footer .navbar-nav .nav-item .nav-link {
            font-family: var(--fontMontserrat);
            font-weight: 500;
        }

    footer .footer .redessociais {
        margin-top: 3rem;
        text-align: center;
        color: #fff;
    }

        footer .footer .redessociais .text {
            font-size: 1.2rem;
            font-family: var(--fontMontserrat);
            font-weight: 600;
        }

        footer .footer .redessociais .icons {
            font-size: 2rem;
        }

            footer .footer .redessociais .icons a {
                color: #fff;
                text-decoration: none;
            }

                footer .footer .redessociais .icons a:nth-of-type(n + 2) {
                    margin-left: .8rem;
                }

    footer .footer .copy {
        margin-top: 3rem;
        text-align: center;
        color: #fff;
        font-family: var(--fontMontserrat);
        font-weight: 400;
    }

    footer .footer img {
        height: 1.2rem;
        margin-right: 1rem;
    }

    footer .footer a {
        color: #fff !important;
    }
/*------------------------ End Footer ------------------------*/
/* #endregion Rodape */

/* #region COOKIES*/
.js-privacy-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #000;
    color: #fff;
}

    .js-privacy-banner .Negrito {
        font-weight: bold;
    }

    .js-privacy-banner .col-md-10 {
        padding: 1rem 2rem 1rem 0;
    }

    .js-privacy-banner .btn-primary {
        background-color: #29ADE2;
        border: 0;
        text-transform: uppercase;
        font-family: Roboto-Bold;
        font-size: 16px;
        padding: 0.375rem 1rem;
    }

        .js-privacy-banner .btn-primary:hover {
            background: #000000;
            border: 0.065rem solid #29ADE2;
            color: #29ADE2;
        }
/* #endregion COOKIES*/

.mobile {
    display: none;
}

.logopequeno {
    margin-top: -0.5rem;
}

#PacVista {
    margin: 1rem 0 0;
    padding: 0.75rem 0;
    border: 1px solid #29ade2;
}

    #PacVista h5 {
        font-size: 15px;
        color: #29ade2;
        font-weight: bold;
    }

    #PacVista h6 {
        font-size: 13px;
        color: #4c4c4c;
        margin: 0;
    }

    #PacVista .col-md-4 h6 {
        font-size: 15px;
    }

#Resposta.mib-content { background: #fcfaf5; padding: 32px 0 56px; }
#Resposta.mib-content > .Centro { width: min(1250px, 100%); padding: 0 24px; box-sizing: border-box; }
#Resposta.mib-content .mib-content-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 0 auto 28px; }
#Resposta.mib-content .mib-content-nav a { padding: 12px 0; color: #1254d8; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
#Resposta.mib-content #Conteudo { max-width: 930px; margin: 0 auto; padding: 36px 40px; border: 1px solid #e4e0d9; border-radius: 8px; background: white; color: #303743; overflow-wrap: anywhere; min-width: 0; }
#Resposta.mib-content #Conteudo h1 { color: #171b22 !important; font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.25; margin: 0 0 32px; padding-bottom: 24px; border-bottom: 1px solid #e4e0d9; }
#Resposta.mib-content #Conteudo .corpo { font-size: 16px; line-height: 1.85; }
#Resposta.mib-content #Conteudo .corpo p { margin: 0 0 24px; }
#Resposta.mib-content #Conteudo .corpo h2,
#Resposta.mib-content #Conteudo .corpo h3,
#Resposta.mib-content #Conteudo .corpo h4 { color: #171b22; text-transform: none; font-size: 21px; line-height: 1.4; font-weight: 700; margin: 32px 0 14px; }
#Resposta.mib-content #Conteudo .corpo strong { color: #171b22; }
#Resposta.mib-content #Conteudo .corpo ul,
#Resposta.mib-content #Conteudo .corpo ol { padding-left: 24px; margin-bottom: 24px; }
#Resposta.mib-content #Conteudo .corpo li { margin-bottom: 10px; }
#Resposta.mib-content #Conteudo .corpo a { color: #1254d8; text-decoration: underline; text-underline-offset: 3px; }
#Resposta.mib-content #Conteudo .corpo img { max-width: 100%; height: auto; }
#Resposta.mib-content #Conteudo .corpo table { display: block; max-width: 100%; overflow-x: auto; }
#Resposta.mib-content #Conteudo .corpo pre { white-space: pre-wrap; overflow-wrap: anywhere; }
#Resposta.mib-content a:focus-visible { outline: 3px solid #1254d8; outline-offset: 4px; }
@media (max-width: 767px) {
    #Resposta.mib-content { padding: 20px 0 32px; }
    #Resposta.mib-content > .Centro { padding: 0 16px; }
    #Resposta.mib-content #Conteudo { padding: 24px 20px; }
    #Resposta.mib-content .mib-content-nav { justify-content: flex-start; gap: 4px 20px; margin-bottom: 20px; }
    #Resposta.mib-content #Conteudo .corpo { font-size: 15px; line-height: 1.8; }
}

#Conteudo {
    font-family: var(--fontMontserrat);
    padding: 0 1rem;
}

/*------------------------ O Clube ------------------------*/
#OClube {
    background: linear-gradient(var(--corPrincipal) 0 90%, #E5E5E5 90% 100%);
    font-family: var(--fontMontserrat);
    padding: 0 0 1rem;
    font-size: 16px;
}

    #OClube .container {
        padding: 0;
    }

    #OClube .assinatura {
        display: flex;
    }

        #OClube .assinatura .text,
        #OClube .assinatura .img {
            flex-basis: 50%;
        }

        #OClube .assinatura .text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 2.5rem;
            color: #fff;
        }

            #OClube .assinatura .text h2 {
                text-transform: lowercase;
                font-size: 2.5em;
                font-weight: 900;
            }

            #OClube .assinatura .text div {
                text-align: center;
                font-weight: 500;
                font-size: 1.3em;
            }

                #OClube .assinatura .text div:first-of-type {
                    margin-bottom: 1rem;
                }

        #OClube .assinatura .img {
            display: flex;
        }

            #OClube .assinatura .img img {
                height: 80%;
                margin: auto auto;
                object-fit: contain;
                object-position: center;
            }

    #OClube .como-funciona {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        #OClube .como-funciona h2 {
            color: #fff;
            font-weight: 900;
            font-size: 2em;
            margin-bottom: 4rem;
        }

        #OClube .como-funciona .cards {
            display: flex;
            justify-content: space-between;
            gap: 3.5rem;
            flex-wrap: wrap;
        }

            #OClube .como-funciona .cards .card {
                flex: 1 1 calc(100% / 3 - (7rem / 3));
                padding: 2rem 2rem 3rem;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 20px;
                min-width: 250px;
            }

                #OClube .como-funciona .cards .card .img {
                    padding: 1rem 0;
                }

                #OClube .como-funciona .cards .card .title {
                    font-size: 1.2em;
                    font-weight: 900;
                    text-transform: uppercase;
                    padding: 1rem 0;
                    text-align: center;
                }

                #OClube .beneficios .cards .card .text,
                #OClube .como-funciona .cards .card .text {
                    font-weight: 600;
                    font-size: 0.9em;
                    text-align: center;
                    padding: 1rem 0;
                    line-height: 1.1;
                }

    #OClube .beneficios {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        #OClube .beneficios h2 {
            font-weight: 900;
            color: #fff;
            font-size: 2em;
            margin: 4rem 0;
        }

        #OClube .beneficios .cards {
            display: flex;
            justify-content: space-between;
            gap: 3.5rem;
            flex-wrap: wrap;
        }

            #OClube .beneficios .cards .card {
                flex: 1 1 calc(100% / 3 - (7rem / 3));
                border-radius: 15px;
                padding: 0 0.5rem;
                justify-content: center;
                min-width: 250px;
            }

    #OClube .atencao {
        font-size: 2em;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        padding: 4rem;
    }

    #OClube .kits {
        height: 100%;
        background: linear-gradient(var(--corPrincipal) 0 35%, #E5E5E5 35% 100%);
    }

        #OClube .kits .container {
            display: flex;
            justify-content: space-evenly;
        }

            #OClube .kits .container .kit {
                max-width: 350px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 1.5rem;
            }

                #OClube .kits .container .kit .card {
                    padding: 1rem;
                    border-radius: 30px;
                    min-height: 400px;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                }

                    #OClube .kits .container .kit .card .img {
                        width: 100%
                    }

                    #OClube .kits .container .kit .card .title {
                        font-size: 1.7em;
                        font-weight: 800;
                        text-align: center;
                        padding: 1rem 0;
                    }

                    #OClube .kits .container .kit .card .info {
                        font-size: 0.85em;
                        font-weight: 600;
                        text-align: center;
                        padding: 1rem 0;
                    }

                    #OClube .kits .container .kit .card .valor {
                        font-size: 2.5em;
                        font-weight: 800;
                        text-align: center;
                    }

                        #OClube .kits .container .kit .card .valor span {
                            font-size: 1.4rem;
                            font-weight: 600;
                        }

                #OClube .kits .container .kit .btn {
                    background-color: var(--corLaranja);
                    color: #FFF;
                    text-transform: uppercase;
                    font-weight: 900;
                    border-radius: 20px;
                    padding: 1rem;
                    width: 70%;
                }
/*------------------------ End O Clube ------------------------*/

/*------------------------ Contato ------------------------*/
#Contato {
    font-family: var(--fontMontserrat);
    padding: 1rem 0 0;
}

    #Contato #BotaoEnviar {
        text-align: right;
    }

        #Contato #BotaoEnviar .btn {
            background-color: var(--corPrincipal);
            border-color: var(--corPrincipal);
            border-radius: 10px;
            padding: 0.35rem 2rem;
            text-transform: uppercase;
            font-weight: 600;
        }
/*------------------------ End Contato ------------------------*/

@media (max-width: 1200px) {
    #Home .bannerlateral {
        font-size: .9rem;
        padding: 1.5rem;
    }
}

@media (max-width: 991px) {

    #Menu .nav-item:nth-of-type(n+2) {
        margin-left: 0px;
    }

    #MenuMobile button:focus {
        outline: unset;
    }

    #MenuMobile .fixed-top {
        top: 1rem;
        right: unset;
        position: relative !important;
    }

    #MenuMobile .navbar-collapse.collapsing .navbar-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -45%;
        transition: all 0.2s ease;
    }

    #MenuMobile .navbar-collapse.show .navbar-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background: #000;
        flex-direction: column;
        height: auto;
        width: 100%;
        transition: left 0.35s ease;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        padding: 0 !important;
        z-index: 20;
    }

    #MenuMobile .navbar-toggler {
        border: 0;
        padding: 0;
    }

    #MenuMobile .navbar-light .navbar-toggler-icon {
        background: url('Imagens/menu-mobile.png') center no-repeat;
    }

    #MenuMobile .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-size: 14px;
        padding: 0.5rem 1rem 0.1rem 1rem;
    }

    #MenuMobile button.close {
        color: #fff;
        font-size: 2.25rem;
        opacity: 1;
        padding: 0.5rem 1rem 1rem 1rem;
    }

    #MenuMobile .separador {
        margin-top: 0.5rem;
        border-top: 0.065rem solid #fff;
    }

    #Home .bannerlateral {
        font-size: .8rem;
        padding: 1rem;
    }

    #Produtos .row div[class^='col-']:nth-of-type(n+4) {
        margin-top: 1.9rem;
    }
}

/* #region Mobile */
@media (max-width: 767px) {
    .mobile {
        display: block;
    }

    #Produtos .row div[class^='col-']:nth-of-type(n+3) {
        margin-top: 1.9rem;
    }

    #Resposta .banner {
        height: 120px;
    }

    header .container .carrinho-login {
        display: none;
    }

    #OClube .assinatura .text {
        flex-basis: 100%;
    }

    #OClube .assinatura .img {
        display: none;
    }

    #OClube .atencao {
        padding: 4rem 0;
    }

    #OClube .kits {
        background: linear-gradient(var(--corPrincipal) 0 20%, #E5E5E5 20% 100%);
    }

        #OClube .kits .container {
            flex-wrap: wrap;
            gap: 1.5rem;
        }
}

@media (max-width: 650px) {
    #Cabecalho .Topo {
        height: 10rem;
        margin-bottom: 1rem;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
        box-shadow: 0px 5px 5px 0px rgba(185,185,191,1);
    }

    .Topo .Menu {
        display: none;
    }

    #Cabecalho .Topo .row {
        margin: 0;
    }

    #Cabecalho .Topo #Logo {
        text-align: center;
    }

    #Cabecalho .Meio {
        display: none;
    }

    #BannerPrincipal #BannerDesktop {
        display: none;
    }

    #BannerPrincipal #BannerResponsivo {
        display: block;
    }

    #CarrinhoCompra {
        padding: 1.65rem 1.25rem 0 1.25rem;
    }

        #CarrinhoCompra a {
            color: #000;
            text-decoration: none;
        }

    #Home .box {
        border-right: 0;
        margin: 0 2rem;
        border-bottom: 0.065rem solid #707070;
    }

        #Home .box:last-child {
            border-bottom: 0;
        }

        #Home .box .descricao {
            padding: 0.5rem 0;
        }

    #Home #Itens #Superior {
        margin: 0;
    }

        #Home #Itens #Superior h3 {
            font-size: 1.15rem;
        }

        #Home #Itens #Superior a {
            font-size: 1rem;
            margin-left: 0;
        }

        #Home #Itens #Superior .col-4 {
            padding-left: 0;
        }

    #Home #Kits {
        /*width: 330px;*/
    }

        #Home #Kits #kit {
            padding: 1rem;
        }

            #Home #Kits #kit .fundo {
                width: 93%;
                background-size: 100%;
            }

            #Home #Kits #kit.montarkit {
                margin-top: 1rem;
            }

                #Home #Kits #kit.montarkit .fundo {
                    background-size: 100%;
                }

    #Home #Vantagens .col-md-4 {
        padding: 15px;
    }

    #Home #Participar .col-md-4 {
        padding: 1.5rem 1.5rem 8.75rem 1.5rem;
        background: url(Imagens/banner-participar.jpg) bottom right no-repeat;
        background-size: 100%;
    }

    #Home #Newsletter #Detalhes {
        padding: 3rem 1.5rem;
    }

        #Home #Newsletter #Detalhes .col-12 {
            padding: 0.25rem 0;
        }

        #Home #Newsletter #Detalhes #BotaoPreto {
            width: 100%;
        }

    #Home #Newsletter .imagemdefundo {
        height: 350px;
    }

    #Produtos .row {
        margin: 0;
    }

    #Resposta #ProdutoInformacao {
        padding: 0 1rem;
    }

    #Resposta #Relacionados, #Resposta #OutrosDaMarca {
        padding: 1rem;
        margin: 0;
    }

    #Resposta #Produtos .flex-container > #Produto {
        width: 100%;
        border: 0;
    }

    #Resposta #Produtos #Produto #Detalhes h3 {
        font-size: 16px;
    }

    #Resposta #Produtos #Produto #Detalhes p {
        font-size: 15px;
        font-family: Roboto-Regular;
        color: #4c4c4c;
    }

        #Resposta #Produtos #Produto #Detalhes p#clube {
            font-family: Roboto-Bold;
            color: #29ade2;
        }

            #Resposta #Produtos #Produto #Detalhes p#clube span {
                font-size: 12px;
            }

    #Resposta #Produtos #Produto #Botao #Detalhe {
        padding: 0.25rem 1.5rem;
        font-size: 16px;
    }

    #Resposta #ResumoPedido {
        margin: 1rem 0.25rem 0 0.25rem;
    }

    #Resposta #Carrinho {
        display: flex;
        flex-direction: column;
    }

        #Resposta #Carrinho #ListaComBarra {
            order: 2;
        }

        #Resposta #Carrinho #ProdutosCarrinho {
            order: 3;
        }

        #Resposta #Carrinho #Assinatura {
            order: 1;
        }

        #Resposta #Carrinho #ResumoFinal {
            order: 4;
        }

            #Resposta #Carrinho #ResumoFinal.desktop {
                display: none;
            }

            #Resposta #Carrinho #ResumoFinal.mobile {
                display: block;
            }

        #Resposta #Carrinho #Titulo {
            order: 2;
            padding-top: 1rem;
        }

        #Resposta #Carrinho #DadosPagamento {
            order: 3;
        }

        #Resposta #Carrinho #FormaPagamento .nav-tabs .nav-item {
            width: 100% !important;
        }

    #Resposta #MeusDados {
        padding: 1rem;
    }

    #Resposta #RespostaBusca #OpcoesBusca #Categorias {
        padding: 0 1rem;
    }

    #Resposta #RespostaBusca {
        display: flex;
        flex-direction: column;
    }

        #Resposta #RespostaBusca #OpcoesBusca {
            order: 2;
        }

    #Resposta #ResultadoBusca.col-md-10 {
        order: 1;
    }

    #Rodape {
        height: 32rem;
        padding: 0 2rem;
    }

        #Rodape.sem-altura {
            height: 18rem;
        }

        #Rodape .Inferior {
            padding-top: 2rem;
        }

        #Rodape a {
            padding: 0.15rem 0;
        }

        #Rodape p {
            margin: 1rem 0;
            text-align: left;
        }

        #Rodape .Topo {
            margin: 0;
            padding: 1.75rem 0 0 0;
        }

            #Rodape .Topo .Menu {
                justify-content: flex-start;
            }

    .js-privacy-banner {
        padding: 0 1rem 1rem 1rem;
    }

        .js-privacy-banner .col-md-10 {
            padding: 1rem;
        }

        .js-privacy-banner .pt-5 {
            padding-top: 0 !important;
        }
}

@media (max-width: 575px) {
    #Produtos .row div[class^='col-']:nth-of-type(n+2) {
        margin-top: 1.9rem;
    }

    #OClube {
        font-size: 12px;
    }

        #OClube .container {
            padding: 0 1rem;
        }

        #OClube .assinatura .text {
            padding: 1.5rem;
        }

        #OClube .como-funciona h2 {
            margin-bottom: 2rem;
        }

        #OClube .como-funciona .cards {
            gap: 2rem;
        }

            #OClube .como-funciona .cards .card {
                padding: 1rem 1rem 2rem;
            }

                #OClube .como-funciona .cards .card .img,
                #OClube .como-funciona .cards .card .title,
                #OClube .como-funciona .cards .card .text {
                    padding: 0.5rem 0;
                }

        #OClube .beneficios h2 {
            margin: 2rem 0;
        }

        #OClube .beneficios .cards {
            gap: 2rem;
        }

        #OClube .atencao {
            padding: 2rem 0;
        }
}
/* #endregion Mobile */

/* #region MENU MOBILE */
/* mobile navbar sidebar under lg breakpoint */


/* #endregion MENU MOBILE*/

/* #region MODAL ASSINATURAS */
.modal-minhas-assinaturas {
    padding: 2rem 1.5rem 1.5rem 1.5rem;
}

    .modal-minhas-assinaturas .close {
        position: absolute;
        right: 1rem;
        top: 0.5rem;
    }

    .modal-minhas-assinaturas p {
        line-height: 1.2;
        font-size: 14px;
    }

    .modal-minhas-assinaturas .desativar {
        padding-top: 1rem;
        color: #29ADE2;
        text-decoration: underline;
    }

    .modal-minhas-assinaturas .btn {
        background: #29ADE2;
        color: #fff !important;
        text-transform: uppercase;
        border: 0.065rem solid #29ADE2;
        font-family: Roboto-Bold;
        font-size: 14px;
        padding: 0.375rem 2.5rem;
    }

        .modal-minhas-assinaturas .btn:hover {
            background: #000000;
            border: 0.065rem solid #29ADE2;
            color: #29ADE2 !important;
        }

    .modal-minhas-assinaturas .mais-produtos {
        margin: 5rem 0;
        height: 510px;
        overflow-y: scroll;
    }

        .modal-minhas-assinaturas .mais-produtos .busca {
            position: absolute;
            top: 1rem;
            z-index: 999;
        }

        .modal-minhas-assinaturas .mais-produtos h5 {
            font-size: 1.15rem;
            color: #29ADE2;
        }

        .modal-minhas-assinaturas .mais-produtos .card.border-blue {
            border-left: 0.2rem solid #29ADE2;
            border-top: 0;
            border-right: 0;
        }

        .modal-minhas-assinaturas .mais-produtos .card .imagem {
            width: 100%;
            height: 85px;
            background-size: auto 100% !important;
        }

        .modal-minhas-assinaturas .mais-produtos::-webkit-scrollbar {
            width: 0.45rem;
        }

        .modal-minhas-assinaturas .mais-produtos::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }


        .modal-minhas-assinaturas .mais-produtos::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }


            .modal-minhas-assinaturas .mais-produtos::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

    .modal-minhas-assinaturas #BotaoAdicionar #Adicionar {
        color: #fff;
    }

        .modal-minhas-assinaturas #BotaoAdicionar #Adicionar:hover {
            background: #000000;
            border: 0.065rem solid #29ADE2;
            color: #29ADE2;
        }


/* #endregion MODAL ASSINATURAS */

.check-form {
    padding-left: 1.5rem;
    font-size: .9rem;
    position: relative;
    line-height: 1.4;
    margin-bottom: 0;
    font-family: var(--fontMontserrat);
}

    .check-form input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .check-form .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        border: 1px solid;
        border-radius: 4px;
    }

    .check-form input:checked ~ .checkmark {
        background-color: var(--corPrincipal);
    }

    .check-form .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 2px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .check-form input:checked ~ .checkmark:after {
        display: block;
    }

.breadcrumb {
    background-color: #fff;
    padding: 0.75rem 0;
    font-family: var(--fontMontserrat);
    font-weight: 700;
    margin: 0;
}

.breadcrumb-item {
    text-transform: capitalize;
}

    .breadcrumb-item a {
        color: #000;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 0.8rem;
        content: "\f054";
    }

.carregando {
    width: 100vw;
    height: 100vh;
    z-index: 3000;
    background-color: rgba(41,173,226,0.5);
    position: fixed;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

    .carregando.show {
        display: flex;
    }

    .carregando .spinner-grow {
        width: 15rem;
        height: 15rem;
        color: transparent;
    }


/* Novo menu Meus dados */

.menu-dados {
    min-width: 350px !important;
    font-size: 17px;
    font-weight: 600;

}

.menu-dados a {
    color: #777 !important;
    background-color: var(--bg-light);
}

.menu-icone{
    width: 20px;
}

.tab-content {
    width: 100% !important;
}

.situcao-pedido {
    width: 3px;
    display: block;
    border-radius: 3px;
    margin-right: 20px;
    height: 100%
}

.situacao-pedido-2 {
    background-color: var(--gray-dark)
}

.situacao-detalhes.situcao-pedido {
    height: 102px;
    width: 5px;
}

.situacao-pedido-3 {
    background-color: var(--success)
}

.situacao-pedido-6 {
    background-color: var(--danger)
}

.conteudo-tab .Infos {
    float: none !important;
}

.conteudo-tab .data,
.conteudo-tab .preco {
    padding: 0 !important;
}

    .conteudo-tab .data p {
        font-size: 12px !important;
    }

    .conteudo-tab .preco p {
        color: #666 !important;
        font-weight: 500;
        font-size: 22px !important;
    }

/* fim */

/* Tela de Vuzualização de Pedido de Venda */

.pedidos-container p {
    color: #535355 !important;
}

.historico-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    width: 100%;
    padding: 0
}

.historico-box p{
    font-size: 13px !important;
}

.historico-status-box{
    position: relative;
    width: 100%;
}

.historico-status {
    width: 60px;
    height: 60px;
    background-color: var(--green);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.historico-status i {
    font-size: 22px;
    display: flex;
    justify-content: center;
    z-index: 99;
}

.historico-linha {
    display: inline-block;
    position: absolute;
    height: 5px;
    width: 100%;
    background-color: var(--green)
}

.historico-linha-6{
    background-color: var(--danger);
}

.situacao-6 {
    background-color: var(--red) !important;
}

.produtos-box .imagem-produto {
    width: 100px !important;
    height: 100px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
}

.produtos-box .imagem-produto img {
    position: absolute;
    max-width: none;
    height: 100%;
}

.produtos-box .descricao-produto {
    color: #29ADE2;
    font-size: 13px !important;
    width: 70%;
}

.produtos-box .preco {
    gap: 5px;
    width: 30%;
    font-size: 24px !important;
}

.produtos-box .quantidade {
    font-size: 13px !important;
}

.endereco, .resumo { 
    height: 85%;

}

.endereco p{
    font-size: 14px !important;
}

.resumo p{
    font-size: 14px !important;
}


@media (max-width: 1208px) {
    .menu-dados {
        min-width: 250px !important;
    }
}

@media (max-width: 992px) {
    .historico-status-box {
        width: 30%;

    }

    .historico-box {
        height: 130px;
        margin-top: 0;
    }

    .historico-linha{
        height: 100%;
        width: 5px;
    }

    .historico-status-box{
        height: 100%;
    }
}

@media (max-width: 768px) {
    .menu-dados {
        width: 100% !important;
        min-width: auto !important;
        display: flex !important;
    }

    .menu-dados li {
        width: 50%;
    }


    .situcao-pedido {
        width: 100% !important;
        height: 3px !important;
        display: block;
        border-radius: 3px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .menu-dados #BotaoCadastrar {
        text-align: end !important;
    }
}

@media (max-width: 500px) {
    .menu-dados li {
        width: 100%;
    }
}

/* fim */

#WhatsApp {
    position: fixed;
    right: 3rem;
    z-index: 2000;
    bottom: 5.5rem;
}
/* Men in Box: etapa 1 — apresentação; contratos Razor e scripts preservados. */
.mib-header {
    background: #fcfaf5;
    border-bottom: 1px solid #e4e0d9;
    font-family: var(--fontMontserrat);
}
.mib-header > .container { padding-top: 16px; padding-bottom: 16px; }
.mib-header .logo img { width: 190px; max-height: 60px; object-fit: contain; }
.mib-header .container .carrinho-login { align-items: center; padding-right: 0; }
.mib-header .container .carrinho-login .login { background: transparent; padding: 12px 0; gap: 10px; font-size: 12px; }
.mib-header #CaixaBusca #CampoBusca #txtBusca { min-height: 48px; border: 1px solid #cbc6bd; border-radius: 4px; padding-left: 14px; background: #fff; font-size: 14px; }
.mib-header #CaixaBusca #CampoBusca .btn { color: #1254d8; min-width: 48px; min-height: 48px; top: 0; }
.mib-header .iconCarrinho { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.mib-header .iconCarrinho span { background: #1254d8; color: white; bottom: 0; right: 0; }
.mib-header a:focus-visible, .mib-header button:focus-visible, .mib-header input:focus-visible,
#Menu a:focus-visible, #Home a:focus-visible, .mib-product a:focus-visible { outline: 3px solid #1254d8 !important; outline-offset: 3px; }
#Menu { background: #fcfaf5; border-bottom: 1px solid #e4e0d9; }
#Menu .navbar-nav { width: 100%; justify-content: space-between; }
#Menu .nav-item:nth-of-type(n+2) { margin-left: 0; }
#Menu .nav-link { color: #171b22; font-size: 13px; padding: 14px 8px; }
#Menu .nav-link:hover, #Menu .nav-link.azul { color: #1254d8; }
#Home { margin-top: 0; padding-bottom: 32px; background: #fcfaf5; color: #171b22; font-family: var(--fontMontserrat); }
#Home > .Centro, #Home .Itens > .Centro { width: min(1250px, 100%); padding-left: 24px; padding-right: 24px; }
#Home .mib-hero { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 32px; align-items: center; padding-top: 36px; padding-bottom: 36px; }
#Home .mib-hero-copy { min-width: 0; }
#Home .mib-eyebrow { color: #1254d8; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; }
#Home .mib-hero h1 { color: #10151d !important; font: 800 clamp(32px, 4vw, 56px)/1.08 var(--fontMontserrat); letter-spacing: -.04em; margin: 0 0 20px; }
#Home .mib-hero-copy > p:not(.mib-eyebrow) { color: #535861; font-size: 15px; line-height: 1.7; max-width: 390px; }
.mib-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
#Home .mib-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 12px 18px; border: 1px solid #1254d8; border-radius: 4px; background: #1254d8; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }
#Home .mib-button:hover { background: #0c3b9c; border-color: #0c3b9c; }
#Home .mib-button-outline { color: #171b22; border-color: #cbc6bd; background: transparent; }
#Home .mib-button-outline:hover { background: #eeeae2; border-color: #aaa49a; }
.mib-hero-media { min-width: 0; background: #f1eee7; }
.mib-hero-media img { width: 100%; height: auto; object-fit: contain; }
#Home #Categorias { padding-top: 24px; padding-bottom: 20px; }
#Home #Categorias .header { text-align: left; font-size: 23px; font-weight: 800; margin-bottom: 20px; }
#Home #Categorias .imagens { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
#Home #Categorias .imagens a { display: block; min-width: 0; }
#Home #Categorias .imagens img { width: 100%; margin: 0; border-radius: 4px; }
#Home .Itens { padding: 32px 0; }
#Home #Essenciais { scroll-margin-top: 70px; }
#Home .mib-section-heading { margin-bottom: 24px; }
#Home .mib-section-heading h2 { font-size: clamp(23px, 2.6vw, 32px); font-weight: 800; text-transform: none; letter-spacing: -.025em; }
#Home #Produtos { padding: 0; gap: 20px; }
#Home #Produtos .produto { flex-basis: calc((100% - 60px)/4); width: calc((100% - 60px)/4); }
.mib-product { border: 1px solid #e7e3dc; border-radius: 4px; overflow: hidden; }
.mib-product > a { display: block; height: 100%; }
.mib-product a .imagem { background: #fff; padding: 20px; margin-bottom: 0; }
.mib-product a .imagem img { object-fit: contain; mix-blend-mode: normal; }
.mib-product a .informacoes { padding: 16px; border-top: 1px solid #f0ede8; }
.mib-product a .informacoes .categoria { color: #1254d8; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.mib-product a .informacoes .descricao { color: #171b22; font-size: 14px; line-height: 1.5; height: 3em; font-weight: 600; text-transform: none; margin-bottom: 12px; }
.mib-product a .informacoes .valor { color: #171b22; font-size: 17px; font-weight: 700; }
.mib-product a .informacoes .valorassin { color: #1254d8; margin-top: 6px; font-size: 14px; }
.mib-product a .informacoes .valorassin span { display: block; font-size: 11px; }
@media (min-width: 768px) and (max-width: 991px) {
    #Menu .nav-link { font-size: 10px; padding-left: 4px; padding-right: 4px; }
    .mib-header .container .carrinho-login .login { gap: 5px; font-size: 11px; }
    #Home .mib-hero { gap: 20px; }
    #Home #Produtos .produto { flex-basis: calc((100% - 40px)/3); width: calc((100% - 40px)/3); }
}
@media (max-width: 767px) {
    .mib-header > .container { padding-top: 8px; padding-bottom: 0; }
    .mib-header .logo img { width: 150px; height: 45px; }
    .mib-header #CaixaBusca #CampoBusca #txtBusca { font-size: 13px; }
    .mib-header #MenuMobile .navbar-toggler { min-width: 44px; min-height: 44px; }
    .mib-header #MenuMobile .navbar-collapse.show .navbar-nav { overflow-y: auto; padding: 16px !important; }
    #Home > .Centro, #Home .Itens > .Centro { padding-left: 16px; padding-right: 16px; }
    #Home .mib-hero { grid-template-columns: 1fr; gap: 24px; padding-top: 28px; padding-bottom: 8px; }
    #Home .mib-hero h1 { font-size: 38px; }
    #Home .mib-hero-copy > p:not(.mib-eyebrow) { font-size: 14px; }
    #Home #Categorias .imagens { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    #Home #Categorias .header { font-size: 21px; }
    #Home #Produtos { gap: 12px; }
    #Home #Produtos .produto { flex-basis: calc((100% - 12px)/2); width: calc((100% - 12px)/2); }
    .mib-product a .imagem { padding: 12px; }
    .mib-product a .informacoes { padding: 12px; }
    .mib-product a .informacoes .descricao { font-size: 12px; }
    .mib-product a .informacoes .valor { font-size: 15px; }
    .mib-product a .informacoes .valorassin { font-size: 13px; }
}
/* Limita o banner sem recortar artes cadastradas no administrativo. */
.mib-hero-media #BannerPrincipal img { max-height: 360px; object-fit: contain; }
#Home #Categorias .header { background: transparent; }
@media (max-width: 767px) {
    .mib-hero-media #BannerPrincipal img { max-height: 220px; }
}
#Home #Categorias .imagens { overflow: visible; padding: 0; }
#Home #Categorias .imagens img { display: block; min-width: 0; max-width: 100%; height: auto; }

/* Etapa 2: catálogo e detalhe. Seletores e comportamento dos formulários mantidos. */
#Resposta.mib-catalog, #Resposta.mib-detail { background: #fcfaf5; color: #171b22; font-family: var(--fontMontserrat); padding-bottom: 32px; }
#Resposta.mib-catalog > .Centro, #Resposta.mib-catalog > form > .Centro, #Resposta.mib-detail > .Centro { width: min(1250px, 100%); padding: 0 24px; }
#Resposta.mib-catalog > .banner { height: 100px; overflow: hidden; background: #f1eee7; }
#Resposta.mib-catalog > .banner img { width: 100%; height: 100%; object-fit: cover; }
#Resposta.mib-catalog .breadcrumb { background: transparent; font-size: 12px; margin: 0; padding-top: 20px; }
#Resposta.mib-catalog .breadcrumb a { color: #1254d8; }
#Resposta.mib-catalog #RespostaBusca { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; padding: 24px 0; }
#Resposta.mib-catalog #RespostaBusca #OpcoesBusca, #Resposta.mib-catalog #RespostaBusca #ResultadoBusca { width: 100%; max-width: none; min-width: 0; padding: 0; }
#Resposta.mib-catalog #RespostaBusca #OpcoesBusca { background: white; border: 1px solid #e4e0d9; border-radius: 4px; padding: 20px; align-self: start; }
#Resposta.mib-catalog #RespostaBusca #OpcoesBusca .header { font-size: 18px; font-weight: 700; margin-bottom: 16px; }
#Resposta.mib-catalog #RespostaBusca #OpcoesBusca .container-item { padding: 18px 0; border-color: #e4e0d9; }
#Resposta.mib-catalog #RespostaBusca #OpcoesBusca .container-item h2 { font-size: 13px; text-transform: none; margin-bottom: 12px; }
#Resposta.mib-catalog #OpcoesBusca .container-item a { display: inline-block; padding: 6px 0; line-height: 1.5; }
#Resposta.mib-catalog #OpcoesBusca .check-form { font-size: 12px; line-height: 1.6; margin: 0; padding-top: 6px; padding-bottom: 6px; }
#Resposta.mib-catalog #OpcoesBusca .check-form .checkmark { top: 8px; }
#Resposta.mib-catalog #OpcoesBusca .footer { padding-top: 12px; }
#Resposta.mib-catalog #RespostaBusca #OpcoesBusca .footer button { background: #1254d8; min-height: 46px; border-radius: 4px; }
#Resposta.mib-catalog #RespostaBusca #ResultadoBusca #CabecalhoBusca .palavra-pesquisada h2 { font-size: clamp(24px, 3vw, 34px); text-transform: none; overflow-wrap: anywhere; margin: 0 0 20px; }
#Resposta.mib-catalog #RespostaBusca #ResultadoBusca #CabecalhoBusca .produtos-encontrados { background: transparent; border-bottom: 1px solid #e4e0d9; padding: 0 0 18px; gap: 12px; flex-wrap: wrap; font-size: 12px; }
#Resposta.mib-catalog #RespostaBusca #ResultadoBusca #CabecalhoBusca .produtos-encontrados select { border: 1px solid #cbc6bd; background: white; color: #171b22; border-radius: 4px; min-height: 44px; max-width: 100%; padding: 8px 12px; }
#Resposta.mib-catalog #Produtos { padding: 20px 0 0; gap: 16px; }
#Resposta.mib-catalog #Produtos .produto { flex-basis: calc((100% - 32px)/3); width: calc((100% - 32px)/3); min-width: 0; }
#Resposta.mib-detail #ProdutoDetalhe { padding: 32px 0 16px; gap: 32px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
#Resposta.mib-detail #ProdutoDetalhe #Fotos, #Resposta.mib-detail #ProdutoDetalhe #DadosCompra { width: 100%; max-width: none; min-width: 0; padding: 0; }
#Resposta.mib-detail #ProdutoDetalhe #Fotos { background: white; border-radius: 4px; align-self: stretch; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra { background: white; border: 1px solid #e4e0d9; border-radius: 4px; padding: 28px; align-self: stretch; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .header { text-transform: none; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .header h4 { color: #1254d8; font-size: 12px; letter-spacing: .04em; margin-bottom: 12px; }
#Resposta.mib-detail .mib-brand-link { color: inherit; }
#Resposta.mib-detail .mib-product-reference { color: #59616e; font-size: 12px; margin: -8px 0 20px; overflow-wrap: anywhere; }
#Resposta.mib-detail .mib-brand-link:hover { text-decoration: underline; }
#Resposta.mib-detail .mib-brand-link:focus-visible { outline: 3px solid #1254d8; outline-offset: 3px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .header h3 { font-size: clamp(22px, 2.5vw, 30px); line-height: 1.3; font-weight: 700; overflow-wrap: anywhere; }
#Resposta.mib-detail .mib-field-title { font-size: 13px; font-weight: 600; margin-bottom: 10px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group { flex-wrap: wrap; gap: 8px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group .btn { width: auto; min-width: 44px; min-height: 44px; margin: 0; padding: 10px 14px; border-radius: 4px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group .btn.active { background: #1254d8; border-color: #1254d8; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra #Tamanhos .btn-group .btn:not(.active) { background: #fcfaf5; border-color: #cbc6bd; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .valores { display: flex; flex-direction: column; gap: 12px; margin: 24px 0; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .valores .normal { order: -1; color: #171b22; font-size: 28px; }
#Resposta.mib-detail .mib-price-label { display: block; font-size: 12px; font-weight: 400; margin-bottom: 4px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .valores .clube { background: #eef3ff; color: #1254d8; padding: 12px; border-radius: 4px; font-size: 24px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra .valores .clube span { display: block; font-size: 12px; }
#Resposta.mib-detail #ProdutoDetalhe #DadosCompra #BotaoComprar .btn { min-height: 50px; border-radius: 4px; background: #1254d8; border-color: #1254d8; padding: 14px 12px; white-space: normal; font-size: 13px; }
#Resposta.mib-detail #Frete.mib-delivery { clear: both; margin: 8px 0 24px; padding: 24px; background: #fff; border: 1px solid #e4e0d9; border-radius: 4px; }
#Resposta.mib-detail .mib-delivery-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#Resposta.mib-detail .mib-delivery-intro h2 { margin: 0 0 6px; color: #171b22; font-size: 16px; font-weight: 600; }
#Resposta.mib-detail .mib-delivery-intro p { margin: 0; color: #62666d; font-size: 13px; }
#Resposta.mib-detail #FormularioFrete { display: flex; align-items: flex-end; gap: 12px; margin: 0; }
#Resposta.mib-detail .mib-delivery-field { min-width: 0; width: 200px; }
#Resposta.mib-detail .mib-delivery-field label { display: block; margin-bottom: 6px; font-size: 12px; }
#Resposta.mib-detail #Frete #CEP { width: 100%; min-height: 44px; border-color: #cbc6bd; border-radius: 4px; font-size: 14px; }
#Resposta.mib-detail #Frete #btnFrete { min-height: 44px; padding: 10px 18px; border-radius: 4px; background: transparent; border: 1px solid #cbc6bd; color: #454950; font-size: 13px; white-space: nowrap; }
#Resposta.mib-detail #Frete #btnFrete:hover { background: #f5f3ee; border-color: #62666d; }
#Resposta.mib-detail #Frete #btnFrete:disabled { opacity: .6; cursor: wait; }
#Resposta.mib-detail #ResultadoFrete { font-size: 13px; overflow-wrap: anywhere; }
#Resposta.mib-detail #ResultadoFrete:not(:empty) { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e4e0d9; }
#Resposta.mib-detail #Frete #ResultadoFrete .row { margin: 0; padding: 12px 0; background: transparent; border-bottom: 1px solid #e4e0d9; }
#Resposta.mib-detail #Frete #ResultadoFrete .row:last-child { border-bottom: 0; }
#Resposta.mib-detail #Frete #ResultadoFrete .row p { margin: 0; padding: 4px 0; font-size: 13px; color: #454950; }
#Resposta.mib-detail #ProdutoInformacao { background: white; border: 1px solid #e4e0d9; max-width: 100%; padding: 24px; text-align: left; line-height: 1.7; overflow-wrap: anywhere; }
#Resposta.mib-detail #Relacionados, #Resposta.mib-detail #OutrosDaMarca { padding: 24px 0 0; }
#Resposta.mib-detail #Relacionados h5, #Resposta.mib-detail #OutrosDaMarca h5 { color: #171b22; border-bottom: 1px solid #e4e0d9; padding-bottom: 16px; }
#Resposta.mib-catalog a:focus-visible, #Resposta.mib-catalog select:focus-visible, #Resposta.mib-catalog button:focus-visible,
#Resposta.mib-detail a:focus-visible, #Resposta.mib-detail button:focus-visible, #Resposta.mib-detail input:focus-visible,
#Resposta.mib-detail .btn:focus-within { outline: 3px solid #1254d8; outline-offset: 3px; }
#Resposta.mib-catalog .check-form input:focus-visible ~ .checkmark { outline: 3px solid #1254d8; outline-offset: 3px; }
@media (min-width: 768px) and (max-width: 991px) {
    #Resposta.mib-catalog #RespostaBusca { grid-template-columns: 190px minmax(0, 1fr); gap: 20px; }
    #Resposta.mib-catalog #Produtos .produto { flex-basis: calc((100% - 16px)/2); width: calc((100% - 16px)/2); }
    #Resposta.mib-detail #ProdutoDetalhe { gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
    #Resposta.mib-detail #ProdutoDetalhe #DadosCompra { padding: 20px; }
}
@media (max-width: 767px) {
    #Resposta.mib-catalog > .Centro, #Resposta.mib-catalog > form > .Centro, #Resposta.mib-detail > .Centro { padding-left: 16px; padding-right: 16px; }
    #Resposta.mib-catalog > .banner { height: 64px; }
    #Resposta.mib-catalog #RespostaBusca { grid-template-columns: minmax(0,1fr); gap: 24px; }
    #Resposta.mib-catalog #RespostaBusca #OpcoesBusca { padding: 16px; }
    #Resposta.mib-catalog #OpcoesBusca .container-item ul { max-height: 180px; overflow-y: auto; padding-right: 6px; }
    #Resposta.mib-catalog #Produtos { gap: 12px; }
    #Resposta.mib-catalog #Produtos .produto { flex-basis: calc((100% - 12px)/2); width: calc((100% - 12px)/2); }
    #Resposta.mib-detail #ProdutoDetalhe { grid-template-columns: minmax(0,1fr); gap: 20px; padding-top: 20px; }
    #Resposta.mib-detail #ProdutoDetalhe #DadosCompra { padding: 20px; }
    #Resposta.mib-detail #ProdutoInformacao { padding: 20px; }
    #Resposta.mib-detail #Frete.mib-delivery { padding: 20px; }
    #Resposta.mib-detail .mib-delivery-header { flex-direction: column; align-items: stretch; gap: 16px; }
    #Resposta.mib-detail #FormularioFrete { width: 100%; flex-wrap: wrap; }
    #Resposta.mib-detail .mib-delivery-field { flex: 1 1 140px; width: auto; }
    #Resposta.mib-detail #Relacionados #Produtos, #Resposta.mib-detail #OutrosDaMarca #Produtos { padding: 0; gap: 12px; }
    #Resposta.mib-detail #Relacionados #Produtos .produto, #Resposta.mib-detail #OutrosDaMarca #Produtos .produto { flex-basis: calc((100% - 12px)/2); width: calc((100% - 12px)/2); }
}

/* Etapa 3: carrinho, entrega e pagamento — apenas apresentação. */
#Resposta.mib-checkout { background: #fcfaf5; color: #171b22; font-family: var(--fontMontserrat); padding: 28px 0 40px; }
#Resposta.mib-checkout > .Centro, #Resposta.mib-checkout > .Central { width: min(1250px, 100%); margin: 0 auto !important; padding: 0 24px; }
#Resposta.mib-checkout #Carrinho { margin: 0 -12px; }
#Resposta.mib-checkout h1, #Resposta.mib-checkout #Titulo h2 { color: #171b22 !important; font-size: clamp(24px,3vw,34px); font-weight: 700; text-transform: none; border: 0; margin: 0 0 24px; }
#Resposta.mib-checkout .TituloCarrinho { background: #171b22; color: white; border-radius: 4px 4px 0 0; padding: 16px; font-weight: 600; font-size: 14px; align-items: center; }
#Resposta.mib-checkout .TituloCarrinho.azul { background: #eef3ff; color: #1254d8; }
#Resposta.mib-checkout .BoxBranco { padding: 24px 16px; background: white; border: 1px solid #e4e0d9; border-radius: 0 0 4px 4px; line-height: 1.6; }
#Resposta.mib-checkout .form-control { min-height: 46px; border: 1px solid #cbc6bd; border-radius: 4px; color: #171b22; font-size: 14px; }
#Resposta.mib-checkout .btn.btn-primary, #Resposta.mib-checkout #Continuar .btn { min-height: 46px; background: #1254d8; border-color: #1254d8; color: white; border-radius: 4px; padding: 12px 16px; font-size: 13px; font-weight: 700; white-space: normal; }
#Resposta.mib-checkout .btn.btn-primary:hover { background: #0c3b9c; border-color: #0c3b9c; }
#Resposta.mib-checkout a:focus-visible, #Resposta.mib-checkout button:focus-visible, #Resposta.mib-checkout input:focus-visible, #Resposta.mib-checkout select:focus-visible { outline: 3px solid #1254d8; outline-offset: 3px; }
#Resposta.mib-checkout .field-validation-error, #Resposta.mib-checkout .validation-summary-errors { color: #ad2424; font-size: 13px; }
#Resposta.mib-checkout .mib-cart-items { width: 100%; background: white; border: 1px solid #e4e0d9; border-collapse: collapse; }
#Resposta.mib-checkout .mib-cart-items th { background: #f1eee7; padding: 14px 10px; font-size: 12px; }
#Resposta.mib-checkout .mib-cart-items td { padding: 18px 10px; vertical-align: middle; border-bottom: 1px solid #e4e0d9; font-size: 13px; }
#Resposta.mib-checkout .mib-cart-items td:first-child > a { display: flex; align-items: center; gap: 12px; color: #171b22; }
#Resposta.mib-checkout .mib-cart-items #Imagem { flex: 0 0 76px; width: 76px; }
#Resposta.mib-checkout .mib-cart-items #Imagem img { width: 76px; height: 90px; object-fit: contain; }
#Resposta.mib-checkout .mib-cart-items #Descricao { font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
#Resposta.mib-checkout .mib-cart-items #Quantidade { display: flex; flex-wrap: nowrap; align-items: center; margin: 0; }
#Resposta.mib-checkout .mib-cart-items #Quantidade > a { padding: 4px; min-width: 28px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
#Resposta.mib-checkout .mib-cart-items #Quantidade input { min-width: 32px; padding: 4px; }
#Resposta.mib-checkout .mib-cart-items #Remover a { display: inline-block; color: #626875; font-size: 12px; padding: 10px 0; text-decoration: underline; }
#Resposta.mib-checkout #CalculaFrete, #Resposta.mib-checkout #calculaCupomDesconto { background: white; padding: 20px; border: 1px solid #e4e0d9; border-radius: 4px; }
#Resposta.mib-checkout #CalculaFrete > p, #Resposta.mib-checkout #calculaCupomDesconto > p { font-size: 15px; font-weight: 700; }
#Resposta.mib-checkout #CalculaFrete .form-control, #Resposta.mib-checkout #calculaCupomDesconto .form-control { margin-bottom: 12px; }
#Resposta.mib-checkout #comprar > .btn { background: transparent; color: #1254d8; border-color: #1254d8; }
#Resposta.mib-checkout #ResumoPedido #Assinatura { border: 1px solid #e4e0d9; border-radius: 4px; background: white; overflow: hidden; }
#Resposta.mib-checkout #Assinatura .Titulo { background: #eef3ff; color: #1254d8; padding: 16px; font-size: 15px; }
#Resposta.mib-checkout #Assinatura .Titulo#comAssinatura { background: #1254d8; color: white; }
#Resposta.mib-checkout #Assinatura .corpo { padding: 20px; font-size: 13px; line-height: 1.6; }
#Resposta.mib-checkout #Assinatura .corpo p span { color: #1254d8; }
#Resposta.mib-checkout #ResumoFinal { background: white; border: 1px solid #e4e0d9; border-radius: 4px; padding: 20px; margin-top: 20px; }
#Resposta.mib-checkout #ResumoFinal table { width: 100%; }
#Resposta.mib-checkout #ResumoFinal table td { padding: 12px 4px; font-size: 13px; }
#Resposta.mib-checkout #ResumoFinal #Total td { border-top: 1px solid #e4e0d9; font-size: 20px; font-weight: 700; color: #171b22; }
#Resposta.mib-checkout #ResumoFinal #Continuar { padding: 16px 0 0; }
#Resposta.mib-checkout #Relacionados h5, #Resposta.mib-checkout #OutrosDaMarca h5 { color: #171b22; border-bottom: 1px solid #e4e0d9; }
#Resposta.mib-checkout #FormaPagamento .nav-tabs { width: 100%; border-color: #e4e0d9; }
#Resposta.mib-checkout #FormaPagamento .nav-link { border-radius: 4px 4px 0 0; color: #171b22; min-height: 44px; }
#Resposta.mib-checkout #FormaPagamento .nav-link.active { color: #1254d8; background: #eef3ff; border-color: #e4e0d9; }
@media (max-width: 767px) {
    #Resposta.mib-checkout > .Centro, #Resposta.mib-checkout > .Central { padding: 0 16px; }
    #Resposta.mib-checkout { padding-top: 20px; }
    #Resposta.mib-checkout .mib-cart-items thead { display: none; }
    #Resposta.mib-checkout .mib-cart-items tbody, #Resposta.mib-checkout .mib-cart-items tr { display: block; width: 100%; }
    #Resposta.mib-checkout .mib-cart-items tr { padding: 12px; border-bottom: 1px solid #e4e0d9; }
    #Resposta.mib-checkout .mib-cart-items td { display: block; width: 100%; padding: 8px 0; border: 0; }
    #Resposta.mib-checkout .mib-cart-items td:nth-child(3)::before { content: 'Preço unitário: R$ '; }
    #Resposta.mib-checkout .mib-cart-items td:nth-child(4)::before { content: 'Total: R$ '; font-weight: 700; }
    #Resposta.mib-checkout .mib-cart-items #Preco { display: inline; }
    #Resposta.mib-checkout .mib-cart-items #Quantidade { justify-content: center; }
    #Resposta.mib-checkout .mib-cart-items #Quantidade > a, #Resposta.mib-checkout .mib-cart-items #Quantidade input { width: 44px; flex: 0 0 44px; max-width: 44px; }
    #Resposta.mib-checkout #ResumoPedido { margin-top: 24px; }
    #Resposta.mib-checkout .BoxBranco { padding: 20px 12px; }
    #Resposta.mib-checkout .TituloCarrinho { padding: 14px 12px; }
    #Resposta.mib-checkout #FormaPagamento .nav-tabs { flex-wrap: wrap; }
    #Resposta.mib-checkout #FormaPagamento .nav-item { max-width: 100%; }
}
#Resposta.mib-checkout #ListaComBarra h1 { border-bottom: 0; padding-bottom: 0; }
@media (max-width: 767px) {
    #Resposta.mib-checkout #Carrinho > #ListaComBarra,
    #Resposta.mib-checkout #Carrinho > #ProdutosCarrinho,
    #Resposta.mib-checkout #Carrinho > #Titulo,
    #Resposta.mib-checkout #Carrinho > #DadosPagamento,
    #Resposta.mib-checkout #Carrinho > #ResumoPedido,
    #Resposta.mib-checkout #Carrinho > #ResumoFinal { order: 0; }
    #Resposta.mib-checkout #Carrinho > #ResumoPedido { margin-left: 0; margin-right: 0; }
}
/* Sobrescreve os seletores legados mais específicos do carrinho. */
#Resposta.mib-checkout #Carrinho #ListaComBarra h1 { border: 0; color: #171b22 !important; }
#Resposta.mib-checkout #Carrinho #CalculaFrete > p,
#Resposta.mib-checkout #Carrinho #calculaCupomDesconto > p { background: transparent; color: #171b22; padding: 0 0 12px; }
#Resposta.mib-checkout #Carrinho #Frete .btn,
#Resposta.mib-checkout #Carrinho #cupomDesconto .btn,
#Resposta.mib-checkout #Carrinho #Continuar .btn,
#Resposta.mib-checkout #Carrinho #BotaoFinalizar.btn,
#Resposta.mib-checkout #Carrinho #BotaoFinalizar .btn { background: #1254d8; border-color: #1254d8; border-radius: 4px; min-height: 46px; color: white; }
#Resposta.mib-checkout #Carrinho #Frete .form-control,
#Resposta.mib-checkout #Carrinho #cupomDesconto .form-control { border-radius: 4px; border-color: #cbc6bd; }
#Resposta.mib-checkout #Carrinho #Frete #BotaoFrete,
#Resposta.mib-checkout #Carrinho #cupomDesconto #BotaoCupomDesconto { background: #1254d8; border-radius: 4px; }
#Resposta.mib-checkout #Carrinho #CalculaFrete > p,
#Resposta.mib-checkout #Carrinho #calculaCupomDesconto > p { background: transparent !important; color: #171b22; }
#Resposta.mib-checkout #Carrinho #ResumoFinal th { background: #eef3ff; color: #1254d8; padding: 12px; }

/* Rodapé e newsletter da loja. */
.mib-footer { font-family: var(--fontMontserrat); }
.mib-footer #Newsletter { background: #f3f0e9; padding: 44px 0; border-top: 1px solid #e4e0d9; }
.mib-footer #Newsletter .card { background: transparent; padding: 0; color: #171b22; }
.mib-footer #Newsletter .card .text { text-align: left !important; line-height: 1.6; }
.mib-footer .mib-news-eyebrow { color: #1254d8; font-size: 11px; font-weight: 700; letter-spacing: 1.6px; }
.mib-footer #Newsletter h2 { font-size: 25px; line-height: 1.25; font-weight: 700; margin: 10px 0; }
.mib-footer #Newsletter p { color: #535b68; font-size: 13px; font-weight: 400; margin-bottom: 0; }
.mib-footer #Newsletter form { margin-top: 18px; }
.mib-footer #Newsletter .card input { min-height: 50px; max-width: none; padding: 12px 16px; border: 1px solid #c5c9d1; border-radius: 4px 0 0 4px; color: #171b22; background: white; font-size: 14px; }
.mib-footer #Newsletter .card button { min-height: 50px; padding: 12px 8px; border: 1px solid #1254d8; background: #1254d8; border-radius: 0 4px 4px 0; font-size: 13px; font-weight: 700; }
.mib-footer #Newsletter .card button:hover { background: #0c3b9c; }
.mib-footer #Newsletter .field-validation-error { display: block; color: #ad2424; font-size: 12px; margin-top: 6px; }
.mib-footer .footer { background: #171b22; padding: 48px 0 24px; }
.mib-footer .mib-footer-grid { display: grid; grid-template-columns: 1.1fr 1fr 1.2fr 1fr; gap: 28px; }
.mib-footer .footer .mib-footer-brand img { height: auto; width: 160px; max-width: 100%; padding: 10px; background: white; border-radius: 4px; margin: 0 0 16px; }
.mib-footer .mib-footer-brand p { color: #bec4cf; font-size: 13px; line-height: 1.7; }
.mib-footer .footer h2, .mib-footer .footer .redessociais .text { color: white; font-size: 14px; line-height: 1.5; font-weight: 700; margin: 0 0 16px; }
.mib-footer .footer .navbar-nav { text-align: left; }
.mib-footer .footer .navbar-nav .nav-link { display: block; font-size: 13px; line-height: 1.5; padding: 10px 0; min-height: 40px; color: #cbd0da !important; }
.mib-footer .footer .navbar-nav .nav-link:hover { color: white !important; text-decoration: underline; }
.mib-footer .footer .redessociais { margin: 0; text-align: left; }
.mib-footer .footer .redessociais .icons { display: flex; gap: 10px; font-size: 22px; }
.mib-footer .footer .redessociais .icons a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #515966; border-radius: 50%; margin: 0; }
.mib-footer .footer .copy { border-top: 1px solid #3b424e; margin-top: 32px; padding-top: 24px; font-size: 11px; line-height: 1.9; text-align: left; color: #bec4cf; }
.mib-footer a:focus-visible, .mib-footer button:focus-visible, .mib-footer #Newsletter .card input:focus-visible { outline: 3px solid #4f86ff; outline-offset: 4px; }
@media (max-width: 991px) { .mib-footer .mib-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 575px) {
    .mib-footer #Newsletter { padding: 32px 0; }
    .mib-footer #Newsletter h2 { font-size: 23px; }
    .mib-footer #Newsletter .card input, .mib-footer #Newsletter .card button { border-radius: 4px; }
    .mib-footer .footer { padding: 32px 8px 24px; }
    .mib-footer .mib-footer-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
    .mib-footer .footer .copy { padding-right: 44px; }
}

/* Feedback compartilhado de processamento. */
#mib-busy[hidden], #mib-busy button[hidden] { display: none !important; }
#mib-busy { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(23,27,34,.55); cursor: progress; }
#mib-busy .mib-busy-card { width: 100%; max-width: 400px; padding: 32px; border-radius: 12px; background: #fff; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.18); font-family: var(--fontMontserrat); color: #171b22; }
#mib-busy h2 { font-size: 23px; font-weight: 700; margin: 20px 0 12px; }
#mib-busy p { font-size: 14px; line-height: 1.6; margin: 0; color: #414957; }
#mib-busy button { margin-top: 20px; padding: 12px 20px; border: 0; border-radius: 4px; background: #1254d8; color: white; cursor: pointer; }
#mib-busy button:focus-visible { outline: 3px solid #1254d8; outline-offset: 3px; }
.mib-busy-spinner { display: inline-block; width: 40px; height: 40px; border: 3px solid #e3eafb; border-top-color: #1254d8; border-radius: 50%; animation: mib-spin .8s linear infinite; }
@keyframes mib-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mib-busy-spinner { animation: none; } }

/* Formulários: largura fluida e agrupamento visual sem mudar o envio. */
#Resposta.mib-account .mib-address-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
#Resposta.mib-account .mib-address-heading p { color: #59616e; font-size: 14px; }
#Resposta.mib-account .mib-address-heading h1 { margin-bottom: 10px; }
@media(max-width: 767px) { #Resposta.mib-account .mib-address-heading { display: block; } }
#Resposta.mib-auth #Cadastro .form-control,
#Resposta.mib-account #MeusDados #Cadastro .form-control { width: 100%; max-width: none; box-sizing: border-box; }
#Resposta.mib-account #MeusDados .menu-dados { width: 230px; min-width: 230px; }
#Resposta.mib-account #MeusDados #myTabContent { flex: 1; min-width: 0; width: auto; }
#Resposta.mib-form-page > .Central { width: min(1250px,100%); margin: auto; padding: 0 24px; }
#Resposta.mib-form-page.mib-auth #Cadastro { width: min(800px,100%); padding: 36px; border-radius: 12px; }
#Resposta.mib-form-page #Cadastro .mib-form-heading { text-align: left; padding: 0 0 24px; border-bottom: 1px solid #e4e0d9; margin-bottom: 24px; }
#Resposta.mib-form-page #Cadastro .mib-eyebrow { color: #1254d8; font-size: 11px; font-weight: 700; letter-spacing: 1.6px; }
#Resposta.mib-form-page #Cadastro .mib-form-heading h1 { margin: 10px 0 12px; text-align: left; line-height: 1.2; }
#Resposta.mib-form-page #Cadastro .mib-form-heading p { color: #59616e; font-size: 14px; line-height: 1.7; margin: 0; }
#Resposta.mib-form-page #Cadastro form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 24px; padding: 0; }
#Resposta.mib-form-page #Cadastro form > .form-group { grid-column: 1 / -1; margin: 0; min-width: 0; }
#Resposta.mib-form-page #Cadastro form > .form-group > .col-md-12 { padding: 0; }
#Resposta.mib-form-page #Cadastro form > .form-group:has(#Senha, #ConfirmacaoSenha, #DataNascimento, #Sexo, #Numero, #Complemento, #cmbUF, #cmbCidade) { grid-column: auto; }
#Resposta.mib-form-page #Cadastro form > .form-group:has(> .col-md-12:empty) { display: none; }
#Resposta.mib-form-page #Cadastro form > .validation-summary-errors { grid-column: 1 / -1; }
#Resposta.mib-form-page #Cadastro .mib-field-heading { font-size: 17px; font-weight: 700; margin: 10px 0 18px; color: #171b22; border: 0; text-transform: none; }
#Resposta.mib-auth #Cadastro label, #Resposta.mib-account #MeusDados #Cadastro label { color: #414957; }
#Resposta.mib-form-page #Cadastro #Alerta { padding: 0; background: transparent; color: #59616e; font-size: 12px; }
#Resposta.mib-form-page #Cadastro #BotaoCadastrar { border-top: 1px solid #e4e0d9; padding: 24px 0 0; margin: 8px 0 0; text-align: right; width: 100%; }
#Resposta.mib-form-page #Cadastro #BotaoCadastrar .btn { width: auto; min-width: 200px; }
#Resposta.mib-account #MeusDados #enderecos { width: 100%; }
@media (max-width: 767px) {
    #Resposta.mib-account #MeusDados .menu-dados { min-width: 0; width: 100%; }
    #Resposta.mib-form-page.mib-auth #Cadastro { padding: 24px 20px; }
    #Resposta.mib-form-page > .Central { padding: 0 16px; }
    #Resposta.mib-form-page #Cadastro form { grid-template-columns: minmax(0,1fr); gap: 18px; }
    #Resposta.mib-form-page #Cadastro #BotaoCadastrar .btn { width: 100%; min-width: 0; }
}

/* Etapa 4: acesso e área do cliente. Escopo restrito às páginas públicas. */
#Resposta.mib-auth, #Resposta.mib-account { background: #fcfaf5; color: #171b22; font-family: var(--fontMontserrat); padding: 40px 0; }
#Resposta.mib-auth > .Centro, #Resposta.mib-account > .Centro { width: min(1250px,100%); padding: 0 24px; }
#Resposta.mib-auth #Cadastro { width: min(560px,100%); margin: 0 auto; padding: 32px 24px; background: #fff; border: 1px solid #e4e0d9; border-radius: 4px; }
#Resposta.mib-auth #Cadastro form { width: 100%; max-width: 100%; margin: 0; }
#Resposta.mib-auth #Cadastro h1, #Resposta.mib-account h1 { color: #171b22 !important; font-size: 28px; font-weight: 700; margin: 0 0 28px; border: 0; }
#Resposta.mib-auth #Cadastro .form-control, #Resposta.mib-account .form-control { min-height: 46px; border: 1px solid #cbc6bd; border-radius: 4px; background: #fff; color: #171b22; font-size: 14px; }
#Resposta.mib-auth #Cadastro label, #Resposta.mib-account label { font-size: 13px; font-weight: 600; margin-bottom: 8px; }
#Resposta.mib-auth #Cadastro .form-group, #Resposta.mib-account .form-group { margin-bottom: 20px; }
#Resposta.mib-auth #Cadastro #BotaoCadastrar .btn,
#Resposta.mib-account #MeusDados #BotaoCadastrar .btn,
#Resposta.mib-account #Assinaturas .btn.btn-primary,
#Resposta.mib-account .btn.btn-primary { background: #1254d8; border-color: #1254d8; color: white; border-radius: 4px; min-height: 46px; padding: 12px 20px; font-size: 13px; font-weight: 700; white-space: normal; }
#Resposta.mib-auth #Cadastro #BotaoCadastrar { padding: 0 15px; }
#Resposta.mib-auth #Cadastro #BotaoCadastrar .btn { width: 100%; }
#Resposta.mib-auth #Cadastro #Esqueceu, #Resposta.mib-auth #Cadastro #OpcaoCadastrese a { color: #1254d8; font-size: 13px; text-decoration: underline; }
#Resposta.mib-auth #Cadastro #OpcaoCadastrese { margin-top: 24px; font-size: 13px; }
#Resposta.mib-auth .field-validation-error, #Resposta.mib-auth .validation-summary-errors,
#Resposta.mib-account .field-validation-error, #Resposta.mib-account .validation-summary-errors { color: #ad2424; font-size: 13px; }
#Resposta.mib-auth a:focus-visible, #Resposta.mib-auth button:focus-visible, #Resposta.mib-auth input:focus-visible, #Resposta.mib-auth select:focus-visible,
#Resposta.mib-account a:focus-visible, #Resposta.mib-account button:focus-visible, #Resposta.mib-account input:focus-visible, #Resposta.mib-account select:focus-visible { outline: 3px solid #1254d8; outline-offset: 3px; }
#Resposta.mib-account #MeusDados, #Resposta.mib-account #Assinaturas { padding: 0; }
#Resposta.mib-account #MeusDados > .container { max-width: 100%; padding: 0; }
#Resposta.mib-account #MeusDados h2, #Resposta.mib-account #Assinaturas h2 { color: #171b22; font-size: 28px; font-weight: 700; border: 0; text-transform: none; margin: 0 0 28px; }
#Resposta.mib-account #MeusDados .menu-dados { flex: 0 0 230px; background: white; border: 1px solid #e4e0d9 !important; border-radius: 4px; padding: 8px; }
#Resposta.mib-account #MeusDados .menu-dados .nav-link { color: #414957; border: 0; border-radius: 4px; font-size: 13px; padding: 14px 12px !important; min-height: 46px; }
#Resposta.mib-account #MeusDados .menu-dados .nav-link.active { background: #eef3ff; color: #1254d8; font-weight: 700; }
#Resposta.mib-account #MeusDados .menu-icone { color: inherit; font-size: 18px; margin-right: 12px !important; }
#Resposta.mib-account #MeusDados .conteudo-tab { flex: 1 1 auto; min-width: 0; }
#Resposta.mib-account #MeusDados #Cadastro { background: white; border: 1px solid #e4e0d9; padding: 24px; margin: 0; width: 100%; }
#Resposta.mib-account #MeusDados #Cadastro form { max-width: 100%; width: 100%; }
#Resposta.mib-account #MeusDados #BoxEndereco,
#Resposta.mib-account #MeusDados .bg-light,
#Resposta.mib-account #Assinaturas .assinatura,
#Resposta.mib-account #Assinaturas .card { background: #fff !important; border: 1px solid #e4e0d9; border-radius: 4px; padding: 24px; margin-bottom: 20px; overflow-wrap: anywhere; }
#Resposta.mib-account #Assinaturas .assinatura { margin-left: 0; margin-right: 0; }
#Resposta.mib-account #Assinaturas h5 { color: #171b22; font-weight: 700; font-size: 17px; }
#Resposta.mib-account #Assinaturas .assinatura .produtos { border-top: 1px solid #e4e0d9; padding-top: 20px; margin-top: 20px; }
#Resposta.mib-account #Assinaturas p, #Resposta.mib-account #MeusDados .Infos { font-size: 14px; line-height: 1.6; }
#Resposta.mib-account #MeusDados .preco { color: #171b22; font-weight: 700; }
@media (max-width: 767px) {
    #Resposta.mib-auth, #Resposta.mib-account { padding: 24px 0; }
    #Resposta.mib-auth > .Centro, #Resposta.mib-account > .Centro { padding: 0 16px; }
    #Resposta.mib-auth #Cadastro { padding: 24px 12px; }
    #Resposta.mib-auth #Cadastro h1, #Resposta.mib-account h1 { font-size: 24px; }
    #Resposta.mib-account #MeusDados .menu-dados { width: 100%; flex-wrap: wrap; gap: 4px; }
    #Resposta.mib-account #MeusDados .menu-dados .nav-item { flex: 1 1 45%; min-width: 0; }
    #Resposta.mib-account #MeusDados .menu-dados .nav-link { font-size: 12px; overflow-wrap: anywhere; }
    #Resposta.mib-account #MeusDados #Cadastro,
    #Resposta.mib-account #MeusDados #BoxEndereco,
    #Resposta.mib-account #Assinaturas .assinatura { padding: 16px; }
    #Resposta.mib-account #Assinaturas .assinatura .text-right { text-align: left !important; margin-top: 12px; }
}

/* Clube: apresentação editorial com os produtos e fluxo existentes. */
.mib-club { background: #fff; color: #171b22; font-family: var(--fontMontserrat); }
.mib-club .club-wrap { width: min(1200px,100%); padding: 0 32px; margin: auto; }
.mib-club .club-section { padding-top: 72px; padding-bottom: 72px; }
.mib-club .club-hero, .mib-club .club-ending { background: #1254d8; color: #fff; }
.mib-club .club-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; padding-top: 72px; padding-bottom: 72px; }
.mib-club .club-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 1.8px; margin-bottom: 20px; }
.mib-club h1 { color: #fff !important; font-size: clamp(36px,4.5vw,64px); line-height: 1.06; font-weight: 800; margin: 0 0 24px; letter-spacing: -1.5px; }
.mib-club h2 { font-size: clamp(28px,3vw,42px); text-transform: none; line-height: 1.18; margin: 0 0 28px; letter-spacing: -.7px; }
.mib-club h3 { font-size: 22px; font-weight: 700; line-height: 1.3; margin: 18px 0 14px; }
.mib-club p { font-size: 15px; line-height: 1.8; }
.mib-club .club-lead { font-size: 18px; max-width: 510px; color: #eef3ff; }
.mib-club .club-visual img { width: 100%; max-height: 480px; object-fit: contain; }
.mib-club .club-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 30px; }
.mib-club .club-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 22px; background: #1254d8; color: #fff; font-size: 14px; font-weight: 700; border-radius: 4px; text-decoration: none; text-align: center; }
.mib-club .club-hero .club-button, .mib-club .club-ending .club-button { background: #fff; color: #1254d8; }
.mib-club .club-link { color: #fff; text-decoration: underline; text-underline-offset: 4px; font-size: 14px; padding: 12px 0; }
.mib-club .club-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 40px; }
.mib-club .club-grid > * { border-top: 2px solid #1254d8; padding-top: 24px; }
.mib-club .club-grid p, .mib-club .club-intro, .mib-club .club-note { color: #535b68; }
.mib-club .club-number { color: #1254d8; font-size: 15px; font-weight: 700; }
.mib-club .club-soft { background: #f3f0e9; }
.mib-club .club-steps { list-style: none; padding-left: 0; margin-bottom: 0; }
.mib-club .club-steps a, .mib-club .club-faq a { color: #1254d8; text-decoration: underline; text-underline-offset: 3px; }
.mib-club .club-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; margin-top: 32px; }
.mib-club .club-product { border: 1px solid #e4e0d9; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; }
.mib-club .club-product-image { display: block; background: #fcfaf5; padding: 24px; }
.mib-club .club-product-image img { width: 100%; height: 260px; object-fit: contain; }
.mib-club .club-product-body { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.mib-club .club-product-info { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; flex: 1; }
.mib-club .club-price { font-size: 30px; font-weight: 700; margin-top: 24px; }
.mib-club .club-price small { display: block; font-size: 12px; color: #535b68; font-weight: 400; }
.mib-club .club-note { margin-top: 20px; font-size: 12px; }
.mib-club .club-faq { max-width: 950px; }
.mib-club details { border-bottom: 1px solid #cbc6bd; padding: 20px 0; }
.mib-club summary { cursor: pointer; font-size: 17px; font-weight: 600; padding: 8px 0; }
.mib-club details p { margin: 16px 0 0; }
.mib-club .club-ending { padding: 64px 0; text-align: center; }
.mib-club a:focus-visible, .mib-club summary:focus-visible { outline: 3px solid #5390ff; outline-offset: 4px; }
.mib-club [id] { scroll-margin-top: 100px; }
@media(max-width: 767px) {
    .mib-club .club-wrap { padding-left: 20px; padding-right: 20px; }
    .mib-club .club-split, .mib-club .club-grid, .mib-club .club-products { grid-template-columns: minmax(0,1fr); }
    .mib-club .club-split, .mib-club .club-section { padding-top: 40px; padding-bottom: 40px; }
    .mib-club .club-visual img { max-height: 300px; }
    .mib-club .club-actions .club-button { width: 100%; }
    .mib-club .club-product-body { padding: 20px; }
}

#Resposta.mib-detail #ProdutoDetalhe .mib-product-title { color: #171b22 !important; font-size: 24px; line-height: 1.3; font-weight: 700; margin: 12px 0 20px; }

/* Busca e categoria compartilham o mesmo formulário GET. */
#Resposta.mib-search-flow #RespostaBusca { margin: 0; }
#Resposta.mib-search-flow #search-heading { color: #171b22 !important; font-size: clamp(24px,3vw,34px); line-height: 1.3; margin: 0 0 20px; overflow-wrap: anywhere; }
#Resposta.mib-search-flow #OpcoesBusca summary { font-size: 18px; font-weight: 700; cursor: pointer; padding: 4px 0 12px; }
#Resposta.mib-search-flow .filter-help { font-size: 12px; line-height: 1.6; color: #535b68; }
#Resposta.mib-search-flow fieldset { border: 0; border-top: 1px solid #e4e0d9; padding: 18px 0; margin: 0; min-width: 0; }
#Resposta.mib-search-flow legend { font-size: 14px; font-weight: 700; float: none; width: auto; padding-right: 8px; }
#Resposta.mib-search-flow .filter-choice { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; margin: 0; font-size: 13px; line-height: 1.5; cursor: pointer; }
#Resposta.mib-search-flow .filter-choice input { flex: 0 0 17px; width: 17px; height: 17px; margin: 2px 0 0; accent-color: #1254d8; }
#Resposta.mib-search-flow .filter-apply { width: 100%; white-space: normal; min-height: 46px; background: #1254d8; border: 0; font-size: 13px; }
#Resposta.mib-search-flow .filter-clear { display: block; padding: 14px 0 0; font-size: 13px; text-decoration: underline; color: #1254d8; }
#Resposta.mib-search-flow .filter-active { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
#Resposta.mib-search-flow .filter-active:empty { display: none; }
#Resposta.mib-search-flow .filter-active a { background: #eef3ff; border: 1px solid #b7cbf6; color: #1649a8; padding: 10px 12px; border-radius: 4px; font-size: 12px; line-height: 1.5; }
#Resposta.mib-search-flow .filter-active span { margin-left: 8px; font-size: 18px; }
#Resposta.mib-search-flow .produtos-encontrados label { display: block; margin-bottom: 6px; font-size: 12px; }
#Resposta.mib-detail .mib-grid-axis { margin-bottom: 18px; }
#Resposta.mib-detail .mib-grid-options { display: flex; flex-wrap: wrap; gap: 8px; }
#Resposta.mib-detail .mib-grid-options .btn { min-width: 44px; }
#Resposta.mib-detail .mib-grid-options .btn.active,
#Resposta.mib-detail .mib-grid-options .btn[aria-pressed="true"] { background-color: #1254d8; border-color: #1254d8; color: #fff; }
#Resposta.mib-detail .mib-grid-options .disabled { opacity: .45; text-decoration: line-through; cursor: not-allowed; }
#Resposta.mib-detail .mib-grid-options button:focus-visible { outline: 3px solid #1254d8; outline-offset: 3px; }
#Resposta.mib-search-flow .filter-empty { background: white; border: 1px solid #e4e0d9; padding: 32px; margin-top: 24px; line-height: 1.7; }
#Resposta.mib-search-flow .filter-empty h2 { text-transform: none; font-size: 22px; }
#Resposta.mib-search-flow a:focus-visible, #Resposta.mib-search-flow input:focus-visible, #Resposta.mib-search-flow button:focus-visible, #Resposta.mib-search-flow select:focus-visible, #Resposta.mib-search-flow summary:focus-visible { outline: 3px solid #1254d8; outline-offset: 3px; }
@media(max-width:767px) {
    #Resposta.mib-search-flow #RespostaBusca { grid-template-columns: minmax(0,1fr); }
    #Resposta.mib-search-flow .produtos-encontrados > div { width: 100%; }
    #Resposta.mib-search-flow #OpcaoOrdenacao { width: 100%; }
}