<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 */
	}
		

	/* 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: #222222;
			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 */
	
	
	/* 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: #e9e9e9;
				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: #222222;
				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: #222222;
			}
			
			#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 .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 #ccc; /* Adiciona uma borda direita */
				text-decoration:none;
				color: #222222;
			}
			#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: #2a81ac; /* Muda a cor do texto para branco */
				background-color: rgba(42,129,172,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:#e6e6e6;
				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: #2a81ac;
				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: #222222;
			}
			
			#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: #2a81ac;
			}
			
			#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: #2a81ac;
				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:#e9e9e9;
			}
			#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: #2a81ac;
				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:#e9e9e9;
		}
		
		#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(42,129,172,0.9);
			color: #fff;
			padding: 0 15px;
			cursor: pointer;
			border-bottom:#e9e9e9 solid 1px;
			display: flex;
  			align-items: center;
		}
		#menu_lateral .collapsible-header:hover {
			background-color: rgba(42,129,172,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:#e9e9e9 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 */
	
	
	/* 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: #2a81ac;
			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:#e6e6e6;
			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: #2a81ac;
			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 */
	
	
	/* home.tpl (geral) */

		/* 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-maisinfo {
				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: #e1e1e1; /* Cor do botão */
				color: #666666; /* 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-maisinfo:hover {
				background-color: #dadada; /* Cor do botão */
			}
			#page_home .slider_produtos_home .box-slider .box-produto:hover .btn-maisinfo {
				opacity: 1;
				transform: translateX(-50%) translateY(0); /* Mostra o botão e ajusta a posição */
			}
			
			#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(42,129,172,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(42,129,172,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(42,129,172,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(42,129,172,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(42,129,172,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(42,129,172,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(42,129,172,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 */
	
	
	/* rodape.tpl (geral) */
		
		#page_footer {
		  padding-top: 20px;
		  background-color: #fff;
		  color:#8e8e8e;
		  border-top: solid 2px #2a81ac;
		  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(42,129,172,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(42,129,172,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(42,129,172,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(42,129,172,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: #2a81ac;
			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 #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-maisinfo {
					opacity: 1;
					bottom: 4px;
					transform: translateX(-50%) translateY(0);
				}
				
				#page_home .slider_produtos_home .box-slider .box-produto .btn-comprar {
					opacity: 1;
					transform: translateX(-50%) translateY(0);
					background-color: rgba(42,129,172,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 */


		/* 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(42,129,172,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(42,129,172,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(42,129,172,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) */
		
			/* 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-maisinfo {
					opacity: 1;
					bottom: 4px;
					transform: translateX(-50%) translateY(0);
				}
				#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(42,129,172,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 */
		
		
		/* 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(42,129,172,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>