/* ---------------------------------------------------------------------- */
/*	cores do projeto
/* ---------------------------------------------------------------------- */
:root{
	--corPreto:#373334;
	--corBranco:#FFF;
	--corLaranja:#D3663D;
	--corCinza:#DDD;
	--borderRadius:8px;
}
	

/* ---------------------------------------------------------------------- */
/*	global
/* ---------------------------------------------------------------------- */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
body{ font-family: "Roboto", sans-serif; color:var(--corPreto) !important;}
.clear{ clear:both; width:100%; font-size:1px;}
.fontzero{ margin:0; padding:0; font-size:0em;}
a,a:hover{ text-decoration:none !important; color:var(--corPreto) !important;}
ul,li{ margin:0; padding:0; list-style:none;}
.txt,
.txt span,
.txt b,
.txt p{ background:none !important;}

.erro{ padding:50px !important;}
.mobile{ display:none !important;}

.padding-none{ padding:0;}
.padding-top{ padding-top:0;}
.padding-right{ padding-right:0;}
.padding-bottom{ padding-bottom:0;}
.padding-left{ padding-left:0;}

::-webkit-input-placeholder{ color: #999 !important; font-size:13px;}
:-moz-placeholder{ color: #999 !important; font-size:13px;}
:-ms-input-placeholder{ color: #999 !important; font-size:13px;}

.btn-padrao,
.btn-padrao:hover,
.btn-padrao:focus{ width:100%; background:var(--corLaranja) !important; border-color:var(--corLaranja) !important; color:var(--corBranco) !important;}

body.modal-open{overflow: visible;}
.scroll-top{ background:var(--corPreto) !important;}
.lg-backdrop{ z-index:999999999 !important;}
.lg-outer{ z-index:9999999999 !important;}

/* ---------------------------------------------------------------------- */
/*	Scroll top button
/* ---------------------------------------------------------------------- */
.scroll-top{ position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:99999; padding:8px 10px; background:var(--corPreto); border-radius:50px; transition:all 0.4s;}
.scroll-top i{ font-size:24px; color:var(--corBranco) !important; line-height:0;}
.scroll-top:hover{ background:var(--corPreto); color:var(--corBranco);}
.scroll-top.active{ visibility:visible; opacity:1; bottom:15px;}

/* ---------------------------------------------------------------------- */
/*	acessibilidade
/* ---------------------------------------------------------------------- */
.acessibilidade-footer{ z-index:10; position:fixed; right:5px; top:40%; padding:10px 0; background:var(--corLaranja); border-radius:40px;}
.acessibilidade-footer a{ z-index:1 !important; display:block; margin-bottom:10px; cursor:pointer;}

/* ---------------------------------------------------------------------- */
/*	mapa do site
/* ---------------------------------------------------------------------- */
.mapa-do-site{ margin-bottom:20px;}
.mapa-do-site h2{ font-size:20px;}
.mapa-do-site ul{ margin-bottom:20px; padding:10px; border:1px solid #CDCDCD; border-radius:5px; text-align:left !important;}
.mapa-do-site ul li{ padding:5px; border-bottom:1px solid #CDCDCD;}
.mapa-do-site ul li:last-child{ border:none;}
.mapa-do-site ul h1{ margin:0; font-size:16px;}

/* ---------------------------------------------------------------------- */
/*	zoom imagem
/* ---------------------------------------------------------------------- */
.z-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.z-img:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* ---------------------------------------------------------------------- */
/*	erro
/* ---------------------------------------------------------------------- */
.erro{ margin-bottom:50px; padding:0 !important;}
.erro h2{ padding:30px; background:var(--corPreto); text-align:center; font-size:16px;}
.erro ul{}
.erro ul li{ margin-bottom:10px; padding-bottom:10px;}
.erro ul li h1{ font-size:15px !important;}

/* ---------------------------------------------------------------------- */
/*	placeholder gradiente
/* ---------------------------------------------------------------------- */
.placeholder_bg{
  background: linear-gradient(90deg, #eee, #ccc, #eee);
  background-size: 150% 150% !important;
  animation: gradient-animation 1s ease-in-out infinite alternate both;
}
@keyframes gradient-animation {
  0% { background-position: right top; }
  50% { background-position: left bottom; }
  100% { background-position: right top; }
}

/* ---------------------------------------------------------------------- */
/*	manutencao
/* ---------------------------------------------------------------------- */
.manutencao .titulo{ margin:10px 0; font-size:20px;}
.manutencao .container img{ margin-bottom:20px;}
.manutencao .container{ text-align:center; font-size:18px;}

/* ---------------------------------------------------------------------- */
/*	titulo
/* ---------------------------------------------------------------------- */
.titulo h1{ margin-bottom:25px; padding:10px; font-size:16px; color:var(--corBranco); background:var(--corLaranja);}
.titulo .voltar{ padding-left:0;}
.titulo .voltar a{ display:inline-block; width:100%; text-align:center; font-size:25px; color:var(--corBranco) !important; background:var(--corPreto);}

/* ---------------------------------------------------------------------- */
/*	paginacao
/* ---------------------------------------------------------------------- */
.pagination{ margin:10px 0 30px 0;}
.pagination .page-item{ margin:0 !important; padding:0 !important;}
.pagination a{ color:var(--corLaranja) !important; border:1px solid var(--corLaranja) !important;}
.pagination .active a{ background:var(--corLaranja) !important; color:var(--corBranco)  !important;}

/* ---------------------------------------------------------------------- */
/*	texto copiado
/* ---------------------------------------------------------------------- */
.txt-copiado{ display:none; position:fixed; z-index:999; top:25px; left:50%; transform:translate(-50%, 0); padding:15px 25px; background:var(--corPreto); color:var(--corBranco); border-radius:30px;}

/* ---------------------------------------------------------------------- */
/*	alerts
/* ---------------------------------------------------------------------- */
.red{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #842029; background-color: #f8d7da; border-color: #f5c2c7;}
.yellow{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #664d03; background-color: #fff3cd; border-color: #ffecb5;}
.green{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #0f5132; background-color: #d1e7dd; border-color: #badbcc;}
.btn-close{ width:auto !important; height:auto !important;}

/* ---------------------------------------------------------------------- */
/*	animation icon
/* ---------------------------------------------------------------------- */
.animation{
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transform-origin: 50% 50%;
	display: inline-block;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.carousel-item {
	transition: transform .2s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
	transition: opacity 0s 2s;
}

/* ---------------------------------------------------------------------- */
/*	desktop
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 1200px){
	
	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.mobile{ display:none;}
	.compartilhamento_mobile{ display:none}
	.menu-icon{ display:none;}
	.espaco{ padding-top: 160px;}
	
	/* ---------------------------------------------------------------------- */
	/*	libras
	/* ---------------------------------------------------------------------- */
	div[vw]{ top:26% !important; right:-4px !important;}
	[vw] [vw-plugin-wrapper].active{ margin-top:350px !important;}
	[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}
	
	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header{ border-bottom: 5px solid var(--corLaranja); background-size:cover; background-position:center; background-repeat: no-repeat;}
	header .logo{ padding:10px 0; text-align:center;}
	
	.pequeno{ position:fixed; z-index:10; width:100%; background: var(--corLaranja); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; transition:all 0.1s;}
	.pequeno .logo{  padding:10px 0; transition:all 0.1s;}
	.pequeno .logo img{ height: 100px; transition:all 0.1s;}
	.pequeno .dados{ padding-top:10px; transition:all 0.1s;}

	header .bk{ background:rgb(0,0,0,.4);}
	header .logo{  padding:20px 0;}
	header .logo img{ max-width:100%;}
	header .dados{ padding-top:60px;}
	header .dados h1{ font-size:40px; color:#FFF; font-weight:700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
	header .dados h2{ font-size:20px; color:#FFF; font-weight:600; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
	header .dados .tel{ display:inline-block; margin-bottom:10px; padding:10px; background:rgba(0,0,0,0.6); border-radius:5px;}
	header .dados .endereco{ display:block;}

	/* ---------------------------------------------------------------------- */
	/*	INFO REDES
	/* ---------------------------------------------------------------------- */
	.info-redes{ padding:0; border-bottom:1px solid #DDD; background:#F7F7F7;}
	.info-redes .navbar{ float:left; margin:0 !important; padding:0; background:none; border:none; min-height:0 !important;}
	.info-redes .navbar-nav>li a{ margin:0; padding:20px 10px 0 10px; color:#373334 !important; font-weight:700;}
	.info-redes .navbar-nav>li a h2{ display:inline-block; font-size:18px;}
	.info-redes .dropdown:hover>.dropdown-menu{ display:block; padding:0;}
	
	.info-redes .navbar-nav>li a:hover{ background:#D3663D; color:#FFF !important;}
	.info-redes .navbar-nav>li a:hover .status-on{ color:#FFF !important;}
	.info-redes .navbar-nav>li a:hover .status-off{ color:#FFF !important;}
	
	.info-redes h2 .i{ float:left; margin:-4px 0 0 0;}
	.info-redes h2 i{ font-size:40px; float:left; margin-right:5px; color:#BCBCBC;}
	
	.info-redes .t-aberto{ float:left; margin:0 0 2px 0; padding:0 10px; font-size:16px;}
	.info-redes .status-on{ display:block; padding-top:0px !important; color: #0f5132; font-weight:600;}
	.info-redes .status-off{ display:block; padding-top:10px; color: #842029; font-weight:600;}
	.info-redes p{ font-size:14px;}
	
	.info-redes .t-pagamento{ float:left; margin:0 0 21px 0; padding:5px 10px 0 10px; font-size:16px; font-weight:600;}
	
	.info-redes h2 .chevron{ float:left; margin:0; padding-top:10px !important;}
	.info-redes h2 .chevron i{ font-size:20px; color:#BBB !important;}
	
	.info-redes .dropdown-toggle::after{ display:none;}
	
	.info-redes .dropdown-menu{ padding:10px !important;}
	.info-redes .dropdown-menu h3{ padding:5px 0; font-size:16px; font-weight:400;}
	.info-redes .dropdown-menu span{ font-size:14px;}

	.info-redes .dataAtual{ padding-top: 25px; text-align: right;}

	/* ---------------------------------------------------------------------- */
	/*	PROMOÇÕES	
	/* ---------------------------------------------------------------------- */
	.promocoes{ position: absolute; top: 10%; right: 10%; padding: 10px; background: var(--corLaranja); border-radius: var(--borderRadius);}
	.promocoes a{ color: var(--corBranco) !important;}
	#promocoes .cerca-promocao{ padding-top: 15px; border-bottom: 2px solid var(--corLaranja);}
	#promocoes .cerca-promocao h1{ font-size: 20px;}
	#promocoes .cerca-promocao h2{ font-size: 16px;}
	#promocoes .cerca-promocao img{ width: 100%;}

	/* ---------------------------------------------------------------------- */
	/*	CATEGORIAS PRODUTOS
	/* ---------------------------------------------------------------------- */
	.categorias-produtos{ position: relative; padding:40px 0 !important; min-height: 500px;}
	
	.categorias_mobile{ display: none;}

	.categorias{ position: relative; padding: 0;}
	.lista_categorias{ position: relative; padding: 10px; background: var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_categorias .menupai{ display: block; margin-top: 10px; padding-top: 10px; padding-left: 5px; color: var(--corBranco) !important; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0.3);}
	.lista_categorias .menupai:first-child{ padding-top: 0; border: none;}
	.lista_categorias .menusubcategoria{ display: block; margin-bottom: 5px; padding-top: 5px; padding-left: 25px; color: var(--corBranco) !important; font-size: 14px;}

	.cerca_categorias.fixo{ position: sticky; top: 180px; height:70vh; overflow:hidden; scroll-behavior:smooth; background: var(--corLaranja); border-radius: var(--borderRadius);}
	.cerca_categorias.fixo:hover{ overflow-y:scroll;}
	.cerca_categorias.fixo::-webkit-scrollbar{ width:5px; height:3px;}
	.cerca_categorias.fixo::-webkit-scrollbar-thumb{ background: linear-gradient(to bottom right, #333 0%, #333 100%);}
	.cerca_categorias.fixo::-webkit-scrollbar-track{ background-color:#ddd; border:1px solid #ccc;}
	.cerca_categorias.fixo::-webkit-scrollbar-button{ background-color:#333;}
	.cerca_categorias.fixo::-webkit-scrollbar-button:hover{ background-color:#999999;}

	.botao_menu{ display: none; position: sticky; z-index: 12; top: 160px; margin-left: 40%;}
	.botao_menu a{ display: inline-block; padding: 10px 15px; font-size: 25px; background: var(--corLaranja); color: var(--corBranco) !important; border-radius: var(--borderRadius);}

	.lista_produtos .li{ margin-bottom: 20px; padding: 20px; border: 1px solid var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_produtos li h1{ font-size: 25px;}
	.lista_produtos li h2{ padding: 10px; font-size: 20px; background: var(--corLaranja); color: var(--corBranco);}
	.lista_produtos li .card-text{ font-size: 16px; font-style: italic;}
	.lista_produtos li .preco{font-size: 20px;}
	.lista_produtos li .preco .semvariacao{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; color: var(--corBranco); background: var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_produtos li .preco .variacao{ position: relative; margin-bottom: 10px;}
	.lista_produtos li .preco .variacao .valor{ float: right; padding-left:5px; background: var(--corBranco); }
	.lista_produtos li .preco .valor span{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; color: var(--corBranco); background: var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_produtos li .preco .variacao b{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; background: var(--corBranco);}
	.lista_produtos li .preco .variacao .p{ z-index: -1; margin-top: -22px; width: 100%; border-top: 5px dotted var(--corPreto);}

	.frase_2{ margin: 40px 0 20px 0; text-align: center;}
	.patrocinadores{ padding: 40px 0; text-align: center;}
	.patrocinadores h1{ font-size: 20px;}

	/* ---------------------------------------------------------------------- */
	/*	FOOTER
	/* ---------------------------------------------------------------------- */
	footer{ padding: 10px 0; border-top: 10px solid var(--corLaranja); text-align: center;}
	footer img{ width: 5%;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	TABLET
/* --------------------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (max-width: 1199px){
		
		/* ---------------------------------------------------------------------- */
		/*	global
		/* ---------------------------------------------------------------------- */
		.mobile{ display:none;}
		.compartilhamento_mobile{ display:none}
		.menu-icon{ display:none;}
		.espaco{ padding-top: 160px;}
		
		/* ---------------------------------------------------------------------- */
		/*	libras
		/* ---------------------------------------------------------------------- */
		div[vw]{ top:24% !important; right:-4px !important;}
		[vw] [vw-plugin-wrapper].active{ margin-top:350px !important;}
		[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}
		
		/* ---------------------------------------------------------------------- */
		/*	header
		/* ---------------------------------------------------------------------- */
		header{ border-bottom: 5px solid var(--corLaranja); background-size:cover; background-position:center;}
		header .logo{ padding:10px 0; text-align:center;}
		
		.pequeno{ position:fixed; z-index:10; width:100%; background: var(--corLaranja); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; transition:all 0.1s;}
		.pequeno .logo{  padding:10px 0; transition:all 0.1s;}
		.pequeno .logo img{ height: 100px; transition:all 0.1s;}
		.pequeno .dados{ padding-top:10px; transition:all 0.1s;}

		header .bk{ background:rgb(0,0,0,.4);}
		header .logo{  padding:20px 0;}
		header .logo img{ max-width:100%;}
		header .dados{ padding-top:60px;}
		header .dados h1{ font-size:40px; color:#FFF; font-weight:700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
		header .dados h2{ font-size:20px; color:#FFF; font-weight:600; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
		header .dados .tel{ display:inline-block; margin-bottom:10px; padding:10px; background:rgba(0,0,0,0.6); border-radius:5px;}
		header .dados .endereco{ display:block; font-size: 15px;}

		/* ---------------------------------------------------------------------- */
		/*	INFO REDES
		/* ---------------------------------------------------------------------- */
		.info-redes{ padding:0; border-bottom:1px solid #DDD; background:#F7F7F7;}
		.info-redes .navbar{ float:left; margin:0 !important; padding:0; background:none; border:none; min-height:0 !important;}
		.info-redes .navbar-nav>li a{ margin:0; padding:20px 10px 0 10px; color:#373334 !important; font-weight:700;}
		.info-redes .navbar-nav>li a h2{ display:inline-block; font-size:18px;}
		.info-redes .dropdown:hover>.dropdown-menu{ display:block; padding:0;}
		
		.info-redes .navbar-nav>li a:hover{ background:#D3663D; color:#FFF !important;}
		.info-redes .navbar-nav>li a:hover .status-on{ color:#FFF !important;}
		.info-redes .navbar-nav>li a:hover .status-off{ color:#FFF !important;}
		
		.info-redes h2 .i{ float:left; margin:-4px 0 0 0;}
		.info-redes h2 i{ font-size:40px; float:left; margin-right:5px; color:#BCBCBC;}
		
		.info-redes .t-aberto{ float:left; margin:0 0 2px 0; padding:0 10px; font-size:16px;}
		.info-redes .status-on{ display:block; padding-top:0px !important; color: #0f5132; font-weight:600;}
		.info-redes .status-off{ display:block; padding-top:10px; color: #842029; font-weight:600;}
		.info-redes p{ font-size:14px;}
		
		.info-redes .t-pagamento{ float:left; margin:0 0 21px 0; padding:5px 10px 0 10px; font-size:16px; font-weight:600;}
		
		.info-redes h2 .chevron{ float:left; margin:0; padding-top:10px !important;}
		.info-redes h2 .chevron i{ font-size:20px; color:#BBB !important;}
		
		.info-redes .dropdown-toggle::after{ display:none;}
		
		.info-redes .dropdown-menu{ padding:10px !important;}
		.info-redes .dropdown-menu h3{ padding:5px 0; font-size:16px; font-weight:400;}
		.info-redes .dropdown-menu span{ font-size:14px;}

		.info-redes .dataAtual{ padding-top: 25px; text-align: right;}

		/* ---------------------------------------------------------------------- */
		/*	PROMOÇÕES	
		/* ---------------------------------------------------------------------- */
		.promocoes{ position: absolute; top: 10%; right: 10%; padding: 10px; background: var(--corLaranja); border-radius: var(--borderRadius);}
		.promocoes a{ color: var(--corBranco) !important;}
		#promocoes .cerca-promocao{ padding-top: 15px; border-bottom: 2px solid var(--corLaranja);}
		#promocoes .cerca-promocao h1{ font-size: 20px;}
		#promocoes .cerca-promocao h2{ font-size: 16px;}
		#promocoes .cerca-promocao img{ width: 100%;}

		/* ---------------------------------------------------------------------- */
		/*	CATEGORIAS PRODUTOS
		/* ---------------------------------------------------------------------- */
		.categorias-produtos{ position: relative; padding:40px 0 !important; min-height: 500px;}
	
		.categorias_mobile{ display: none;}
		
		.categorias{ position: relative; padding: 0;}
		.lista_categorias{ position: relative; padding: 10px; background: var(--corLaranja); border-radius: var(--borderRadius);}
		.lista_categorias .menupai{ display: block; margin-top: 10px; padding-top: 10px; padding-left: 5px; color: var(--corBranco) !important; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0.3);}
		.lista_categorias .menupai:first-child{ padding-top: 0; border: none;}
		.lista_categorias .menusubcategoria{ display: block; margin-bottom: 5px; padding-top: 5px; padding-left: 25px; color: var(--corBranco) !important; font-size: 14px;}

		.cerca_categorias.fixo{ position: sticky; top: 180px; height:70vh; overflow:hidden; scroll-behavior:smooth; background: var(--corLaranja); border-radius: var(--borderRadius);}
		.cerca_categorias.fixo:hover{ overflow-y:scroll;}
		.cerca_categorias.fixo::-webkit-scrollbar{ width:5px; height:3px;}
		.cerca_categorias.fixo::-webkit-scrollbar-thumb{ background: linear-gradient(to bottom right, #333 0%, #333 100%);}
		.cerca_categorias.fixo::-webkit-scrollbar-track{ background-color:#ddd; border:1px solid #ccc;}
		.cerca_categorias.fixo::-webkit-scrollbar-button{ background-color:#333;}
		.cerca_categorias.fixo::-webkit-scrollbar-button:hover{ background-color:#999999;}

		.botao_menu{ display: none; position: sticky; z-index: 12; top: 160px; margin-left: 40%;}
		.botao_menu a{ display: inline-block; padding: 10px 15px; font-size: 25px; background: var(--corLaranja); color: var(--corBranco) !important; border-radius: var(--borderRadius);}

		.lista_produtos .li{ margin-bottom: 20px; padding: 20px; border: 1px solid var(--corLaranja); border-radius: var(--borderRadius);}
		.lista_produtos li h1{ font-size: 25px;}
		.lista_produtos li h2{ padding: 10px; font-size: 20px; background: var(--corLaranja); color: var(--corBranco);}
		.lista_produtos li .preco{font-size: 20px;}
		.lista_produtos li .preco .semvariacao{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; color: var(--corBranco); background: var(--corLaranja); border-radius: var(--borderRadius);}
		.lista_produtos li .preco .variacao{ position: relative; margin-bottom: 10px;}
		.lista_produtos li .preco .variacao .valor{ float: right; padding-left:5px; background: var(--corBranco); }
		.lista_produtos li .preco .valor span{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; color: var(--corBranco); background: var(--corLaranja); border-radius: var(--borderRadius);}
		.lista_produtos li .preco .variacao b{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; background: var(--corBranco);}
		.lista_produtos li .preco .variacao .p{ z-index: -1; margin-top: -22px; width: 100%; border-top: 5px dotted var(--corPreto);}

		.frase_2{ margin: 40px 0 20px 0; text-align: center;}
		.patrocinadores{ padding: 40px 0; text-align: center;}
		.patrocinadores h1{ font-size: 20px;}

		/* ---------------------------------------------------------------------- */
		/*	FOOTER
		/* ---------------------------------------------------------------------- */
		footer{ padding: 10px 0; border-top: 10px solid var(--corLaranja); text-align: center;}
		footer img{ width: 5%;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	MOBILE
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 579px){
	
	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.web{ display:none;}
	.mobile{ display: block;}
	.acessibilidade-footer{ top:34%;}
	
	/* ---------------------------------------------------------------------- */
	/*	libras
	/* ---------------------------------------------------------------------- */
	div[vw]{ top:37% !important; right:-4px !important;}
	[vw] [vw-plugin-wrapper].active{ margin-top:350px !important;}
	[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}
	
	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header{ border-bottom: 5px solid var(--corLaranja); background-size:cover; background-position:center;}
	
	.pequeno{ position:fixed; z-index:10; width:100%; background: var(--corLaranja); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; transition:all 0.1s;}
	.pequeno .logo{  padding:10px 0 !important; transition:all 0.1s;}
	.pequeno .logo img{ height: 100px; transition:all 0.1s;}
	.pequeno .dados{ padding-top:0px; transition:all 0.1s;}

	header .bk{ background:rgb(0,0,0,.4);}
	header .logo{  padding:10px 0; text-align: center;}
	header .logo img{ height: 80px;}
	header .dados{ padding-top:0;}
	header .dados h1{ text-align: center; font-size:30px; color:#FFF; font-weight:700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
	header .dados h2,
	header .dados .endereco{ display:none;}

	/* ---------------------------------------------------------------------- */
	/*	PROMOÇÕES	
	/* ---------------------------------------------------------------------- */
	.promocoes{ position: absolute; top: 5%; right: 5%; padding: 10px; background: var(--corLaranja); border-radius: var(--borderRadius);}
	.promocoes a{ font-size: 20px; color: var(--corBranco) !important;}
	.promocoes a span{ display: none;}
	#promocoes .cerca-promocao{ padding-top: 15px; border-bottom: 2px solid var(--corLaranja);}
	#promocoes .cerca-promocao h1{ font-size: 20px;}
	#promocoes .cerca-promocao h2{ font-size: 16px;}
	#promocoes .cerca-promocao img{ width: 100%;}

	/* ---------------------------------------------------------------------- */
	/*	INFO REDES
	/* ---------------------------------------------------------------------- */
	.info-redes .navbar-toggler-icon{ filter: brightness(0);}
	.info-redes .navbar-toggler{ display: block; border: 1px solid var(--corPreto);}
	.info-redes .navbar-toggler .horarios_mobile{ color: var(--corPreto);}
	.info-redes{ padding:10px 0; border-bottom:1px solid #DDD; background:#F7F7F7;}
	.info-redes .navbar{ float:left; margin:0 !important; padding:0; background:none; border:none; min-height:0 !important;}
	.info-redes .navbar-nav>li a{ margin:0; padding:20px 10px 0 10px; color:#373334 !important; font-weight:700;}
	.info-redes .navbar-nav>li a h2{ display:inline-block; font-size:18px;}
	.info-redes .dropdown:hover>.dropdown-menu{ display:block; padding:0;}
	
	.info-redes .navbar-nav>li a:hover{ background:#D3663D; color:#FFF !important;}
	.info-redes .navbar-nav>li a:hover .status-on{ color:#FFF !important;}
	.info-redes .navbar-nav>li a:hover .status-off{ color:#FFF !important;}
	
	.info-redes h2 .i{ float:left; margin:-4px 0 0 0;}
	.info-redes h2 i{ font-size:40px; float:left; margin-right:5px; color:#BCBCBC;}
	
	.info-redes .t-aberto{ float:left; margin:0 0 2px 0; padding:0 10px; font-size:16px;}
	.info-redes .status-on{ display:block; padding-top:0px !important; color: #0f5132; font-weight:600;}
	.info-redes .status-off{ display:block; padding-top:10px; color: #842029; font-weight:600;}
	.info-redes p{ font-size:14px;}
	
	.info-redes .t-pagamento{ float:left; margin:0 0 21px 0; padding:5px 10px 0 10px; font-size:16px; font-weight:600;}
	
	.info-redes h2 .chevron{ float:left; margin:0; padding-top:10px !important;}
	.info-redes h2 .chevron i{ font-size:20px; color:#BBB !important;}
	
	.info-redes .dropdown-toggle::after{ display:none;}
	
	.info-redes .dropdown-menu{ padding:10px !important;}
	.info-redes .dropdown-menu h3{ padding:5px 0; font-size:16px; font-weight:400;}
	.info-redes .dropdown-menu span{ font-size:14px;}

	.info-redes .dataAtual{ display: none;}
	
	/* ---------------------------------------------------------------------- */
	/*	MENU
	/* ---------------------------------------------------------------------- */
	.menu-icon{ display: block; text-align: center; background: var(--corLaranja);}
	.menu-icon a{ display:inline-block; padding: 10px 0; font-size:20px; font-weight: 600;}

	/* ---------------------------------------------------------------------- */
	/*	CATEGORIAS PRODUTOS
	/* ---------------------------------------------------------------------- */
	.categorias-produtos{ position: relative; padding:40px 0 !important; min-height: 500px;}
	
	.categorias{ display: none;}
	.categorias_mobile{ display: block;}

	.categorias_mobile{ z-index: 5; position:absolute; left:0; top:200px; width:80%; transform:translateX(-100%); transition:transform 0.3s ease-in-out; background: var(--corLaranja);}

	.categorias_mobile .menupai{ display: block; margin-top: 0; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; padding-left: 5px; color: var(--corBranco) !important; font-size: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.categorias_mobile .menupai:first-child{ padding-top: 0; border: none;}
	.categorias_mobile .menusubcategoria{ display: block; margin-bottom: 5px; padding-bottom: 5px; padding-left: 25px; color: var(--corBranco) !important; font-size: 20px;}
	
	.open{ transform: translateX(0);}
	.menu-bg{ z-index:11; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); display:none;}
	.close{ float: right; margin-top: -5px; padding: 5px 5px 0 0; font-size:30px;}
	.close a{ color:var(--corBranco) !important;}


	.lista_produtos .li{ margin-bottom: 20px; padding: 20px; border: 1px solid var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_produtos li h1{ font-size: 25px;}
	.lista_produtos li h2{ padding: 10px; font-size: 20px; background: var(--corLaranja); color: var(--corBranco);}
	.lista_produtos li .img{ text-align: center;}
	.lista_produtos li .preco{font-size: 20px;}
	.lista_produtos li .preco .semvariacao{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; color: var(--corBranco); background: var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_produtos li .preco .variacao{ position: relative; margin-bottom: 10px;}
	.lista_produtos li .preco .variacao .valor{ float: right; padding-left:5px; background: var(--corBranco); }
	.lista_produtos li .preco .valor span{ display: inline-block; padding: 5px; font-size: 20px; font-weight: 600; color: var(--corBranco); background: var(--corLaranja); border-radius: var(--borderRadius);}
	.lista_produtos li .preco .variacao b{ display: inline-block; padding: 5px 5px 5px 0; font-size: 20px; font-weight: 600; background: var(--corBranco);}
	.lista_produtos li .preco .variacao .p{ z-index: -1; margin-top: -22px; width: 100%; border-top: 5px dotted var(--corPreto);}

	.frase_2{ margin: 40px 0 20px 0; text-align: center;}
	.patrocinadores{ padding: 40px 0; text-align: center;}
	.patrocinadores h1{ font-size: 20px;}

	/* ---------------------------------------------------------------------- */
	/*	FOOTER
	/* ---------------------------------------------------------------------- */
	footer{ padding: 10px 0; border-top: 10px solid var(--corLaranja); text-align: center;}
	footer img{ width: 5%;}
	
}