:root{
	--cor-a:#e4184d;
	--cor-b:#fc3267;
}

.bandeja{position:fixed; max-height:94px; bottom:0; width:100%; background:var(--cor-a); z-index:4; border-top:solid 2px #ffffff;}

	
	.bandeja:hover .padding:has(.cheia), .bandeja:hover .padding:has(.feito), .bandeja:hover .padding:has(.pagamento){background:var(--cor-b); cursor:pointer;}
	
	.bandeja .detalhes:not(.detalhes.fechado){
		display:flex;
		justify-content:center;			
		align-content:center;
		align-items:flex-end;
		margin-top:-54px;
	}
	
	.bandeja .band-icone{pointer-events:none;}
	.bandeja .band-icone .band-lanches{
		position:absolute; left:0; width:100%; bottom:46px; z-index:0;
		display:flex; flex-wrap: wrap;
    	flex-direction: row;
    	justify-content: center;
		transform:rotate(180deg);
	}
		.bandeja .band-icone .band-lanches img{width:40px; transform:rotate(-180deg);}
			
	.bandeja .band-base{height:100px; width:100px;}		
		.bandeja .band-icone .itens{
			position:absolute; left:50%; top:0; transform:translate(-50%, 0);
			width:30px; height:30px;
			border:solid 2px #ffffff;
			color:#ffffff;
			text-align:center;
			font-size:18px;
			display:flex;
			justify-content:center;
			align-items:center;
			border-radius:50%;
			z-index:1;
			background:var(--cor-a);
		}
	
	.bandeja .band-status{color:#ffffff; font-size:30px; margin-left:35px; text-align:center;}
	
		.bandeja .fechado .band-status{text-align:center;}
			.bandeja .fechado .band-status p{font-size:0.5em; text-align:center;}
	
	
	
	.bandeja div[class*="band-"] .total{
		position:absolute; bottom:0px; left:0; 
		background:#ffffff; padding:4px; color:#333333; font-size:14px;
		border-radius:6px; border:solid 2px #333333;
		z-index:1;
	}
	
		.bandeja div[class*="band-"] .total *{font-size:1em;}
	
	
	
	
	
	.bandeja-add{background:var(--contraste-base);}
		/*.bandeja-add .padding{display:flex; justify-content:space-between;}*/
		
		
		.bandeja-add .quantidade{display:flex; justify-content:space-between;}
			.bandeja-add .quantidade .menos, .bandeja-add .quantidade .mais{padding:5px; background:var(--fundo-base); color:var(--contraste-base); display:flex; align-items:center; justify-content:center; font-size:50px; border-radius:6px; width:40px;}
			
			.bandeja-add .quantidade input{font-size:35px; color:var(--fundo-base); text-align:center; width:80px;}
			
			.bandeja-add textarea{width:100%; padding:20px; border:solid 1px; outline:none; height:80px;}
			
				.bandeja-add .campo:has(textarea){margin-top:20px; margin-bottom:20px;}
				
				.bandeja-add .ctitulo{position:absolute; top:20px; left:20px; transition:all 0.5s; pointer-events:none;}
		
		
		
		.bandeja-add .botao{background:var(--fundo-base);}
		.bandeja-add .botao div{color:var(--contraste-base); font-size:24px; padding:20px; text-align:center;}
		
		.bandeja-add .botao:hover{cursor:pointer;}
		
		.bandeja-add .botao:active{background:var(--fundo-base);}
			.bandeja-add .botao:active div{color:var(--contraste-base);}
			
	.conteudo{margin-bottom:160px;}

		
	.height-limite{max-height:calc(100% - 120px); overflow:auto;}
		.height-limite:has(.pagamento){max-height:calc(100% - 170px); padding-top:70px;}
	.finalizar-bandeja-confirma:has(.pagamento){margin-top:59px;}
	
		
	.finalizar{bottom:auto; top:0; height:20px;}
	
	div[class*="finalizar-bandeja"]{background:#ffffff; position:fixed; left:0; top:20px; height:calc(100% - 20px); width:100%; z-index:3;}
	
	
	
		div[class*="finalizar-bandeja"] .remover{position:absolute; right:0; top:0; font-size:28px; color:#333333; z-index:1; padding:5px;}
			div[class*="finalizar-bandeja"] .remover:hover{cursor:pointer; font-weight:bolder;}
	
		div[class*="finalizar-bandeja"] .botao, div[class*="finalizar-bandeja"] .voltar-topo{background:#000000; position:absolute; bottom:0; left:0; width:100%;}		
		div[class*="finalizar-bandeja"] .botao:not(.inativo):hover, div[class*="finalizar-bandeja"] .voltar-topo:hover{background:#666666; cursor:pointer;}
	
			div[class*="finalizar-bandeja"] .voltar-topo{position:fixed; top:20px; width:auto; height:auto; bottom:auto; z-index:2;}
		
		div[class*="finalizar-bandeja"] .botao div, div[class*="finalizar-bandeja"] .voltar-topo div{font-size:24px; color:#ffffff; padding:20px; text-align:center;}
		
		div[class*="finalizar-bandeja"] .inativo{background:#dfdfdf; color:#ffffff;}
		
		div[class*="finalizar-bandeja"] .limpar{bottom:60px;}
	
	
	div[class*="finalizar-bandeja"] .lista{
		display:flex;
		align-items:center;
		height:calc(100% - 186px); width:100%; flex-wrap:wrap;
		margin-top:41px; margin-bottom:0;
		overflow:auto;
		padding-right:10px;
	}	
	
	
	div[class*="finalizar-bandeja"] .prelecao{margin-top:80px;}
	
	div[class*="finalizar-bandeja"] div[class*="primeira-"]:not(div[class*="finalizar-bandeja"] div[class*="-botao"]) .botao{position:relative;}
	
	div[class*="finalizar-bandeja"] div[class*="-botao"]{color:#333333; font-size:18px;}
		
		div[class*="finalizar-bandeja"] div[class*="-botao"]:hover{cursor:pointer; text-decoration:underline;}
	
	
	.enderecos-cadastrados .botao{position:relative !important;}
	
	
	
	div[class*="finalizar-bandeja"] .resumo{margin-top:60px;}
		div[class*="finalizar-bandeja"] .resumo h1{font-size:24px; color:#333333; margin-bottom:10px;}
		div[class*="finalizar-bandeja"] .resumo textarea{font-size:18px; width:100%; height:calc(100% - 355px); resize:none; outline:none;}
	
	
	div[class*="finalizar-bandeja"] .editar{background:#000000; display:inline-block; margin-top:20px; cursor:pointer;}
		div[class*="finalizar-bandeja"] .editar div{color:#ffffff; font-size:14px; padding:15px;}
	
	
	div[class*="finalizar-bandeja"] .degrade{
		height:30%; width:100%; position:fixed; left:0;		
		z-index:1;
		pointer-events:none;
	}
	
	div[class*="finalizar-bandeja"] .degrade-b{
		bottom:125px;
		background-image:linear-gradient(to bottom, #ffffff00, #ffffff);
	}
	div[class*="finalizar-bandeja"] .degrade-t{
		top:61px;
		display:none;
		background-image:linear-gradient(to top, #ffffff00, #ffffff);
	}
	
		div[class*="finalizar-bandeja"] .lista article{border-bottom:solid 1px #dfdfdf; padding-bottom:20px; flex:1 100%;}

			div[class*="finalizar-bandeja"] .lista article:last-child{border-bottom:none;}
			
			div[class*="finalizar-bandeja"] .lista article:has(p){border-bottom:none;}
		
			div[class*="finalizar-bandeja"] .lista article h1{font-size:60px; color:var(--cor-a); text-align:center;}
			div[class*="finalizar-bandeja"] .lista article p{font-size:22px; color:#333333; text-align:center;}
				
				div[class*="finalizar-bandeja"] .lista article .campo{text-align:left; margin-top:10px; margin-bottom:10px; display:block;}
					div[class*="finalizar-bandeja"] .lista article .campo textarea{font-size:14px; padding:10px; border:solid 1px; width:100%; outline:none; height:80px;}
						
						div[class*="finalizar-bandeja"] .lista article .campo textarea[readonly="readonly"]{border-color:#f1f1f1;}
						
						div[class*="finalizar-bandeja"] .lista article .campo .editar{
							font-size:7px; color:#ffffff; background:var(--cor-a);
							position:absolute; right:10px; top:10px; padding:5px;
							margin-top:0;
						}



.bandeja-add .talheres{margin-top:20px;}
			.bandeja-add .talheres h3{font-size:30px; color:var(--fundo-base); text-align:center;}
			.bandeja-add .talheres .alternativas{display:flex; justify-content:space-around; margin-top:20px;}
				.bandeja-add .talheres .alternativas div{font-size:24px; color:var(--titulos-h3); padding:20px; border:solid 1px var(--titulos-h3);}
				
				.bandeja-add .talheres .alternativas div:hover{background:var(--fundo-base); color:var(--contraste-base); cursor:pointer;}										
				.bandeja-add .talheres .alternativas .checked{background:var(--fundo-base); color:var(--contraste-base); cursor:pointer;}
				
				
		
			div[class*="finalizar-bandeja"] .lista article h2{font-size:26px; color:#000000;}
			
			div[class*="finalizar-bandeja"] .lista article .dados{display:flex; justify-content:space-between;}
			
				div[class*="finalizar-bandeja"] .lista article .dados .qtd{font-size:22px; color:#333333;}
				div[class*="finalizar-bandeja"] .lista article .dados .total-item{font-size:22px; color:var(--cor-a);}
				
				div[class*="finalizar-bandeja"] .lista article .dados *{font-size:1em;}
				
				div[class*="finalizar-bandeja"] .lista article .dados select{font-size:18px; padding:5px; border:solid 1px #dfdfdf; outline:none;}
					div[class*="finalizar-bandeja"] .lista article .dados select *{font-size:1em;}
					
					
			
			
		div[class*="finalizar-bandeja"] .info{position:fixed; left:0; bottom:60px; width:100%; background-image:linear-gradient(to bottom, #ffffff00, #ffffff 60%);}
		
			div[class*="finalizar-bandeja"] .feito{bottom:120px;}
			
			div[class*="finalizar-bandeja"] .info .padding{display:flex; justify-content:space-between; align-items: center;}
			div[class*="finalizar-bandeja"] .info .itens{font-size:30px;}
				div[class*="finalizar-bandeja"] .info .itens *{font-size:1em;}
				
				div[class*="finalizar-bandeja"] .info .total{font-size:30px; font-weight:bolder; color:#000000;}
					div[class*="finalizar-bandeja"] .info div *{font-size:1em;}
					
					
				div[class*="finalizar-bandeja"] .info .subtotal, div[class*="finalizar-bandeja"] .info .taxa, div[class*="finalizar-bandeja"] .info .desconto{font-size:24px; color:#333333;}
					
					
					
	div[class*="finalizar-bandeja"] .lista article .adicionais{margin-top:10px;}
	div[class*="finalizar-bandeja"] .lista article .adicionais h3{font-size:12px; margin-bottom:10px;}
	div[class*="finalizar-bandeja"] .lista article .adicionais .item{
		display:flex; padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px var(--cinza-l);
		justify-content:space-between;
	}
	div[class*="finalizar-bandeja"] .lista article .adicionais .item:last-child{border-bottom:none;}
		div[class*="finalizar-bandeja"] .lista article .adicionais .item div{font-size:11px;}
			div[class*="finalizar-bandeja"] .lista article .adicionais .item div *{font-size:1em;}
			div[class*="finalizar-bandeja"] .lista article .adicionais .item div:has(.valor){display:flex; justify-content:space-between;}


.bandeja .band-feito img{height:100px; z-index:1;}
	.bandeja .band-feito .sombra{
		background:#00000050; position:absolute; bottom:0; left:0; width:100px; height:40px;
		border-radius:50%;
		transform:rotate(-12deg);
		z-index:0;
		filter:blur(7px);
	}
	
	
	
	
	
	.finalizar-bandeja-confirma .pedido-resumo, .finalizar-bandeja-confirma .informacoes{max-width:500px;}
			
			.finalizar-bandeja-confirma .pedido-resumo .itens article{
				display:flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #e5e5e5;
			}
				.finalizar-bandeja-confirma .pedido-resumo .itens article .detalhes h2{font-size:20px; color:#333333; font-weight:normal; margin-bottom:0;}
					.finalizar-bandeja-confirma .pedido-resumo .itens article .detalhes p{font-size:14px; color:#707070;}
					.finalizar-bandeja-confirma .pedido-resumo .itens article .valores{text-align:right; margin-left:10px; width:105px;}
						.finalizar-bandeja-confirma .pedido-resumo .itens article .valores i{font-size:20px; color:#707070;}
						.finalizar-bandeja-confirma .pedido-resumo .itens article .valores p{font-weight:bold; font-size:20px; color:#333333;}
						.finalizar-bandeja-confirma .pedido-resumo .itens article .valores p *{font-size:1em;}
						
				.finalizar-bandeja-confirma .totais{margin-top:30px;}
				
				.finalizar-bandeja-confirma .totais p,
				.finalizar-bandeja-confirma .totais div.cupom{font-size:24px; color:#333333; text-align:right;}
					.finalizar-bandeja-confirma .totais p i,
					.finalizar-bandeja-confirma .totais div.cupom i{font-size:1em;}
					
					.finalizar-bandeja-confirma .totais div.cupom{margin-top:20px; margin-bottom:20px;}
					
						.finalizar-bandeja-confirma .totais div.cupom input{border:solid 1px #333333; padding:10px; font-size:14px; width:100%;}
						.finalizar-bandeja-confirma .totais div.cupom .ctitulo{top:10px; left:10px;}
						
						.finalizar-bandeja-confirma .totais div.cupom .aplicar{position:absolute; right:0; top:0; background:#333333;}
							.finalizar-bandeja-confirma .totais div.cupom .aplicar > div{font-size:15px; color:#ffffff; padding:10px;}
						
						.finalizar-bandeja-confirma .totais div.cupom .aplicar:hover{cursor:pointer; background:#444444;}
						
						.finalizar-bandeja-confirma .totais div.cupom .status{width:100%; left:0; top:0;}
				
				.finalizar-bandeja-confirma .totais .total{font-weight:bold; margin-top:20px;}
				
				
			.finalizar-bandeja-confirma .informacoes{margin-top:30px;}
				.finalizar-bandeja-confirma .informacoes h2{font-size:20px; color:#333333; margin-bottom:20px;}
				.finalizar-bandeja-confirma .informacoes p{font-size:18px; color:#333333;}
					.finalizar-bandeja-confirma .informacoes p *{font-size:1em;}
	






.bandeja-add .adicionais{margin-top:20px;}
		.bandeja-add .adicionais h2{border-bottom:solid 1px var(--cinza-l); padding-bottom:5px; margin-bottom:5px; font-size:1.5em;}
	.bandeja-add .adicionais article{display:flex; padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px var(--cinza-l);}
		.bandeja-add .adicionais article h2{font-size:1.2em; margin-bottom:10px;}
		.bandeja-add .adicionais article h3{
			font-size:1em; font-weight:normal; flex:1 100%; display:flex;
			flex-wrap:nowrap; justify-content:space-between; align-items:center;
			margin-right:10px;
		}
		
		.bandeja-add .adicionais .recuo{margin-left:10px;}
		
		.bandeja-add .adicionais h2,
		.bandeja-add .adicionais article h2,
		.bandeja-add .adicionais article h3,
		.bandeja-add .adicionais .subtotal, .bandeja-add .adicionais .subtotal *{
			color:var(--fundo-base);
		}

		
		
		.bandeja-add .adicionais article .quantidade-adc{display:flex;}
			.bandeja-add .adicionais article .quantidade-adc input{width:45px; text-align:center;}
			
		.bandeja-add .adicionais article .quantidade-adc .menos,
		.bandeja-add .adicionais article .quantidade-adc .mais{
			background:var(--fundo-base); color:var(--contraste-base); padding:10px;
			border-radius:6px; min-width:15px;
			text-align:center;
		}
		
			.bandeja-add .adicionais article .quantidade-adc .menos:hover,
			.bandeja-add .adicionais article .quantidade-adc .mais:hover{
				background:var(--azul-a);
				cursor:pointer;
			}
			
			.inativo{background:var(--cinza-l) !important; pointer-events:none;}
		
		.bandeja-add .adicionais .subtotal{margin-top:20px;}










.forma{display:flex; align-items:center;}
	.forma input[name="troco"]{padding:10px !important; text-align:right;}
	
	.forma .ctitulo{left:10px !important; top:10px !important;}



	.finalizar-bandeja-dados h1{font-size:24px; color:#333333; margin-top:60px;}

	.finalizar-bandeja-dados .formulario input:not(input[type="checkbox"]){
		width:100%; border:solid 1px #333333; font-size:18px; color:#333333; outline:none; padding:20px;
	}
	
	.finalizar-bandeja-dados .formulario .forma .campo:has(input[name="troco"]){display:none;}
	
	.finalizar-bandeja-dados .formulario label{font-size:14px; color:#333333;}
	
	.finalizar-bandeja-dados .formulario .retirar label:has(input:checked){color:#ffffff;}

	.finalizar-bandeja-dados .formulario .retirar{padding:20px; border:solid 1px #333333; margin-top:20px; margin-bottom:20px;}
		.finalizar-bandeja-dados .formulario .retirar:has(label input:checked){background:#333333;}
		
	
	.finalizar-bandeja-dados .formulario .naosei{position:absolute; right:20px; top:20px; font-size:18px; color:var(--azul-a); cursor:pointer;}
	
	.finalizar-bandeja-dados .formulario input[readonly="readonly"]{border-color:#dfdfdf;}
		.finalizar-bandeja-dados .formulario .campo:has(input[readonly="readonly"]) .ctitulo{color:#cccccc;}
	
	.finalizar-bandeja-dados .formulario fieldset{display:flex;}
	.finalizar-bandeja-dados .formulario fieldset div:first-child{margin-right:20px;}
	
	.finalizar-bandeja-dados .formulario{overflow:auto; height:calc(100% - 100px);}

		.finalizar-bandeja-dados .formulario select, .finalizar-bandeja-dados .formulario select option{font-size:18px; padding:10px; border:solid 1px #333333;}
	
	.finalizar-bandeja-dados .formulario h2{font-size:18px; color:#333333; margin-bottom:20px;}
	
	.formulario .ctitulo{position:absolute; left:20px; top:20px; font-size:18px; transition:all 0.2s ease;}
	
	.formulario .preenchido, .bandeja-add .preenchido{left:5px; top:5px; font-size:9px; transition:all 0.2s ease; opacity:1;}
	
	
	.forma:has(select) .preenchido{top:-4px !important; background:#ffffff; padding-left:3px; padding-right:3px;}


	.finalizar-bandeja-dados .formulario .status{background:#ffaeae; display:block; margin-top:20px; display:none;}
		.finalizar-bandeja-dados .formulario .status div{padding:20px; font-size:14px; color:#000000;}
			.finalizar-bandeja-dados .formulario .status div *{font-size:1em; text-decoration:underline;}
	
	
	
	
	
	
	.dados-pedido .enderecos-cadastrados{margin-top:20px;}

		.dados-pedido .enderecos-cadastrados article{display:block; margin-bottom:20px; border:solid 1px #cccccc;}
								
		
			.dados-pedido .enderecos-cadastrados article .padding{display:flex; width:100%; flex-wrap:nowrap; align-items:center;}

			.dados-pedido .enderecos-cadastrados article .checkbox{width:30px; height:30px;}
				.dados-pedido .enderecos-cadastrados article .checkbox .circulo{width:30px; height:30px; border-radius:50%; background:#dfdfdf; border:solid 1px #cccccc;}
												
			.dados-pedido .enderecos-cadastrados article .detalhe{font-size:16px; color:#cccccc; margin-left:20px; text-transform:capitalize; width:calc(100% - 90px);}
			
		.dados-pedido .enderecos-cadastrados .checked, .dados-pedido .enderecos-cadastrados .checked .checkbox .circulo{border-color:#333333;}
		.dados-pedido .enderecos-cadastrados .checked .detalhe{color:#333333;}
			.dados-pedido .enderecos-cadastrados .checked .checkbox .circulo{background:var(--cor-a);}
			
			
		.dados-pedido .enderecos-cadastrados article:hover:not(.checked){background:#dfdfdf; cursor:pointer;}
		.dados-pedido .enderecos-cadastrados article:hover:not(.checked) .checkbox .circulo{background:var(--cor-a);}
		.dados-pedido .enderecos-cadastrados article:hover:not(.checked) .detalhe{color:#333333;}
	
	
	
	
	
	
	
	
	
	.pessoais{margin-bottom:100px;}
	
	
	
	
	
	

	.load-local{position:absolute; right:20px; top:20px; z-index:1;}


.travar{pointer-events:none; opacity:0.7;}


.pular{animation:pular 0.3s 5;}

@-webkit-keyframes pular{
	0%{margin-top:0;}
	50%{margin-top:-20px;}	
	100%{margin-top:0;}
}





@media screen and (max-width: 425px){
	
	div[class*="finalizar-bandeja"] .info:not(div[class*="finalizar-bandeja"] .feito){bottom:70px; left:0;}
	
	div[class*="finalizar-bandeja"] .lista{height: calc(100% - 217px);}
	
	div[class*="finalizar-bandeja"] .info .subtotal, div[class*="finalizar-bandeja"] .info .taxa, div[class*="finalizar-bandeja"] .info .desconto{font-size:12px;}
	
	
	
}