/* Minification failed. Returning unminified contents.
(3,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-primary'
(7,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-primary'
(8,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
(24,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
(56,1): run-time error CSS1019: Unexpected token, found '}'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
(66,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
(90,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
 */
.container-header-mobile {
    display: none;
    background: var(--main-color-header-primary) !important;
}

    .container-header-mobile #dvBtnSearch .input-group-text {
        background-color: var(--main-color-header-primary) !important;
        color: var(--main-color-header-secondary) !important;
    }

    .container-header-mobile .container-top {
        display: flex;
        justify-content: space-between;
        padding: 10px;
    }

        .container-header-mobile .container-top .user {
            display: flex;
            width: 100%;
            align-items: center;
        }

            .container-header-mobile .container-top .user a {
                color: var(--main-color-header-secondary) !important;
            }

            .container-header-mobile .container-top .user .logout {
                color: white;
                font-size: 11px;
                border: 1px solid;
                padding: 1px 7px;
            }

        .container-header-mobile .container-top img,
        .container-header-mobile .container-top i.fa-user {
            margin-right: 10px;
        }

        .container-header-mobile .container-top .user .logado {
            display: flex;
            width: 100%;
            flex-direction: column;
        }

            .container-header-mobile .container-top .user .logado .option-menu {
                display: flex;
                width: 100%;
                justify-content: space-around;
            }

                .container-header-mobile .container-top .user .logado .option-menu a {
                    font-size: 14px;
                    padding: 10px;
                }

}

.container-header-mobile .container-top i.fa-user {
    font-size: 20px;
    color: var(--main-color-header-secondary) !important;
}

.container-header-mobile .container-top .carrinho i {
    padding-right: 5px;
    font-size: 32px;
    color: var(--main-color-header-secondary) !important;
}


.container-header-mobile .container-body {
    display: flex;
    align-items: center;
}

    .container-header-mobile .container-body .logotipo img {
        height: auto;
        max-height: 80px;
        max-width: 150px;
        padding-right: 8px;
    }

    .container-header-mobile .container-body .titulo {
        display:flex;
        flex-direction:row;
        width:100%;
        justify-content:center;
    }

    .container-header-mobile .container-body .titulo a {
        color: var(--main-color-header-secondary);
    }

.container-header-mobile .container-down {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .container-header-mobile .container-down .logo-secondary img {
        height: 30px;
        width: auto;
    }



    .container-header-mobile .container-down .social {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 10px 0;
    }

        .container-header-mobile .container-down .social i {
            font-size: 18px;
            color: white;
            padding: 1px 9px;
        }

            .container-header-mobile .container-down .social i:hover {
                filter: opacity(0.8);
            }

.container-header-mobile .container-body .search {
    width: 100%;
}

@media (max-width: 700px) {
    .header,
    .header-computer {
        display: none;
    }

    .container-header-mobile {
        display: block;
    }

        .container-header-mobile .container-down .social .dvAcessosUser i.fa.fa-facebook-f {
            /*padding: 0.5rem 0.7rem !important;*/
        }

        .container-header-mobile .container-down .social .img-icon {
            width: 2.3rem;
            margin-top: 0;
            padding: 6px !important;
        }
}