

/*<style>*/

@charset "utf-8";



	/* Estilização para Lanches */
	
	.fundo_lanches {
		
		
		background-color: rgb(0, 0, 0) !important;
		
		
		padding: 1.5rem 0 3rem;
		
	}
	
	.lanche {
		
		
		background-color: transparent !important;
		
		
		height: 220px;
		
	}
	
	.lanche.lanche-desconto {
	
		
	
	}
	
	
	.lanche.lanche-desconto .porc-desc {
		
		
		background-color: #f7a500;
		
		font-family: Roboto;
		
		font-size: .9rem;
		
		color: #111;
		
		box-shadow: 1px 0px 2px rgba(0,0,0,.5);
		
		border-radius: 0 3px 3px 0;
		
		
		position: absolute;
		top: .5rem;
		left: 0;
		z-index: 3;
		padding: .1rem .5rem;
		
	}
	
	.lanche .col-foto-lanche {
		margin-bottom: 1.5rem;
		position: relative;
		cursor:pointer;
		will-change: transform;
	}
	.lanche .col-foto-lanche:active {
		transform: scale(.99);
		transition: .12s;
	}
	.lanche .col-foto-lanche:active > img {
		transform: rotate(-1.5deg);
		transition: .12s;
	}
	
	.lanche .col-foto-lanche:before {
		
		
		
		width: 110%;
		height: 110%;
		position: absolute;
		top: -16%;
		left: -6%;
		z-index: 1;
		
	}
	.lanche-desconto.lanche .col-foto-lanche:before {
		
		

	}
	
	.lanche .col-foto-lanche > img {
		
		
		background-color: transparent;
		
		box-shadow: none; border: 1px solid #2f2f2f;padding:15px;
		
		border-radius: 3px;
		
		
		width: 100%;
		max-width: 250px;
		max-height: 250px;
		z-index: 2;
		position: relative;
		will-change: transform;
		
	}
	
	.lanche .cont-desc-lanche .desc-lanche {
		
		
		font-family: grobold !important;
		
		font-size: 1.4rem; margin-top: 20px !important;
		
		font-weight: bold !important;
		
		color: rgb(255, 255, 255) !important;
		
		
		
		
	}
	
	/* Estilo do titulo com desconto */
	.lanche-desconto.lanche .cont-desc-lanche .desc-lanche {

		
		color: #ca2e0b !important;
		

	}
	
	.lanche .cont-preco-lanche {
		
		
		font-family: grobold !important;
		
		font-size: 2rem !important;
		
		font-weight: Bold !important;
		
		color: rgb(255, 241, 18) !important;
		
		
	}
	/* Estilo do preco com desconto */
	.lanche-desconto.lanche .cont-preco-lanche {

		
		
		line-height: 2rem;

	}
	
	.lanche .cont-preco-lanche .preco, .lanche .cont-preco-lanche .preco-normal {
    	
		position: relative;
		
	}
	.lanche .cont-preco-lanche .preco .mini-rs, .lanche .cont-preco-lanche .preco-normal .mini-rs {
		
		
		
		font-size: calc(2rem / 2) !important;
		
		color: #fd2e2e;
		position: relative;
		top: -.6rem;
		left: .3rem;
		
	}
	.lanche-desconto.lanche .cont-preco-lanche .preco .mini-rs {
		
		
		color: #5d5d5d !important;
		
		
	}
	.lanche-desconto.lanche .cont-preco-lanche .preco-normal .mini-rs span {
		text-decoration: line-through;
	}
	
	.lanche-desconto.lanche .cont-preco-lanche .preco-normal .mini-rs {
		
		
		color: #5d5d5d !important;
		
		
		top: 0;
		
	}
	
	
	
	.lanche .especie, .lanche .especie-sm {
		
		
		font-family: Roboto !important;
		
		font-size: .9rem !important;
		
		font-weight: 500 !important;
		
		color: rgb(106, 106, 106) !important;
		
		
		display:none;
		
	}
	
	.lanche-desconto .especie, .lanche-desconto .especie-sm {
		
		
		
	}
	
	
	@media only screen and (max-width: 1601px) {
		
		.lanche {
			height: 220px;
		}
		.lanche .col-foto-lanche > img {
		    max-height: 120px;
		}
		
	}
	@media only screen and (max-width: 1331px) {
		
		.lanche {
			height: 220px;
		}
		.lanche .col-foto-lanche > img {
		    max-height: 120px;
		}
		
	}
	@media only screen and (max-width: 1301px) {
		.lanche .col-foto-lanche > img {
		    max-height: 100px;
		}
	}
	
	@media only screen and (max-width: 992px) {
		
		.lanche {
			height: auto;
		    margin-bottom: 2rem;
		}
		.lanche .col-foto-lanche > img {
		    max-height: 140px;
		}
		.lanche .col-foto-lanche:before {
			max-width: 300px;
			width: 110%;
			height: 110%;
			position: absolute;
			top: -19%;
			left: -3%;
			z-index: 1;
		}
		/*.lanche .cont-desc-lanche .desc-lanche {
			font-size: 2.5rem;
		}
		.lanche .cont-preco-lanche {
			font-size: 2.5rem;
		}
		.lanche .especie, .especie-sm {
			font-size: .9rem;
		}*/
		
	}
	
	@media only screen and (max-width: 840px) {
		.lanche .col-foto-lanche > img {
		    max-height: 120px;
		}
	}
	
	@media only screen and (max-width: 780px) {
		.lanche .col-foto-lanche > img {
		    max-height: 110px;
		}
	}
	
	@media only screen and (max-width: 740px) {
		
		.lanche .col-foto-lanche > img {
		    max-height: 105px;
		}
		
	}
	
	@media only screen and (max-width: 600px) {
		.lanche {
		    margin-bottom: 3rem;
		}
		.lanche .col-foto-lanche > img {
		    max-height: 105px;
		}
		.lanche .col-foto-lanche:before {
			max-width: 300px;
			width: 110%;
			height: 110%;
			position: absolute;
			top: -16%;
			left: -6%;
			z-index: 1;
		}
	
	}
	
	
	
	
	
	/* Tablet */
	@media only screen and (max-width: 992px) {
	
		.lanche .cont-desc-lanche .desc-lanche {
		
			
		
		}
		
		.lanche .cont-preco-lanche {
		
			
		
		}
		
		.lanche .especie, .especie-sm {
		
			
		
		}
	
	}
	
	
	/* Mobile */
	@media only screen and (max-width: 600px) {
	
		.lanche .cont-desc-lanche .desc-lanche {
		
			
		
		}
		
		.lanche .cont-preco-lanche {
		
			
		
		}
		
		.lanche .especie, .especie-sm {
		
			
		
		}
		
	}
	
	
	/* Fim estilização para Lanches */






	/* Container de escolher especies */

	.cont-especies {
		
		background: #000 url(../imagem/fundoespecies2.jpg);
		background-size: 10%;

		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		display:none;
	}
	
	.cont-especies .cabecalho-container-especies {
	    padding: 0;
	}
	
	.cont-especies .cabecalho-container-especies .header-logo {
		padding: .3rem 0;
		text-align: center;
	}
	.cont-especies .cabecalho-container-especies .header-logo .logo-especies {
		min-width: 200px;
		max-width: 200px;
		margin: 0;
	}
	
	
	.cont-especies .cabecalho-container-especies .titulo-cabecalho-especies {
		font-size: 1.1rem;
		font-family: 'Langar';
		color: #fff;
		text-align:center;
		font-weight: 500;
		text-transform:uppercase;
		text-shadow: 1px 1px #073125;
	}
	.cont-especies .titulo-quadro-especies {
		font-size: 1.2rem;
		color: #c1c1c1;
	}
	
	.cont-especies .cabecalho-container-especies .col-foto-prod-atual {
		width: 200px;
	}
	.cont-especies .cabecalho-container-especies .col-foto-prod-atual img {
		width: 100%;
		max-width: 250px;
		border-radius: 3px;
		z-index: 2;
		position: relative;
		/* box-shadow: 1px 2px 5px rgba(0,0,0,.4); */
	}
	.cont-especies .cabecalho-container-especies .desc-prod-atual {
		font-weight: bold;
		color: #f7b81d ;
		font-size: 1rem;
		font-family: 'Grobold';
	}
	
	.cont-especies .col-dados-prod-atual {
		padding-top: 0rem !important;
	}
	
	.cont-especies .cabecalho-container-especies .cont-preco-prod-atual {
		font-size: 1.5rem;
		font-weight: bold;
		color: #fff;
		font-family: 'Grobold';
	}
	.cont-especies .cabecalho-container-especies .cont-preco-prod-atual:before {
		content: 'R$';
		font-size: .75rem;
		position: relative;
		top: -.6rem;
		left: .2rem;
		color: #fd2e2e;
	}
	.titulo-especie-prod-atual {
		font-size: 1.1rem;
		color: #fd2e2e;
		font-family: 'Grobold';
	}
	.cont-especies .cabecalho-container-especies .especie-prod-atual {
		font-size: 1rem;
		color: #adadad;
		display:none;
		text-transform: capitalize;
	}
	
	.cont-especies .footer-especies {
		padding: 1rem 0;
		text-align: center;
		/* border-top: 1px solid #111; */
		margin-top: 2rem;
	}
	
	.cont-especies .footer-especies .btn-confirma-especie {
		background: #f5ab00 !important;
		color: #000;
	}
	
	@media only screen and (max-width: 992px) {
		
		.cont-especies .cabecalho-container-especies .header-logo {
			padding: .5rem 0;
		}
		.cont-especies .cabecalho-container-especies .header-logo .logo-especies {
			width: 150px;
		}
		
		.cont-especies .cabecalho-container-especies .desc-prod-atual {
			font-size: 2.5rem;
		}
		.cont-especies .cabecalho-container-especies .cont-preco-prod-atual {
			font-size: 2.5rem;
		}
		.cont-especies .cabecalho-container-especies .especie-prod-atual {
			font-size: 1rem;
			padding: 0px 40px;
    		text-align: justify;
		}
		
	}
	@media only screen and (max-width: 601px) {
		
		.cont-especies .cabecalho-container-especies .header-logo .logo-especies {
			
		}
		
		.cont-especies .cabecalho-container-especies .desc-prod-atual {
			font-size: 1.2rem;
		}
		.cont-especies .cabecalho-container-especies .cont-preco-prod-atual {
			font-size: 1.6rem;
		}
		.cont-especies .cabecalho-container-especies .cont-preco-prod-atual:before {
			font-size: .7rem;
			top: -.5em;
		}
		
	}
	.cont-especies .cabecalho-container-especies .col-foto-prod-atual {
		width: 150px;
	}
	.cont-especies .cabecalho-container-especies .col-foto-prod-atual img {
		width: 100%;
		max-width: 150px;
	}
	
	.cont-especies .progress {
		display: none;
	    height: 1px;
	}
	.cont-especies .especies {
		display:none;
	}
	.cont-especies .close-especies {
	    position: absolute;
    	right: .5rem;
    	top: .5rem;
	}
	
	.cont-especies .especies .titulo-especies h5 {
		font-size: 1.1rem;
		color: #fd2e2e;
		margin-top: 1.5rem;
		font-family: 'Grobold';
	}
	
	
	
	.linha-especies {
		width: 100%;
		padding: .5rem 0 .5rem 1.5rem;
		text-transform: uppercase;
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.linha-especies.semacrescimo {
		cursor: pointer;
	}
	.linha-especies.comacrescimo.semqtde {
		cursor: pointer;
	}
	
	.linha-especies.checked {
		/*border-left-color: #148200;*/
	}
	
	.linha-especies label {
	    margin-top: -.7rem;
	    margin-right: -.5rem;
	    margin-bottom: -1rem;
	}
	
	.linha-especies [type="checkbox"].filled-in:not(:checked) + label:after {
	    border: 2px solid rgba(204, 204, 204, 0.43);
	}
	.linha-especies [type="checkbox"].filled-in:checked + label:after {
		border: 2px solid #bf0f0f;
		background-color: #bf0f0f;
	}
	/*
	@supports not (display: grid) {
		.linha-especies > div:first-child {
			width: 80px;
			height: 80px;
			float: left;
		}
		.linha-especies > div:first-child + div {
			width: calc(100% - 80px);
			float: left;
		}
	}*/
	
	.linha-especies:nth-child(odd) {
		/*background: #f5f5f5;*/
	}
	.linha-especies .img-pedaco-especies {
		display:none;
		width: 80px;
		height: 80px;
		background-position: -115px -61px;
		background-repeat: no-repeat;
		background-size: 205px;
	}
	
	.linha-especies .continpqtde {
		display: flex;
		flex-direction: row;
		align-items: center;
		border-right: 1px solid #333;
		margin-right: .4rem;
		padding-right: .4rem;
	}
	.continpqtde .menosqtde {
		width: 1.8rem;
		height: 1.8rem;
		line-height: 1.8rem;
		text-align: center;
		font-size: 1.4rem;
		cursor: pointer;
		color: #fff;
		border-radius: 50%;
		margin-right: .5rem;
	}
	.continpqtde .maisqtde {
		width: 1.8rem;
		height: 1.8rem;
		line-height: 1.8rem;
		font-size: 1.2rem;
		text-align: center;
		cursor: pointer;
		color: #fff;
		border-radius: 50%;
		margin-left: .5rem;
	}
	
	.linha-especies #inpqtdeespecies {
    	width: 2rem;
		height: 2rem;
		border: 1px solid #222;
		color: #fff;
		text-align: center;
		padding: 0;
		margin: 0;
		border-radius: 50%;
	}
	
	.linha-especies .especie {
		color: #f7b81d;
		padding: .2rem .2rem 0 .5rem;
		font-weight: bold;
	}
	
	.linha-especies .valor-acrescimo-especies {
		font-size: .8rem;
		color: #fff;
	}
	
	.linha-especies .ingredientes {
		color: #adadad;
		font-size: .8rem;
		font-weight: 500;
		padding: 0 .2rem 0 .5rem;
	}


