/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 11 2026 | 20:52:56 */
/* Botoes Atributos e Medidas */	
.container-adicionar-limpar {	
	display: flex;           
	align-items: stretch;
	flex-wrap:nowrap;
	gap: 5px;
	padding: 0px;
	margin:0px;
}

.botao-adicionar-limpar {
	background:white !important;
	color:black !important;
	text-decoration:none !important;	
	display: flex;
	flex:3;
	padding: 5px;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	font-weight: 550;
	border: 2px solid transparent;
	box-shadow: 0 0 5px black;
	border-radius: 5px;
	transition: all 0.3s ease;
	gap:5px;
	font-size:18px;
}

.botao-limpar-adicionar {
	position:relative;
	background:black !important;
	color:white !important;
	text-decoration:none !important;	
	display: flex;
	flex:1;
	padding: 5px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-weight: 550;

	border: 2px solid transparent;
	box-shadow: 0 0 5px black;
	border-radius: 5px;
	transition: all 0.3s ease;
	gap:5px;
	font-size:18px;	
}

.botao-adicionar-limpar:hover, .botao-adicionar-limpar:active, .botao-adicionar-limpar:focus{
	background:lightgray !important;
	color:black !important;
	border: 2px solid transparent !important;
	box-shadow: 0 0 5px black !important;	
}	

.botao-limpar-adicionar:hover, .botao-limpar-adicionar:active, .botao-limpar-adicionar:focus{
	background:lightgray !important;
	color:black !important;
	border: 2px solid transparent !important;
	box-shadow: 0 0 5px black !important;	
}	

.botao-adicionar-limpar > i {
	font-size: 1.5em;
	margin-left: 10px;
}	

.atributo-multiplo-loja {
	width: 100%;
	padding: 5px;
	margin: 0px;
	background-color: white;
	border: none;
	box-shadow: 0 0 5px black;
	border-radius: 5px;	
}	

.lista-selecionados-atributos {
	width:100%;
	gap:5px;
	padding:0px;
	margin:0px;
}

.span-opcao-loja {
	font-size:16px;
	line-height:40px;	
	font-weight: 550;	
	margin-right:5px !important;	
	padding:5px;
	background:lightgray;
	border-radius:5px;
	border: 2px solid transparent;
	box-shadow: 0 0 5px black;
}	

.button-opcao-loja, .button-opcao-loja:active, .button-opcao-loja:focus{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:25px;
	height:25px;
	margin-left:6px;
	margin-top:-2.5px;
	vertical-align:middle;	
	border:none;
	background:white !important;
	color:red !important;
	text-decoration:none !important;
	cursor:pointer;
	font-weight: 550 !important;
	font-size:16px !important;	
	border-radius:5px;
	box-shadow: 0 0 2.5px black;
	position:relative;
}

.button-opcao-loja:hover {
	background:red !important;
	color:white !important;
	box-shadow: 0 0 2.5px black;	
}	

.quadradinho-opcao{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:25px;
	height:25px;
	margin-right:6px;
	margin-top:-2.5px;
	vertical-align:middle;
}

.img-opcao{
	width:23px;
	height:23px;
	object-fit:cover;
}		

a.ocultar-termo { 
	pointer-events: none; 
	cursor: default; /* opcional, muda o cursor para indicar que não é clicável */ 
	color: gray; /* opcional, estilo visual */ 
	position:relative;
	user-select: none;
}

.overlay-lista{
	display:none;
}	

a.ocultar-termo .li-lista {
	position: relative;
	z-index: 1; /* garante que o conteúdo fique visível */
}	

a.ocultar-termo .li-lista .overlay-lista {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.1);
	z-index: 2; /* acima do conteúdo */
	display:flex;
	align-itens:center;
	justify-content:center;
}

.grupo-atributo.ocultar-termo .overlay-lista {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.1);
	z-index: 2; /* acima do conteúdo */
	display:flex;
	align-itens:center;
	justify-content:center;
	pointer-events: auto;
}

.grupo-atributo.ocultar-termo {
	position: relative;
	pointer-events: none;
}

/* ---------*/
/* LISTAS DE PRODUTOS */
/*---------*/
.wrapper-lista-produtos {
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
	margin: 10px auto;
	padding: 0px;
	gap:10px;
}

.opcoes-produtos {
	width:97%;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	gap:10px;
	margin:0px;
	padding: 0px;
}

.botao-carregar-produtos, .botao-carregar-produtos:active, .botao-carregar-produtos:focus,
.botao-abrir-loja, .botao-abrir-loja:active, .botao-abrir-loja:focus,
.abrir-modal-categoria-loja, .abrir-modal-categoria-loja:active, .abrir-modal-categoria-loja:focus,
.abrir-modal-orderby, .abrir-modal-orderby:active, .abrir-modal-orderby:focus,
.abrir-modal-sobre-nos, .abrir-modal-sobre-nos:active, .abrir-modal-sobre-nos:focus,
.descricao-categoria-loja, .descricao-categoria-loja:active, .descricao-categoria-loja:focus {
	cursor:pointer;
	text-decoration:none;
	position:relative;
	margin:0px;	
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	align-items:center;	
	gap:5px;	
}

.abrir-modal-sobre-nos, .abrir-modal-sobre-nos:active, .abrir-modal-sobre-nos:focus {
	color:black;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	justify-content:space-between;
	width: 100%;
	height:50px;
	font-size:20px;
	font-weight: 550;
	line-height:40px;
	padding:5px;
}

.abrir-modal-sobre-nos:hover {
	color:black;
	background:lightgray;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
}

.abrir-modal-orderby, .abrir-modal-orderby:active, .abrir-modal-orderby:focus {
	color:black;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	justify-content:space-between;
	width: 100%;
	height:25px;
	font-size:15px;
	font-weight:550;
	line-height:15px;	
	padding:5px;
}

.abrir-modal-orderby:hover {
	color:black;
	background:lightgray;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
}

.categoria-esquerda {
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;	
	gap:5px;
	margin:0px;
	padding:0px;
}

.abrir-modal-categoria-loja, .abrir-modal-categoria-loja:active, .abrir-modal-categoria-loja:focus {
	color:black;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	justify-content:space-between;
	width: 100%;
	height:50px;
	font-size:20px;
	font-weight: 550;
	line-height:40px;
	padding:5px;
}

.abrir-modal-categoria-loja:hover {
	color:black;
	background:lightgray;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
}

.abrir-modal-categoria-loja:hover img,
.abrir-modal-categoria-loja:active img,
.abrir-modal-categoria-loja:focus img{
	border-radius: 50% !important;
	box-shadow: 0 0 5px black !important;
}	

.descricao-categoria-loja, .descricao-categoria-loja:active, .descricao-categoria-loja:focus {
	color:black;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	justify-content:space-between;
	width: 100%;
	height:40px;
	font-size:18px;
	font-weight: 550;
	line-height:30px;
	padding:5px;
}

.descricao-categoria-loja:hover {
	color:black;
	background:lightgray;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
}

.descricao-categoria-loja.ativa {
	color:white;
	background:black;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 		
}

.placeholder-categoria-loja {
	display:flex;
	width:100%;
	color:black;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
	margin:0px;
	padding:5px;
	font-size:20px;
	font-weight: 550;	
}

.botao-carregar-produtos, .botao-carregar-produtos:active, .botao-carregar-produtos:focus {
	color:white;
	background:black;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	width: 97%;
	justify-content:center;
	height:50px;
	font-size:20px;
	font-weight: 550;
	line-height:40px;
	padding:5px;
}

.botao-carregar-produtos:hover {
	color:black;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
}

.botao-carregar-produtos[data-valido="0"] {
	display:none;
}

.botao-abrir-loja, .botao-abrir-loja:active, .botao-abrir-loja:focus {
	color:white;
	background:red;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
	justify-content:center;
	width: 100%;
	height:50px;
	font-size:20px;
	font-weight: 550;
	line-height:40px;
	padding:5px;
}

.botao-abrir-loja:hover {
	color:red;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 	
}

.lista-produtos {
	width:97%;
	display:grid;
	grid-template-columns:repeat(1,minmax(0,1fr));
	gap:5px;
	margin:0px;
	padding: 0px;
}

.item-produto {
	width:100%;
	min-width:0;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	padding:5px;
	margin:0px;
}

.imagem-produto {
	width:100%;
	position:relative;
	aspect-ratio:4/5;
	border:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	z-index: 1;
}

.botao-produto-imagem {
	cursor:pointer;
	text-decoration:none;
	z-index: 3;
}

.imagem-produto img {
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	z-index: 2;
}

.botao-produto, .botao-produto:active, .botao-produto:focus {
	cursor:pointer;
	width: 100%;
	height:30px;
	font-size:16px;
	line-height:20px;
	color:white;
	background:green;
	text-decoration:none;
	position:relative;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
	padding:5px;
	margin:0px;	
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;	
}

.botao-produto:hover {
	color:green;
	background:white;
	border:none;
	box-shadow: 0 0 5px black;
	border-radius:5px; 
}

/* Mobile */
@media (min-width:360px){
	.lista-produtos{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

/* Tablet */
@media (min-width:768px){
	.lista-produtos{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

/* Desktop */
@media ( min-width: 1150px ) {
	.lista-produtos{
		max-width:1150px;
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
	.botao-carregar-produtos {
		max-width:1150px;
	}
	.opcoes-produtos {
		max-width:1150px;
	}	
	.abrir-modal-categoria-loja {
		max-width:1150px;
	}	
	.botao-abrir-loja {
		max-width:1150px;
	}	
	.atributo-multiplo-loja {
		max-width:1150px;
	}
	.abrir-modal-sobre-nos {
		max-width:1150px;
	}
	.descricao-categoria-loja {
		max-width:1150px;
	}	
}

/* ----------------------------------- */
/* ICONE LISTA DE DESEJOS */
/* ----------------------------------- */
.ativar-acao-lista-de-desejos, .ativar-acao-lista-de-desejos:active, .ativar-acao-lista-de-desejos:focus {
    position: absolute;
    top: 1px;
    right: 4px;
    z-index: 4;	
	display: flex;
	align-items: center;
	justify-content:center;
	flex-direction:row;
	flex-wrap:nowrap;
	background:none;
	color: #000;
	box-shadow:none;
	border:none;
	overflow:visible;
	height:25px;
	width:25px;
	padding: 0px;
	margin: 0px;
	font-size:16px;
	font-weight: bold;
	border-radius:5px;
	cursor:pointer;
}

.ativar-acao-lista-de-desejos:hover{
	color: red;	
	background:none;
}