:root {
    --primary-color: #85cea5;
    --secundary-color: #000000;
    --color-clean: #fff;
    --color-dark: #000000;
    --txt-in-bg: #fff;
    --txt-global: #000000;
    --bar-color: #f5f5f5;
    --color-in-bg-dark: #545454;
    --color-in-bg-clean: #000000;
    --qlwapp-scheme-brand: #31c179;
    --qlwapp-scheme-text: #fff;
    --qlwapp-scheme-link: #88f7e6;
    --qlwapp-scheme-message: #646464;
    --qlwapp-scheme-label: #354744;
    --qlwapp-scheme-name: #354744;
}

.description-name-prod-others span.title-description {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.description-name-prod-others span.title-description:after {
    content: "*Se necessário, é possível colocar outras observações além de marca e modelo.";
    display: block;font-size: 12px;width: 320px;
    line-height: 14px;
    font-weight: 400;color: #000;
}
    
.menu.superior {
	position:relative;
	background: #fff;
	margin-top:0;
/* 	border-top:10px solid #28414512;
	border-bottom:36px solid #28414512; */
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .3s ease-in-out;
}
.description-modelo-prod {
    padding-bottom: 6px !important;
}
.description-name-prod span.title-description, 
.description-name-prod-others span.title-description-others,
.description-modelo-prod span.title-description{
    font-size: 16px;
    color: #121212;
    font-weight: 700;
}
.description-name-prod span.title-description:after {
    content: "*se for adicionar mais de 1 capinha insira os nomes seprado por virgula";
    display: block;
    font-size: 12px;
    font-weight: 400;
}
.description-name-prod textarea#description-text, 
.description-name-prod-others textarea#description-text-others,
.description-modelo-prod textarea#description-modelo {
    width: 100%;
    box-sizing: border-box;
    box-shadow: none !important;
    font-size: 15px;
    margin-top: 3px;
    border-color: #e0e0e0;
}
.description-name-prod {
    padding-bottom: 0 !important;
}
 .description-color-prod span.title-description {
    font-size: 16px;
    color: #121212;
    font-weight: 700;
}
.description-color-prod textarea#description-color {
    width: 100%;
    box-sizing: border-box;
    box-shadow: none !important;
    font-size: 15px;
    margin-top: 3px;
    border-color: #e0e0e0;
}
.description-color-prod {
    margin-top: 5px;
}
.description-color-prod span.title-description:after {
    content: "*se for adicionar mais de 1 capinha insira as cores seprada por virgula";
    display: block;
    font-size: 12px;
    font-weight: 400;
}

body.pagina-produto.variations-custom .wrapper-dropdown.componente .dropdown li {
    display: none;
}
body.pagina-produto li.var-disponivel {
    display: block !important;
}
/*CSS MENU*/
.menu.superior .nivel-um > li > a > strong {
    font-size: 18px;
    transition: all 0.3s;
    margin: 10px 0 6px;
}
.menu.superior .nivel-um > li > a > strong:before {
    content: "";
    display: block;
    width: 50px;
    height: 10px;
    background: #000;
    margin: 0 auto 6px;
    background-size: 40px !important;
   
        filter: invert(90%) sepia(48%) saturate(1056%) hue-rotate(285deg) brightness(101%) contrast(98%);
}
textarea#description-text-others::-webkit-input-placeholder {
    width: 140px;
}
.menu.superior .nivel-um > li:first-child > a > strong:before {
    background: url() center center no-repeat;
}
.menu.superior .nivel-um > li:nth-child(2) > a > strong:before {
    background: url() center center no-repeat;
}
.menu.superior .nivel-um > li:nth-child(3) > a > strong:before {
    background: url() center center no-repeat;
}
.menu.superior .nivel-um > li:nth-child(4) > a > strong:before {
    background: url() center center no-repeat;
}
.menu.superior .nivel-um > li:nth-child(5) > a > strong:before {
    background: url() center center no-repeat;
}
.menu.superior .nivel-um > li:hover {
    background: #85cea5;
}
.menu.superior .nivel-um > li {
    padding-top: 0;
    border-radius: 12px 12px 0px 0px !important;
    margin: 0 18px;
}
.menu.superior .nivel-um {
}
.menu.superior .nivel-um > li:hover > a > strong {
    color: #fff;
}
.menu.superior .nivel-um > li:hover > a > strong:before {
    filter: invert(1);
}
    
@media(min-width:768px){
    .menu.superior .nivel-dois {
        margin-top: 29px;
    }
    #corpo {
        padding-top: 182px!important;
    }
    .busca-mobile .busca input {
        border-radius: 28px;
        border-color: #85cea5;
        padding-right: 18px;
        padding-left: 55px;
    }
    .busca-mobile .busca:before {
        left: 23px;
    }
    .busca-mobile .botao-busca {
    	padding-right: 0;
        margin-right: 2px;
    }
}