/***********************************************************************
REPONSIVE (BASE)
***********************************************************************/

/************************************************************
MENU RESPONSIVO CATEORIAS
************************************************************/
.menuMobile{}

    .menuMobile.isActive .categorias_all.isActive {
        width: 100%;
        height: calc(100% - 133px);
        top: 133px;
        z-index: 10;
    }

    .menuMobile.isActive .categorias_sub{
        z-index: 2;
        left: 0;
    }

        .menuMobile.isActive .categorias_sub.isActive {
            width: 230px;
            opacity: 1;
            overflow: visible;
        }


/***********************************************************************
MAX 1000PX
***********************************************************************/
@media all and (max-width: 1000px) {

    /* Ativar responsividade */
    .paddingMain{ width: 95%; }
    .container{ min-width: 100%; }


    /*#region Btn menu Reponsive */    
        .btnResponsive {
            width: 48px;
            height: 48px;
            display: inline-block;
            position: absolute;
            left: 0%;
            top: 0%;
            transform: scale(1);
            opacity: 1;
            z-index: 1;
            transition: all 300ms;
            background-color: #a02424;
            padding: 0;
        }

            .btnResponsive:hover{
                background-color: #b42c2c;
            }

            .btnResponsive span{
              width: calc(100% - 8px);
              height: 8px;
              background: #fff;
              position: absolute;
              top: 4px;
              left: 4px;
              opacity: 1;
              transition: all 300ms;
            }

              .btnResponsive span:first-child + span{
                top: calc(50% - 8px / 2);
              }

              .btnResponsive span:last-child{
                top: auto;
                bottom: 4px;
              }

              .isActive.btnResponsive span:first-child{
                transform: rotate(-45deg);
                top: 19px;
                left: 4px;
              }

              .isActive.btnResponsive span:first-child + span{
                width: 0px;
                opacity: 0;
              }

              .isActive.btnResponsive span:last-child{
                transform: rotate(45deg);
                bottom: 18.5px;
                left: 4px;
              }
    /*#endregion */

    /* Logo */
    .logo{
        width: calc(50% - 27%);
    }


    /*#region MODAL LOGIN */
        .pModalLogin{
            width: 90%;
            height: auto;
            min-height: 338px;
            left: calc(50% - 90% / 2);
            top: calc(40% - 338px / 2);
            padding: 5% 5% 10% 5%;
        }

            /* BTN Fechar */
            .pModalLogin-fechar:after{
                font-size: 30px;
            }

            /* Esqueci minha senha */
            .pModalLogin-esqueci{
                font-size: 1.5em !important
            }

            /* Btn Acessar */
            .pModalLogin-btnAcessar{
                width: 30% !important;
                height: auto !important;
                padding: 1.6% 0 !important;
            }



    /*#endregion */


    /*#region MODAL */
        .modal{}

            .corpomodal,
            .MeuCarrinho_corpomodal{
                width: 90%;
                height: 200px;
                top: calc(40% - 200px / 2);
                left: calc(50% - 90% / 2);
                padding: 2%;
            }

                /* Botao fechar */
                .modal .fecharmodal, .modal a[href^="javascript"]{
                    padding: 0.5% 1%;
                    font-size: 1.5em;
                }

                .textomodal,
                .corpomodal span,
                .MeuCarrinho_corpomodal span{
                    padding: 0 1%;
                    line-height: 1.5;
                }

    /*#endregion */

    /*Lista Produtos Control*/
    .produtos{}

        .produtos_item{
            width: calc(100% / 3 - 10px);
            margin: 0 5px 35px 5px !important;
        }

    /***********************************************************************
    HEADER
    ***********************************************************************/
    .header_top {
        height: 35px;
        font-size: 1.2em;
    }

        .linksInternos{}

        .linksInternos li{
            padding: 8% 2%;
        }

            .linksInternos li + li{
                display: none;
            }

        
        /*#region BUSCAR */
            .buscar{
                width: 50%;
                top: 10px;
                right: auto;
                left: calc(50% - 50% / 2);
            }

            /* Buscar Campos */
            .buscar_texto{
                width: calc(100% - (8px + 79px));
            }

            /* Buscar Prévia */

                    /* Buscar Prévia Item */

                    /* Buscar prévia Btn */

        /*#endregion*/

        /*#region Links internos */
            .header_main-outlet, .header_main-maisVendidos{
                top: 60px;
            }

                .hideCategorias .header_main-outlet, .hideCategorias .header_main-maisVendidos{
                    transform: scale(0);
                    opacity: 0;
                }

                .header_main-outlet{ right: 66%; }
                .header_main-maisVendidos{ right: 48%; }
        /*#endregion*/


    /*#region Página DETALHES */

        .Detalhes{}

            .Detalhes .produto{ margin: 2em 0 0 0; }

                .galeria{ width: 100%; }

                    .galeria_main{ display: none; }

                    .galeria_lista{ height: 300px; }

                    .galeria_lista_item{ height: 300px !important; margin: 0; }
                    
                .produto_info{ width: 100%; margin: 2em 0; padding: 0; }

                    .produto_compra{ margin-top: 1em; }

                        .produto_valores{ width: 100%; margin: 0 0 1em 0; }

                .produto_detalhes{ padding: 0; }

                    .produto_detalhes_menu, .produto_detalhes_boxes{ width: 100%; margin: 0 0 0 0; }

                        .produto_detalhes_menu-item{ width: calc(100% / 3 ); margin: 0; }

                            .produto_detalhes_menu-item a{
                                padding: 5px;
                                height: 48px;
                                line-height: 1.5;
                                text-align: center;
                            }
                                .produto_detalhes_menu-item a:after{ content: none; }
                                .produto_detalhes_menu-item a span{ display: inline-block; vertical-align: middle; line-height: 1; }

    /*#endregion */


    /*#region Página Produto-Lista */

        .Produto-Lista{}
            
            .pesquisaFiltroControl + .Produto-Lista_box{ width: 100%; padding: 0; }

            .pesquisaFiltroControl{ width: 100%; padding: 0; margin-bottom: 2em; }

                .pesquisaFiltroControl ul{ padding: 0; }

                .pesquisaFiltroControl_box{ margin-bottom: 0; }

                .pesquisaFiltroControl-titulo + span + ul{ max-height: 0; overflow: hidden; }
                .pesquisaFiltroControl-titulo.isActive + span + ul{
                    max-height: 200px;
                    overflow: auto;
                    padding: 1em 2em;
                }

                .pesquisaFiltroControl-titulo{ overflow: hidden; transition: background 150ms; }

                    .pesquisaFiltroControl-titulo:before{
                        content: '>';
                        width: 31px;
                        background: #711919;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        text-align: center;
                        right: 0em;
                        display: inline-block;
                        vertical-align: middle;
                        font-size: 20px;
                        line-height: 1.6;
                        transform: rotate(0);
                        transition: transform 250ms;
                    }
                        .pesquisaFiltroControl-titulo.isActive{ background: #711919; }
                        .pesquisaFiltroControl-titulo.isActive:before{ transform: rotate(90deg); }

    /*#endregion */


    /*#region wuMenuMinhaConta */

            .wuMenuMinhaConta, .boxMinhaConta,
            .boxMeusLinks, .boxMeusEnderecos, .boxUltimoPedido{ width: 100% !important; margin-bottom: 22px; }

                .boxMinhaConta .listaPedidos_item{ height: auto; }

                    .boxMinhaConta .listaPedidos_item-imagem{ padding-bottom: 140px; }

                    .boxMinhaConta .listaPedidos_item_dados{ width: 70%; margin: 0 0 0 5%; }

        /*#endregion */


    /*#region Endereços */

        .boxEnderecos .boxEnderecos_item{ width: 100%; }

    /*#endregion */


    /*#region Pagamento */

        .Pagamento .main{ margin-bottom: 40px !important; }

            .Pagamento_areaLogin{ padding: 1em 2em; }

                .Pagamento_areaLogin div div{ width: 48%; margin: 0 2% 0 0; }
                    .Pagamento_areaLogin div div + div{ margin-right: 0; }

                    .Pagamento_areaLogin input{ width: 100%; margin: 0; }

                    .Pagamento_areaLogin .btnCarrinho{ float: left; margin: 0.5em 0 0 0; }

            .carrinho .MeuCarrinho_cupom,
            .carrinho .TabelaFreteCarrinho,
            .carrinho .MeuCarrinho_valores,
            .TabelaFreteCarrinho_header,
            .TabelaFreteCarrinho_entrega{
                width: 100%;
                margin: 0 0 2em 0;
            }

            .carrinho .semconta, .carrinho .boxEnderecos, .carrinho .Pagamento_boxcentral, .carrinho .resumoCompra{
                width: 100%;
                margin-bottom: 2em;
                padding: 5%;
            }

    /*#endregion */


    /*#region Meus Pedidos */

        .MeusPedidos{}

            .upPedido{}

                .upPedido{}

                    .upPedido_dados{ padding: 0 1em; }

                        .upPedido_dados span:first-child{ width: 100%; margin: 0; }

                    .upPedido_produtos li{ padding: 1em; height: auto; }

                        .upPedido_produtos-imagem{ height: 89px; }

                        .upPedido_produtos li div{ width: calc( 98% - 110px ); float: right; }

                        .upPedido_produtos-valorTotal{ top: initial; right: initial; position: relative; float: left; }

    /*#endregion */


}


/***********************************************************************
MAX 700PX
***********************************************************************/
@media all and (max-width: 700px) {
    
    /*Modal Login*/
    .pModalLogin, .corpomodal, .MeuCarrinho_corpomodal{
        width: 95%;
        left: calc(50% - 95% / 2);
    }

    /*Lista Produtos Control*/
    .produtos{}

        .produtos_item{
            width: calc(100% / 2 - 10px);
            height: 397px;
            font-size: 0.9em;
        }

            .produtos_item-descricao{ display: none; }

            .produtos_item_rating + .produtos_item_valores + .produtos_item_botoes{
                margin-top: 16px;
            }

    /************************************************************
    HOME
    ************************************************************/
    
    /*----- HEADER -----*/
    .header_login { width: 100%; }

    .header_tel { visibility: hidden; }

    .header_main-outlet,
    .header_main-maisVendidos {
        visibility: hidden
    }

    .linksInternos li {
        padding: 0;
        visibility: hidden;
        border: none;
    }

        .linksInternos li:first-child {
            visibility: visible;
            padding: 0px 0px 0 5px !important;
        }



    .hideCategorias {
        height: auto;
        overflow: auto;
    }
    
    .header_main{ height:98px; }

    /*----- LOGO / CAMPO DE BUSCA / CARRINHO -----*/
        .logo {
            height: 53px;
            line-height: 53px;
        }
            .hideCategorias .logo {}

        .buscar { top: 8px; }

        .cart {
            top: 0;
            right: 0;
        }

            .cart_box { width: 300px; }
 
            .cart_produtos_item { height: auto; }

            .cart_produtos-btn {
                width: auto;
                float:initial;
                display: block;
                margin: 0 auto;
                background: no-repeat center;
                background-size: contain;
            }

            .cart-irCarrinho { margin-right: 5px; }


    /*----- BANNER -----*/
    .main {
        margin-top: 133px;
    }

    /*----- BANNER -----*/
    .banner{
        height: 320px;
    }

    /************************************************************
    FOOTER
    ************************************************************/
    .newsletter {
        width: 100%;
        text-align: left;
        margin-bottom: 30px;
    }

        .newsletter div {
            width: 100%;
            height: 37px;
            margin: 24px auto;
        }

        .newsletter-text {
            display: block !important;
            width: 100%;
        }

        .newsletter-email { width: 75%; }

        .newsletter-btn { width: 25%; }


    .footer_institucional,
    .footer_atendimento {
        width: 100%;
        text-align: left;
        padding-left: 0;
        margin: 0;
        margin-bottom: 30px;
    }

        .footer_institucional:before,
        .footer_atendimento:before {
            visibility: hidden;
        }

    .footer_pagamento {
        width: 310px;
        margin: auto;
        text-align: left;
        margin-bottom: 30px;
    }

    .footer_redesociais {
        width: 100%;
        position: relative;
        margin-left: 0;
        text-align: left;
        margin-bottom: 30px;
    }



    /************************************************************
     PÁGINA CARRAINHO
    ************************************************************/
    .ItensCarrinhoControl thead { display: none; }

    .ItensCarrinhoControl tbody td {
        width: 100%;
        float: right;
        padding: 1em 0 !important;
        text-align: center;
        position: relative;
        margin-bottom: 0px;
        padding: 1em;
    }

    .ItensCarrinhoControl td:before {
        position: absolute;
        top: 20%;
        left: -38%;
        color: #000;
        font-size: 16px;
        font-weight: normal;
    }

    .ItensCarrinhoControl_produtos {
        width: 70%;
        float: right;
        padding: 8px !important;
        text-align: center;
        position: relative;
    }

    /*.ItensCarrinhoControl_produtos:before { content: "Produto:"; }*/

    .ItensCarrinhoControl_produtos-imagem {
        float: initial;
        margin: auto;
        display: inline-block;
        vertical-align: middle;
    }

    .ItensCarrinhoControl_produtos-texto {
        width: calc(100% - (101px + 1em) );
        display: inline-block;
        font-size: 1.4em;
        vertical-align: middle !important;
        /* height: 66px; */
        /* display: inline-table; */
    }

    .ItensCarrinhoControl_quantidade {}

    /*.ItensCarrinhoControl_quantidade:before { content: "Quantidade:"; }*/

    .ItensCarrinhoControl_quantidade-btAumentaQuantidade,
    .ItensCarrinhoControl_quantidade-btDiminuiQuantidade,
    .ItensCarrinhoControl_valorUnitario {
        width: 36px;
        height: 36px;
        vertical-align: middle;
    }

    .ItensCarrinhoControl_quantidade-input {
        width: 42px;
        margin: 0 1em;
        height: 42px;
        text-align: center;
        vertical-align: middle;
        font-size: 1.4em;
        background: #e5e5e5;
        border: 1px solid #e7e7e7;
        padding: 8px;
        transition: border 250ms;
        -moz-transition: border 250ms;
        -webkit-transition: border 250ms;
        -o-transition: border 250ms;
    }

    .ItensCarrinhoControl_quantidade-btnAtualizarQuantidade {
        top: calc(42px + 31%);
    }

    .ItensCarrinhoControl_valorUnitario {
        margin-bottom: 0 !important;
        margin-top: 20px;
        display:none;
    }

    /*.ItensCarrinhoControl_valorUnitario:before { content: "Valor Unitario:"; }*/

    .ItensCarrinhoControl_valorTotal {
        font-size: 1.6em;
        color: #a02424;
        font-weight: bold;
        margin: 20px 0;
        padding: 0 !important;
    }

    /*.ItensCarrinhoControl_valorTotal:before { content: "Valor Total:"; }*/

    .ItensCarrinhoControl_btnExcluir{}
    
    .link, input[type="submit"].link, input[type="text"].link, button.link {
        margin-left: 15px;
        margin-right: 15px;
    }

    .TabelaFreteCarrinho_entrega{ width: 100%; margin: 1em 0; }

    .TabelaFreteCarrinho_entrega_item { margin: 1.5em 0; }
    

    /************************************************************
     PÁGINA INTERNAS
    ************************************************************/
    .internas_box {
        width: 100%;
        border: none;
        padding: 0px 0px 0px 0px;
        text-align: justify;
    }

    .menuInternas-titulo {
        font-size: 1.6em;
    }

    .menuInternas {
        width: 100%;
        text-align: center;
        display: block;
    }

        .menuInternas a {
            padding: 10px 0px 10px 0px;
            font-size: 1.4em;
            text-align: center;
        }
}