@font-face {
     font-family: monteserrat;
     src: url('Montserrat-Regular.ttf');
}
*{font-family:monteserrat}
p{font-family:monteserrat; font-size:12px; color:#000}

/*a{color:#7B6F3D;}*/
a{color:#000;}


a:hover{font-weight:bold; color:#7B6F3D}

h1{font-family:monteserrat; font-size:24px; font-weight:bold}
h2{font-family:monteserrat; font-size:18px; font-weight:bold}
h3{font-family:monteserrat; font-size:16px; font-weight:bold}



/* classes do bootstrap */
		.navbar-collapse .navbar-nav li a{
			color: #000; !important;
			font-family:monteserrat;
			font-size:12px;
		}
		
		.navbar-collapse .navbar-nav li a:hover {
			/*background:#900 !important;*/
			background:#ffdf00 !important;
			
			/*color: #fff !important;*/
			color:#3F56AE !important;
		}
		
		
		#bs-example-navbar-collapse-1{
			position:absolute;
			z-index:9999;
			width:100%;
		}
		
		modal-content {
			z-index:0;
			position:relative;
		}
		.modal fade {
			z-index:1;
			position:relative;
			background-color:#FFF;
		}
		
		.dropdown-menu {
			background-color:#f2f2f2;
			color:#000;
		}

/* topo */
.topo{
	/*background-color:#f7f7f7;*/
	background-color:#ffc001;
	padding:20px;
	position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	height:auto;
}
.menu{
	margin-top:200px;
	
}
.form-busca{
	width:350px!important;
	margin-top:5px;
}
.atendimento-topo{
	list-style-type:none;
}
.atendimento-topo li {
    display: inline-block;
	margin-right: 60px; 
	margin-left:-40px;
}
.conteudo-topo{margin-top:15px; color:#000}
.conteudo-topo-login{margin-top:40px;}
.conteudo-topo-carrinho{margin-top:40px;}

.login-home-topo{
	float:left;
	margin-top:5px;
	margin-right:10px;
}

.icone-dourado {
    /*color: #7B6F3D;*/
	color: #000;
	
	
}
.btn-dourado {
    /*background-color: #7B6F3D;
	color:#FFF;*/
	border:0px;
	 background-color: #000;
	color:#fff;
}


/* menu */
.menu{
	/*background-color:#7B6F3D;
	color:#FFF;*/
	
	background-color:#E8E8E8;
	color:#3F56AE;
	
	
}

.img-home{
		/*max-height:150px;*/
		margin-bottom:10px;
		object-fit: cover;
		object-position: center;
		height:180px;
		width:300px;
}
.img-catalogo{
		/*max-height:150px;*/
		margin-bottom:10px;
		object-fit: cover;
		object-position: center;
		height:100px;
		width:80px;
}

.box-texto{
	min-height: 40px;
	text-align:center;
	color:#333;
}
.box-produtos{
	margin-bottom:30px; 
	padding:10px; 
	margin-top:20px;
	height:350px;	
	border:1px solid #ccc;
	border-radius: 8px;
	padding-top:30px;
}

/* ofertas */
.ofertas{
	height:300px;
	padding:20px;
}
.btn-mais-detalhes{
	border:1px solid #993; height:30px; border-radius: 6px; line-height:30px;
}
.btn-mais-detalhes:hover {
  background-color: #993;
  color: white;
}

.produtos-detalhes{
	height:300px;
	padding:20px;
}

.produtos-categorias{
	height:300px;
	padding:20px;
}



/* identificacao */
.identificacao{
	padding:50px;
}
/* localizacao página de contato */
.localizacao{
	margin-top:50px;
}

.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 90%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;	
	filter: none;	
}
.garantia-qualidade{
	background-image: url(../imagens/banner-garantia-qualidade.png);
    background-size: cover;         /* Faz a imagem cobrir todo o espaço */
    background-position: center;    /* Centraliza a imagem */
    background-repeat: no-repeat;
    height: 490px;                  /* Altura definida conforme a imagem original */
    width: 100%;
  }

  @media (max-width: 768px) {
    .garantia-qualidade {
      height: 300px; /* Ajusta para telas menores, se necessário */
    }
}

.garantia-qualidade-conteudo{
	margin-top:200px;	
}


/* rodape */
.whatsapp-fixo {
	position: fixed;
	bottom:10px;
	right:10px;
	z-index: 999;
}
.rodape{
	/*background-color:#7B6F3D;*/
	background-color:#000;	
	color:#FFF !important;
	padding:20px;
	margin-top:50px;
}

.rodape, .form-control{
	margin-bottom:5px;	
}

.rodape a{color:#fff;}
.rodape p{color:#fff !important;}

.rodape a:hover{font-weight:bold; color:#fff}



.btn-newsletter{
	background-color:#333;
	color:#FFF;
	border:0px;
}

 .form-control {
     /* margin-bottom: 10px;*/
     /* padding: 5px;*/
    }
   
    .senha-wrapper {
      display: flex;
      align-items: center;
    }
    .toggle-senha {
      margin-left: -30px;
      cursor: pointer;
    }
    .hidden {
      display: none;
    }
    .inline-checkbox {
      display: flex;
      align-items: center;
      gap: 5px;
    }


#resultadoBusca .list-group-item {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#resultadoBusca img {
  border-radius: 3px;
}
.carrinho-container {
    position: relative;
    display: inline-block;
    text-align: center;
}
.logo{
	margin-top:-20px;	
}
.badge-carrinho {
    position: absolute;
    top: -8px;
    right: -30px;
    background: red;
    color: white;
    border-radius: 50%;
    padding: 4px 7px;
    font-size: 12px;
    font-weight: bold;
}


/* politica de privacidade */
 #cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.85); /* Transparência */
    color: white;
    font-size: 14px;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    width: auto;
    max-width: 98%;
  }

  #cookie-banner .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  #cookie-banner a {
    color: #b0d4ff;
    text-decoration: underline;
  }

  #cookie-banner button {
    background-color: #f1c40f;
    color: #000;
    border: none;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
  }

  @media (min-width: 768px) {
    #cookie-banner .content {
      flex-wrap: nowrap;
    }

    #cookie-banner button {
      margin-top: 0;
      margin-left: 20px;
    }
  }

/* fim */



/*-------------------------------------------------*//* versao celular */

@media(min-width: 280px) and (max-width: 750px) {
	
	h1{font-family:monteserrat; font-size:18px; font-weight:bold}
	h2{font-family:monteserrat; font-size:16px; font-weight:bold}
	h3{font-family:monteserrat; font-size:14px; font-weight:bold}
	
	#bs-example-navbar-collapse-1{
		position:absolute;
		z-index:9999;
		width:100%;
		background:#1f1e24;
		color:#fff;
		border-bottom:1px solid #ccc !important;
		margin-left:-15px;
		margin-bottom: 10px;
	}
	.navbar-collapse .navbar-nav li a:hover {
		background:#900 !important;
		color: #fff !important;
		width:100%;
	}
	
	.form-busca{
		width:auto!important;	
		margin-bottom:10px;
	}
	
	.atendimento-topo{
		list-style-type:none;
	}
	.atendimento-topo li {
		display: inline-block;
		margin-right: 30px; 
		margin-left: 0px; 
	}
	
	.topo{
		background-color:#f7f7f7;
		padding:20px;
		position: relative;
		top: 0;
		width: 100%;
		z-index: 1000;
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		height:auto;
	}
	.menu{
		margin-top:0px;	
	}
	
	.box-produtos{
		margin-bottom:30px; 
		padding:10px; 
		margin-top:20px;
		height:300px;	
		border:0px;
		padding-top:30px;
	}

	.ofertas{
		height:auto;
		padding:20px;
	}
	
	.produtos-detalhes{
		height:auto;
		padding:20px;
	}

	
	.img-home{
		/*max-height:150px;*/
		margin-bottom:10px;
		object-fit: cover;
		object-position: center;
		height:150px;
		width:300px;
}
		
	}

	.garantia-qualidade-conteudo{
		margin-top:100px;	
	}





	
}