/*---------------- global --------------------*/

	      /*---------------- font-family --------------------*/
		  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800;900&display=swap');
		  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
	  /*---------------- font-family --------------------*/
		  :root {
			--principal-fontedeg: 'Montserrat', sans-serif;
			--secundaria-fontedeg: 'Open Sans', sans-serif;
			--preto-deg: #000000;
			--branco-deg: #ffffff;
			--cor-principal: #3d3d3d;			
			--cor-secundaria: #ababab;
			--fundo-box: #6c6c6b;
			--fundo-geral: #f7f9fa;
			--titulos-principais: #3d3d3d;
			--titulos-secundarios: #6c6c6b;
			--cor-textos: #3d3d3d;
			--cor-botoes: #949494;
			--botoes-hover: #6c6c6b;
		  }


		  *{
			box-sizing: border-box; 
			/* cursor: url('nwcursor.png'), auto; */
		}

		html{
				padding: 0; margin: 0;
				width: 100vw; height: 100vh;
				animation: htmlAnim 2s forwards;
				scroll-behavior: smooth;
			}
		@keyframes htmlAnim {
				0%{opacity: 0;}
				100%{opacity: 1;}
		}

		body{
			height: 100%;
			width: 100%;
			padding: 0; margin: 0;
			overflow-x: hidden;
			position: relative;
			background-color: var(--fundo-geral); 
  			font: 400 14px/26px var(--principal-fontedeg);
		}
		.scrolb::-webkit-scrollbar-track{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: var(--fundo-geral); 
		}
		.scrolb::-webkit-scrollbar{
			width: 10px;
			background-color: var(--fundo-geral); 
		}
		.scrolb::-webkit-scrollbar-thumb{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-color: var(--cor-principal); 
			border-radius: 20px;
			transition: all .3s ease-in-out;
		}
		.scrolb::-webkit-scrollbar-thumb:hover{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-color: var(--btn-deg); 
			transition: all .3s ease-in-out;
		}
		.scrolbarr::-webkit-scrollbar-track{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: var(--fundo-geral); 
		}
		.scrolbarr::-webkit-scrollbar{
			width: 10px; 
			background-color: var(--fundo-geral); 
		}
		.scrolbarr::-webkit-scrollbar-thumb{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-color: var(--cor-secundaria); 
			border-radius: 20px; height: 20px;
			transition: all .3s ease-in-out;
		}
		.scrolbarr::-webkit-scrollbar-thumb:hover{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-color: var(--cor-principal); 
			transition: all .3s ease-in-out;
		}

		*{
			padding: 0;
			margin:0;
			box-sizing: border-box;
		}
		li{
			list-style: none;
		}
		a{
			text-decoration: none;
			color: var(--btn-deg); 
		}
		a:hover{
			text-decoration: none;
			color: var(--botoes-hover); 
		}
		h1{
			color: var(--titulo-deg); 
			font-weight: 600;
		}
		h2{
			color: var(--titulos-secundarios); 
			font-weight: 700;
		}
		h3{	
			color: var(--cor-textos); 		
		}
		h4{	
			color: var(--cor-textos); 		
		}
		h5{	
			color: var(--cor-textos); 
			font-weight: 600;
			font-family: var(--secundaria-fontedeg);		
		}

		.h5, h5 {
		    font-size: 1rem;
		}
		p, div, a{
			color: var(--cor-textos); 
			font-family: var(--secundaria-fontedeg);
			font-size: 1rem;
		}

		.claradeg{
			color: var(--cor-secundaria); 
		}
/*---------------- global --------------------*/


/*---------------- CONTEUDO BASE --------------------*/


		.limpaop{
			cursor: pointer;
		}
		.limpaop:hover{
			color: red !important;
		}

		.btn-deg-variav {
			padding: 0.5rem 0.3rem 0.5rem 0.3rem;
		    position: relative;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    text-align: center;
		    background-color: var(--cor-principal);
		    color: var(--fundo-geral) !important;
		    transition: all .3s ease-in-out;
		    line-height: 0.9rem;
		    font-size: 0.8rem;
		    border: 1px solid var(--fundo-geral);
		    cursor: pointer;
			max-width: 15%;
		}
		.btn-deg-variav.ativo {
			background-color: var(--botoes-hover) !important; 
			color: var(--cor-principal) !important;
		}

		#btn-ind-pedir{
			cursor: pointer;
		}

		.btn-deg-variavpm, .btn-deg-variavpm2 {
            padding: 0.8rem 0 0.8rem 0;
            position: relative;
            background-color: var(--cor-principal);
            color: var(--fundo-geral) !important;
            transition: all .3s ease-in-out;
            cursor: pointer;
            font-size: 0.9rem !important;
            text-align: center;
            max-width: 31%;
		}

		.btn-deg-variavpm:hover, .btn-deg-variavpm2:hover {
		    background-color: var(--botoes-hover);
			color: var(--cor-principal);
		    transition: all .3s ease-in-out;
		}
		.btn-deg-variavpm.ativo, .btn-deg-variavpm2.ativo {
		    background-color: var(--botoes-hover) !important;
			color: var(--cor-principal) !important;
		}


		.btn-clicado {

			background-color: var(--cor-secundaria);


		}


		#headerdeg{
			width: 100%;
			background-color: var(--cor-secundaria);
			margin: 0;
			padding: 0;
			position: relative;
			top: 0;
			left: 0;
			z-index: 30;
		}

		#contentdeg{
			width: 100vw;
			min-height: 100vh;
			margin: 0;
			padding: 1rem 0 0 0;
			overflow-x: hidden;
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			background-color: var(--fundo-geral);
		}

		#footerdeg{
			width: 100%;
			background-color: var(--cor-principal); 
			padding: 0.5rem;
			margin: 0;
		}
		#modfun-deg{
			width: 100vw;
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: var(--cor-principal);
			margin: 0;
			padding: 0;
			position: fixed;
			top: 0;
			right: -100vw;
			z-index: 20;
		}
		#mod-deg{
			width: 90vw;
			height: 85vh;
			background-color: var(--cor-secundaria);
			margin: 0;
			padding: 0;
		}

		.textofotog{
			width: 50% !important;
			padding: 0 2rem 1rem 0;
			float: left;
		}
		.textofotom{
			width: 30% !important;
			padding: 0 2rem 1rem 0;
			float: left;
		}		
		.textofotop{
			width: 130px !important;
			padding: 0 1rem 1rem 0;
			float: left;
		}

		#logodeg{
			width: 150px;
		    height: 150px;
			padding: 0;
			margin: 0;
			display: flex !important;
			justify-content: center;
			align-items: center;

		}
		#logodeg a{
			width: 150px;
			height: 150px;
			display: flex !important;
			justify-content: center;
			align-items: center;
		    overflow: hidden;
		    border-radius: 100%;
		    display: block;

		}
		#logodeg img{
			height: 150px;
		}
		#menudeg {
			position: relative;
		}

        .btmenu2{
        	display: flex; 
        	justify-content: center; 
        	align-items: center;
        	padding: 0.8rem 0 0.8rem 0;
        	transition: all .3s ease-in-out;
        	cursor: pointer;
        }
        .btmenu2:hover{
        	opacity: 0.5;
        	transition: all .3s ease-in-out;
        }
        .btmenu1{
        	display: flex; 
        	justify-content: center; 
        	align-items: center;
        	padding: 0.8rem 0 0.8rem 0;
        	transition: all .3s ease-in-out;
        	cursor: pointer;
        }
        .btmenu1:hover{
        	transition: all .3s ease-in-out;
        }
        #teldeg span {
            font-size: 1rem;
            font-weight: 400 !important;
            margin: 0;
            padding: 0;
            position: relative;
            top: -3px;
        }
        #teldeg h5 {
            font-size: 1.3rem;

        }
        .icosvg svg{
        	height: 35px;
        }        
        .icosvgs svg{
        	height: 40px;
        }
        .txt1{
        	font-weight: 800;
        }        
        .txt3{
        	font-weight: 800;
        }
		.txt2{
			font-weight: 600;
			font-size: 0.8rem;
		}
	    #pedidodegu{
	    	font-weight: 800;
	    	padding: 0.5rem 0 0.5rem 0;
	    	position: relative;
	    }
	    #concluirdegu{
	    	font-weight: 800;
	    	padding: 0.5rem 0 0.5rem 0;
	    	position: relative;
	    }
	    #valdeg{
	    	position: relative;
	    	right: 0;
	    	top: 0;
	    	height: 100%;
	    	display: flex;
	    	justify-content: center;
	    	align-items: center;
	    	padding: 0 0.5rem 0 0.5rem;
	    	font-weight: 800;
	    	font-size: 1.5rem;

	    }
		#itendegu{
	    	display: flex;
	    	justify-content: center;
	    	align-items: center;
	    	border-radius: 100%;
	    	padding:0.5rem 1rem;
	    	margin-left: 1rem;
	    	font-size: 1.3rem;
		}


		#carr{height: 30px; display: none;}


		#navdeg.ativo{
			transition: all .8s ease-in-out;	
			height: 130px;
		}

		#navdegcontainer.ativo{
			animation: aparecM  0.5s forwards;
			opacity: 0; 
			position: fixed;
			width: 100%;
			transition: all .8s ease-in-out;
			top: -150px;
			left: 0;	
		}

		#fecharpedegcont.ativo{
			animation: aparecM  0.5s forwards;
			opacity: 0; position: relative;
			width: 100%;
			transition: all .8s ease-in-out;
			left: 0;

		}

		@keyframes aparecM{
			0%{opacity: 0; position: fixed; top:-150px;}
			100%{opacity: 1; position: fixed;  top:0;}
		}


			.btn-top{
				display: flex; 
				justify-content: center; 
				align-items: center; 
				width: 50px;
				height: 50px;
				position: fixed; 
				bottom: 15px; 
				right: 15px; 
				border-radius: 100%; 
				background-color: var(--cor-principal);
				z-index: 888;
				transition: all .3s;
				transform: scale(1);
				background-size: 50%;
				background-position: center;
				background-repeat: no-repeat;
			}
			.btn-top:hover{
				transition: all .3s;
				background-color: var(--cor-secundaria);
			}
			.btn-aparece{
				transform: scale(1);
			}
			.btn-top svg{width: 60% !important;}

			article{
				background-color: var(--cor-secundaria);
				border-radius: 10px;
			}
			article#propagandadeg{
				background-color: var(--cor-principal);
				border-radius: 10px;
			}
			.btn-deg-geral{
				font-weight: 800;
			    padding: 0.8rem 0 0.8rem 0;
			    position: relative;	
			    color: var(--fundo-geral) !important;
			}
			.btn-form-pesquisa {
			    width: 100%;
			    height: 100%;
			    padding: 1%;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    text-align: right;
			    background-color: var(--cor-principal);
			    border:0;
			    transition: all .3s ease-in-out;
			}			
			.btn-form-pesquisa:hover {
			    background-color: var(--botoes-hover);
			    transition: all .3s ease-in-out;

			}
			.input-form-pesquisa {
			    width: 100%;
			    height: 100%;
			    padding: 1.1rem;
			    display: flex;
			    justify-content: flex-end;
			    align-items: center;
			    text-align: right;
			    background-color: var(--cor-secundaria);
			    border:0;
			}
			.btn-form-pesquisa img {
			    width: 30%;
			}
			#whatsdeg {
				display: block !important;
				height: 25px;
				padding-right: 0.5rem;
			}

			
			#instadegnum svg{
				display: block !important;
				height: 25px;
				padding-right: 0.5rem;
			}



			#ico-b-lupa{
				display: block;
				height: 30px;
			}
			.btn-fecha-deg{
				width: 50px;
				height: 50px;
				position: absolute;
				top: 0;
				right: 0;
				background-color: var(--cor-principal);
				display: flex;
				justify-content: center;
				align-items: center;
				color: #ffffff;
				z-index: 150;
				cursor: pointer;
			}
			#mod-deg.ativo {
			    transition: all .3s ease-in-out;
			    transition-delay: .3s;
			    transform: scale(1);
			    opacity: 1;
			    justify-content: center;
			    align-items: center;
			    display: flex;
			    z-index: 100;
			}
			#mod-deg {
			    position: relative;
			    opacity: 0;
			    transform: scale(0);
			    width: 85vw;
			    height: 85vh;
			    background-color: #ffffff;
			    transition: all .3s ease-in-out;
			    overflow-y: auto;
			}
			#modfun-deg.ativo {
			    right: 0;
			    opacity: 1;
			    transition: all .3s ease-in-out;
			}
			#modfun-deg {
			    width: 100vw;
			    height: 100vh;
			    position: fixed;
			    top: 0;
			    right: -100vw;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    z-index: 50;
			    transition: all .5s ease-in-out;
			    transition-delay: 0.3s;
			    background-color: rgba(255,255,255,0.8);
			    opacity: 0;
			}
			#mod-degmin.ativo {
			    transition: all .3s ease-in-out;
			    transition-delay: .3s;
			    transform: scale(1);
			    opacity: 1;
			    justify-content: center;
			    align-items: center;
			    display: flex;
			    z-index: 100;
			}
			#mod-degmin {
			    position: relative;
			    opacity: 0;
			    transform: scale(0);
				width: 65vw;
    			height: 85vh;
			    background-color: #ffffff;
			    transition: all .3s ease-in-out;
			    overflow-y: auto;
			}
			#modfun-degmin.ativo {
			    right: 0;
			    opacity: 1;
			    transition: all .3s ease-in-out;
			}
			#modfun-degmin {
			    width: 100vw;
			    height: 100vh;
			    position: fixed;
			    top: 0;
			    right: -100vw;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    z-index: 50;
			    transition: all .5s ease-in-out;
			    transition-delay: 0.3s;
			    background-color: rgba(255,255,255,0.8);
			    opacity: 0;
			}

			#logodegurodape svg{height: 30px;}

			#degcontout{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				position: relative;
			}
			#degcont{
				width: 100%;
				border-top: 2px solid var(--cor-principal);
				border-bottom: 2px solid var(--cor-principal);
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#horariosdeg{
				margin: 0 auto;
			}

			.bordertop{
				border-bottom: 1px dotted var(--cor-principal);
			}



			#submenudeg,
			#subentregadeg{
				position: absolute;
				left: 25%;
				top: 130%;
				opacity: 0;
				display: none;
				background-color: #ffffff;
				z-index: 300;
				min-width: 150%;
				padding: 1rem;
				box-shadow: 5px 10px 30px rgba(0,0,0,0.5);
				transition: all .5s ease-in-out;
			}

			#submenudeg.ativo{
				top: 130%;
				opacity: 0;
				display: block;
				transition: all .5s ease-in-out;
				animation: aparecMenu 0.5s forwards;
			}
			#subentregadeg.ativo{
				top: 130%;
				left: -180%;
				opacity: 0;
				display: block;
				transition: all .5s ease-in-out;
				animation: aparecMenu 0.5s forwards;
			}

			@keyframes aparecMenu{
				0%{top: 130%; opacity: 0;}
				100%{top: 100%; opacity: 1;}
			}

			#submenudeg a {
			    position: relative;
			    width: 100%;
			    padding: 0.3rem 3rem;
			    display: block;
			    z-index: 300;
			}
			#submenudeg a:hover{
				background-color: var(--cor-secundaria);
			}



/*---------------- NEW MODAL --------------------*/			

		#mod-fun-deg, #mod-fun-deg2{
			    width: 100vw;
			    height: 100vh;
			    padding: 2rem;
			    position: fixed;
			    display: flex;
				justify-content: center;
				align-items: center;
			    z-index: 200;
			    transition: all .5s ease-in-out;
			    transition-delay: 0.3s;
			    background-color: rgba(255,255,255,0.8);
			    opacity: 0;
			    top: 0;
			    right: -100vw;

			}
			#mod-fun-deg.ativo, #mod-fun-deg2.ativo{
			    transition: all .3s ease-in-out;
			    opacity: 1;
			    right: 0vw;
			}

			#mod_deg_container, #mod_deg_container2 {
				transition: all .3s ease-in-out;
				transition-delay: .3s;
				box-shadow: 5px 10px 50px rgb(0 0 0 / 20%);
				position: absolute;
				opacity: 0;
				transform: scale(0);
				max-height: 90vh;
				min-height: 20vh;
				min-width: 30vw;
				max-width: 90vw;
				background-color: #ffffff;
				z-index: 300;
				grid-template-rows: auto 1fr auto;
    			display: grid;
				overflow: hidden;
			}
			#mod_deg_container.ativo, #mod_deg_container2.ativo {
				transition: all .3s ease-in-out;
				transition-delay: .3s;
				opacity: 1;
				transform: scale(1);
			}

			.vta_modf{
				animation: mdFv 0.3s forwards;
				animation-delay: 0.3s;
			}
			.vta_modinf{
				animation: mdFinv 0.3s forwards;
			}

			@keyframes mdFv {
				0%{right: 0;}
				100%{right: -100vw;}
			}
			@keyframes mdFinv {
				0%{ opacity: 1; transform: scale(1); }
				100%{ opacity: 0; transform: scale(0);}
			}

			#mod_btfl2, #mod_btfl{
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				min-height: 3rem;
			}

			#fechamod_deg2, #fechamod_deg{
				position: relative;
				display: flex;
				justify-content: flex-end;
				margin: 0;
				padding:0;
			}

			#close_bt2, #close_bt {
				width: 40px;
				height: 40px;
				position: relative;
				justify-content: center;
				display: flex;
				align-items: center;
				cursor: pointer;
				background-color: var(--cor-principal);
			}
			#close_bt2::after, #close_bt::after{
				content: "";
				width: 30px;
				height: 3px;
				background-color: #878787;
				position: absolute;
				transform: rotate(45deg);
			}
			#close_bt2::before, #close_bt::before{
				content: "";
				width: 30px;
				height: 3px;
				background-color: #878787;
				position: absolute;
				transform: rotate(-45deg);
			}
			#mod_html2, #mod_html{
				display: flex;
				padding: 2rem;
				overflow-y: auto;
				width: 100%;
			}

			#mod_html2::-webkit-scrollbar-track, #mod_html::-webkit-scrollbar-track{
				-webkit-box-shadow: inset 0 0 6px rgba(253, 245, 245, 0.938);
			}
			#mod_html2::-webkit-scrollbar, #mod_html::-webkit-scrollbar{
				width: 10px;
				background-color: #dbdde2; 
			}
			#mod_html2::-webkit-scrollbar-thumb, #mod_html::-webkit-scrollbar-thumb{
				-webkit-box-shadow: inset 0 0 6px #58585a;
				background-color: #c6c9d1; 
				border-radius: 20px;
				transition: all .3s ease-in-out;
			}
			#mod_html2::-webkit-scrollbar-thumb:hover, #mod_html::-webkit-scrollbar-thumb:hover{
				-webkit-box-shadow: inset 0 0 6px #9f9fa3;
				background-color: var(--btn-deg); 
				transition: all .3s ease-in-out;
			}



			#mod-fun-deg.ativos, #mod-fun-deg2.ativos{
 				justify-content: center;
 				align-items: center;
			}
			#mod-deg-container2, #mod-deg-container{
			    position: relative;
			    opacity: 0;
			    transform: scale(0);
			    margin: 0 auto;
			    padding: 2rem;
			    display: block;
			    min-width: 30vw;
			    max-height: 95vh;
			    background-color: #ffffff;
			    transition: all .3s ease-in-out;
				overflow-y: auto;
				z-index: 300;

			}
			#mod-deg-container.ativo, #mod-deg-container2.ativo{
			    transition: all .3s ease-in-out;
			    transition-delay: .3s;
			    transform: scale(1);
			    opacity: 1;
			    box-shadow: 5px 10px 50px rgba(0,0,0,0.2);
			}
			#fechamod-deg2, #fechamod-deg, #fechamod-degs{
				width: 100%;
				height: 50px;
				margin-bottom: 1rem;
				position: fixed;
				top: 0px;
				right: 0px;
				z-index: 500;
			}
			.stylofe-deg2, .stylofe-deg, .stylofe-degs{
				width: 50px;
			    height: 50px;
			    position: absolute;
			    top: 0;
			    right: 0px;
			    background-color: var(--cor-principal);
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    color: #ffffff;
			    z-index: 150;
			    cursor: pointer;
			}
			.stylofe-deg.ativo, .stylofe-deg2.ativo{
 				top: -1rem;
			}	

/*---------------- NEW MODAL --------------------*/	

		#ind-fun-deg{
			    width: 100vw;
			    height: 100vh;
			    padding: 2rem;
			    position: fixed;
			    display: flex;
			    justify-content: center;
    			align-items: center;
			    z-index: 99990;
			    transition: all .5s ease-in-out;
			    transition-delay: 0.3s;
			    background-color: rgba(255,255,255,0.8);
			    opacity: 0;
			    top: 0;
			    right: -100vw;

			}
			#ind-fun-deg.ativo{
			    transition: all .3s ease-in-out;
			    opacity: 1;
			    right: 0vw;
			}
			#ind-fun-deg.ativos{
 				justify-content: center;
 				align-items: center;
			}
			#ind-deg-container{
			    position: relative;
			    opacity: 0;
			    transform: scale(0);
			    margin: 0 auto;
			    max-height: 90vh;
			    padding: 2rem;
			    display: block;
			    min-width: 30vw;
			    background-color: #ffffff;
			    transition: all .3s ease-in-out;
				overflow-y: auto;
				z-index: 300;
				border-bottom: 20px solid #ffffff;

			}
			#ind-deg-container.ativo{
			    transition: all .3s ease-in-out;
			    transition-delay: .3s;
			    transform: scale(1);
			    opacity: 1;
			    box-shadow: 5px 10px 50px rgba(0,0,0,0.2);
			}
			#fechaind-degs{
				width: 100%;
				height: 50px;
				margin-bottom: 1rem;
				position: fixed;
				top: 0px;
				right: 0px;
				z-index: 500;
			}
			#fechaind-deg{
				width: 100%;
				height: 100px;
				margin-bottom: 1rem;
				position: fixed;
				top: 0px;
				right: 0px;
				z-index: 300;
			}
			.stylofe-deg, .stylofe-degs{
				width: 50px;
			    height: 50px;
			    position: absolute;
			    top: 0;
			    right: 0px;
			    background-color: var(--cor-principal);
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    color: #ffffff;
			    z-index: 150;
			    cursor: pointer;
			}
			.stylofe-deg.ativo{
 				top: -1rem;
			}

/*---------------- INDIVID MODAL --------------------*/	


/*---------------- INDIVID MODAL --------------------*/	


			.h1prop-b{
 				color: var(--branco-deg);
 				font-family: var(--principal-fontedeg);
 				font-weight: 800;
 				font-size: 3rem;
			}
			#propagandadeg{min-height: 260px;}

			.titusec-deg{
				width: 100%;
				position: relative;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}			
			.titusec-deg::before{
				content: "";
				width: 100%;
				height: 3px;
				position: absolute;
				background-color: var(--cor-principal);
			}			
			.titusec-deg h1{
 				background-color: var(--fundo-geral);				
 				padding: 0.5rem 0.5rem 0rem 0.5rem;
 				margin-bottom:0;
 				display: flex;
 				flex-wrap: nowrap;
 				position: relative;
 				font-family: var(--principal-fontedeg);
 				color: var(--cor-principal);
 				font-weight: 800;
 				font-size: 2rem;
 				text-transform: uppercase;
			}
			.linhaprodutodeg{
				align-items: center;
			    position: relative;
			    width: 100%;
			    max-width: 100%;
			    display: flex;
			    padding-bottom: 1rem;
			    border-bottom: 2px dotted rgba(0,0,0,0.2);
			}
			.cont1{
				width: 70%;
				max-width: 70%;
				display: flex;
			}
			.cont1-pic{
				width: 15%;
				max-width: 15%;
			}
			.cont1-text{
				display: flex;
			    padding: 0 0 0 0.5rem;
			    width: 85%;
			    max-width: 85%;
			}
			.cont1-titu{
				display: flex;
			    flex-direction: column;
			    padding: 0 0 0 1rem;
			    width: 80%;
			    max-width: 80%;
			}
			.cont1-price{
				display: flex;
			    align-items: center;
			    justify-content: center;
			    width: 20%;
			    max-width: 20%;
			}
			.cifrdeg{
				padding-top: 3px;
				padding-left: 0.5rem;
				font-size: 0.8rem;	
			}
			.valorproddeg{
			    font-family: var(--principal-fontedeg);
			    color: var(--cor-principal);
			    font-weight: 800;
			    font-size: 1.5rem;
			    margin-left: 0.3rem;
			}
			.valorproddegcar{
			    font-family: var(--principal-fontedeg);
			    color: var(--cor-principal);
			    font-weight: 800;
			    font-size: 1.2rem;
			    margin-left: 0.3rem;
			}
			.cont2{
				width: 30%;
				max-width: 30%;
				display: flex;
			}
			.cont2-int{
				width: 30%;
				max-width: 30%;
				margin-right: 0.3rem;
			}
			.cont3-int{
				width: 10%;
				max-width: 10%;
				margin-right: 0.3rem;
			}
			.btprodutodeg{
				display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    background-color: var(--cor-principal);
			    padding: 0.3rem 0 ;
			    transition: all .3s ease-in-out;
			    cursor: pointer;
			    height: 100%;
			}			
			#concluir-compra{
				display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    color: var(--branco-deg);
			    background-color: var(--cor-principal);
			    padding: 0.3rem 0 ;
			    transition: all .3s ease-in-out;
			    cursor: pointer;
			}			
			#concluir_btnw{
				display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    color: var(--branco-deg);
			    background-color: var(--cor-principal);
			    padding: 0.3rem 0 ;
			    transition: all .3s ease-in-out;
			    cursor: pointer;
				margin: 1rem;
			}
			#envia_pedido, #concluir_compra, .pagaPix{
				display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    color: var(--branco-deg) !important;
			    background-color: var(--cor-principal);
			    padding: 0.3rem 0 ;
			    transition: all .3s ease-in-out;
			    cursor: pointer;
				margin: 1rem;
				
			}
			.pagaPix{
				padding: 1rem 3rem;
				border-radius: 10px;
				font-weight: bold;
			}
						
			
			.btprodutonumdeg{
				display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    background-color: var(--cor-principal);
			    padding: 0.3rem 0 ;
			    transition: all .3s ease-in-out;
			    cursor: pointer;
			    height: 100%;
			}			
			.btprodutodeg:hover, #concluir_compra:hover, #concluir_btnw:hover, #envia_pedido:hover, .pagaPix:hover{
			    background-color: var(--botoes-hover);
			    transition: all .3s ease-in-out;
			}						
			.icovermaisdeg svg{
				 height: 17px; margin: 0 auto;
			}
			.vermaisdeg, .num-btn-deg{
				padding: 0.1rem 0 0 0;
				color: var(--branco-deg);
				font-size: 0.7rem;
				font-weight: 600;
				text-align: center;
			}
			.num-btn-deg{
				font-size: 1rem;

			}
			.icoprod{fill:#FCFCFC;}

			.imgproduto{
				width: 100%;
			}
			.h3produto{
			    display: flex;
			    flex-wrap: nowrap;
			    position: relative;
			    font-family: var(--principal-fontedeg);
			    color: var(--cor-principal);
			    font-weight: 800;
			    font-size: 1.3rem;
			}
			.vejamaisprod{
				color: var(--cor-principal);
				font-size: 0.8rem;
				font-weight: 600;
				margin-top: 0.5rem;
			}

			.linhaprodutodeg:hover{
				transition: all .3s ease-in-out;
				background-color: rgba(255,255,255,0.3);
			}
			.cifrdegind{
				color: var(--cor-textos);
				font-size: 1rem;
			}
			.valorproddegind{
				font-weight: 600;
			}

			#propdeg{width: 101%;}


/*---------------- NEW MODAL FIM --------------------*/	

			.linhaprodutocar {
				align-items: center;
				position: relative;
				width: 100%;
				max-width: 100%;
				display: grid;
				grid-template-columns: 1fr 1fr;
				padding-bottom: 1rem;
				border-bottom: 2px dotted rgba(0,0,0,0.2);
			}

			.widtmax{
				max-width: 900px;
			}


			.cont1-car {
			    width: 70%;
			    max-width: 70%;
			    display: flex;
			}

			.cont1-pic-car {
			    width: 15%;
			    max-width: 15%;
			}

			.cont1-text-car {
				display: flex;
			    padding: 0 0 0 0.5rem;
			    justify-content: center;
			    align-items: center;
			    width: 85%;
			    max-width: 85%;
			}
			.cont1-titu-car {
			    display: flex;
			    flex-direction: column;
			    padding: 0 0 0 1rem;
			    width: 90%;
			    max-width: 90%;
			}

			.h3produto-car {
				width: 100%;
			    font-family: var(--principal-fontedeg);
			    color: var(--cor-principal);
			    font-weight: 800;
			    font-size: 1.3rem;
			}
			.cont1-price-car {
			    display: flex;
			    align-items: center;
			    justify-content: center;
				
			}
			.cont2-car {
			    width: 30%;
			    max-width: 30%;
			    display: flex;
			}
			.cont3-car {
			    width: 20%;
			    max-width: 20%;
			    display: flex;
			}
			.cont2-int-car {
			    display: grid;
				grid-template-columns: 1fr 0.25fr 0.25fr 0.25fr;
    			grid-gap: 0.5rem;
			}

			.btprodutodeg-car {
				width: 100%;
			    display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    background-color: var(--cor-principal);
			    padding: 0.3rem 0;
			    transition: all .3s ease-in-out;
			    cursor: pointer;
			    color: var(--branco-deg);
				margin-left: 0.5rem;
			}
			.btn_tira_car svg{
			width: 30%;
			}
			.btn_mais_car svg{
				width: 30%;
			}
			.btn_mais_car:hover, .btn_tira_car:hover{
			    background-color: var(--botoes-hover);
			    transition: all .3s ease-in-out;
			}	

			#subtotaltexto{
				font-size: 0.8rem;

			}
			.nwcontainer{
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				gap: 0.5rem;
				width: 100%;
			}


					#subcontainer1{
						width: 100%;
						display: flex;
					}

					#subcontainergeral{
						display: flex;
						flex-direction: column;
					}

					#subtotaldeg{
						width: 50%;
						padding: 0.5rem;
						background-color: var(--cor-principal);
						color: var(--branco-deg);

					}

					#subtotaltit{
						width: 50%;

					}				
					#moedadeg{
						color: var(--branco-deg);
						font-size: 0.5rem;
						font-weight: 600;
						font-family: var(--principal-fontedeg);

					}
					#valorsubdeg, #valorsubdegconc{
						color: var(--branco-deg) !important;
						font-size: 1rem;
						font-weight: 600;
						font-family: var(--principal-fontedeg);

					}
					#subtotaldesc{
						width: 100%;

					}
			
					.num-btn-deg-car{color: var(--branco-deg) !important;}

					#listacontainer{
						overflow: hidden;
						width: 0; height: 0;
					}

					#dinheiro,
					#valefor,
					#credit,
					#debt,
					#pix{width: 100%; display: flex; justify-content: center; align-items: center; padding: 0.3rem;
						border: 1px solid #000000; cursor: pointer; text-align: center; height: 100%;
					}	
					#valefor.ativo,
					#dinheiro.ativo,
					#credit.ativo,
					#debt.ativo,
					#pix.ativo{
						background-color: var(--cor-principal);
						border: 1px solid #000000;
						color: var(--branco-deg);
					}
					#valefor:hover,
					#dinheiro:hover,
					#credit:hover,
					#debt:hover,
					#pix:hover{
						background-color: var(--cor-principal);
						border: 1px solid #000000;
						color: var(--branco-deg);
					}
					.text-din{ padding-left: 1rem;}
					#valecontainer,
					#dinheirocontainer,
					#creditocontainer,
					#debitocontainer,
					#pixcontainer{
						width: 100%; 
						display: none;
					}
					#valecontainer.ativo,
					#dinheirocontainer.ativo,
					#creditocontainer.ativo,
					#debitocontainer.ativo,
					#pixcontainer.ativo{
						display: flex;
					}
					#limpa-carrinho, #envia-pedido,
					#limpa-carrinho2{
							display: flex;
						    flex-direction: column;
						    justify-content: center;
						    align-items: center;
						    color: var(--branco-deg);
						    background-color: var(--cor-principal);
						    padding: 0.3rem 0 ;
						    transition: all .3s ease-in-out;
						    cursor: pointer;
						    width: 100%;
						}	
					#limpa-carrinho:hover,
					#envia-pedido:hover,
					#limpa-carrinho2:hover{
						    background-color: var(--btn-deg);
						    transition: all .3s ease-in-out;
						}

					#limpa-carrinho2{
							display: none !important;
						}

                input{
                    width: 100% !important;
                    padding: 0.5rem;
                }
                #obs{
                    width: 100% !important;
                    padding: 0.5rem;
                  }
	            #codigo-pix{
	              word-break: break-word !important;
	             }
	            #selcartcred, #selcartdebt{
	              padding: 1rem;
	            }

	            #valorsubdeg{font-size: 1.3rem;}                

				#men_nav nav{
					display: flex;
    				flex-direction: column;
				}
				#men_nav ul{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
    				flex-direction: column;
				}
				#men_nav li{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					margin-bottom: 1rem;
				}
				#men_nav a{
					width: 100%;
					margin: 0;
					padding: 1rem;
					display: flex;
					justify-content: center;
					align-items: center;
					color: var(--cor-principal);
					border-radius: 10px;
					border: 1px solid var(--cor-principal);
				}
				#men_nav a:hover{
					background-color: var(--cor-principal);
					color: var(--branco-deg);
				}

				#ind_html_deg{
					scroll-behavior: smooth;

				}
				
				.maxcontainermd{
					max-width: 70vw !important;
				}

				#varia-selecdiv{
					padding-top: 0.5rem !important;
				  }

				#varia-selecdiv :first-child {
					padding-left: 0!important;
				  }
				#varia-selecdiv :last-child {
					padding-right: 0!important;
				  }

				  #btvaria-meia.ativo,
				  #btvaria-meia2.ativo,
				  #btvaria-meia3.ativo,
				  #btvaria-meia4.ativo{
					display: flex !important;
				  }
				  #btvaria-meia,
				  #btvaria-meia2,
				  #btvaria-meia3,
				  #btvaria-meia4{
					display: none !important;
					cursor: pointer;
				  }
				  #input-meia,
				  #input-meia2,
				  #input-meia3,
				  #input-meia4{
					display: none !important;
				  }
				  #input-meia.ativo,
				  #input-meia2.ativo,
				  #input-meia3.ativo,
				  #input-meia4.ativo{
					display: flex !important;
				  }

				  #boxtoo{
					width: 100%;
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 1.5rem;
				}
				  #boxone{
					width: 100%;
					display: grid;
					grid-template-columns: 1fr;
					gap: 1.5rem;
				}
				  #boxtree{
					width: 100%;
					display: grid;
					grid-template-columns: 1fr 1fr 1fr;
					gap: 1.5rem;
				}
				  #boxfor{
					width: 100%;
					display: grid;
					grid-template-columns: 1fr 1fr 1fr 1fr;
					gap: 1rem;
				}
				  #boxfive{
					width: 100%;
					display: grid;
					grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
					gap: 1rem;
				}
				#pagamentocontainer{
					width: 100%;
					display: block;
					margin-top: 1rem;
				}

				.divpag{
					height: 100%;
				}
				#selcartcredconc,
				#selcartdebtconc,
				#selcartvalconc{
					padding: 0.5rem;
					margin-top: 0.3rem;
				}
				
				#sectionbt{
					display: flex;
					flex-wrap: wrap;
					gap: 10px;
				}
				#sectionbt h5{
					min-width: 100% !important;
				}
		
				#sectionbt .btntamanho  {
					/* font-weight: 800; */
					padding: 0.8rem 0 0.8rem 0;
					position: relative;
					background-color: var(--cor-principal);
					color: var(--fundo-geral) !important;
					transition: all .3s ease-in-out;
					cursor: pointer;
					font-size: 0.9rem !important;
					text-align: center;
					max-width: 31%;
				}
				#sectionbt .btntamanho.ativo  {
		
					background-color: blueviolet;
					color: #fff;
		
				}
				#sectionbt h5 strong  {
		
					margin-top: 0.5rem !important;
					display: block !important;
					
				}
		



/*---------------- MEDIA QUERYS --------------------*/

			@media all and (max-width: 1200px) {

				#mod-deg {
				    width: 90vw;
				    height: 90vh;
				}

				.maxcontainermd{
					max-width: 80vw !important;
				}

			} 

			@media all and (max-width: 1000px) {

				.maxcontainermd{
					max-width: 80vw !important;
				}

				.icovermaisdeg svg {
				    height: 17px;
				    margin: 0 auto;
				}
				.cont2-int {
				    width: 30%;
				    max-width: 30%;
				    padding: 0.2rem;
				}
				.cont3-int {
				    width: 10%;
				    max-width: 10%;
				    padding: 0.2rem;
				}

				.cont1-titu {
				    display: flex;
				    flex-direction: column;
				    padding: 0 0 0 1rem;
				    width: 70%;
				    max-width: 70%;
				}

				.icosvg svg {
				    height: 25px;
				}
				.icosvgs svg {
				    height: 29px;
				}

			} 

			@media all and (max-width: 865px)  {

				.maxcontainermd{
					max-width: 90vw !important;
				}

				#navdeg.ativo{
					transition: all .8s ease-in-out;	
					height: 105px;
				}
		
				#mod_deg_container, #mod_deg_container2 {

					width: 90%;

				}

				#boxtoo,#boxtree,#boxfor,#boxfive{
					width: 100%;
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 1rem;
				}

				.text-din{font-size: 0.7rem;}


					#limpa-carrinho {
					    display: none !important;
					}

					#limpa-carrinho2{
							display: flex !important;
						    width: 100%;
						    margin-top: 0.7rem;

						}

						.stylofe-degs {
						    width: 100%;
						    height: 32px;

						}

					.container-fluid{
					    padding-right: 5px !important;
					    padding-left: 5px !important;
					}
					.cont1-titu-car {
					    padding: 0 0 0 0.5rem;
					}
					.valorproddeg {
					    font-size: 1.2rem;
					}
					#subtotaltex {
					    font-size: 1rem !important;
					    line-height: 0.8rem  !important;
						margin: 0.5rem 0  !important;
					}
					.linhaprodutocar {
						grid-template-columns: 1fr;

					}
					.cont1-car {
					    width: 85%;
					    max-width: 85%;
					    display: flex;
					}
					.cont1-pic-car {
					    width: 20%;
					    max-width: 20%;
					}
					.cont1-pic-car img{
					    width: 100%;

					}
					.cont1-text-car {
						display: flex;
						flex-direction: column;
					    justify-content: center;
					    align-items: center;
					    width: 80%;
					    max-width: 80%;
					}
					.cont1-titu-car {
					    flex-direction: column;
					    width: 100%;
					    max-width: 100%;
					}
					.h3produto-car {
					    display: flex;
					    flex-wrap: nowrap;
					    font-weight: 800;
					    font-size: 1.2rem;
					}
					#subcontainer1{
						width: 100%;
						display: flex;
					}
					#subcontainergeral{
						display: flex;
						flex-direction: column;
					}
					#subtotaldeg{
						width: 50%;
						padding: 0.5rem;
						background-color: var(--cor-principal);
						color: var(--branco-deg);
					}
					#subtotaltit{
						width: 50%;
					}				
					#moedadeg{
						color: var(--branco-deg);
						font-size: 0.5rem;
						font-weight: 600;
						font-family: var(--principal-fontedeg);
					}
					#valorsubdeg{
						color: var(--branco-deg);
						font-size: 1rem;
						font-weight: 600;
						font-family: var(--principal-fontedeg);
					}
					#subtotaldesc{
						width: 100%;
					}
					.cont1-price-car {
					    justify-content: flex-start;
					    width: 100%;
					    max-width: 100%;
						padding-left: 0.5rem;
					}
					.cont2-car {
					    width: 15%;
					    max-width: 15%;
					    display: flex;
					    flex-direction: column;
					}
					.cont2-int-car {
						width: 100%;
					    max-width: 100%;
					    padding: 0rem;
					    margin-bottom: 0.1rem;
					}
					.btprodutodeg-car {
						width: 100%;
					    display: flex;
					    flex-direction: column;
					    justify-content: center;
					    align-items: center;
					    background-color: var(--cor-principal);
					    padding: 0;
					    transition: all .3s ease-in-out;
					    cursor: pointer;
					}

					#whatsdegtex{display: none;}
					.txt1{display: none !important;}
					.txt2{display: none !important;}
					#logodeg img {
				    	max-height: 150px;
				    	width: 105%;
					}
					#logodeg a {
					    width: 120px;
					    height: 120px;
					    margin: 0 auto;
					    overflow: hidden;
					    border-radius: 100%;
					    justify-content: center;
					    align-items: center;
					    display: flex;
					}
					#enderdeg{text-align: center;}
					#teldeg{width: 90%; margin: 0 auto; justify-content: center; align-items: center;}
					#endeg{width: 90%; margin: 0 auto;}
					#carr{height: 30px; display: block;}
					#ped-tex{display: none;}
					#itendegu {
					    display: flex;
					    justify-content: center;
					    align-items: center;
					    border-radius: 100%;
					    padding: 0.2rem 0.6rem;
					    margin-left: 0.2rem;
					}
				    #valdeg{padding: 0 0.5rem 0 0.3rem;}
					#mod-deg.ativo {
						display: flex;
					    justify-content: flex-start;
					    align-items: flex-start;
					}   
					#mod-degmin.ativo {
						display: flex;
					    justify-content: center;
					    align-items: center;
					} 
					#mod-degmin {
					    width: 90vw;
					    height: 80vh;
					}
					#submenudeg{
						left: 10%;
						min-width: 350%;
						padding: 0.5rem;
					}
					#submenudeg li{
						width: 100%;
						padding: 1rem 2rem;
					}

					#enderdeg h5{font-size: 0.8rem;}
					#enderdeg h2{font-size: 1.5rem;}
					#endeg{font-size: 0.8rem;}
					.icosvgs svg {height: 30px;}
					.icosvg svg {height: 23px;}
					#whatsdeg {margin-right: 0rem;}
					#horariosdeg h3, #formaspag h3{font-size: 1.3rem;}
					#horariosdeg h5, #formaspag h5{font-size: 1rem;}
					#mod-deg{width: 90vw; height: 90vh;}
					#mod-deg-container {
					    padding: 1rem;
					}
					#mod-fun-deg {
					    padding: 1rem;
					}
					#fechamod-deg{
						top: 1rem;
						right: 1rem;
					}
					.titusec-deg h1 {
					    font-size: 1.3rem;
					}
					.h3produto {
					    font-weight: 800;
					    font-size: 1rem;
					    margin-left: 0;
					    padding-left: 0;
					    width: 100%;
					}
					.linhaprodutodeg {
					    align-items: center;
					    display: flex;
						flex-direction: column;
					}
					.cont1 {
					    width: 100%;
					    max-width: 100%;
					}

					.cont1-pic{
						width: 35%;
						max-width: 35%;
					}

					.cont1-text {
					    display: flex;
					    flex-direction: column;
					    width: 65%;
					    max-width: 65%;
					}
					.cont2 {
					    width: 100%;
					    max-width: 100%;
					    margin-top: 1rem;
					}
					.cont1-price {
					    width: 100%;
					    max-width: 100%;
					    padding-left: 0;
					    justify-content: flex-start;
					}
					.cont1-titu {
					    padding: 0;
					    width: 100%;
					    max-width: 100%;
					}

					.btprodutodeg {
						display: flex;
					    flex-direction: row;
					    padding: 0.2rem 0.5rem 0.5rem 0.5rem;
					}
					.icovermaisdeg svg {
					    height: 11px;
					    margin-left: 0 auto;
					    margin-right: 0 auto;
			
					}
					.cont2-int {
						justify-content: center;
						align-items: center;
						padding: 0.2rem;

					}
					.vermaisdeg {
					    padding: 0.1rem 0 0 0.1rem;
					    font-size: 0.8rem;
					}
					.h5produto{font-size: 1rem;}
					
                    #subtotaltitulo {
                        font-size: 1.5rem;
                    }

			}


			@media all and (max-width: 400px)  {

				#ind-deg-container {
				    max-height: 95vh;
				    padding: 2rem 0.5rem 0.5rem 0.5rem;
				    z-index: 300;
				    border-bottom: 20px solid #ffffff;
				}
                #subtotaltitulo {
                    font-size: 1.2rem;
                }
				.cont2-int {
				    justify-content: center;
				    align-items: center;
				    padding: 0.1rem;
				}
				.cont2-int {
				    width: 28%;
				    max-width: 28%;
				    margin-right: 0.1rem;
				}
				.cont3-int {
				    width: 15%;
				    max-width: 15%;
				    padding: 0.2rem;
				    margin-right: 0rem;
				}
				#whatsdeg, #instadegnum {
					height: 21px;
				}

				.btn-deg-variavpm, .btn-deg-variavpm2 {
					font-size: 0.7rem !important;
    				line-height: 0.9rem !important;
				}

	}


		  #enderdeg h5, #enderdeg h2, #enderdeg div, #enderdeg span{color: var(--branco-deg);}
		  #teldeg h5, #teldeg span{font-weight: 800; font-family: var(--principal-fontedeg);}
		  #enderdeg h2{font-weight: 900; font-family: var(--principal-fontedeg);}
		  #headerdeg{background-color: var(--cor-principal);}
		  #navdegcontainer{background-color: var(--cor-secundaria); border-bottom: 1px solid var(--cor-secundaria);}
		  #fecharpedegcont{background-color: var(--cor-secundaria);}
		  #fecharpedeg{background-color: var(--cor-secundaria);}
		  .st0{fill:#4d5050;}
		  .ico-b{fill:#ffffff;}
		  .txt2{color: var(--cor-principal);}
		  #pedidodegu{background-color: var(--botoes-hover); cursor: pointer; transition: all .3s ease-in-out;}
		  #pedidodegu:hover{background-color: var(--botoes-hover); color: var(--cor-principal); cursor: pointer; transition: all .3s ease-in-out;}
		  #concluirdegu{background-color: var(--cor-botoes); color: var(--fundo-geral); cursor: pointer; transition: all .3s ease-in-out;}
		  #concluirdegu:hover{background-color: var(--botoes-hover); color: var(--cor-principal); transition: all .3s ease-in-out;}
		  #valdeg{ background-color: var(--cor-secundaria); }
		  #itendegu{ background-color: var(--cor-principal); color: var(--fundo-geral);}
		  .btn-deg-geral{background-color: var(--cor-principal); color: var(--fundo-geral); transition: all .3s ease-in-out;}
		  .btn-deg-geral:hover{background-color: var(--botoes-hover); color: var(--cor-principal); transition: all .3s ease-in-out;}
		  #whatsdegnum:hover{background-color: var(--botoes-hover); color: var(--cor-principal)!important; transition: all .3s ease-in-out;}


		  .titusec-deg h1{
			color: var(--titulosessoes-nw) !important;
	   }
	   .titusec-deg::before {
		background-color: var(--titulosessoes-nw) !important;
	}

	   #concluirdegu span,
	   #enderdeg h5,
	   #enderdeg h2,
	   #teldeg span,
	   #teldeg h5,
	   #endeg,
	   .btn-deg-variav,
	   #btvaria-meia,
	   .btn-deg-variavpm,
	   .btn-deg-geral,
	   .num-btn-deg,
	   .vermaisdeg span,
	   .vermaisdeg,
	   #itendegu,
	   #ped-tex,
	   #whatsdegnum{
		color: var(--textobotoes-nw) !important;
	   }

	   .icoprod {
		fill: var(--textobotoes-nw) !important;
		}

		.btn-deg-variav {
			border: 1px solid var(--textobotoes-nw) !important;
			font-weight: bold !important;
		}

		#instadegnum{
			border-left: 5px solid var(--fundo-geral);
			height: 100%;
		}