<style>

/*----GERAL VALIDO PARA TODAS AS RESOLUÇÕES---- */

	html {
		background:#000;
	}
	body {
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		color: #333;
		font-size:15px;
		background-color:#f5f5f5;
	}

	
	/* Estilo para desativar a rolagem */
    body.no-scroll {
        overflow-y: hidden;
    }
	
	/* WebKit (Chrome, Safari) */
	body::-webkit-scrollbar {
		width: 6px; /* largura da barra de rolagem */
	}
	
	body::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0.5); /* cor da barra de rolagem */
	}
	
	body::-webkit-scrollbar-track {
		background-color: transparent; /* cor do fundo da barra de rolagem */
	}
	
	/* Firefox */
	@-moz-document url-prefix() {
	  html, body {
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
	  }
	}

	.ocultar{
		display:none;
	}

	.container {
		margin: 0 auto;
		max-width: 1600px;
		width: 92%;
	}
	
	.sticky {
		position: -webkit-sticky; /* Safari */
		top: -1px; /* altura que vai parar antes do topo */
		position: sticky;
	}
	
	.switch{
		margin:5px 0 5px 0 !important;
	}
	.switch .texto_switch{
		font-size:15px !important;
		margin-left:10px !important;
		display: inline-block;
    	vertical-align: middle;
		line-height: 30px; /* Ajuste de altura para alinhar com o switch */
	}
	.switch .lever{
		margin:0 !important;
	}
	
	table tr td{
		padding:0;
		margin:0;
	}
	
	.margemzero{
		margin:0 !important;
		padding:0 !important;
	}
	
	.conteudo_paginas{
		padding-top:10px;
	}
	
	.conteudo_paginas .select_atributo, .conteudo_paginas .select_filtros, .conteudo_paginas .select-wrapper input.select-dropdown {
		border: solid 1px #eee;
		border-radius: 5px;
		height: 40px;
		line-height:40px;
		padding: 0 10px;
		max-width: 100%;
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		box-sizing: border-box;
		position:relative;
		cursor:default;
	}
	
	.conteudo_paginas .select-wrapper .caret {
		position: absolute;
		top: -10px;
		right: 10px;
	}
	
	.box_paginas{
		background-color: #fff; /* Fundo branco */
		width:100%;
		border-radius: 5px;
		padding: 15px 20px;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		height:auto;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	}
	
	.box_paginas h5{
		margin:0;
	}
	
	.tippy-box[data-theme~='light'][data-placement^='top'] {
		margin-bottom:5px;
	}
	
	/* Customizando os cantos do modal */
	.modal {
		border-radius: 8px; /* Ajuste o valor conforme necessário */
	}

	/*order progress-indicator*/
	.flexer,.progress-indicator{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
	}
	.no-flexer,.progress-indicator.stacked{
		display:block;
	}
	.no-flexer-element{
		-ms-flex:0;
		-webkit-flex:0;
		-moz-flex:0;
		flex:0;
	}
	.flexer-element,.progress-indicator>li{
		-ms-flex:1;
		-webkit-flex:1;
		-moz-flex:1;
		flex:1;
	}
	.progress-indicator{
		margin:0 0 1em;
		padding:0;
		font-size:80%;
		text-transform:uppercase;
	}
	.progress-indicator>li{
		list-style:none;
		text-align:center;
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		text-overflow:ellipsis;
		color:#bbb;
		display:block;
	}
	.progress-indicator>li:hover{
		color:#6f6f6f;
	}
	.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{
		color:#38b243;
	}
	.progress-indicator>li .bubble{
		border-radius:1000px;
		width:20px;
		height:20px;
		background-color:#bbb;
		display:block;
		margin:0 auto .5em;
		border-bottom:1px solid #888;
	}
	.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{
		display:block;
		position:absolute;
		top:9px;
		width:100%;
		height:3px;
		content:'';
		background-color:#bbb;
	}
	.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{
		background-color:#38b243;
		border-color:#247830;
	}
	.progress-indicator>li .bubble:before{
		left:0;
	}
	.progress-indicator>li .bubble:after{
		right:0;
	}
	.progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{
		width:100%;
		margin-left:0;
	}
	.progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{
		width:100%;
		margin-right:0;
	}
	.progress-indicator>li.active,.progress-indicator>li.active .bubble{
		color:#337AB7;
	}
	.progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{
		background-color:#337AB7;
		border-color:#122a3f;
	}
	.progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{
		background-color:#e2d546;
		border-color:#1f306e;
	}
	.progress-indicator>li a:hover .bubble{
		color:#e2d546;
	}
	.progress-indicator>li.danger .bubble,.progress-indicator>li.danger .bubble:after,.progress-indicator>li.danger .bubble:before{
		background-color:#d3140f;
		border-color:#440605;
	}
	.progress-indicator>li.danger .bubble{
		color:#d3140f;
	}
	.progress-indicator>li.warning .bubble,.progress-indicator>li.warning .bubble:after,.progress-indicator>li.warning .bubble:before{
		background-color:#edb10a;
		border-color:#5a4304;
	}
	.progress-indicator>li.warning .bubble{
		color:#edb10a;
	}
	.progress-indicator>li.info .bubble,.progress-indicator>li.info .bubble:after,.progress-indicator>li.info .bubble:before{
		background-color:#5b32d6;
		border-color:#25135d;
	}
	.progress-indicator>li.info .bubble{
		color:#5b32d6;
	}
	.progress-indicator.stacked>li{
		text-indent:-10px;
		text-align:center;
		display:block;
	}
	/*order progress-indicator*/

		

	/* index.tpl (geral) */
		
		.sidenav {
			min-height: -webkit-fill-available !important;
			height: calc(var(--vh, 1vh) * 100)!important;
			height: -moz-calc(100%);
			height: 100dvh; /*calcula a altura em navegadores mais modernos */
			padding-bottom: 0 !important;
		}
		
		#menu-nav{
			width:80%;
			max-width:350px;
		}
		/* WebKit (Chrome, Safari) */
		#menu-nav::-webkit-scrollbar {
			width: 6px; /* largura da barra de rolagem */
		}
		
		#menu-nav::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0); /* cor da barra de rolagem */
		}
		
		#menu-nav::-webkit-scrollbar-track {
			background-color: #7f7f7f; /* cor do fundo da barra de rolagem */
		}
		
		#menu-nav:hover::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.5); /* cor da barra de rolagem ao passar o mouse */
		}
		
		/* Firefox */
		@-moz-document url-prefix() {
		  #menu-nav {
			scrollbar-width: thin;
			scrollbar-color: rgba(0, 0, 0, 0) transparent;
		  }
		
		  #menu-nav:hover {
			scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
		  }
		}
		
		#menu-nav-cart{
			width:85%;
			max-width:550px;
		}
		#menu-nav-busca{
			width:85%;
			max-width:550px;
		}
		
		
		.cart-square {
			width: 10px; /* Ajuste conforme necessário */
			height: 10px; /* Ajuste conforme necessário */
			background-color: #ffffff;
			position: absolute;
			top: -30px; /* Começa um pouco acima do ícone */
			left: 50%;
			transform: translateX(-50%);
			opacity: 0;
			pointer-events: none;
			z-index: -100; /* Certifique-se de que passe por trás do ícone */
		}
		
		@keyframes dropInCart {
			0% {
				top: -30px;
				opacity: 1;
			}
			35% {
				opacity: 1;
			}
			100% {
				top: 5px; /* Ajuste este valor para coincidir com a posição do ícone do carrinho */
				opacity: 0;
			}
		}
		
		@keyframes flashCart {
			0%, 100% {
				transform: scale(1);
			}
			50% {
				transform: scale(1.2);
			}
		}
		
		.cart-drop {
			animation: dropInCart 0.5s ease;
		}
		
		.cart-flash {
			animation: flashCart 0.5s ease;
		}
		
		.icon_whats_flutuante{
			position:fixed;
			float:right;
			width:60px;
			height:60px;
			bottom:80px;
			right:30px;
			z-index:100;
		}
		.icon_whats_flutuante img{
			width:50px;
			height:50px;
		}
		
		.aviso_implantacao{
			position:fixed;
			width:100%;
			padding:5px;
			bottom:0;
			background-color:#F96;
			color:#000;
			z-index:1000;
		}
		
		.aviso_politica_privacidade {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			border-top:#CCC solid 1px;
			background-color: #FFF;
			color:#333;
			padding: 15px;
			z-index: 1000;
		}
		
		.botao_aviso_politica {
			background-color: #4caf50;
			color: white;
			padding: 10px 20px;
			border: none;
			cursor: pointer;
			font-size: 16px;
			border-radius: 5px;
		}
		
		.botao_aviso_politica:hover {
			background-color: #45a049;
		}
		
		#loading-screen {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.3); /* Fundo semi-transparente */
			z-index: 9999; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.spinner {
			border: 8px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 8px solid #3498db; /* Cor principal do spinner */
			border-radius: 50%;
			width: 60px;
			height: 60px;
			animation: spin 1s linear infinite;
		}
		
		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}
		
		#sub_navbar {
			width: 100%;
			margin-top:10px;
		}
		
		#modal_cep, #modal_somente_entrega {
			max-width: 550px; /* Largura máxima para evitar que o modal fique muito grande */
		}
		
	/* fim */
	
	
	/* cep_entrada.tpl (geral) */
		#page_cep_entrada .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
			display:none;
		}
		
		#page_cep_entrada h5{
			margin:0;
		}
		
		#page_cep_entrada .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.1); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
			visibility:hidden;
		}
		#page_cep_entrada .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 50px;
			height: 50px;
		}
		
		#page_cep_entrada .btn-localizacao {
			display: flex; /* Alinha o conteúdo internamente */
			justify-content: center; /* Centraliza horizontalmente o conteúdo */
			align-items: center; /* Centraliza verticalmente o conteúdo */
			width: 100%; /* Faz o botão ocupar 100% da largura */
			padding: 10px; /* Adiciona espaço interno para melhorar a aparência */
			border: 2px solid #142f87; /* Define a borda com cor verde */
			border-radius: 8px; /* Cantos arredondados */
			background-color: transparent; /* Fundo transparente */
			color: #142f87; /* Cor do texto e ícone */
			font-size: 16px; /* Tamanho da fonte */
			box-sizing: border-box; /* Inclui bordas e padding no cálculo */
			text-decoration: none; /* Remove o sublinhado típico de links */
			cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o link */
			transition: all 0.3s ease; /* Adiciona um efeito suave para hover */
		}
		
		#page_cep_entrada .btn-localizacao:hover {
			background-color: rgba(20,47,135,0.1); /* Adiciona um fundo leve no hover */
		}
		
		#page_cep_entrada #cep_entrada {
			width: 100%; /* Ocupa 100% da largura do container */
			padding: 5px 10px; /* Adiciona um espaçamento interno */
			border: 1px solid #ccc; /* Borda fina cinza */
			border-radius: 8px; /* Cantos arredondados */
			background-color: #fff; /* Fundo branco */
			font-size: 15px; /* Tamanho da fonte */
			color: #333; /* Cor do texto */
			box-sizing: border-box; /* Inclui padding e borda no cálculo do tamanho */
			outline: none; /* Remove o contorno azul padrão */
		}
		
		#page_cep_entrada #cep_entrada::placeholder {
			color: #999; /* Cor do texto do placeholder */
		}
		
		/* Aplica estilo ao optgroup dentro do dropdown */
		.select-dropdown li.optgroup {
			background-color: transparent !important; /* Remover fundo padrão */
			color: #888 !important; /* Cor do texto */
			pointer-events: none; /* Impede interação */
		}
		
		#page_cep_entrada #select_address_entrada {
			width: 100%; /* Ocupa 100% da largura do container */
		}
		
		#page_cep_entrada .btn-submit {
			width: 100%; /* Ocupa 100% da largura do container */
			padding: 10px; /* Espaçamento interno */
			background-color: #f0f0f0; /* Fundo cinza claro */
			color: #999; /* Cor do texto */
			border: none; /* Remove a borda */
			border-radius: 8px; /* Cantos arredondados */
			font-size: 16px; /* Tamanho da fonte */
			text-align: center; /* Centraliza o texto */
			cursor: pointer; /* Exibe o cursor de ponteiro */
			box-sizing: border-box; /* Inclui bordas e padding no cálculo */
			transition: background-color 0.3s ease; /* Transição suave para o fundo */
		}
		
		#page_cep_entrada .btn-submit:hover {
			color: #ffffff; /* Cor do texto do placeholder */
			background-color: #142f87; /* Fundo cinza um pouco mais escuro no hover */
		}
		
		#page_cep_entrada .btn-submit.ativo {
			color: #ffffff; /* Cor do texto do placeholder */
			background-color: #142f87; /* Fundo cinza um pouco mais escuro no hover */
		}

	
	/* fim */
	
	
	/* modal_somente_entrega.tpl (geral) */
		#page_modal_somente_entrega .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
			display:none;
		}
		
		#page_modal_somente_entrega h5{
			margin:0;
		}
		#page_modal_somente_entrega h6{
			font-size:19px;
		}
		
		#page_modal_somente_entrega .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.1); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
			visibility:hidden;
		}
		#page_modal_somente_entrega .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 50px;
			height: 50px;
		}
		
		#page_modal_somente_entrega .btn-localizacao {
			display: flex; /* Alinha o conteúdo internamente */
			justify-content: center; /* Centraliza horizontalmente o conteúdo */
			align-items: center; /* Centraliza verticalmente o conteúdo */
			width: 100%; /* Faz o botão ocupar 100% da largura */
			padding: 10px; /* Adiciona espaço interno para melhorar a aparência */
			border: 2px solid #142f87; /* Define a borda com cor verde */
			border-radius: 8px; /* Cantos arredondados */
			background-color: transparent; /* Fundo transparente */
			color: #142f87; /* Cor do texto e ícone */
			font-size: 16px; /* Tamanho da fonte */
			box-sizing: border-box; /* Inclui bordas e padding no cálculo */
			text-decoration: none; /* Remove o sublinhado típico de links */
			cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o link */
			transition: all 0.3s ease; /* Adiciona um efeito suave para hover */
		}
		
		#page_modal_somente_entrega .btn-localizacao:hover {
			background-color: rgba(20,47,135,0.1); /* Adiciona um fundo leve no hover */
		}
		
		#page_modal_somente_entrega #cep_entrega {
			width: 100%; /* Ocupa 100% da largura do container */
			padding: 5px 10px; /* Adiciona um espaçamento interno */
			border: 1px solid #ccc; /* Borda fina cinza */
			border-radius: 8px; /* Cantos arredondados */
			background-color: #fff; /* Fundo branco */
			font-size: 15px; /* Tamanho da fonte */
			color: #333; /* Cor do texto */
			box-sizing: border-box; /* Inclui padding e borda no cálculo do tamanho */
			outline: none; /* Remove o contorno azul padrão */
		}
		
		#page_modal_somente_entrega #cep_entrega::placeholder {
			color: #999; /* Cor do texto do placeholder */
		}
		
		/* Aplica estilo ao optgroup dentro do dropdown */
		.select-dropdown li.optgroup {
			background-color: transparent !important; /* Remover fundo padrão */
			color: #888 !important; /* Cor do texto */
			pointer-events: none; /* Impede interação */
		}
		
		#page_modal_somente_entrega #select_address_entrega {
			width: 100%; /* Ocupa 100% da largura do container */
		}
		
		#page_modal_somente_entrega .btn-submit {
			width: 100%; /* Ocupa 100% da largura do container */
			padding: 10px; /* Espaçamento interno */
			background-color: #f0f0f0; /* Fundo cinza claro */
			color: #999; /* Cor do texto */
			border: none; /* Remove a borda */
			border-radius: 8px; /* Cantos arredondados */
			font-size: 16px; /* Tamanho da fonte */
			text-align: center; /* Centraliza o texto */
			cursor: pointer; /* Exibe o cursor de ponteiro */
			box-sizing: border-box; /* Inclui bordas e padding no cálculo */
			transition: background-color 0.3s ease; /* Transição suave para o fundo */
		}
		
		#page_modal_somente_entrega .btn-submit:hover {
			color: #ffffff; /* Cor do texto do placeholder */
			background-color: #142f87; /* Fundo cinza um pouco mais escuro no hover */
		}
		
		#page_modal_somente_entrega .btn-submit.ativo {
			color: #ffffff; /* Cor do texto do placeholder */
			background-color: #142f87; /* Fundo cinza um pouco mais escuro no hover */
		}

	
	/* fim */
	
	
	/* topo.tpl (geral) */
		
		/* desktop */
			#topo_desktop, #topo_mobile{
				display:inline;
			}
			
			#topo_desktop .aviso_loja_teste{
				height:auto;
				padding:3px 0;
				width:100%;
				top:0;
				position:relative;
				background-color:#FC6;
			}
			
			#topo_desktop .barra_superior{
				height:auto;
				padding:3px 0;
				width:100%;
				top:0;
				position:relative;
				background-color:#f5f5f5;
			}
			
			#topo_desktop #topo_sticky{
				height:auto;
				width:100%;
				padding:0;
				background-color: #2a48a8;
				z-index:120;
				transition: 0.5s;
				position: -webkit-sticky; /* Safari */
				top: 0; /* altura que vai parar antes do topo */
				position: sticky;
			}
			
			#topo_desktop .custom_topo_shadow {
				-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
				box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
			}
			
			#topo_desktop #topo_sticky .topo_divisao {
				display: flex;		   /* Navegadores modernos */
				display: -webkit-box;  /* Antigos do Safari/ iOS */
				display: -moz-box;     /* Antigos do Firefox */
				display: -ms-flexbox;  /* Antigos do IE 10 */
				display: -webkit-flex; /* Antigos do Chrome */
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna1 {
				padding:5px 40px 5px 0;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #div_logo_desktop {
				overflow: hidden; /* oculta parte da imagem que exceder a div */
    			position: relative; /* necessário para alinhar a imagem dentro da div */
				transition: 0.5s;
			}

			#topo_desktop #topo_sticky .topo_divisao .coluna1 #div_logo_desktop #img_logo_desktop{
				width: auto; /* mantém a proporção original da imagem */
				height: 100%; /* ajusta a altura da imagem à altura da div */
				display: block; /* remove espaço extra abaixo da imagem */
				object-fit: contain; /* ajusta a imagem dentro da div sem distorção */
    			position: relative; /* posiciona a imagem dentro da div */
    			/*top: 50%; /* alinha a parte superior da imagem ao centro vertical da div */
    			/*left: 50%; /* alinha a parte esquerda da imagem ao centro horizontal da div */
    			/*transform: translate(-50%, -50%); /* move a imagem de volta para o centro */
				transition: 0.5s;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #logo_texto_desktop{
				font-weight: bold;
				color: #ffffff;
				transition: 0.5s;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 {
				-webkit-flex-grow: 1; /* Safari */
				-moz-flex-grow: 1;    /* Firefox */
				-ms-flex-grow: 1;     /* IE 10 */
				flex-grow: 1;         /* Navegadores modernos */
				
				display: flex;		   /* Navegadores modernos */
				display: -webkit-box;  /* Antigos do Safari/ iOS */
				display: -moz-box;     /* Antigos do Firefox */
				display: -ms-flexbox;  /* Antigos do IE 10 */
				display: -webkit-flex; /* Antigos do Chrome */
        		flex-direction: column;
				
				padding:5px 0 5px 0;
				color: #ffffff;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2{
				height:auto;
				margin:0;
				padding:0 0 10px 0;
				display: none;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .info_bemvindo {
				color: #ffffff;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .info_bemvindo a {
				color: #ffffff;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .icon_cep {
				font-size:20px;
				vertical-align: middle;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .info_cep{
				font-size:14px;
				vertical-align: middle;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .menu_topo {
				display: flex;
				justify-content: flex-end;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .menu_topo a {
				border-right: 1px solid #fff; /* Adiciona uma borda direita */
				text-decoration:none;
				color: #ffffff;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .menu_topo a:last-child {
				border-right: none; /* Remove a borda direita do último item */
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .menu_topo a .menu-item {
				padding: 5px 15px;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div1_coluna2 .menu_topo a .menu-item:hover {
				color: #ffffff; /* Muda a cor do texto para branco */
				background-color: rgba(20,47,135,0.05); /* Muda a cor do fundo */
			}

			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2{
				flex: 1; /* Isso faz com que a segunda div ocupe o espaço restante verticalmente */
				display: flex; /* Adiciona flexbox */
				padding:5px 0 5px 0;
				margin:0;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .custom-search-container {
				display: flex;
				display: -webkit-box;  /* Antigos do Safari/ iOS */
				display: -moz-box;     /* Antigos do Firefox */
				display: -ms-flexbox;  /* Antigos do IE 10 */
				display: -webkit-flex; /* Antigos do Chrome */
				align-items: left;
				position: relative; /* Para posicionar corretamente o autocomplete-results */
				width: 100%;
				height:40px;
				margin: 0 auto;
				border-radius: 10px;
				overflow: hidden;
				border: 1px solid;
				border-color:#222222;
				box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			}
		
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .custom-search-container .custom-search-input {
				flex: 1;
				width: 100%;
				border:0;
				padding: 8px 12px;
				font-size: 1em;
				outline: none;
				background-color: #fff; /* Fundo branco */
			}
		
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .custom-search-container .custom-search-button {
				background-color: #142f87;
				color: #ffffff;
				border: none;
				padding: 8px 12px;
				cursor: pointer;
			}
			
			
			
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop {
				display: none;
				position: absolute;
				width: 100%;
				top: 48px;
				margin: 0;
				padding: 0;
				list-style-type: none;
				background-color: #fff;
				border: 1px solid #ccc;
				border-top: none;
				max-height: 280px;
				overflow-y: auto;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			}
			/* WebKit (Chrome, Safari) */
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop::-webkit-scrollbar {
				width: 6px; /* largura da barra de rolagem */
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop::-webkit-scrollbar-thumb {
				background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem */
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop::-webkit-scrollbar-track {
				background-color: #f1f1f1; /* cor do fundo da barra de rolagem */
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop:hover::-webkit-scrollbar-thumb {
				background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem ao passar o mouse */
			}
			
			/* Firefox */
			@-moz-document url-prefix() {
			  #topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop {
				scrollbar-width: thin;
				scrollbar-color: rgba(0, 0, 0, 0.3) #f1f1f1;
			  }
			
			  #topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop:hover {
				scrollbar-color: rgba(0, 0, 0, 0.3) #f1f1f1;
			  }
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop a {
				padding: 10px 0;
				clear: both;
				display: flex;
    			align-items: flex-start; /* Alinha os itens verticalmente no topo */
				cursor: pointer;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop li {
				width: 100%;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop li:hover {
				background-color: #f5f5f5;
			}
			/* Estilo para o div que contém o texto */
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop li div {
				display: flex;
    			align-items: flex-start; /* Alinha os itens verticalmente no topo */
    			margin-left: 10px; /* Adicione um espaçamento entre a imagem e o texto */
			}
			
			/* Estilo para a imagem */
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop li img {
				width: 60px;
    			height: 60px;
    			object-fit: cover; /* Para garantir que a imagem não seja distorcida */
    			margin-right: 10px; /* Adicione um espaçamento entre a imagem e o texto */
				border:solid 1px #e5e5e5;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .custom-search-container .autocomplete.custom-search-input:not(:focus) + .autocomplete_results_desktop {
				display: block;
			}
			
			
			
			
			
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .menu_topo_icones {
				display: flex;
				justify-content: flex-end;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .menu_topo_icones a{
				color: #ffffff;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .menu_topo_icones .icone-item {
				padding: 0 15px;
				position:relative;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .menu_topo_icones .icone-item .badge {
				position: absolute;
				top: -10px;
				right: 5px;
				width: 20px; /* Tamanho fixo para largura */
				height: 20px; /* Tamanho fixo para altura */
				background-color: red;
				color: white;
				border-radius: 50%;
				font-size: 14px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			#topo_desktop #navbar {
				background: #142f87;
			}
			
			#topo_desktop #navbar nav {
				color: #ffffff;
				width: 100%;
				min-height:45px !important;
				height:auto !important;
				line-height: 45px !important;
				overflow:hidden;
				
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 45px, rgba(255,255,255,0.2) 46px); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 45px,rgba(255,255,255,0.2) 46px); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(255,255,255,0) 45px,rgba(255,255,255,0.2) 46px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */	
			}
			#topo_desktop #navbar nav.nav-extended .nav-wrapper {
				min-height: 45px !important;
				height: auto;
			}
			#topo_desktop #navbar nav i.material-icons {
				display: block;
				font-size: 24px;
				height: 45px !important;
				line-height: 45px !important;
			}
			#topo_desktop #navbar nav .sidenav-trigger {
				float: left;
				position: relative;
				z-index: 1;
				height: 45px !important;
				margin: 0;
			}
			
			#topo_desktop #navbar nav .sidenav-trigger i {
				height: 45px !important;
				line-height: 45px !important;
			}
			
			#topo_desktop .divisao_navbar{
				background: #142f87;
				height:5px;
				width:100%;
			}

		/* fim */
		
		
		/* mobile e tablet */
			#topo_mobile .aviso_loja_teste{
				height:auto;
				padding:3px 0;
				width:100%;
				background-color:#FC6;
			}
			#topo_mobile .barra_superior{
				height:auto;
				padding:3px 0;
				width:100%;
				background-color:#f1f1f1;
			}
			#topo_mobile .logo_topo_mobile{
				min-height:140px;
				width:100%;
				background-color:#2a48a8;
			}
			#topo_mobile .logo_topo_mobile img, #topo_mobile .logo_topo_mobile a{
				text-align:center;
				margin:auto;
			}
			
			#topo_mobile #navbar_sticky_mobile{
				height:50px;
				width:100%;
				padding:5px 0 0 0;
				background-color: #142f87;
				z-index:120;
				transition: 0.5s;
				-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
				box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
			}
			#topo_mobile #navbar_sticky_mobile .icone-item {
				padding: 0 15px;
				position:relative;
			}
			#topo_mobile #navbar_sticky_mobile .icone-item .badge {
				position: absolute;
				top: -5px;
				right: 5px;
				width: 20px; /* Tamanho fixo para largura */
				height: 20px; /* Tamanho fixo para altura */
				background-color: red;
				color: white;
				border-radius: 50%;
				font-size: 14px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#topo_mobile #navbar_sticky_mobile .icone-item .material-icons{
				font-size:35px;
			}
			#topo_mobile #navbar_sticky_mobile a{
				color: #ffffff;
			}
			
			#topo_mobile #navbar_sticky_mobile .icone-item .botao_nav_filtro{
				margin-right:25px;
			}
			
			#topo_mobile #navbar_sticky_mobile .icone-item .botao_nav_busca{
				margin-right:25px;
			}
			
			#topo_mobile #navbar_sticky_mobile .icone-item .botao_nav_conta{
				margin-right:25px;
			}

	
		/* fim */
		
	/* fim */
	
	
	/* menu_lateral.tpl (geral) */
		#menu_lateral{
			height:auto;
			background-color:#2a48a8;
		}
		
		#menu_lateral .logo_menu_lateral{
			width:100%;
			height:auto;
			max-height:115px;
			overflow:hidden;
			text-align:center;
		}
		#menu_lateral .logo_menu_lateral img{
			margin:10px 0 5px 0;
			max-height:80px;
			width:auto;
			max-width:220px;
			height:auto;
		}
		
		#menu_lateral .collapsible {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		#menu_lateral .collapsible-header {
			background-color: rgba(20,47,135,0.9);
			color: #ffffff;
			padding: 0 15px;
			cursor: pointer;
			border-bottom:#2a48a8 solid 1px;
			display: flex;
  			align-items: center;
		}
		#menu_lateral .collapsible-header:hover {
			background-color: rgba(20,47,135,0.6); /* Cor de fundo ao passar o mouse */
		}
		#menu_lateral .collapsible-header .header-link {
			flex: 1;
			display: block;
			padding: 0; /* Ajuste o padding conforme necessário */
			color: inherit; /* Usa a cor padrão do texto */
			text-decoration: none; /* Remove a sublinhado padrão do link */
		}
		
		#menu_lateral .collapsible-body {
			background-color: #f1f1f1;
			padding: 0; /* Remover padding para evitar espaçamento extra */
			display: none;
		}
		
		#menu_lateral .collapsible-body a {
			display: block; /* Exibir cada link em uma linha */
			padding: 0 25px; /* Adicionar espaço interno aos links */
			color: #333; /* Cor dos links */
			text-decoration: none; /* Remover sublinhado dos links */
		}
		
		#menu_lateral .collapsible-body a:hover {
			background-color: #e5e5e5; /* Cor de fundo ao passar o mouse */
			text-decoration: none; /* Remover sublinhado ao passar o mouse */
		}
		
		#menu_lateral .collapsible-body.expanded {
			display: block;
		}
		
		#menu_lateral .menu_footer_links {
			background-color: #f1f1f1;
			color: #222222;
			padding: 0 15px;
			cursor: pointer;
			border-bottom:#2a48a8 solid 1px;
			display: flex;
  			align-items: center;
		}
		#menu_lateral .menu_footer_links:hover {
			background-color: #e4e4e4; /* Cor de fundo ao passar o mouse */
		}
		#menu_lateral .menu_footer_links .header-link {
			flex: 1;
			display: block;
			padding: 0; /* Ajuste o padding conforme necessário */
			color: inherit; /* Usa a cor padrão do texto */
			text-decoration: none; /* Remove a sublinhado padrão do link */
		}

	
	/* fim */
	
	
	/* filtro_lateral.tpl (geral) */
	
		#filtro_lateral{
			padding:15px;
		}
		
		#page_lista_produtos .box_filtros .select_filtros{
			margin-bottom:25px !important;
		}
	
	/* fim */
	
		
	/* cart_lateral.tpl (geral) */
		#menu-nav-cart{
			border-radius: 15px 15px 0 15px;
		}
        #cart_lateral {
            display: flex;
            flex-direction: column;
			position:relative;
			height:100%;
			margin: 0 auto;
            overflow:hidden; /* Oculta a barra de rolagem vertical da div principal */
        }
		#cart_lateral #container_cart_vazio{
			width:70%;
		}
		#cart_lateral #container_cart_vazio .sidenav-close{
			width:100%;
			max-width:300px;
		}
		#cart_lateral .carousel{
			height: 100% !important;
		}
		#cart_lateral .carousel-item {
			overflow:hidden;/* Esconde o overflow dentro de cada tab-content */
			height: 100% !important;
		}
		/* WebKit (Chrome, Safari) */
		#cart_lateral .carousel-item::-webkit-scrollbar {
			width: 6px; /* largura da barra de rolagem */
		}
		
		#cart_lateral .carousel-item::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem */
		}
		
		#cart_lateral .carousel-item::-webkit-scrollbar-track {
			background-color: #f1f1f1; /* cor do fundo da barra de rolagem */
		}
		
		#cart_lateral .carousel-item::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem ao passar o mouse */
		}
		
		#cart_lateral .container_tabs{
			margin:0;
			width:100%;
		}
		
		/* Estilo para fixar as abas no topo */
        #cart_lateral .tabs {
			position: -webkit-sticky; /* Safari */
			top: -1px; /* altura que vai parar antes do topo */
			position: sticky;
            top: 0;
            left: 0;
            right: 0;
			background-color:#f5f5f5 !important;
        }
		
		#cart_lateral .tabs .tab_border_bottom{
			border-bottom:solid 1px #CCC;
		}
		
		/* Remove a linha indicadora */
        #cart_lateral .tabs .indicator {
            display: none !important;
        }
		
		/* Estilo para a tab ativa */
        #cart_lateral .tabs .tab a.active {
            background-color: white !important; /* Fundo branco */
            color: #333 !important; /* Cor do texto */
			border-radius: 15px 15px 0 0;
			border-left:solid 2px #CCC;
			border-right:solid 2px #CCC;
			border-top:solid 2px #CCC;
        }

        /* Estilo para a tab não ativa */
        #cart_lateral .tabs .tab a {
			background-color: transparent !important; /* Fundo branco */
            color: #999 !important; /* Cor do texto */
			border: 1px solid transparent; /* Borda transparente para manter o layout */
        }
		
		/* Sombra para a tab não ativa dependendo de qual está ativa */
		#cart_lateral .tabs .tab:nth-child(1) a:not(.active) {
			border-bottom: 1px solid #ccc; /* Borda inferior */
		}
		/* Estilo para a tab não ativa */
		#cart_lateral .tabs .tab:nth-child(2) a:not(.active) {
			border-bottom: 1px solid #ccc; /* Borda inferior */
		}
        

        /* Estilo adicional para a div de conteúdo */
        #cart_lateral .content-wrapper {
			flex: 1; /* Faz a div ocupar o espaço restante */
            overflow-y: hidden; /* Adiciona barra de rolagem vertical */
            padding: 0; /* Adiciona espaço do conteúdo rolável */
            z-index: 1; /* Z-index menor para ficar abaixo das abas */
			height: 100%; /* Ocupa todo o espaço disponível */
			position:relative;
			border-left:solid 2px #CCC;
        }
		
		#cart_lateral .content-wrapper .tab-content{
			padding-top:15px;
			overflow-y: auto; /* Adiciona barra de rolagem vertical */
			height: 100%; /* Ocupa todo o espaço disponível */
			position:relative;
		}
		/* WebKit (Chrome, Safari) */
		#cart_lateral .content-wrapper .tab-content::-webkit-scrollbar {
			width: 6px; /* largura da barra de rolagem */
		}
		
		#cart_lateral .content-wrapper .tab-content::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem */
		}
		
		#cart_lateral .content-wrapper .tab-content::-webkit-scrollbar-track {
			background-color: #f1f1f1; /* cor do fundo da barra de rolagem */
		}
		
		#cart_lateral .content-wrapper .tab-content::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem ao passar o mouse */
		}
		
		#cart_lateral .content-wrapper .tab-content .img_cart_produto{
			padding-top:6px;
			position:relative;
		}
		#cart_lateral .content-wrapper .tab-content .img_cart_produto .img_principal{
			width:60px;
			height:60px;
			border:solid 1px #CCC;
			border-radius: 10px;
			padding:2px 5px 5px 5px;
			margin-bottom:5px;
			z-index:10;
		}
		#cart_lateral .content-wrapper .tab-content .img_cart_produto .img_transparente{
			position:absolute;
			left:5px;
			top:5px;
			width:60px;
			height:60px;
			margin-bottom:5px;
			z-index:-1;
		}
		#cart_lateral .content-wrapper .tab-content .img_cart_produto .preloader-wrapper{
			position:absolute;
			top:2px;
			left:6px;
			width:70px;
			height:70px;
			display:none;
		}
		#cart_lateral .content-wrapper .tab-content .product-name {
			display: block; /* Faz com que o span ocupe a largura completa */
			white-space: nowrap; /* Impede que o texto quebre para a próxima linha */
			overflow: hidden; /* Oculta qualquer texto que ultrapasse a largura do elemento */
			text-overflow: ellipsis; /* Adiciona "..." no final do texto que ultrapassa a largura */
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto a{
			text-decoration:none;
			color:#333;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .preco_riscado{
			text-decoration: line-through;
			color: #999;
			font-size:14px;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .aviso_promocao{
			font-size:12px;
			color:#900;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .aviso_somente_entrega{
			font-size:14px;
			color:#900;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .aviso_retirar_loja{
			font-size:14px;
			color:#900;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .total_valor_quantidade{
			font-weight: bold;
			font-size:16px;
			padding:8px 15px 0 0;
			height:25px;
			position:relative;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .total_valor_quantidade .total_caixas{
			padding-left:20px;
		}
		#cart_lateral .content-wrapper .tab-content .info_cart_produto .total_m2_quantidade{
			font-weight: bold;
			font-size:16px;
			padding-right:15px;
		}
		#cart_lateral .content-wrapper .tab-content .container_quantidade{
			border:solid 1px #CCC;
			border-radius: 7px;
			padding:1px 0 3px 0;
			line-height:30px;
			text-align:center;
			position:relative;
		}
		
		#cart_lateral .content-wrapper .tab-content .container_quantidade .titulo_quantidade {
		  width: 100%;
		  text-align:right;
		  position: absolute;
		  top: -18px;
		  right: 15px;
		
		}
		
		#cart_lateral .content-wrapper .tab-content .container_quantidade .titulo_quantidade span{
		  padding: 0 2px;
		  color:#333;
		  background-color:#FFF;
		  font-size:13px;
		}
		#cart_lateral .content-wrapper .tab-content .container_quantidade .link_qtd_menos_cart{
			font-size:26px;
			font-weight: 500;
			text-decoration:none;
			color:#333;
		}
		#cart_lateral .content-wrapper .tab-content .container_quantidade .qtd_cart_produto{	
			padding:2px 0 0 0;	
		}
		#cart_lateral .content-wrapper .tab-content .container_quantidade .qtd_cart_produto input{
			color:#333;
			font-weight: 500;
			font-size:18px;
			outline: none; /* Remove a borda de foco padrão */
			border: none;  /* Remove qualquer borda personalizada */
			box-shadow: none; /* Remove qualquer sombra */
			height:25px;
			width:100%;
			text-align: center;
			margin:0;
		}

		#cart_lateral .content-wrapper .tab-content .container_quantidade .link_qtd_mais_cart{
			font-size:26px;
			font-weight: 500;
			text-decoration:none;
			color:#333;
		}
		#cart_lateral .content-wrapper .tab-content .icon_lixeira{
			margin-top:15px;
			width:50px;
			text-align:left;
		}
		#cart_lateral .content-wrapper .tab-content .icon_lixeira .link_icon_lixeira{
			text-decoration:none;
			color:#333;
		}
		#cart_lateral .content-wrapper .tab-content .icon_lixeira .iconify-inline{
			font-size:28px;
		}

		#cart_lateral .content-wrapper .tab-content hr{
			border: 0; 
			height: 1px; 
			background-image: -webkit-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -moz-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -ms-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -o-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
		}
		
		#cart_lateral #cart_subtotal{
			font-size:20px;
			color:#000;
			margin:0 1px 0 1px;
			padding:15px 0 10px 0;
		}

        /* Estilo para a div fixa no rodapé */
        #cart_lateral .footer {
            position: relative;
            bottom: 0;
            left: 0;
            right: 0;
			border-top:solid 1px #CCC;
			background-color:#f5f5f5;
        }
		
        /* Estilo adicional para o botão de adicionar */
        #cart_lateral .add-button {
            width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 5px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
        }

        /* Estilo adicional para os botões */
        #cart_lateral .footer_button_cart_lateral {
            width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 5px 20px;
			border: none;
			background-color:#26a69a;
			color:#fff;
        }

	/* fim */
	
	
	/* busca_lateral.tpl (geral) */
		#menu-nav-busca{
			border-radius: 15px 0 0 15px;
		}
		#busca_lateral{
			position:relative;
			height:100%;
		}
		#busca_lateral #navbar_search {
			transition: 0.5s;
			background-color:#FFF;
			width:100%;
		}
		#busca_lateral .navbar_search {
			background-color: #142f87;
			width: 100%;
			height:50px;
			line-height: 50px;
			z-index:110;
			border: none;
			padding-top:8px;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		
		#busca_lateral .navbar_search .custom-search-container {
			display: flex;
			display: -webkit-box;  /* Antigos do Safari/ iOS */
			display: -moz-box;     /* Antigos do Firefox */
			display: -ms-flexbox;  /* Antigos do IE 10 */
			display: -webkit-flex; /* Antigos do Chrome */
			align-items: left;
			width: 100%;
			height:35px;
			position:relative;
			margin: 0 auto;
			border-radius: 10px;
			overflow: hidden;
			border: 1px solid;
			border-color:#222222;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		}
	
		#busca_lateral .navbar_search .custom-search-container .custom-search-input {
			flex: 1;
			border:0;
			padding: 8px 12px;
			font-size: 1em;
			outline: none;
			background-color: #fff; /* Fundo branco */
		}
	
		#busca_lateral .navbar_search .custom-search-container .custom-search-button {
			background-color: #142f87;
			color: #ffffff;
			border: none;
			padding: 8px 12px;
			cursor: pointer;
		}
		#busca_lateral .navbar_search .custom-search-container .custom-search-button i {
			position:relative;
			top:0;
			height:20px;
			line-height:20px;
		}
		
		
		#busca_lateral .autocomplete_results_mobile {
			display: none;
			position: relative;
			width: 100%;
			margin: 0;
			height: calc(100% - 50px); /*calcula a altura em navegadores mais modernos */
			height: -moz-calc(100% - 50px);
			padding: 0;
			padding-bottom:400px!important;
			list-style-type: none;
			background-color: #fff;
			color:#000;
			border: 1px solid #ccc;
			border-top: none;
			overflow-y: auto;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		}
		/* WebKit (Chrome, Safari) */
		#busca_lateral .autocomplete_results_mobile::-webkit-scrollbar {
			width: 6px; /* largura da barra de rolagem */
		}
		
		#busca_lateral .autocomplete_results_mobile::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem */
		}
		
		#busca_lateral .autocomplete_results_mobile::-webkit-scrollbar-track {
			background-color: #f1f1f1; /* cor do fundo da barra de rolagem */
		}
		
		#busca_lateral .autocomplete_results_mobile:hover::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.3); /* cor da barra de rolagem ao passar o mouse */
		}
		
		/* Firefox */
		@-moz-document url-prefix() {
		  #busca_lateral .autocomplete_results_mobile {
			scrollbar-width: thin;
			scrollbar-color: rgba(0, 0, 0, 0.3) #f1f1f1;
		  }
		
		  #busca_lateral .autocomplete_results_mobile:hover {
			scrollbar-color: rgba(0, 0, 0, 0.3) #f1f1f1;
		  }
		}
		
		
		#busca_lateral .autocomplete_results_mobile a {
			color:#000;
			background-color: transparent;
			padding: 10px 0;
			cursor: pointer;
			clear: both;
			display: flex;
			align-items: flex-start; /* Alinha os itens verticalmente no topo */
		}
		#busca_lateral .autocomplete_results_mobile li {
			width: 100%;
			min-height:80px;
			display: flex;
			align-items: flex-start; /* Alinha os itens verticalmente no topo */
		}
		#busca_lateral .autocomplete_results_mobile li:hover {
			background-color: #f6f6e8;
		}
		/* Estilo para o div que contém o texto */
		#busca_lateral .autocomplete_results_mobile li div {
			display: flex;
			align-items: flex-start; /* Alinha os itens verticalmente no topo */
			margin-left: 10px; /* Adicione um espaçamento entre a imagem e o texto */
			line-height: 1.2; /* Espaçamento entre linhas */
		}
		
		/* Estilo para a imagem */
		#busca_lateral .autocomplete_results_mobile li img {
			width: 60px;
			height: 60px;
			object-fit: cover; /* Para garantir que a imagem não seja distorcida */
			margin-right: 10px; /* Adicione um espaçamento entre a imagem e o texto */
			border:solid 1px #e5e5e5;
		}

		#busca_lateral .autocomplete.custom-search-input:not(:focus) + .autocomplete_results_mobile {
			display: block;
		}
	
	/* fim */
	
	
	/* fotos.tpl (geral) */
	
		#page_fotos .my-gallery {
			margin-top: 20px;
		}
		
		#page_fotos .my-gallery a {
			display: block;
			width: 100%;
			height: 100%;
		}
		
		#page_fotos .fotos_thumb{
			padding:5px;
			margin:0;
			height:150px;	
		}
		
		#page_fotos .my-gallery img {
			width: 100%;
			height: 100%; /* Defina uma altura fixa para todas as imagens */
			object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */
			border-radius: 5px;
		}
	
	/* fim */
	
	
	/* contato.tpl (geral) */
	
		#page_contato h6{
			background-color: rgba(20,47,135,0.2);
			padding:10px 10px 10px 10px;
			margin:10px 0 10px 0;
			font-size:16px;
			border-radius: 5px 5px 0 0;
		}
		
		#page_contato .map-container {
			width: 100%;
		}
		#page_contato .map-container .mapa{
			width:100%;
			height:300px;
			display: block;
			position: relative; /* IE needs a position other than static */
		}
	
	/* fim */
	
	
	/* home.tpl (geral) */
		
		#page_home .info_destaque_home_down_menu{
			background:#00cbff; 
			width:100%; 
			height:80px; 
			text-align:center; 
			color:#FFF; 
			font-size:24px; 
			padding-top:20px;	
		}

		/* slide_home */
		
			#page_home .slide_home{
				margin-bottom:30px;
			}
			#page_home .slick-slider {
				position: relative;
				width: 100%;
				max-width: 1600px;
				margin: 0 auto;
			}
			
			#page_home .slick-slider img {
				width: 100%;
				height: auto;
				max-height:450px;
			}
			
		/* fim */
		
		#page_home .banner_tabloide{
			width:100%;
			height:auto;
		}
		#page_home .banner_tabloide img{
			width:100%;
			height:auto;
		}
		
		/* carousel_products */
		
			#page_home #carousel{
				display:none;
				width:100%;
				padding:20px 0;
				z-index:0;
			}
			#page_home #carousel #id_title{
				width:100%; 
				display: block; 
				height:20px;
				font-weight:bold;
				color: #666;
				padding-bottom:35px;
				text-align:center;
			}
	
			#page_home #carousel1{
				width:100%;
				height:300px; 
				overflow: hidden; 
				margin-bottom:40px; 
				margin:0 auto;
				z-index:0;
			}
			#page_home #carousel1 img{
				z-index:0;
				border:0;
				height:auto;
				max-height:160px;
			}
			#page_home #carousel1 img:hover{
				z-index:0;
				border:#666 solid 2px;
			}
			#page_home #carousel1 #butLeft{
				position:absolute;
				top:30%;
				left:1px;
				padding:5px;
				background:#eee;
				font-size:36px;
				cursor:pointer;
				height:60px;
				line-height: 40px; /* Ajuste o valor para centralizar verticalmente */
			}
			#page_home #carousel1 #butRight{
				position:absolute;
				top:30%;
				right:1px;
				padding:5px;
				background:#eee;
				font-size:36px;
				cursor:pointer;
				height:60px;
				line-height: 40px; /* Ajuste o valor para centralizar verticalmente */
			}
			
		/* fim */

		
		/* class slider_produtos_home */
		
			#page_home .slider_produtos_home {
				padding:0 4%; /* Adiciona espaço nas laterais */
				height:auto;
				overflow:hidden;
				margin: 0 auto;
				max-width: 1760px;
				width: 100%;
				opacity: 0;
				visibility: hidden;
				transition: opacity 1s ease;
				-webkit-transition: opacity 1s ease;
				position: relative; /* Garante que o padding seja aplicado corretamente */
    			box-sizing: border-box; /* Inclui o padding na largura total */
			}
			#page_home .slider_produtos_home.slick-initialized {
				visibility: visible;
				opacity: 1;    
			}
			
			/* Estilizando os itens dentro do slider */
			#page_home .slider_produtos_home .box-slider{
				height: auto; /* Removido o valor fixo de altura */
				margin:0 2px;
				padding:5px 4px 5px 4px;
				width:240px;
				box-sizing: border-box; /* Inclui padding e border na largura e altura */
				display: inline-block !important;; /* Garante que os itens fiquem lado a lado */
				vertical-align: top; /* Alinha os itens no topo */
			}

			#page_home .slider_produtos_home .box-slider .box-produto{
				background-color: #fff; /* Fundo branco */
				display: flex;
				height:450px;
				width:100%;
				border-radius: 5px;
				flex-direction: column; /* Alinha o conteúdo verticalmente */
				align-items: center; /* Centraliza o conteúdo horizontalmente */
				padding: 10px; /* Adiciona um padding interno */
				box-sizing: border-box;
				position: relative; /* Necessário para posicionar o botão */
			}

			#page_home .slider_produtos_home .box-slider .box-produto a {
				text-decoration:none;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .produto-link {
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .aplique_promo .selo-off{
				position:absolute;
				left:5px;
				top:0;
				width:49px;
				height:65px;
				z-index:100;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .aplique_promo .qtd_porcentagem{
				position: absolute;
				left:13px;
				top:4px;
				z-index:101;
				color:#FFF;
				font-weight:bold;
				font-size:16px;
				text-align:center;
				width:19px;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .aplique_promo .selo-promo{
				position:absolute;
				right:0;
				top:0;
				width:114px;
				height:81px;
				z-index:100;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .div_img_produto{
				height:190px;
				width:100%;
				padding:10px 10px 30px 10px;
				box-sizing: border-box;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .div_img_produto img {
				width: auto; /* A largura da imagem ocupa 100% do container pai */
				height: 100%; /* Mantém a proporção da imagem */
				box-sizing: border-box;
				margin: 0 auto;
				display: block;
				max-width: 200px; /* Limita a largura máxima da imagem */
				max-height: 200px; /* Limita a altura máxima da imagem */
				object-fit: cover; /* Garante que a imagem preencha o espaço de forma proporcional */
				transition: transform 0.3s ease; /* Adiciona uma transição suave para a imagem */
			}
			#page_home .slider_produtos_home .box-slider .box-produto:hover .img_produto {
				transform: scale(1.1); /* Aplica um zoom maior na imagem quando o mouse está sobre .box-produto */
			}
			
			#page_home .slider_produtos_home .box-slider .box-produto .info_produto {
				text-align: center; /* Centraliza o texto */
				color:#333;
				height:130px;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_produto .limite_nome_produto{
				display: -webkit-box; /* Define um contêiner flexível de caixa para a propriedade -webkit-line-clamp funcionar */
				-webkit-box-orient: vertical; /* Define a orientação da caixa como vertical para empilhar os filhos verticalmente */
				-webkit-line-clamp: 4; /* Limita o número de linhas a serem exibidas para 4 */
				overflow: hidden; /* Oculta o texto que excede a altura definida */
				text-overflow: ellipsis; /* Adiciona reticências (...) ao texto que excede a altura */
				line-height: 1.2em; /* Define a altura da linha; ajuste conforme necessário para garantir que 4 linhas preencham a altura */
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco {
				text-align: center; /* Centraliza o texto */
				color:#333;
				font-size:18px;
				line-height:18px;
				height:60px;
				width:100%;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco .aviso_sem_preco{
				opacity: 0;
				color: #06F;
				font-size:20px;
				font-weight:500;
				transition: opacity 0.5s ease; /* Transição suave da opacidade */
			}
			#page_home .slider_produtos_home .box-slider .box-produto:hover .aviso_sem_preco {
				opacity: 1;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .preco_parcelamento{
				color:#333;
				font-size:14px;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .preco_parcelamento strong{
				color:#000;
				font-size:16px;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco .preco_normal{
				color: #090;
				font-size:20px;
				font-weight:bold;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco .preco_riscado{
				text-decoration: line-through;
				color: #999;
				font-size:14px;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco .preco_promo{
				color: #C00;
				font-size:20px;
				font-weight:bold;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco .preco_promo_retira{
				color: #888; 
				font-size:15px;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .info_preco .avista_retira{
				color: #C00;
				font-size:14px;
			}
			
			#page_home .slider_produtos_home .box-slider .box-produto .btn-comprar {
				opacity: 0;
				position: absolute;
				bottom: 10px;
				left: 50%;
				width:90%;
				border-radius: 5px;
				text-align:center;
				transform: translateX(-50%) translateY(20px);
				padding: 10px 20px;
				background-color: rgba(20,47,135,0.8); /* Cor do botão */
				color: #ffffff; /* Cor do texto */
				border: none;
				cursor: pointer;
				transition: opacity 0.3s ease, transform 0.3s ease;
			}
			#page_home .slider_produtos_home .box-slider .box-produto .btn-comprar:hover {
				background-color: rgba(20,47,135,0.9); /* Cor do botão */
			}
			
			#page_home .slider_produtos_home .box-slider .box-produto:hover .btn-comprar {
				opacity: 1;
				transform: translateX(-50%) translateY(0); /* Mostra o botão e ajusta a posição */
			}

			
			/* Estilos básicos para os botões de navegação */
			#page_home .slider_produtos_home .slick-prev,
			#page_home .slider_produtos_home .slick-next {
				position: absolute; /* Posicionamento absoluto */
				top: 50%; /* Posiciona os botões ao centro verticalmente */
				transform: translateY(-50%); /* Ajusta a posição para cima */
				width:auto;
				height:auto;
			}
			
			.slick-prev:before
			{
				content: '<';
			}
			[dir='rtl'] .slick-prev:before
			{
				content: '>';
			}
			.slick-next:before
			{
				content: '>';
			}
			[dir='rtl'] .slick-next:before
			{
				content: '<';
			}
			
			#page_home .slider_produtos_home .slick-prev {
				left: 25px; /* Ajusta a posição para a esquerda */
				z-index:100;
			}
			
			#page_home .slider_produtos_home .slick-next {
				right: 20px; /* Ajusta a posição para a direita */
			}
	
			/* Estilizando a seta nos botões slick-next e slick-prev */
			#page_home .slider_produtos_home .slick-next.slick-arrow::before,
			#page_home .slider_produtos_home .slick-prev.slick-arrow::before {
				color: #333; /* Cor da seta mais escura com transparência */
				font-size: 30px; /* Tamanho da fonte da seta */
				display: inline-block; /* Necessário para aplicar transformações */
				transform: scaleY(3); /* Aumenta a altura do símbolo */
			}
			
		/* fim */
		
		
		/* carousel_logo_fabricantes */
		
			#page_home .homefabricantes{
				border-top:#dedede solid 2px;
				border-bottom:#dedede solid 2px;
				height:135px;
				width:100%;
				margin-bottom:70px;
				background-color:#FFF;
			}
			#page_home .carousel_logo_fabricantes img {
				width:130px;
				height:130px;
			}
			/* Estilizando a seta nos botões slick-next e slick-prev */
			#page_home .carousel_logo_fabricantes .slick-next.slick-arrow::before,
			#page_home .carousel_logo_fabricantes .slick-prev.slick-arrow::before {
				display:none;
			}
			
		/* fim */
		
		
		#page_home .modulos_home{
			margin-bottom:80px;
			height:auto;
		}

		
	/* fim */
	
	
	/* lista_produtos.tpl (geral) */
			
		#page_lista_produtos .box_filtros{
			position: -webkit-sticky; /* Para suporte em navegadores antigos */
			position: sticky;
			top: 75px; /* Altere para a distância desejada do topo */	
		}
		
		#page_lista_produtos .box_lista{
			background-color: transparent;
			padding: 0;
			box-sizing: border-box;
			position: relative;
			overflow: hidden;
			height:auto;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
			
		#page_lista_produtos .box_lista_produtos{
			display: flex;
			flex-direction: column; /* Organiza os itens em uma coluna */
			justify-content: space-between; /* Espaça os itens de forma adequada */
			margin-bottom:6px;
			border-radius: 5px;
			background-color:#fff;
			padding: 10px 8px 20px 8px;
			min-height: 300px;
			height:480px;
			position: relative;
		}
		
		#page_lista_produtos .box_lista_produtos .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 5px;
			background-color: rgba(0, 0, 0, 0.3); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
			visibility:hidden;
		}
		#page_lista_produtos .box_lista_produtos .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 50px;
			height: 50px;
		}
		
		#page_lista_produtos .box_lista_produtos .aplique_promo .selo-off{
			position:absolute;
			left:5px;
			top:0;
			width:49px;
			height:65px;
			z-index:110;
		}
		#page_lista_produtos .box_lista_produtos .aplique_promo .qtd_porcentagem{
			position: absolute;
			left:13px;
			top:4px;
			z-index:111;
			color:#FFF;
			font-weight:bold;
			font-size:16px;
			text-align:center;
			width:19px;
		}
		#page_lista_produtos .box_lista_produtos .aplique_promo .selo-promo{
			position:absolute;
			right:0;
			top:0;
			width:114px;
			height:81px;
			z-index:110;
		}
		
		#page_lista_produtos .box_lista_produtos .div_img_produto{
			width:100%;
			height:auto;
			min-height:70px;
			max-height:176px;
			padding:8px;
			box-sizing: border-box;
			position:relative;
			margin-bottom:20px;
		}
		
		#page_lista_produtos .box_lista_produtos .div_img_produto .img_produto {
			width: auto; /* Mantém a proporção da imagem */
			height: 100%; /* A largura da imagem ocupa 100% do container pai */
			max-height:160px;
			box-sizing: border-box;
			display: block;
			position: relative;
			margin:0 auto;
			cursor: zoom-in;
			object-fit: cover; /* Garante que a imagem preencha o espaço de forma proporcional */
			transition: transform 0.3s ease; /* Adiciona uma transição suave para a imagem */
			z-index:100;
		}
		#page_lista_produtos .box_lista_produtos .div_img_produto .img_transparente {
			width: auto; /* Mantém a proporção da imagem */
			height: 100%; /* A largura da imagem ocupa 100% do container pai */
			max-height:160px;
			box-sizing: border-box;
			display: block;
			top: 0;
			left: 50%;
			transform: translate(-50%);
			position: absolute;
			object-fit: cover; /* Garante que a imagem preencha o espaço de forma proporcional */
			z-index:-1;
		}
		#page_lista_produtos .box_lista_produtos:hover .img_produto {
			transform: scale(1.1); /* Aplica um zoom maior na imagem quando o mouse está sobre .box-produto */
		}
		
		#page_lista_produtos .box_lista_produtos .link-maisinfo{
			text-decoration:none;
			color:#000;
		}
		#page_lista_produtos .box_lista_produtos .div_nome_produto{
			min-height:67px;
		}
		#page_lista_produtos .box_lista_produtos .nome_produto{
			font-weight:500;
			color: #333;
		}
		#page_lista_produtos .box_lista_produtos .nome_fabricante{
			font-weight:500;
			color:#06C;
		}
		
		/* Definir altura máxima do dropdown e permitir rolagem */
		#page_lista_produtos .dropdown-content {
			max-height: 300px;  /* Defina a altura máxima desejada */
			overflow-y: auto;
		}
		
		/* Estilo para o quadrado de cor */
		#page_lista_produtos .color-square {
			width: 40px; /* Ajuste este valor conforme necessário */
			height: 40px; /* Ajuste este valor conforme necessário */
			display: inline-block;
			margin-right: 10px;
			border-radius: 4px;
			border:solid 1px #ccc;
		}
		
		/* Ajustar tamanho da imagem */
		#page_lista_produtos .dropdown-content li {
			display: flex;
			align-items: center;
			padding:5px;
		}
		#page_lista_produtos .dropdown-content li.selected{
			background-color: #fbf9ea;
		}
		
		#page_lista_produtos .dropdown-content li>img {
			width: 60px;  /* Aumente este valor conforme necessário */
			height: 60px;  /* Aumente este valor conforme necessário */
			margin-right:15px;
		}
		
		#page_lista_produtos .dropdown-content li span {
			display: flex;
			align-items: center;
		}
		
		#page_lista_produtos .box_paginacao{
			display: flex;
			flex-direction: column; /* Organiza os itens em uma coluna */
			justify-content: space-between; /* Espaça os itens de forma adequada */
			margin-bottom:6px;
			border-radius: 5px;
			background-color:#fff;
			padding:0 15px;
			position: relative;
		}
		
		#page_lista_produtos .box_lista_produtos .info_preco {
			color:#333;
			font-size:18px;
			line-height:22px;
			height:60px;
			width:100%;
		}
		#page_lista_produtos .box_lista_produtos .info_preco .aviso_sem_preco{
			opacity: 0;
			color: #06F;
			font-size:20px;
			font-weight:500;
			transition: opacity 0.5s ease; /* Transição suave da opacidade */
		}
		#page_lista_produtos .box_lista_produtos:hover .aviso_sem_preco {
			opacity: 1;
		}
		#page_lista_produtos .box_lista_produtos .preco_parcelamento{
			color:#333;
			font-size:14px;
		}
		#page_lista_produtos .box_lista_produtos .preco_parcelamento strong{
			color:#000;
			font-size:16px;
		}
		#page_lista_produtos .box_lista_produtos .info_preco .preco_normal{
			color: #090;
			font-size:20px;
			font-weight:500;
		}
		#page_lista_produtos .box_lista_produtos .info_preco .preco_riscado{
			text-decoration: line-through;
			color: #999;
			font-size:14px;
		}
		#page_lista_produtos .box_lista_produtos .info_preco .preco_promo{
			color: #C00;
			font-size:20px;
			font-weight:500;
		}
		#page_lista_produtos .box_lista_produtos .info_preco .preco_promo_retira{
			color: #888; 
			font-size:18px;
		}
		#page_lista_produtos .box_lista_produtos .info_preco .avista_retira{
			color: #C00;
			font-size:14px;
		}
		
		#page_lista_produtos .box_lista_produtos .btn-maisinfo {
			opacity: 0;
			position: absolute;
			bottom: 0;
			left: 50%;
			width:90%;
			border-radius: 5px;
			text-align:center;
			transform: translateX(-50%) translateY(20px);
			padding: 8px 20px;
			background-color: #e1e1e1; /* Cor do botão */
			color: #666666; /* Cor do texto */
			border: none;
			cursor: pointer;
			transition: opacity 0.3s ease, transform 0.3s ease;
		}
		#page_lista_produtos .box_lista_produtos .btn-maisinfo:hover {
			background-color: #dadada; /* Cor do botão */
		}
		#page_lista_produtos .box_lista_produtos:hover .btn-maisinfo {
			opacity: 1;
			transform: translateX(-50%) translateY(0); /* Mostra o botão e ajusta a posição */
		}
		
		#page_lista_produtos .box_lista_produtos .btn-comprar {
			opacity: 0;
			position: absolute;
			bottom: 0;
			left: 50%;
			width:90%;
			border-radius: 5px;
			text-align:center;
			transform: translateX(-50%) translateY(20px);
			padding: 8px 20px;
			background-color: rgba(20,47,135,0.8); /* Cor do botão */
			color: #ffffff; /* Cor do texto */
			border: none;
			cursor: pointer;
			transition: opacity 0.3s ease, transform 0.3s ease;
		}
		#page_lista_produtos .box_lista_produtos .btn-comprar:hover {
			background-color: rgba(20,47,135,0.9); /* Cor do botão */
		}
		#page_lista_produtos .box_lista_produtos:hover .btn-comprar {
			opacity: 1;
			transform: translateX(-50%) translateY(0); /* Mostra o botão e ajusta a posição */
		}
	
	/* fim */
	
	
	/* produto.tpl (geral) */
		
		#page_produto .nome_produto{
			margin-bottom:10px;
		}
		#page_produto .slider-single {
			max-width:550px;
			max-height:550px;
			width:100%;
			height:auto;
			position:relative;
			margin-bottom:10px;
		}
		
		#page_produto .slider-single .div_img {
			background: #fff;
			position: relative;
			left:2px;
		}
		#page_produto .slider-single .div_img .img_produto{
			width:95%;
			max-height:460px;
			height:auto;
			cursor: zoom-in;
			z-index:1;
			border-radius: 10px; /* Arredonda os cantos da imagem */
		}
		#page_produto .slider-single .div_img .img_transparente{
			position:absolute;
			top:0;
			left:0;
			width:95%;
			height:auto;
			z-index:-1;
		}
		
		/* Estilos básicos para os botões de navegação */
		#page_produto .slider-single .slick-prev,
		#page_produto .slider-single .slick-next {
			position: absolute; /* Posicionamento absoluto */
			top: 50%; /* Posiciona os botões ao centro verticalmente */
			transform: translateY(-50%); /* Ajusta a posição para cima */
			width:auto;
			height:auto;
			color: #fff !important; /* Cor da seta */
		}
		
		/* Estilizando a seta nos botões slick-next e slick-prev */
		#page_produto .slider-single .slick-next.slick-arrow::before,
		#page_produto .slider-single .slick-prev.slick-arrow::before {
			color: #333; /* Cor da seta mais escura com transparência */
			font-size: 25px; /* Tamanho da fonte da seta */
			display: inline-block; /* Necessário para aplicar transformações */
			transform: scaleY(2); /* Aumenta a altura do símbolo */
		}
		
		#page_produto .slider-nav {
			max-width: 80px; /* Ajuste a largura conforme necessário */
			width:100%;
			height: auto;
			max-height:390px;
  			position: relative;
			margin:0 auto;
		}
		
		#page_produto .slider-nav .div_img_nav {
			position:relative;
    		padding: 5px; /* Espaço entre a borda interna e o conteúdo */
			background-color: #fff;
			text-align:center;
		}
		
		#page_produto .slider-nav .div_img_nav .img_produto {
			width:60px;
			height:64px;
			margin:0 auto;
		}
		
		#page_produto .slider-nav .div_img_nav::before {
			display: block;
		}
		
		#page_produto .slider-nav .slick-slide.is-active .div_img_nav {
			box-shadow: inset 0 0 0 2px #ccc; /* Borda interna */
			border-radius: 10px;
		}
		
		#page_produto .slider-nav .slick-slide { 
			cursor: pointer; 
		}
		
		/* Estilos básicos para os botões de navegação */
		#page_produto .slider-nav .slick-prev,
		#page_produto .slider-nav .slick-next {
			position: absolute; /* Posicionamento absoluto */
			color: #fff !important; /* Cor da seta */
			width: auto;
			height: auto;
			top: 50%;
			transform: translateY(-50%);
			z-index: 1;
		}
		#page_produto .slider-nav .slick-prev{
			top:-2%;
			left: 50%;
			transform: translateY(-50%) rotate(90deg); /* Rotaciona a seta para cima */
		}
		#page_produto .slider-nav .slick-next {
			top:103% !important;
			right: 50%;
			transform: translateY(-50%) rotate(90deg); /* Mantém a seta original para baixo */
		}
		
		/* Estilizando a seta nos botões slick-next e slick-prev */
		#page_produto .slider-nav .slick-next.slick-arrow::before,
		#page_produto .slider-nav .slick-prev.slick-arrow::before {
			color: #333; /* Cor da seta mais escura com transparência */
			font-size: 25px; /* Tamanho da fonte da seta */
			display: inline-block; /* Necessário para aplicar transformações */
			transform: scaleY(3); /* Aumenta a altura do símbolo */
		}
		
		#page_produto .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
			opacity: .15;
		}

		/* Definir altura máxima do dropdown e permitir rolagem */
		#page_produto .dropdown-content {
			max-height: 300px;  /* Defina a altura máxima desejada */
			overflow-y: auto;
		}
		
		/* Estilo para o quadrado de cor */
		#page_produto .color-square {
			width: 40px; /* Ajuste este valor conforme necessário */
			height: 40px; /* Ajuste este valor conforme necessário */
			display: inline-block;
			margin-right: 10px;
			border-radius: 4px;
			border:solid 1px #ccc;
		}
		
		/* Ajustar tamanho da imagem */
		#page_produto .dropdown-content li {
			display: flex;
			align-items: center;
			padding:5px;
		}
		#page_produto .dropdown-content li.selected{
			background-color: #fbf9ea;
		}
		
		#page_produto .dropdown-content li>img {
			width: 60px;  /* Aumente este valor conforme necessário */
			height: 60px;  /* Aumente este valor conforme necessário */
			margin-right:15px;
		}
		
		#page_produto .dropdown-content li span {
			display: flex;
			align-items: center;
		}
		
		#page_produto .aplique_promo .selo-off{
			position:absolute;
			left:5px;
			top:0;
			width:49px;
			height:65px;
			z-index:100;
		}
		#page_produto .aplique_promo .qtd_porcentagem{
			position: absolute;
			left:13px;
			top:4px;
			z-index:101;
			color:#FFF;
			font-weight:bold;
			font-size:16px;
			text-align:center;
			width:19px;
		}
		#page_produto .aplique_promo .selo-promo{
			position:absolute;
			right:0;
			top:0;
			width:114px;
			height:81px;
			z-index:100;
		}
		
		#page_produto .info_preco {
			color:#333;
			font-size:22px;
		}
		#page_produto .info_preco .aviso_sem_preco{
			color: #06F;
			font-size:24px;
			font-weight:500;
		}
		#page_produto .info_preco .msg_aviso_cadastro{
			font-size:14px;
			color: #039be5;
		}
		#page_produto .info_preco .msg_aviso_cadastro a{
			text-decoration:underline;
		}

		#page_produto .preco_parcelamento{
			color:#333;
			font-size:18px;
		}
		#page_produto .preco_parcelamento strong{
			color:#000;
			font-size:20px;
		}
		#page_produto .info_preco .preco_normal{
			color: #090;
			font-size:24px;
			font-weight:500;
		}
		#page_produto .info_preco .preco_riscado{
			text-decoration: line-through;
			color: #999;
			font-size:18px;
		}
		#page_produto .info_preco .preco_promo{
			color: #C00;
			font-size:24px;
			font-weight:500;
		}
		#page_produto .info_preco .avista_retira{
			color: #C00;
			font-size:18px;
		}
		#page_produto .info_preco .aviso_promocao{
			font-size:18px;
			color: #09F;
			font-weight:500;
		}

		#page_produto .info_preco #contador {
			text-align: left; /* Alinha todo o conteúdo do contador à esquerda */
		}
		#page_produto .info_preco .contador-box {
			display: flex;
			gap: 5px;
			margin-top: 10px;
			flex-wrap: wrap;
		}
		
		#page_produto .info_preco .tempo {
			background-color: #fbe9e7;
			color: #d84315;
			padding: 5px 10px;              /* reduzido */
			border-radius: 8px;
			text-align: center;
			min-width: 60px;            /* reduzido */
		}
		
		#page_produto .info_preco .tempo .numero {
			font-size: 20px;
			font-weight: bold;
			display: block;     /* Garante que o número ocupe toda a linha */
			line-height: 1;
			margin: 0;
			padding: 0;
		}
		
		#page_produto .info_preco .tempo .label {
			font-size: 11px;
			text-transform: uppercase;
			display: block;     /* Garante que a label fique abaixo do número */
			line-height: 1;
			margin: 0;
			padding: 0;
		}
		#page_produto .info_preco .titulo-contador {
			font-size: 16px;
			color: #C00;
			line-height: 1;
		}
		
		#page_produto .slider-single .div_img .container_video {
			height: 450px; /* ou 100%, ou a altura que você quiser */
			width: 96%;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #000; /* opcional, pra destacar o vídeo */
			border-radius: 10px;
			position:relative;
		}
		
		.slider-single .div_img .container_video .video-full {
			width: 100%;
			height: 100%;
			max-width: 100%;
			max-height: 100%;
			border: none;
			border-radius: 10px;
		}
		
		#page_produto .btn-comprar {
			width:100%;
			border-radius: 5px;
			text-align:center;
			padding: 8px 20px;
			background-color: rgba(20,47,135,0.8); /* Cor do botão */
			color: #ffffff; /* Cor do texto */
			border: none;
			cursor: pointer;
			margin:0 auto;
		}
		#page_produto .btn-comprar:hover {
			background-color: rgba(20,47,135,0.9); /* Cor do botão */
		}
		
		#page_produto .tabs {
			background-color:#f5f5f5;
			border-radius: 10px 10px 0 0;
			position: relative;
		}
		#page_produto .tabs::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			width: 100%;
			background-color: #ccc; /* cor da borda inferior */
			z-index: 1;
		}
		#page_produto .tabs .tab {
			display: inline-block;
			text-align: center;
			line-height: 48px;
			height: 48px;
			padding: 0;
			margin: 0;
			text-transform: uppercase;
			border-right:#ccc solid 1px;
			border-radius: 0 10px 0 0;	
		}
		
		#page_produto .tabs .tab a {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;
			border: none;
			position: relative; /* necessário para o pseudo-elemento funcionar corretamente */
		}
		#page_produto .tabs .tab_info{
			border-radius: 10px 0 0 0;
		}
		#page_produto .tabs .tab_tecnicas{
			border-radius: 0 10px 0 0;
		}
		
		#page_produto .tabs .tab div {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;		
		}
		
		/*when hover*/
		#page_produto .tabs .tab a:hover{
			background-color: #fff;
			color: #555;
			border:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
		}
		#page_produto .tabs .tab div:hover{
			background-color: #fff;
			color: #555;
			border:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
		}
		/*when active*/
		#page_produto .tabs .tab a.active{
			background-color: #fff;
			color: #36F;
			font-weight:bold;
			border-top:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
			position: relative;
			z-index: 2;
		}
		#page_produto .tabs .tab a.active::after {
			content: "";
			position: absolute;
			bottom: -1px;
			left: 0;
			width: 100%;
			height: 2px; /* levemente maior para garantir cobertura */
			background-color: #fff; /* mesma cor do conteúdo */
			z-index: 3;
		}
		#page_produto .tabs .tab a.active:hover{
			border-bottom:#fff solid 1px;
			border-radius: 10px 10px 0 0;
			margin-bottom: -1px;
			position: relative;
			z-index: 2;
		}
		
		#page_produto .tabs .indicator {
			display: none !important;
		}
		
		#page_produto .conteudo_tabs{
			width:100%;
			height:auto;
			overflow:hidden;
			padding:20px 5px 20px 5px;
			font-size:16px;
			border-bottom:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
			border-radius: 0 0 6px 6px;
			margin-top: -1px; /* cola no fundo da aba ativa */
			position: relative;
			z-index: 1;
		}
		
		#page_produto .botoes-pdf {
			display: block;
			font-size: 0; /* remove espaço entre elementos inline-block */
		}
		
		#page_produto .btn-pdf {
			display: inline-block;
			vertical-align: top;
			width: 260px;
			margin-right: 15px;
			margin-bottom: 10px;
			background-color: rgba(20,47,135,0.8); /* Cor do botão */
			font-size: 14px; /* restaura o texto interno */
			text-align: center;
			position: relative;
			color: #ffffff; /* Cor do texto */
			padding-left: 50px;
			padding-top:8px;
			padding-bottom:8px;
			border-radius: 5px;
			white-space: normal; /* permite quebrar texto */
		}
		
		#page_produto .icon-pdf {
			width: 35px;
			height: 35px;
			position: absolute;
			left: 15px;
			top: 50%;
			transform: translateY(-50%);
		}
		
		#page_produto .texto-pdf {
			width: 100%;
		}
	
	/* fim */
	
	
	/* login.tpl (geral) */
		
		#page_login .div_erro_login{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			width:80%;
			height:auto;
			margin:0 auto;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_login .divider {
			border-left: 1px solid #ccc; /* Linha vertical */
			height: 85%; /* Definir uma altura menor */
			position: absolute; /* Definir como absoluto */
			left: 50%; /* Posicionar no meio das colunas */
			top: 50%; /* Centralizar verticalmente */
			transform: translate(-50%, -50%); /* Ajustar centralização */
			display: block;
			width: 1px;
		}
		
		#page_login .row.box_paginas {
			position: relative; /* Para permitir que o elemento absoluto se alinhe corretamente */
			min-height: 300px; /* Ajustar altura mínima */
			padding:40px 0;
		}
		
		#page_login .campos_login{
			width:80%;
			margin:0 auto;
		}
		
		#page_login .btn-entrar {
			width:200px;
			border-radius: 5px;
			text-align:center;
			padding: 14px 20px;
			background-color: rgba(20,47,135,0.8); /* Cor do botão */
			color: #ffffff;
			border: none;
			text-decoration:none;
			cursor: pointer;
		}
		#page_login .btn-entrar:hover {
			background-color: rgba(20,47,135,0.9); /* Cor do botão */
			color: #ffffff;
		}
		
		#page_login .btn-cadastrese {
			width:200px;
			border-radius: 5px;
			text-align:center;
			padding: 11px 20px;
			background-color: rgba(20,47,135,0.8); /* Cor do botão */
			color: #ffffff;
			border: none;
			text-decoration:none;
			cursor: pointer;
		}
		#page_login .btn-cadastrese:hover {
			background-color: rgba(20,47,135,0.9); /* Cor do botão */
			color: #ffffff;
		}
	
	/* fim */
	
	
	/* sua_conta.tpl (geral) */
		#page_sua_conta .box{
			margin-bottom:15px;
		}
		
		#page_sua_conta .box:hover{
			background-color:#f0f0f0;
		}
		
		#page_sua_conta a{
			text-decoration:none;
			color:#333;
		}
		
		#page_sua_conta i{
			font-size:60px;
			color:#142f87;
		}
		
		#page_sua_conta .link_sair{
			color:#C00;
			display: flex;
			align-items: center; /* Alinha verticalmente */
			gap: 10px; /* Espaço entre o ícone e o texto */
		}
		#page_sua_conta .link_sair i{
			font-size: 24px;
			color: #C00;
		}
	
	/* fim */
	
	
	/* customer_historico.tpl (geral) */
	
		#page_customer_historico .tabs {
			background-color:#e9e9e9;
			background-image: linear-gradient(to bottom, rgba(233,233,233,1) 98%, rgba(204,204,204,1) 2%);
		}
		#page_customer_historico .tabs .tab {
			display: inline-block;
			text-align: center;
			line-height: 48px;
			height: 48px;
			padding: 0;
			margin: 0;
			text-transform: uppercase;
			border-right:#ccc solid 1px;
		}
		
		#page_customer_historico .tabs .tab a {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;
		}
		
		#page_customer_historico .tabs .tab div {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;
		}
		
		/*when hover*/
		#page_customer_historico .tabs .tab a:hover{
			background-color: #fff;
			color: #555;
			border:#ccc solid 1px;
		}
		#page_customer_historico .tabs .tab div:hover{
			background-color: #fff;
			color: #555;
			border:#ccc solid 1px;
		}
		/*when active*/
		#page_customer_historico .tabs .tab a.active{
			background-color: #fff;
			color: #36F;
			font-weight:bold;
			border-top:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
		}
		#page_customer_historico .tabs .tab a.active:hover{
			border-bottom:#fff solid 1px;
		}
		
		#page_customer_historico .tabs .indicator {
			position: absolute;
			top: 0;
			height: 1px;
			background-color: #F90;
			will-change: left, right;
		}
		
		#page_customer_historico .tabs .tab i {
			line-height:48px;
			font-size:34px;
		}
		
		#page_customer_historico .conteudo_tabs{
			width:100%;
			height:auto;
			overflow:hidden;
			padding:30px 0 30px 0;
			font-size:16px;
			border-bottom:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
		}
		
		
		#page_customer_historico .collapsible{
			margin:0;
			box-shadow: none;
			border:0;
		}
		#page_customer_historico .collapsible li{
			margin-bottom:20px;
		}
		#page_customer_historico .collapsible-header {
			position:relative;
			background-color: #e9e9e9;
			border: none;
			line-height: 60px;
			height: 60px;
			padding: 0;
			width:100%;
		}
		/* Cor ao passar o mouse */
		#page_customer_historico .collapsible-header:hover {
			background-color: #c6cfe6;
		}
		
		/* Cor para o menu clicado e aberto */
		#page_customer_historico .collapsible-header.active-collapsible-header {
			background-color: #c6cfe6;
		}
		
		/* Evita conflito entre hover e ativo */
		#page_customer_historico .collapsible-header.active-collapsible-header:hover {
			background-color: #c6cfe6; /* Mesma cor para manter consistência */
		}
		
		#page_customer_historico .collapsible-header .preco{
			position:relative;
		}
		#page_customer_historico .collapsible-header .aguardando_aprovacao{
			position:absolute;
			top:18px;
			left:0;
			right:0;
			margin-left:auto;
			margin-right:auto;
		}
		#page_customer_historico .collapsible-header .imgs_status{
			position: relative;
			height: 60px;
			text-align:center;
		}
		#page_customer_historico .collapsible-header img {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}	
		
		#page_customer_historico .collapsible-header a{
			text-decoration:none;
			display:inline-block;
			color: #ffffff;
			width:100%;
			height:100%;
			padding: 0 16px;  
		}
		
		#page_customer_historico .collapsible-body {
			border: 6px solid #c6cfe6;
			background-color: #f9f9f9;
			padding: 3px 3px 3px 3px;
		}
		
		#page_customer_historico .collapsible-body ul li{
			border-top: 1px solid #fff;
		}	
		
		#page_customer_historico .lista_itens{
			padding:0;
			margin:0;
		}
		#page_customer_historico .lista_itens .cabecalho{
			font-size:14px;
			background-color:#e5e5e5;
			color:#36F;
			height:35px;
			line-height:35px;
			padding:0;
			margin:0;
		}
		#page_customer_historico .lista_itens hr{
			position:relative;
			padding:0;
			margin:5px 0 5px 0;
			width:100%;
			height: 1px;
			color: #9a9a9a;
			background-color: #9a9a9a;
			border:0;
		}
		#page_customer_historico .lista_itens .itens{
			font-size:14px;
			background-color:#fffff0;
			color:#000;
			min-height:50px;
			padding:10px 0 10px 0;
			margin:0;
		}
		
		#page_customer_historico .lista_itens .info{
			padding:6px;
		}
		
		#page_customer_historico .lista_itens .info ul li{
			border:0;
			padding:5px;
			
		}
		
		#page_customer_historico .lista_itens .info table{
			width: auto;
			display: table;
			border:0;
			margin:0;
			padding:0;
		}
		#page_customer_historico .lista_itens .info .table_total{
			float:right;
			width: 100%;
		}
		#page_customer_historico .lista_itens .info .table_info tr td{
			margin-left: auto;
			margin-right: auto;
			padding:5px 0 5px 0;	
		}
		#page_customer_historico .lista_itens .info .table_total tr td{
			margin-left: auto;
			margin-right: auto;
			padding:10px 20px 10px 20px;
		}
		
		#page_customer_historico .lista_itens .info_produto tr td{
			padding:5px 0 5px 0;
		}
		
		#page_customer_historico .lista_itens .info .botao_whats .material-icons {
			overflow: hidden;
			vertical-align: middle;
			font-size: 24px;
		}
		
		#page_customer_historico .lista_itens .info .botao_whats {
			-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
			-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
			box-shadow:inset 0px 1px 0px 0px #a4e271;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
			background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
			background-color:#89c403;
			-webkit-border-top-left-radius:6px;
			-moz-border-radius-topleft:6px;
			border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-moz-border-radius-topright:6px;
			border-top-right-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			-moz-border-radius-bottomright:6px;
			border-bottom-right-radius:6px;
			-webkit-border-bottom-left-radius:6px;
			-moz-border-radius-bottomleft:6px;
			border-bottom-left-radius:6px;
			text-indent:0;
			border:1px solid #74b807;
			display:inline-block;
			color:#ffffff;
			font-family:arial;
			font-size:14px;
			font-weight:bold;
			font-style:normal;
			height:35px;
			line-height:35px;
			width:auto;
			padding:0 20px 35px 20px;
			margin-bottom:15px;
			text-decoration:none;
			text-align:center;
			text-shadow:0px 1px 0px #528009;
		}
		#page_customer_historico .lista_itens .info .botao_whats:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
			background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
			background-color:#77a809;
		}
		#page_customer_historico .lista_itens .info .botao_whats:active {
			position:relative;
			top:1px;
		}
		
		#page_customer_historico .lista_itens .info .button_mercadopago {
			-moz-box-shadow:inset 0px 1px 0px 0px #6ec8ef;
			-webkit-box-shadow:inset 0px 1px 0px 0px #6ec8ef;
			box-shadow:inset 0px 1px 0px 0px #6ec8ef;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #009ee3), color-stop(1, #008bc8) );
			background:-moz-linear-gradient( center top, #009ee3 5%, #008bc8 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ee3', endColorstr='#008bc8');
			background-color:#009ee3;
			-webkit-border-top-left-radius:6px;
			-moz-border-radius-topleft:6px;
			border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-moz-border-radius-topright:6px;
			border-top-right-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			-moz-border-radius-bottomright:6px;
			border-bottom-right-radius:6px;
			-webkit-border-bottom-left-radius:6px;
			-moz-border-radius-bottomleft:6px;
			border-bottom-left-radius:6px;
			text-indent:0;
			border:1px solid #008bc8;
			display:inline-block;
			color:#ffffff;
			font-family:Arial;
			font-size:13px;
			font-weight:bold;
			font-style:normal;
			height:40px;
			line-height:40px;
			width:auto;
			padding:0 25px 0 25px;
			text-decoration:none;
			text-align:center;
			text-shadow:1px 1px 0px #296e8c;
		}
		#page_customer_historico .lista_itens .info .button_mercadopago:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008bc8), color-stop(1, #009ee3) );
			background:-moz-linear-gradient( center top, #008bc8 5%, #009ee3 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bc8', endColorstr='#009ee3');
			background-color:#008bc8;
		}#page_customer_historico .lista_itens .info .button_mercadopago:active {
			position:relative;
			top:1px;
		}
		
		#page_customer_historico .lista_itens .info .aprove_orcamento {
			-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
			-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
			box-shadow:inset 0px 1px 0px 0px #bbdaf7;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
			background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
			background-color:#79bbff;
			-webkit-border-top-left-radius:6px;
			-moz-border-radius-topleft:6px;
			border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-moz-border-radius-topright:6px;
			border-top-right-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			-moz-border-radius-bottomright:6px;
			border-bottom-right-radius:6px;
			-webkit-border-bottom-left-radius:6px;
			-moz-border-radius-bottomleft:6px;
			border-bottom-left-radius:6px;
			text-indent:0;
			border:1px solid #84bbf3;
			display:inline-block;
			color:#ffffff;
			font-family:Arial;
			font-size:13px;
			font-weight:bold;
			font-style:normal;
			height:40px;
			line-height:40px;
			width:200px;
			text-decoration:none;
			text-align:center;
			text-shadow:1px 1px 0px #528ecc;
		}
		#page_customer_historico .lista_itens .info .aprove_orcamento:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
			background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
			background-color:#378de5;
		}
		#page_customer_historico .lista_itens .info .aprove_orcamento:active {
			position:relative;
			top:1px;
		}
		
		#page_customer_historico .lista_itens .info .enderecos{
			padding:6px 10px;
			background-color:#f2f2f2;
			margin-bottom:20px;
		}
		
		#page_customer_historico .lista_itens .info .enderecos b{
			font-weight: 500;
		}
		
		#page_customer_historico .lista_itens .info .enderecos span{
			font-size:14px;
		}
		
		#page_customer_historico .table_tel tr td{
			margin-left: auto;
			margin-right: auto;
			padding:2px 0 2px 0;	
		}
		
		#page_customer_historico .lista_itens .info .lista_status{
			padding:6px 10px;
			background-color:#f2f2f2;
			overflow:hidden;
		}
		#page_customer_historico .lista_itens .info .lista_status b{
			font-weight: 500;
		}

		#page_customer_historico .lista_itens .info .lista_status ul li{
			padding:5px;
			border-radius: 0;
			font-size:14px;
			background-color: #c3d6df;
			overflow:hidden;
			margin-bottom:5px;
		}
	
	/* fim */
	
	
	/* customer_cadastro.tpl (geral) */
	
		#page_customer_cadastro .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_customer_cadastro .div_sucesso{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #09F !important;
			color: #fff;
			text-align:center;
		}
		
		#page_customer_cadastro .btn-submit {
            display: block;
			width: 100% !important; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			box-sizing: border-box;
        }
		
		#page_customer_cadastro .img_ilustracao {
			background-image: url('../img/img_cadastro.jpg?03');
			background-size: 45% auto; 
			background-position: top right;
			background-repeat: no-repeat; /* Evita que a imagem se repita */
			min-height: 100%;
		}
		#page_customer_cadastro .img_ilustracao .row {
			background-color: rgba(255, 255, 255, 0.6); /* Fundo branco com opacidade */
		}
		
		#page_customer_cadastro .formulario {
			background-color: rgba(249, 249, 249, 0.2); /* Fundo branco com opacidade */
			padding: 15px 20px 20px 20px; /* Adiciona um pouco de espaçamento interno */
			border-radius: 0 0 10px 10px; /* Deixa as bordas arredondadas */
			box-shadow: 1px 6px 4px rgba(0, 0, 0, 0.2); /* Adiciona uma leve sombra */
			position:relative;
			border-left:solid 1px #e8e8e8;
			border-right:solid 1px #e8e8e8;
			border-top: 1px solid #e8e8e8;
		}
		
		#page_customer_cadastro select{
			border:solid 1px #ccc;
			border-radius: 6px;
			height:35px;
			padding:0 10px 0 10px;
			width:100%;
			box-sizing: border-box;
			display:inline-block;
			vertical-align: middle;
			margin-right:15px;
		}
		
		/* Posição e estilo do ícone de olho */
		#page_customer_cadastro .toggle-password {
			position: absolute;
			right: 10px; /* Ajuste a posição horizontal conforme necessário */
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			color: #9e9e9e; /* Cor do ícone */
		}
		#page_customer_cadastro .toggle-password:hover {
			color: #424242; /* Cor ao passar o mouse */
		}
		
		#page_customer_cadastro .password-strength-message {
			display: block;
			margin: -20px 0 10px 0;
			font-size: 0.9em;
			color: #999; /* Cor inicial */
		}
		#page_customer_cadastro .password-strength-message.weak {
			color: #f00; /* Vermelho para senha fraca */
		}
		#page_customer_cadastro .password-strength-message.medium {
			color: #ffa500; /* Laranja para senha média */
		}
		#page_customer_cadastro .password-strength-message.strong {
			color: #4caf50; /* Verde para senha forte */
		}
	
	/* fim */
	
	
	/* customer_enderecos.tpl (geral) */
	
		#page_customer_enderecos .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_customer_enderecos .div_sucesso{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #09F !important;
			color: #fff;
			text-align:center;
		}
		
		#page_customer_enderecos .btn-submit {
            display: block;
			width: 100% !important; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			box-sizing: border-box;
        }
		
		#page_customer_enderecos .img_ilustracao {
			background-image: url('../img/img_enderecos.jpg?07');
			background-size: 45% auto; 
			background-position: top right;
			background-repeat: no-repeat; /* Evita que a imagem se repita */
			min-height: 100%;
		}
		#page_customer_enderecos .img_ilustracao .row {
			background-color: rgba(255, 255, 255, 0.9); /* Fundo branco com opacidade */
		}

		#page_customer_enderecos .fieldset {
            border: 1px solid #e0e0e0; /* Borda suave */
            border-radius: 5px; /* Bordas arredondadas */
            padding: 20px 25px; /* Espaçamento interno */
            background-color: transparent !important;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra leve */
            position: relative; /* Para posicionar o legend corretamente */
        }
		#page_customer_enderecos .fieldset legend {
            font-size: 19px; /* Tamanho da fonte */
            font-weight: 500; /* Peso da fonte */
        }
		#page_customer_enderecos .fieldset .legend_disponivel {
            color: #00F;
        }
		#page_customer_enderecos .fieldset .legend_indisponivel {
            color: #900;
        }
		
		#page_customer_enderecos .box_endereco:hover {
			background-color: #fefee1 !important; /* Nova cor de fundo ao passar o mouse */
		}
		#page_customer_enderecos .box_endereco:hover .botao_acao {
			opacity: 1; /* Mostra os botões ao passar o mouse */
		}
		
		#page_customer_enderecos .box_endereco {
			background-color: #FFF;
			padding: 10px 0 10px 0; /* Adiciona um pouco de espaçamento interno */
			border-radius: 8px 8px 8px 8px; /* Deixa as bordas arredondadas */
			box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1); /* Adiciona uma leve sombra */
			position:relative;
			height:auto;
			color:#222;
			border-left:solid 1px #e8e8e8;
			border-right:solid 1px #e8e8e8;
			border-top: 1px solid #e8e8e8;
			margin-bottom:10px;
		}
		
		#page_customer_enderecos .bg_entrega_disponivel{
			background-color:#eefff0 !important;
		}
		#page_customer_enderecos .bg_entrega_indisponivel{
			background-color:#ffe3e3 !important;
		}
		
		#page_customer_enderecos .botao_acao{
			border:solid 1px #ccc;
			border-radius: 10px;
			height:33px;
			padding:0 8px 0 8px;
			width:auto;
			display:inline-block;
			vertical-align: middle;
			background-color:#efefef;
			color:#06C;
			margin:0 5px 10px 0;
			opacity: 0; /* Torna os botões invisíveis */
			transition: opacity 0.3s ease-in-out; /* Adiciona um efeito suave */
		}
		#page_customer_enderecos .botao_acao i{
			margin:4px 0 5px 0;
			float:left;
			color:#06C;
		}
		#page_customer_enderecos .botao_acao span{
			padding:4px 0 0 5px;
			float:left;
		}
		#page_customer_enderecos .botao_acao:hover{
			background-color: #ebf5ff;
		}
		
		#page_customer_enderecos .botao_add_novo{
			border:solid 1px #ccc;
			border-radius: 35px;
			height:35px;
			padding:0 10px 0 5px;
			width:auto;
			max-width:100%;
			display:inline-block;
			vertical-align: middle;
			background-color:#efefef;
			color:#06C;
			margin-right:15px;
		}
		#page_customer_enderecos .botao_add_novo i{
			margin:5px 5px 5px 0;
			float:left;
			color:#06C;
		}
		#page_customer_enderecos .botao_add_novo span{
			padding:6px 0 0 0;
			float:left;
		}
		#page_customer_enderecos .botao_add_novo:hover{
			background-color: #ebf5ff;
		}
	
	/* fim */
	
	
	/* customer_novo_endereco.tpl (geral) */
		
		#page_novo_endereco .aviso_erro{
			font-size:16px;
			font-weight:500;
			padding:10px 10px;
			border-radius: 5px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}

		#page_novo_endereco .row_mapa{
			padding-left:10px;
		}
		
		#page_novo_endereco h6{
			background-color: rgba(20,47,135,0.2);
			padding:10px 10px 10px 10px;
			font-size:16px;
			width:100%;
			border-radius: 5px;
		}
		
		#page_novo_endereco #div_endereco{
			position:relative;
		}
		
		#page_novo_endereco #div_endereco .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 5px;
			background-color: rgba(170, 170, 170, 0.1); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
			visibility:hidden;
		}
		#page_novo_endereco #div_endereco .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 40px;
			height: 40px;
		}
		
		#page_novo_endereco #map {
            height: 400px;
            width: 100%;
			z-index:1;
        }
		
		/* Estilo do botão personalizado */
        #page_novo_endereco .leaflet-control-custom {
            background: white;
            padding: 5px;
            border: 2px solid rgba(0, 0, 0, 0.2);
            border-radius: 5px;
            cursor: pointer;
        }
        #page_novo_endereco .leaflet-control-custom:hover {
            background: #f4f4f4;
        }
		
		#page_novo_endereco .btn-submit {
            display: block;
			width: 100% !important; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			box-sizing: border-box;
        }
	
	/* fim */
	
	
	/* customer_editar_endereco.tpl (geral) */
		
		#page_editar_endereco .aviso_erro{
			font-size:16px;
			font-weight:500;
			padding:10px 10px;
			border-radius: 5px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_editar_endereco .row_mapa{
			padding-left:10px;
		}
		
		#page_editar_endereco h6{
			background-color: rgba(20,47,135,0.2);
			padding:10px 10px 10px 10px;
			font-size:16px;
			width:100%;
			border-radius: 5px;
		}
		
		#page_editar_endereco #div_endereco{
			position:relative;
		}
		
		#page_editar_endereco #div_endereco .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 5px;
			background-color: rgba(170, 170, 170, 0.1); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
			visibility:hidden;
		}
		#page_editar_endereco #div_endereco .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 40px;
			height: 40px;
		}
		
		#page_editar_endereco #map {
            height: 400px;
            width: 100%;
			position: relative;
			z-index:1;
        }
		#page_editar_endereco #map .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 5px;
			background-color: rgba(170, 170, 170, 0.1); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#page_editar_endereco #map .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 40px;
			height: 40px;
		}
		
		/* Estilo do botão personalizado */
        #page_editar_endereco .leaflet-control-custom {
            background: white;
            padding: 5px;
            border: 2px solid rgba(0, 0, 0, 0.2);
            border-radius: 5px;
            cursor: pointer;
        }
        #page_editar_endereco .leaflet-control-custom:hover {
            background: #f4f4f4;
        }
		
		#page_editar_endereco .btn-submit {
            display: block;
			width: 100% !important; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			box-sizing: border-box;
        }
	
	/* fim */
	
	
	/* cadastro.tpl (geral) */
		
		#page_cadastro .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_cadastro .btn-submit {
            display: block;
			width: 100% !important; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			box-sizing: border-box;
        }
		
		#page_cadastro .img_ilustracao {
			background-image: url('../img/img_cadastro.jpg?03');
			background-size: 45% auto; 
			background-position: top right;
			background-repeat: no-repeat; /* Evita que a imagem se repita */
			min-height: 100%;
		}
		#page_cadastro .img_ilustracao .row {
			background-color: rgba(255, 255, 255, 0.6); /* Fundo branco com opacidade */
		}
		
				
		/* Remove a linha indicadora */
        #page_cadastro .tabs .indicator {
            display: none !important;
        }
		
		/* Estilo para a tab ativa */
        #page_cadastro .tabs .tab a.active {
            background-color: rgba(249, 249, 249, 0.2) !important; /* Fundo branco com opacidade */
            color: #333 !important; /* Cor do texto */
			border-radius: 15px 15px 0 0;
			border-left:solid 1px #e8e8e8;
			border-right:solid 1px #e8e8e8;
			border-top:solid 1px #e8e8e8;
			box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); /* Adiciona uma leve sombra */
        }

        /* Estilo para a tab não ativa */
        #page_cadastro .tabs .tab a {
			background-color: transparent !important; /* Fundo branco */
            color: #999 !important; /* Cor do texto */
			border: 1px solid transparent; /* Borda transparente para manter o layout */
        }
		
		/* Sombra para a tab não ativa dependendo de qual está ativa */
		#page_cadastro .tabs .tab:nth-child(1) a:not(.active) {
			border-bottom: 1px solid #e8e8e8; /* Borda inferior */
		}
		/* Estilo para a tab não ativa */
		#page_cadastro .tabs .tab:nth-child(2) a:not(.active) {
			border-bottom: 1px solid #e8e8e8; /* Borda inferior */
		}
		
		#page_cadastro .formulario {
			background-color: rgba(249, 249, 249, 0.2); /* Fundo branco com opacidade */
			padding: 15px 20px 20px 20px; /* Adiciona um pouco de espaçamento interno */
			border-radius: 0 0 10px 10px; /* Deixa as bordas arredondadas */
			box-shadow: 1px 6px 4px rgba(0, 0, 0, 0.2); /* Adiciona uma leve sombra */
			position:relative;
			border-left:solid 1px #e8e8e8;
			border-right:solid 1px #e8e8e8;
		}
		
		#page_cadastro select{
			border:solid 1px #ccc;
			border-radius: 6px;
			height:35px;
			padding:0 10px 0 10px;
			width:100%;
			box-sizing: border-box;
			display:inline-block;
			vertical-align: middle;
			margin-right:15px;
		}
		
		/* Posição e estilo do ícone de olho */
		#page_cadastro .toggle-password {
			position: absolute;
			right: 10px; /* Ajuste a posição horizontal conforme necessário */
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			color: #9e9e9e; /* Cor do ícone */
		}
		#page_cadastro .toggle-password:hover {
			color: #424242; /* Cor ao passar o mouse */
		}
		
		#page_cadastro .password-strength-message {
			display: block;
			margin: -20px 0 10px 0;
			font-size: 0.9em;
			color: #999; /* Cor inicial */
		}
		#page_cadastro .password-strength-message.weak {
			color: #f00; /* Vermelho para senha fraca */
		}
		#page_cadastro .password-strength-message.medium {
			color: #ffa500; /* Laranja para senha média */
		}
		#page_cadastro .password-strength-message.strong {
			color: #4caf50; /* Verde para senha forte */
		}

	/* fim */
	
	
	/* cadastro_concluido.tpl (geral) */
	
		#page_cadastro .cadastro_concluido .img_ilustracao .row {
			min-height:500px;
			padding-top:30px;
		}
	
	/* fim */
	
	
	/* orcamento.tpl (geral) */
		
		#page_orcamento .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:20px 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_orcamento .btn-submit_email {
            width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
        }
		
		#page_orcamento .btn-submit_whats {
            width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			border: none;
			background-color:#26a69a;
			color:#fff;
			border: none;
			cursor:pointer;
        }
		
		#page_orcamento .btn-voltar {
            width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 15px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
        }
		
		#page_orcamento .img_ilustracao {
			background-image: url('../img/img_orcamento.jpg?02');
			background-size: auto 450px; 
			background-position: bottom right;
			background-repeat: no-repeat; /* Evita que a imagem se repita */
			min-height: 100%;
		}
		#page_orcamento .img_ilustracao .row {
			background-color: rgba(255, 255, 255, 0.7); /* Fundo branco com opacidade */
		}
		
		#page_orcamento .formulario {
			background-color: rgba(255, 255, 255, 0.9); /* Fundo branco com opacidade */
			padding: 25px 20px 20px 20px; /* Adiciona um pouco de espaçamento interno */
			border-radius: 10px; /* Deixa as bordas arredondadas */
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adiciona uma leve sombra */
			position:relative;
		}
		
		#page_orcamento .formulario #endereco_entrega{
			position:relative;
		}
		
		#page_orcamento .formulario #endereco_entrega .loading-screen {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 5px;
			background-color: rgba(170, 170, 170, 0.1); /* Fundo semi-transparente */
			z-index: 112; /* Certifique-se de que esteja na frente de outros elementos */
			display: flex;
			justify-content: center;
			align-items: center;
			visibility:hidden;
			
		}
		#page_orcamento .formulario #endereco_entrega .loading-screen .spinner {
			border: 6px solid #f3f3f3; /* Cor clara do spinner */
			border-top: 6px solid #3498db; /* Cor principal do spinner */
			width: 40px;
			height: 40px;
		}
		
		#page_orcamento .botao_acao{
			border:solid 1px #ccc;
			border-radius: 10px;
			height:33px;
			padding:0 8px 0 8px;
			width:auto;
			display:inline-block;
			vertical-align: middle;
			background-color:#efefef;
			color:#06C;
			margin:0 5px 0 0;
		}
		#page_orcamento .botao_acao i{
			margin:4px 0 5px 0;
			float:left;
			color:#06C;
		}
		#page_orcamento .botao_acao span{
			padding:4px 0 0 5px;
			float:left;
		}
		#page_orcamento .botao_acao:hover{
			background-color: #ebf5ff;
		}
	
	/* fim */
	
	
	/* orcamento_registrado.tpl (geral) */
		
		#page_orcamento_registrado .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:20px 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
		
		#page_orcamento_registrado .btn-voltar {
            display: block;
			width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 10px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			text-decoration: none;
        }
		
		#page_orcamento_registrado .img_ilustracao {
			background-image: url('../img/img_orcamento.jpg?02');
			background-size: auto 450px; 
			background-position: bottom right;
			background-repeat: no-repeat; /* Evita que a imagem se repita */
		}
		#page_orcamento_registrado .img_ilustracao .row {
			background-color: rgba(255, 255, 255, 0.7); /* Fundo branco com opacidade */
		}
		
		#page_orcamento_registrado .formulario {
			background-color: rgba(255, 255, 255, 0.9); /* Fundo branco com opacidade */
			padding: 25px 20px 20px 20px; /* Adiciona um pouco de espaçamento interno */
			border-radius: 10px; /* Deixa as bordas arredondadas */
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adiciona uma leve sombra */
			position:relative;
		}
		#page_orcamento_registrado .texto_aviso{
			font-size:18px;
		}
	
	/* fim */
	
	
	/* pedido_entrega.tpl (geral) */
	
		#page_pedido_entrega .etapas{
			margin:15px 0 0 0;
		}
		
		#page_pedido_entrega .tabs {
			background-color:#f5f5f5;
			border-radius: 10px 10px 0 0;
			position: relative;
		}
		#page_pedido_entrega .tabs::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			width: 100%;
			background-color: #ccc; /* cor da borda inferior */
			z-index: 1;
		}
		#page_pedido_entrega .tabs .tab {
			display: inline-block;
			text-align: center;
			line-height: 48px;
			height: 48px;
			padding: 0;
			margin: 0;
			text-transform: uppercase;
			border-right:#ccc solid 1px;
			border-radius: 0 10px 0 0;	
		}
		
		#page_pedido_entrega .tabs .tab a {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;
			border: none;
			position: relative; /* necessário para o pseudo-elemento funcionar corretamente */
		}
		#page_pedido_entrega .tabs .tab_info{
			border-radius: 10px 0 0 0;
		}
		#page_pedido_entrega .tabs .tab_tecnicas{
			border-radius: 0 10px 0 0;
		}
		
		#page_pedido_entrega .tabs .tab div {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;		
		}
		
		/*when hover*/
		#page_pedido_entrega .tabs .tab:not(.disabled) a:hover {
			background-color: #fff;
			color: #555;
			border: #ccc solid 1px;
			border-radius: 10px 10px 0 0;
		}
		#page_pedido_entrega .tabs .tab div:hover{
			background-color: #fff;
			color: #555;
			border:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
		}
		/*when active*/
		#page_pedido_entrega .tabs .tab a.active{
			background-color: #fff;
			color: #36F;
			font-weight:bold;
			border-top:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
			position: relative;
			z-index: 2;
		}
		#page_pedido_entrega .tabs .tab a.active::after {
			content: "";
			position: absolute;
			bottom: -1px;
			left: 0;
			width: 100%;
			height: 2px; /* levemente maior para garantir cobertura */
			background-color: #fff; /* mesma cor do conteúdo */
			z-index: 3;
		}
		#page_pedido_entrega .tabs .tab a.active:hover{
			border-bottom:#fff solid 1px;
			border-radius: 10px 10px 0 0;
			margin-bottom: -1px;
			position: relative;
			z-index: 2;
		}
		
		#page_pedido_entrega .tabs .indicator {
			display: none !important;
		}
		
		#page_pedido_entrega .conteudo_tabs{
			width:100%;
			height:auto;
			overflow:hidden;
			padding:20px 5px 20px 5px;
			font-size:16px;
			border-bottom:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
			border-radius: 0 0 6px 6px;
			margin-top: -1px; /* cola no fundo da aba ativa */
			position: relative;
			z-index: 1;
		}
		
		#page_pedido_entrega .box_dados_endereco{
			background-color:#f5f5f5;
		}
		
		#page_pedido_entrega .box_lista_entrega{
			box-sizing: border-box;
			padding-right:15px;
		}
		
		#page_pedido_entrega .box_sticky{
			position: -webkit-sticky; /* Para suporte em navegadores antigos */
			position: sticky;
			top: 75px; /* Altere para a distância desejada do topo */	
		}
		#page_pedido_entrega .box_botao_continuar{
			position: -webkit-sticky; /* Para suporte em navegadores antigos */
			position: sticky;
			top: 75px; /* Altere para a distância desejada do topo */	
		}
		
		#page_pedido_entrega #cart_subtotal{
			font-size:20px;
			color:#000;
			margin:0 1px 0 1px;
			padding:15px 0 10px 0;
		}
		
		#page_pedido_entrega hr{
			border: 0; 
			height: 1px; 
			background-image: -webkit-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -moz-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -ms-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -o-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
		}
	
	/* fim */
	
	
	/* pedido_opcoes_frete.tpl (geral) */
		
		/* Estilo calendário para o mês (select) */
		#page_pedido_opcoes_frete .flatpickr-monthDropdown-months {
			width: 100px !important; /* Reduz a largura do select de meses */
			display: inline-block;
			margin-right: 10px; /* Espaço entre o select e o input de ano */
			padding: 5px;
			border: 1px solid #ccc;
			border-radius: 4px;
		}
		
		/* Estilo calendário para o mês (texto) */
		.flatpickr-current-month .cur-month {
			font-size: 16px; /* Reduz o tamanho da fonte */
			font-weight: 500 !important; /* Remove o negrito */
			color: #333; /* Cor personalizada */
			margin: 2px 5px 0 20px !important;
		}
		
		/* Ajusta a largura do input de ano */
		#page_pedido_opcoes_frete .flatpickr-current-month .numInputWrapper {
			display: inline-block;
			width: 55px; /* Ajusta a largura do campo de ano */
			margin-left: 10px; /* Espaço entre o campo de ano e o select */
		}
		
		#page_pedido_opcoes_frete .flatpickr-current-month .numInput {
			width: 100%; /* Faz o input de ano ocupar toda a largura do container */
			padding: 0;
			border: 0;
			border-radius: 4px;
			font-size: 16px;
			font-weight: 500 !important;
			color: #333;
		}
		
		/* Alinha os dois elementos horizontalmente no topo */
		#page_pedido_opcoes_frete .flatpickr-current-month {
			display: flex;
			align-items: center;
			justify-content: center; /* Centraliza horizontalmente */
		}
		
		#page_pedido_opcoes_frete .feriado-highlight {
			background-color: #ffefef !important;
			color: #ffcece !important;
			border: 1px solid #ffe0e0;
			border-radius: 50%;
		}
		#page_pedido_opcoes_frete .ferias-highlight{
			background-color: #ffefef !important;
			color: #ffcece !important;
			border: 1px solid #ffe0e0;
			border-radius: 50%;
		}
		#page_pedido_opcoes_frete .notAllowed {
			cursor: not-allowed !important;
		}


	/* fim */
	
	
	/* pedido_carrinho.tpl (geral) */
	
		#page_pedido_carrinho .etapas{
			margin:15px 0 0 0;
		}
		
		#page_pedido_carrinho .img_cart_produto{
			padding-top:6px;
			position:relative;
		}
		#page_pedido_carrinho .img_cart_produto .img_principal{
			width:85%;
			height:auto;
			border:solid 1px #CCC;
			border-radius: 10px;
			padding:2px 5px 5px 5px;
			margin-bottom:5px;
			z-index:10;
		}
		#page_pedido_carrinho .img_cart_produto .img_transparente{
			position:absolute;
			left:5px;
			top:5px;
			width:60px;
			height:60px;
			margin-bottom:5px;
			z-index:-1;
		}
		#page_pedido_carrinho .img_cart_produto .preloader-wrapper{
			position:absolute;
			top:-5px;
			left:-5px;
			width:70px;
			height:70px;
			display:none;
		}
		#page_pedido_carrinho .product-name {
			display: block; /* Faz com que o span ocupe a largura completa */
			white-space: nowrap; /* Impede que o texto quebre para a próxima linha */
			overflow: hidden; /* Oculta qualquer texto que ultrapasse a largura do elemento */
			text-overflow: ellipsis; /* Adiciona "..." no final do texto que ultrapassa a largura */
		}
		#page_pedido_carrinho .info_cart_produto a{
			text-decoration:none;
			color:#333;
		}
		#page_pedido_carrinho .info_cart_produto .preco_riscado{
			text-decoration: line-through;
			color: #999;
			font-size:14px;
		}
		#page_pedido_carrinho .info_cart_produto .aviso_promocao{
			font-size:12px;
			color:#900;
		}
		#page_pedido_carrinho .info_cart_produto .aviso_somente_entrega{
			font-size:14px;
			color:#900;
		}
		#page_pedido_carrinho .info_cart_produto .aviso_retirar_loja{
			font-size:14px;
			color:#900;
		}
		#page_pedido_carrinho .info_cart_produto .total_valor_quantidade{
			font-weight: bold;
			font-size:16px;
			padding:8px 15px 0 0;
			height:25px;
			position:relative;
		}
		#page_pedido_carrinho .info_cart_produto .total_valor_quantidade .total_caixas{
			padding-left:20px;
		}
		#page_pedido_carrinho .info_cart_produto .total_m2_quantidade{
			font-weight: bold;
			font-size:16px;
			padding-right:15px;
		}
		#page_pedido_carrinho .container_quantidade{
			border:solid 1px #CCC;
			border-radius: 7px;
			padding:1px 0 3px 0;
			line-height:30px;
			text-align:center;
			position:relative;
		}
		
		#page_pedido_carrinho .container_quantidade .titulo_quantidade {
		  width: 100%;
		  text-align:right;
		  position: absolute;
		  top: -18px;
		  right: 15px;
		
		}
		
		#page_pedido_carrinho .container_quantidade .titulo_quantidade span{
		  padding: 0 2px;
		  color:#333;
		  background-color:#FFF;
		  font-size:13px;
		}
		#page_pedido_carrinho .container_quantidade .link_qtd_menos_pedido_cart{
			font-size:26px;
			font-weight: 500;
			text-decoration:none;
			color:#333;
		}
		#page_pedido_carrinho .container_quantidade .qtd_cart_produto{	
			padding:2px 0 0 0;	
		}
		#page_pedido_carrinho .container_quantidade .qtd_cart_produto input{
			color:#333;
			font-weight: 500;
			font-size:18px;
			outline: none; /* Remove a borda de foco padrão */
			border: none;  /* Remove qualquer borda personalizada */
			box-shadow: none; /* Remove qualquer sombra */
			height:25px;
			width:100%;
			text-align: center;
			margin:0;
		}

		#page_pedido_carrinho .container_quantidade .link_qtd_mais_pedido_cart{
			font-size:26px;
			font-weight: 500;
			text-decoration:none;
			color:#333;
		}
		#page_pedido_carrinho .icon_lixeira{
			margin-top:15px;
			width:50px;
			text-align:left;
		}
		#page_pedido_carrinho .icon_lixeira .link_pedido_icon_lixeira{
			text-decoration:none;
			color:#333;
		}
		#page_pedido_carrinho .icon_lixeira .iconify-inline{
			font-size:28px;
		}

		#page_pedido_carrinho hr{
			border: 0; 
			height: 1px; 
			background-image: -webkit-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -moz-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -ms-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -o-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
		}
		
		#page_pedido_carrinho .box_lista_pedido{
			box-sizing: border-box;
			padding-right:15px;
		}
		
		#page_pedido_carrinho .box_sticky{
			position: -webkit-sticky; /* Para suporte em navegadores antigos */
			position: sticky;
			top: 75px; /* Altere para a distância desejada do topo */	
		}
		
		#page_pedido_carrinho #cart_subtotal{
			font-size:20px;
			color:#000;
			margin:0 1px 0 1px;
			padding:15px 0 10px 0;
		}
	
	/* fim */
	
	
	/* pedido_pagamento.tpl (geral) */
	
		#page_pedido_pagamento .etapas{
			margin:15px 0 0 0;
		}
		
		#page_pedido_pagamento .tabs {
			background-color:#f5f5f5;
			border-radius: 10px 10px 0 0;
			position: relative;
		}
		#page_pedido_pagamento .tabs::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			width: 100%;
			background-color: #ccc; /* cor da borda inferior */
			z-index: 1;
		}
		#page_pedido_pagamento .tabs .tab {
			display: inline-block;
			text-align: center;
			line-height: 48px;
			height: 48px;
			padding: 0;
			margin: 0;
			text-transform: uppercase;
			border-right:#ccc solid 1px;
			border-radius: 0 10px 0 0;	
		}
		
		#page_pedido_pagamento .tabs .tab a {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;
			border: none;
			position: relative; /* necessário para o pseudo-elemento funcionar corretamente */
		}
		#page_pedido_pagamento .tabs .tab_info{
			border-radius: 10px 0 0 0;
		}
		#page_pedido_pagamento .tabs .tab_tecnicas{
			border-radius: 0 10px 0 0;
		}
		
		#page_pedido_pagamento .tabs .tab div {
			color: #555;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 10px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease;		
		}
		
		/*when hover*/
		#page_pedido_pagamento .tabs .tab:not(.disabled) a:hover {
			background-color: #fff;
			color: #555;
			border: #ccc solid 1px;
			border-radius: 10px 10px 0 0;
		}
		#page_pedido_pagamento .tabs .tab div:hover{
			background-color: #fff;
			color: #555;
			border:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
		}
		/*when active*/
		#page_pedido_pagamento .tabs .tab a.active{
			background-color: #fff;
			color: #36F;
			font-weight:bold;
			border-top:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
			border-radius: 10px 10px 0 0;
			position: relative;
			z-index: 2;
		}
		#page_pedido_pagamento .tabs .tab a.active::after {
			content: "";
			position: absolute;
			bottom: -1px;
			left: 0;
			width: 100%;
			height: 2px; /* levemente maior para garantir cobertura */
			background-color: #fff; /* mesma cor do conteúdo */
			z-index: 3;
		}
		#page_pedido_pagamento .tabs .tab a.active:hover{
			border-bottom:#fff solid 1px;
			border-radius: 10px 10px 0 0;
			margin-bottom: -1px;
			position: relative;
			z-index: 2;
		}
		
		#page_pedido_pagamento .tabs .indicator {
			display: none !important;
		}
		
		#page_pedido_pagamento .conteudo_tabs{
			width:100%;
			height:auto;
			overflow:hidden;
			padding:20px 5px 20px 5px;
			font-size:16px;
			border-bottom:#ccc solid 1px;
			border-left:#ccc solid 1px;
			border-right:#ccc solid 1px;
			border-radius: 0 0 6px 6px;
			margin-top: -1px; /* cola no fundo da aba ativa */
			position: relative;
			z-index: 1;
		}
		
		#page_pedido_pagamento .box_lista_pagamentos{
			box-sizing: border-box;
			padding-right:15px;
		}
		
		#page_pedido_pagamento #wallet_container button {
			background-color: #009ee3 !important;
			color: white !important;
			font-size: 18px;
			border-radius: 8px;
			padding: 12px 25px;
			border: none;
			cursor: pointer;
		}
		
		#page_pedido_pagamento .box_sticky{
			position: -webkit-sticky; /* Para suporte em navegadores antigos */
			position: sticky;
			top: 75px; /* Altere para a distância desejada do topo */	
		}
		
		#page_pedido_pagamento #cart_subtotal{
			font-size:20px;
			color:#000;
			margin:0 1px 0 1px;
			padding:15px 0 10px 0;
		}
		
		#page_pedido_pagamento hr{
			border: 0; 
			height: 1px; 
			background-image: -webkit-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -moz-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -ms-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
			background-image: -o-linear-gradient(left, #f0f0f0, #ccc, #f0f0f0);
		}
		
		#page_pedido_pagamento .div_erro{
			font-size:16px;
			font-weight:500;
			padding:6px 10px;
			height:auto;
			margin:0 0 20px 0;
			border-radius: 8px;
			background-color: #F66 !important;
			color: #fff;
			text-align:center;
		}
	
	/* fim */
	
	
	/* pedido_concluido.tpl (geral) */
	
		#page_pedido_concluido .etapas{
			margin:15px 0 0 0;
		}
		
		#page_pedido_concluido .div_LE{
			padding-right:40px;	
		}
		
		#page_pedido_concluido .row_aviso_carrinho_pendente{
			background-color:#fefad5;
			padding:15px;
			border:solid 1px #ccc;
			border-radius: 10px;
		}
		
		#page_pedido_concluido .btn-voltar {
            display: block;
			width: 100%; /* Ocupa todo o espaço horizontal */
			height:auto;
			margin-top:15px;
			border-radius: 5px;
			text-align:center;
			padding: 10px 20px;
			background-color: #06C;
			color:#fff;
			border: none;
			cursor:pointer;
			text-decoration: none;
        }
	
	/* fim */
	
	
	/* rodape.tpl (geral) */
		
		#page_footer {
		  padding-top: 20px;
		  background-color: #fff;
		  color:#8e8e8e;
		  border-top: solid 2px #142f87;
		  font-size:17px;
		}
		#page_footer h5{
			font-size: 22px;
		}
		#page_footer .divisao_border_bottom{
			position: relative;
			z-index: 1;
		}
		#page_footer .divisao_border_bottom::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 8px;
    		right: 8px;
			border-bottom: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
			z-index: -1;
		}
		#page_footer .divisao_border_top{
			position: relative;
			z-index: 1;
		}
		#page_footer .divisao_border_top::after {
			content: '';
			position: absolute;
			top: 0;
			left: 8px;
    		right: 8px;
			border-top: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
			z-index: -1;
		}
		#page_footer .divisao_border_left{
			position: relative;
			z-index: 1;
		}
		#page_footer .divisao_border_left::after {
			content: '';
			position: absolute;
			top: 20px;
			bottom: 20px;
			left: 0;
    		right: 0;
			border-left: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
			z-index: -1;
		}
		#page_footer .divisao_border_right{
			position: relative;
			z-index: 1;
		}
		#page_footer .divisao_border_right::after {
			content: '';
			position: absolute;
			top: 20px;
			bottom: 20px;
			left: 0;
    		right: 0;
			border-right: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
			z-index: -1;
		}
		
		#page_footer .div_atendimento .li_atendimento {
			position: relative;
			line-height: 1.5;
		}
		
		#page_footer .div_atendimento .li_atendimento .icon-text {
			display: flex;
			align-items: center;
		}
		
		#page_footer .div_atendimento .li_atendimento i.material-icons {
			vertical-align: middle;
			color:#000;
		}
		#page_footer .div_atendimento .li_atendimento .iconify-inline{
			vertical-align: middle;
			color:#000;
			margin-right:5px;
		}
		#page_footer .div_atendimento .li_atendimento .telefones{
			color: #039be5;
			font-size:17px;
		}
		#page_footer .div_atendimento .li_atendimento .span_horarios{
			font-size:17px;
		}
		#page_footer .div_atendimento .li_atendimento .horario{
			color: #039be5;
			font-size:17px;
		}
		
		#page_footer .div_atendimento .li_atendimento span {
			vertical-align: middle;
		}
		
		#page_footer .div_atendimento .li_atendimento .text-indent {
			display: block;
			padding-left: 29px; /* ajuste conforme o tamanho do ícone e do espaçamento desejado */
		}

		#page_footer .icon_redes{
			margin:0 5px 0 3px;
			width:auto;
			height:35px;
		}
		#page_footer .li_estacionamento{
			line-height: 30px;
		}
		#page_footer .li_estacionamento i{
			color:#000;
			font-size:30px;
			vertical-align: middle;
		}
		#page_footer .div_icon_maps{
			padding-bottom:40px;
			text-align:center;
		}
		#page_footer .div_icon_maps .icon_gmap{
			width:60px;
			height:auto;
		}
		
		#page_footer .selo-google{
			width:90%;
			height:auto;
			max-width:160px;
			margin:0 0 15px 0;
		}
		#page_footer .selo-ssl{
			width:80%;
			height:auto;
			max-width:80px;
			margin:0 15px 15px 15px;
		}
		#page_footer .img_cartoes_pagamento{
			width:auto;
			height:35px;
			border:1px solid #CCC;
			margin:0 8px 8px 0;
			float: left;
		}
		#page_footer .img_selo_pagamentos{
			width:95%;
			height:auto;
			margin:0 0 15px 0;
			box-sizing: border-box; /* Inclui o margin e padding na largura total */
		}
		#page_footer .footer-copyright{
			background-color: #142f87;
			color:#FFF;
			font-size:12px;
			padding:10px 0 1px 0;
		}
		#page_footer .footer-copyright .logo_loja_participante{
			text-align:right;
		}
		
		#page_footer .div_formas_pagamento .divisao_border_bottom{
			padding-bottom:5px;
		}
		#page_footer .div_formas_pagamento .divisao_border_bottom::after{
			border-bottom: none;
		}
	
	/* fim */

/*FIM ---- GERAL VALIDO PARA TODAS AS RESOLUÇÕES ---- */















/* REGRAS RESPONSIVAS */

	/* celular */
	@media only screen and (max-width: 600px) {
  		
		.container {
			width: 97%;
		}
		
		.box_paginas{
			padding: 11px;
		}
		.toast-top {
			position: fixed;
			top: 50px !important; /* Ajuste conforme necessário */
			right: 50%;
			width:auto !important;
			padding:0 20px;
			transform: translateX(50%);
		}
		
		.progress-indicator{
			font-size:70%;
		}
	
		/* index.tpl (celular) */
		
			.cart-square {
				top: -30px; /* Começa um pouco acima do ícone */
				right: 20px;
				left:auto;
				background-color: #ffffff;
				transform: translateX(-50%);
			}
			
			.icon_whats_flutuante{
				position:fixed;
				float:left;
				width:50px;
				height:50px;
				bottom:60px;
				left:15px;
				z-index:900;
			}
			.icon_whats_flutuante img{
				width:55px;
				height:55px;
			}
			
		/* fim */
		
		
		/* home.tpl (celular) */
			
			#page_home .info_destaque_home_down_menu{
				font-size:18px; 
				padding-top:10px;	
			}
	
			#page_home #tabloideP{
				display:block;
			}	
				
			/* slide_home */
			
				#page_home .slick-slider img {
					width: 100%;
					height: 280px;
				}
				
			/* fim */
			
			/* class slider_produtos_home */
			
				#page_home .slider_produtos_home {
					padding:0 4%; /* Adiciona espaço nas laterais */
					height:auto;
					overflow:hidden;
					max-width: 600px;
					width: 100%;
					position: relative; /* Garante que o padding seja aplicado corretamente */
					box-sizing: border-box; /* Inclui o padding na largura total */
				}
				
				/* Estilizando os itens dentro do slider */
				#page_home .slider_produtos_home .box-slider{
					height: auto;
					margin:0 2px;
					position:relative;
					padding:5px 4px 5px 4px;
					max-width:178px;
				}
	
				#page_home .slider_produtos_home .box-slider .box-produto{
					height:460px;
					width:100%;
					padding: 10px; /* Adiciona um padding interno */
				}
				
				#page_home .slider_produtos_home .box-slider .box-produto .div_img_produto{
					height:160px;
					padding:10px 10px 20px 10px;
					box-sizing: border-box;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .div_img_produto img {
					height: 95%; /* Mantém a proporção da imagem */
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_produto {
					height:140px;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_preco {
					height:80px;
					width:100%;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_preco .aviso_sem_preco{
					opacity: 1;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_preco_promo {
					height:80px;
					width:100%;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .aplique_promo .qtd_porcentagem{
					top:5px;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .aplique_promo .selo-promo{
					width:85px;
					height:auto;
				}
				
				#page_home .slider_produtos_home .box-slider .box-produto .btn-comprar {
					opacity: 1;
					transform: translateX(-50%) translateY(0);
					background-color: rgba(20,47,135,0.9); /* Cor do botão */
				}
	
				
				/* Estilos básicos para os botões de navegação */
				#page_home .slider_produtos_home .slick-prev,
				#page_home .slider_produtos_home .slick-next {
					position: absolute; /* Posicionamento absoluto */
					top: 50%; /* Posiciona os botões ao centro verticalmente */
					transform: translateY(-50%); /* Ajusta a posição para cima */
					background:#FFF;
					padding:0 2px 12px 2px;
					border:solid 2px #d7d7d7;
					border-radius: 5px;
				}
				
				#page_home .slider_produtos_home .slick-prev {
					left: 8px; /* Ajusta a posição para a esquerda */
				}
				
				#page_home .slider_produtos_home .slick-next {
					right: 10px; /* Ajusta a posição para a direita */
				}
		
				/* Estilizando a seta nos botões slick-next e slick-prev */
				#page_home .slider_produtos_home .slick-next.slick-arrow::before,
				#page_home .slider_produtos_home .slick-prev.slick-arrow::before {
					color: #000; /* Cor da seta mais escura com transparência */
					font-size: 24px; /* Tamanho da fonte da seta */
					display: inline-block; /* Necessário para aplicar transformações */
					transform: scaleY(2); /* Aumenta a altura do símbolo */
					font-weight:lighter;
				}
				
			/* fim */

			/* carousel_logo_fabricantes */
			
				#page_home .carousel_logo_fabricantes img {
					width:105px;
					height:105px;
				}
			
			/* fim */
		
		/* fim */
		
		
		/* lista_produtos.tpl (celular) */
			
			#page_lista_produtos .height_lista_produtos{
				padding:0;
				margin:0;
			}
			
			#page_lista_produtos .box_paginas{
				background-color: transparent;
				padding: 0;
				box-sizing: border-box;
				position: relative;
				overflow: hidden;
				height:auto;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			#page_lista_produtos .box_lista_produtos{
				margin-bottom:15px;
				border-radius: 5px;
				background-color:#FFF;
				padding:5px 0;
				height:480px;
			}
			
			#page_lista_produtos .box_lista_produtos .loading-screen .spinner {
				border: 6px solid #f3f3f3; /* Cor clara do spinner */
				border-top: 6px solid #3498db; /* Cor principal do spinner */
				width: 40px;
				height: 40px;
			}
			
			#page_lista_produtos .limited-text {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}	
			
			#page_lista_produtos .box_lista_produtos .div_img_produto{
				max-height:134px;
				padding:6px;
				margin-bottom:10px;
			}
			
			#page_lista_produtos .box_lista_produtos .div_img_produto .img_produto {
				max-height:124px;
			}
			#page_lista_produtos .box_lista_produtos .div_img_produto .img_transparente {				
				max-height:124px;
			}

			#page_lista_produtos .box_lista_produtos .info_preco {
				height:80px;
				width:100%;
				text-align:center;
			}
			#page_lista_produtos .box_lista_produtos .info_preco .aviso_sem_preco{
				opacity: 1;
			}
			#page_lista_produtos .box_lista_produtos .info_preco .preco_promo_retira{ 
				font-size:15px;
			}
			#page_lista_produtos .box_lista_produtos .info_preco_promo {
				height:80px;
				width:100%;
			}
			#page_lista_produtos .box_lista_produtos .aplique_promo .qtd_porcentagem{
				top:5px;
			}
			#page_lista_produtos .box_lista_produtos .aplique_promo .selo-promo{
				width:85px;
				height:auto;
			}
			
			#page_lista_produtos .box_lista_produtos .btn-maisinfo {
				opacity: 1;
				bottom: 4px;
				transform: translateX(-50%) translateY(0);
			}
			
			#page_lista_produtos .box_lista_produtos .btn-comprar {
				opacity: 1;
				bottom: 49px;
				transform: translateX(-50%) translateY(0);
			}
		
		/* fim */
		
		
		/* filtro_lateral.tpl (celular) */
			
			#filtro_lateral .select_filtros{
				margin-bottom:30px !important;
			}
		
		/* fim */
		
		
		/* produto.tpl (celular) */
			
			#page_produto .slider-single .div_img .img_produto{
				width:100%;
			}
			#page_produto .slider-single .div_img .img_transparente{
				width:100%;
			}
			
			/* Estilos básicos para os botões de navegação */
			#page_produto .slider-single .slick-prev,
			#page_produto .slider-single .slick-next {
				position: absolute; /* Posicionamento absoluto */
				top: 50%; /* Posiciona os botões ao centro verticalmente */
				transform: translateY(-50%); /* Ajusta a posição para cima */
				background:#FFF;
				padding:0 2px 12px 2px;
				border:solid 2px #d7d7d7;
				border-radius: 5px;
				z-index:100;
			}
			
			#page_produto .slider-single .slick-prev {
				left: -6px; /* Ajusta a posição para a esquerda */
			}
			
			#page_produto .slider-single .slick-next {
				right: -6px; /* Ajusta a posição para a direita */
			}
	
			/* Estilizando a seta nos botões slick-next e slick-prev */
			#page_produto .slider-single .slick-next.slick-arrow::before,
			#page_produto .slider-single .slick-prev.slick-arrow::before {
				color: #000; /* Cor da seta mais escura com transparência */
				font-size: 24px; /* Tamanho da fonte da seta */
				display: inline-block; /* Necessário para aplicar transformações */
				transform: scaleY(2); /* Aumenta a altura do símbolo */
				font-weight:lighter;
			}
			
			#page_produto .slider-nav {
				max-width: 550px; /* Ajuste a largura conforme necessário */
				width:100%;
				height: auto;
				max-height:80px;
				position: relative;
				margin:0 auto;
			}
			
			#page_produto .conteudo_descricao{
				width:100%;
			}
			
			#page_produto .slider-single .div_img .container_video {
				width: 100%;
			}
			
			#page_produto .btn-pdf {
				display: block;
				width: 100%;
				margin-right: 0;
			}
		
		/* fim */
		
		
		/* login.tpl (celular) */
			
			#page_login .divider {
				border-left: none; /* Remover a linha vertical */
				border-top: 1px solid #ccc; /* Adicionar linha horizontal */
				width: 90%; /* Definir a linha horizontal para ocupar 100% */
				height: 1px; /* Linha com 1px de altura */
				margin: 20px 0; /* Espaçamento superior e inferior */
				display: block; /* Garantir que a linha ocupe toda a linha */
				position: relative; /* Manter a linha no fluxo padrão do layout */
			}
			
			#page_login .row.box_paginas {
				min-height: inherit; /* Ajustar altura mínima */
				padding:20px 0;
			}
			
			#page_login .campos_login{
				width:100%;
			}
			#page_login .btn-cadastrese {
				width:60%;
				min-width:200px;
			}
			
			#page_login .div_login{
				margin-bottom:50px;
			}
			#page_login .div_cadastro{
				margin:20px 0 30px 0;
			}
	
		/* fim */
		
		
		/* cadastro.tpl (celular) */
			
			#page_cadastro .img_ilustracao {
				background-image: none; /* Remove a imagem de fundo */
			}
	
		/* fim */
		
		
		/* orcamento.tpl (celular) */
			
			#page_orcamento .img_ilustracao {
				background-image: none; /* Remove a imagem de fundo */
			}
	
		/* fim */
		
		
		/* orcamento_registrado.tpl (celular) */
			
			#page_orcamento_registrado .img_ilustracao {
				background-image: none; /* Remove a imagem de fundo */
			}
	
		/* fim */
		
		
		/* pedido_carrinho.tpl (celular) */
		
			#page_pedido_carrinho .box_lista_pedido{
				padding-right:0;
			}
			
		/* fim */
		
		
		/* customer_enderecos.tpl (celular) */
			
			#page_customer_enderecos .botao_acao{
				opacity: 1; /* Torna os botões visíveis */
			}
		
		/* fim */
		
		
		/* customer_novo_endereco.tpl (celular) */
		
			#page_novo_endereco .row_mapa{
				padding-left:0;
			}
		
		/* fim */
	
	
		/* rodape.tpl (celular) */
			#page_footer {
			  padding-top: 15px;
			  font-size:16px;
			}
			#page_footer .container{
				width: 92%;
			}
			
			#page_footer .ul_institucional li{
				line-height:36px;
			}
			
			#page_footer .div_login, #page_footer .div_atendimento, #page_footer .divisao_border_left, #page_footer .divisao_border_right, #page_footer .divisao_border_bottom {
				padding:0;
				margin:0;
			}
			#page_footer .divisao_border_left::after {
				border-left: 0;
			}
			#page_footer .divisao_border_right::after {
				border-right: 0;
			}
			
			#page_footer .div_login{
				position: relative;
				z-index: 1;
			}
			#page_footer .div_login::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 8px;
				right: 8px;
				border-bottom: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
				z-index: -1;
			}
			
			#page_footer .div_atendimento{
				position: relative;
				z-index: 1;
			}
			#page_footer .div_atendimento::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 8px;
				right: 8px;
				border-bottom: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
				z-index: -1;
			}
			#page_footer .footer-copyright{
				text-align:center;
			}
			#page_footer .footer-copyright .logo_loja_participante{
				text-align:center;
				margin-top:20px;
			}
			
			#page_footer .div_formas_pagamento{
				margin:0;
				padding:0;
			}
			
			#page_footer .div_seguranca{
				padding:0;
			}
			
			#page_footer .div_formas_pagamento .divisao_border_bottom::after{
				border-bottom: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
			}
		
		/* fim */
		
	}
	
	
	
	
	
	
	
	/* tablet ou menores */
	@media only screen and (min-width: 601px) and (max-width: 992px) {
		
		body {
			font-size:16px;
		}
		
		.toast-top {
			position: fixed;
			top: 10px !important; /* Ajuste conforme necessário */
			right: 20%;
			width:auto !important;
			padding:0 20px;
			transform: translateX(20%);
			z-index: 10000; /* Certifique-se de que o z-index seja alto o suficiente */
		}
		
		/* index.tpl (tablet) */
		
			.cart-square {
				top: -30px; /* Começa um pouco acima do ícone */
				right: 20px;
				left:auto;
				background-color: #ffffff;
				transform: translateX(-50%);
			}
		
		/* fim */
		
		
		/* home.tpl (tablet) */
			
			#page_home .info_destaque_home_down_menu{
				font-size:20px; 
				padding-top:20px;	
			}

			/* class slider_produtos_home */
				#page_home .slider_produtos_home .box-slider .box-produto{
					height:520px;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_produto {
					height:160px;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_preco {
					height:100px;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_preco .aviso_sem_preco{
					opacity: 1;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .info_preco_promo {
					height:100px;
				}
				#page_home .slider_produtos_home .box-slider .box-produto .btn-comprar {
					opacity: 1;
					padding: 12px 20px;
					font-size:20px;
					transform: translateX(-50%) translateY(0);
					background-color: rgba(20,47,135,0.9); /* Cor do botão */
				}
				#page_home #tabloideM{
					display:block;
				}
			
			/* fim */
		
		/* fim */
		
		
		/* lista_produtos.tpl (tablet) */
			
			#page_lista_produtos .height_lista_produtos{
				padding:0;
				margin:0;
			}
			
			#page_lista_produtos .box_lista_produtos{
				margin-bottom:15px;
				border-radius: 5px;
				background-color:#FFF;
				padding:5px 2px;
				height:550px;
			}
			
			#page_lista_produtos .limited-text {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			#page_lista_produtos .box_lista_produtos .info_preco {
				height:80px;
				width:100%;
				text-align:center;
			}
			#page_lista_produtos .box_lista_produtos .info_preco .aviso_sem_preco{
				opacity: 1;
			}
			#page_lista_produtos .box_lista_produtos .info_preco_promo {
				height:80px;
				width:100%;
			}
			#page_lista_produtos .box_lista_produtos .aplique_promo .qtd_porcentagem{
				top:5px;
			}
			#page_lista_produtos .box_lista_produtos .aplique_promo .selo-promo{
				width:85px;
				height:auto;
			}
			
			#page_lista_produtos .box_lista_produtos .btn-maisinfo {
				opacity: 1;
				bottom: 4px;
				transform: translateX(-50%) translateY(0);
			}
			
			#page_lista_produtos .box_lista_produtos .btn-comprar {
				opacity: 1;
				bottom: 49px;
				transform: translateX(-50%) translateY(0);
			}

		/* fim */
		
		
		/* produto.tpl (tablet) */
		
			#page_produto .slider-nav {
				max-width: 80px; /* Ajuste a largura conforme necessário */
				max-height:280px;
			}
		
		/* fim */
		
		
		/* orcamento.tpl (tablet) */
		
			#page_orcamento .img_ilustracao {
				background-size: auto 100%;
				background-position: bottom left 100px;
			}
		
		/* fim */
		
		
		/* orcamento_registrado.tpl (tablet) */
		
			#page_orcamento_registrado .img_ilustracao {
				background-size: auto 100%;
				background-position: bottom left 100px;
			}
		
		/* fim */
		
		
		/* rodape.tpl (tablet) */
		
			#page_footer .divisao_border_left::after {
				border-right: 0;
			}
			
			#page_footer .divisao3{
				position: relative;
				z-index: 1;
				padding-top:35px;
			}
			#page_footer .divisao3::after {
				content: '';
				position: absolute;
				top: 0;
				left: 8px;
				right: 8px;
				border-top: 1px solid rgba(20,47,135,0.2); /* Ajuste a cor e a espessura conforme necessário */
				border-left: 0;
				z-index: -1;
			}
		
		/* fim */
	
	}
	
	
	
	
	
	
	
	
	
	/* desktop menores */
	@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
		/* topo.tpl (desktop menores) */

			#topo_desktop #topo_sticky .topo_divisao .coluna1 #div_logo_desktop {
				height: 45px;
				max-width:280px;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #div_logo_desktop #img_logo_desktop{
				max-height:60px;
				min-height:30px;
				max-width:280px;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #logo_texto_desktop{
				font-size: 15px;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop {
				top: 48px;
			}
			
		/* fim */
		
		
		/* home.tpl (desktop menores) */
			
			#page_home .slider_produtos_home .box-slider{
				margin:0 2px;
				padding:5px 4px 5px 4px;
				width:230px;
			}
			#page_home #tabloideM{
				display:block;
			}
			
		/* fim */	
		
		
		/* lista_produtos.tpl (desktop menores) */
	
			
		
		/* fim */
		
		
		/* produto.tpl (desktop menores) */
	
			#page_produto .slider-nav {
				max-width: 70px; /* Ajuste a largura conforme necessário */
				width:100%;
				max-height:360px;
			}
			#page_produto .slider-nav .div_img_nav .img_produto {
				width:55px;
				height:59px;
			}
		
		/* fim */
		
		
		/* rodape.tpl (desktop menores) */
			
			#page_footer .div_formas_pagamento::after {
				border-right: 0;
			}
		
		/* fim */
	}
	
	
	
	
	
	
	
	
	/* Large Desktop */
	@media only screen and (min-width: 1201px) {
		
		/* topo.tpl (Large Desktop) */
		
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #div_logo_desktop {
				height: 45px;
				max-width:350px;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #div_logo_desktop #img_logo_desktop{
				max-height:90px;
				min-height:30px;
				max-width:350px;
			}
			#topo_desktop #topo_sticky .topo_divisao .coluna1 #logo_texto_desktop{
				font-size: 15px;
			}
			
			#topo_desktop #topo_sticky .topo_divisao .coluna2 #div2_coluna2 .autocomplete_results_desktop {
				top: 48px;
			}
			
		/* fim */
		
		
		/* home.tpl (Large Desktop) */
			#page_home .slider_produtos_home .box-slider{
				height:460px;
				margin:0 2px;
				padding:5px 4px 5px 4px;
				flex: 0 0 19.5%;
			}
			#page_home #tabloideG{
				display:block;
			}
			
		/* fim */
		
		
		/* lista_produtos.tpl (Large Desktop) */
	
			
		
		/* fim */

	}
	

/* FIM REGRAS RESPONSIVAS */

</style>