@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:wght@100;300;400&display=swap');

*, input, button, textarea, select{
  font-family: "Inter", sans-serif;
}
/* Colours */
:root {
  --primary-color: #E00A11;
  --secondary-color: #707070;
  --white-color: #fff;  
  --white-alpha-color: #ffffff96;  
  --black-color: #000;
}

h1, h2, h3, h4, h5, h6{
  font-weight: normal;
}

/** Header **/ 
.header{
  background-color: var(--primary-color);
  color: var(--white-color);
}
/* Top */
.top {
  display: flex;
  padding: 1em;
  align-items: baseline;
  font-size: 1.2em;
  justify-content: space-between;
}
.top div {
  align-items: center;
  display: flex;
}
.top .wpp img {
  margin-right: 5px;
}

/* Search */
.top .search input, .top .search button,
.newsletter input, .newsletter button {
  border: 0;
  background: none;
  border-bottom: 1px solid var(--white-color);
  color: var(--white-color);
  padding: 2px;
}
.top .search ::placeholder,
.newsletter ::placeholder{
  color: var(--white-alpha-color);
}

/* Menu */
.add-login a {
  color: var(--white-color);
  text-decoration: none;
}
.add-login a:hover {
  color: var(--white-color);
  text-decoration: underline;
}
/** Logo + Menu **/
.logo-menu {
  display: flex;
  justify-content: start;
  align-items: center;
}
.logo-menu .menu {
  padding: 2em;
}
.logo-menu .menu a {
  margin: 1em;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.logo-menu .menu a:hover{
  font-weight: bold;
  text-decoration: none;
  color:var(--primary-color);
}
.add-login .nav_menu .link {
  margin-right: 1em;
}

/** Banner **/
.banner {
  display: flex;
  justify-content: center;
}
.banner span {
  width: 100%;
  margin: 0;
  padding: 0;
}
.banner a img {
  width: 100%;
  height: auto;
} 

/** Home **/

/* Categories */
.home-categories {
  text-align: center;
  margin-bottom: 3em;
}
.home-categories h2 {
  font-size: 2em;
  color: var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  width: 30%;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}
.home-categories .categories {
  display: flex;
  justify-content: space-around;
  align-self: center;
  margin-top: 2em;
}

/* Products */
.home-products {
  text-align: center;
  margin-bottom: 3em;
}
.home-products h2 {
  font-size: 2em;
  color: var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  width: 30%;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}
.home-products .products {
  display: flex;
  justify-content: space-around;
  align-self: center;
  margin-top: 2em;
}

/* Half banner */
.home-half.banner {
  margin-top: 5em;
  display: block;
}
.home-half.banner span img {
  width: 90%;
  text-align: center;
  display: block;
  margin: 0 auto;
}



/* Vitrine */
#vitrine {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  float: none;
}
#vitrine .box_produto {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#vitrine .box_produto .prod-img {
  height: 250px;
  display: flex;
  align-items: center;
}
#vitrine .box_produto .prod-img img {
  width: 100%;
  height: auto;
}
#vitrine .prod-nome {
  font-size: 1.25em;
}
#vitrine .prod-secao {
  opacity: 0.5;
  margin: 1em 0;
}
#vitrine .box_produto .prod-bt a{
  background: var(--primary-color);
  color: var(--white-color);
  display: block;
  text-align: center;
  padding: 0.5em;
  border-radius: 0.5em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
}
#vitrine .box_produto .prod-bt a:hover{
  background: var(--primary-color);
  color: var(--white-color);
  opacity: 0.8;
  text-decoration: none;
}

/* Internas */
body.internas .content {
  margin: 3em;
}
body.internas h1.titulo {
  margin-bottom: 1em !important;
}

/* Arquivos */
/* --------------------------------------------------------------------------- */
/* Shop - Painel - Historico de pedidos */
#historico_pedidos,
#meus_arquivos{
	border:1px solid #f0f0f0;
}
	#historico_pedidos .titulo,
	#meus_arquivos .titulo
	{
		background:#e0e0e0;
		color:#333333;
		text-transform:uppercase;
	}
	#historico_pedidos .linha_1,
	#meus_arquivos .linha_1{
		background:#fff;
		padding:1px;
		border-bottom:1px solid #f0f0f0;
	}	
	#historico_pedidos .linha_2,
	#meus_arquivos .linha_2{
		background:#f5f5f5;	
		border-bottom:1px solid #f0f0f0;		
		padding:1px;		
	}	
	#historico_pedidos a,
	#meus_arquivos a{
		padding: 3px 6px;
		background: #333;
		color: #fff;
		text-decoration: none;
		text-transform: lowercase;
		margin: 0px;
	}
	#historico_pedidos a:hover,
	#meus_arquivos a:hover{
		background:var(--primary-color);
		color:#fff;
		text-decoration:none;
	}	
	/* Frete */
	#historico_pedidos .frete{
		font-weight:bold;
		font-size:12px;
		color:#000;
	}
		#historico_pedidos .frete .label, #historico_pedidos .frete .dados{
			border:1px solid #f0f0f0;				
		}
		#historico_pedidos .frete .label{
			text-transform:uppercase;
		}
	/* Total */
	#historico_pedidos .total_final{
		font-weight:bold;
		font-size:14px;
		color:#000;
	}
		#historico_pedidos .total_final .label, #historico_pedidos .total_final .dados{
			border:1px solid #f0f0f0;				
		}
		#historico_pedidos .total_final .label{
			text-transform:uppercase;
			background-color:#f0f0f0;
		}		
	/* Historico - Dados de entrega */
	#historico_pedidos .dados_entrega td{
		border-right:1px solid #f0f0f0;
	}
	#historico_pedidos .dados_entrega, #historico_pedidos .dados_pagamento{
		padding:0;
		margin:0;
	}
		#historico_pedidos .dados_entrega td, #historico_pedidos .dados_pagamento td{
			border-bottom:1px solid #f0f0f0;
		}
			#historico_pedidos .dados_entrega .label, #historico_pedidos .dados_pagamento .label{
				background:#f0f0f0;
				padding:2;
				font-size:11;
			}
			#historico_pedidos .dados_entrega .campo, #historico_pedidos .dados_pagamento .campo{
				font-size:11;
				font-weight:bold;	
			}
		/* Rastreamento  */
		#historico_pedidos .rastreamento, #historico_pedidos .status_pedido, #historico_pedidos .status_pedido_log{}
			#historico_pedidos .rastreamento td, #historico_pedidos .status_pedido td, #historico_pedidos .status_pedido_log td{
				border-top:1px solid #f0f0f0;
				text-align:center;
			}
			#historico_pedidos .rastreamento .label, #historico_pedidos .status_pedido .label, #historico_pedidos .status_pedido_log .label{
				background:#f0f0f0;
			}
			#historico_pedidos .status_pedido_log .campo{
				text-align:left;
			}

#pesquisa_arquivo {
	text-align: right;
	margin-bottom: 5px;
}	


/** Footer **/
.footer {
  background: var(--primary-color);
  color: var(--white-alpha-color);
  padding: 5em;
  margin-top: 4em;
}

.footer-menu .menu_grupo a {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 1em;
  display: block;
}
.footer-menu .menu_grupo a.link{
  display: block;
  color:var(--white-alpha-color);
  text-decoration: none;
  font-size: 1em;
  margin: 0;
}
.footer-menu .menu_grupo a.link:hover{
  color:var(--white-color);
  text-decoration: underline;
}
.footer-top, .footer-bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4em;
}
.footer-menu {
  width: 100%;
}
.footer .footer-menu ol {
  display: flex;
  text-align: left;
  justify-content: left;
}
.footer .footer-menu ol > li{
  margin-right: 2em!important;
}
#menu ol > li {
  width: 30%;
}
/* Newsletter */
.footer .newsletter h2 {
  color: var(--white-color);
}
.footer-bottom{
  margin-bottom: 2em;
}
.footer-copyright {
  width: 250px;
}
.footer-contact{
  width: 250px;
  color: var(--white-color);
}
.footer-safe-site {
  align-self: center;
  display: flex;
  align-items: center;
}
.footer-safe-site img{
  margin-right: 1em;
}
.footer-social {
  text-align: right;
}


/*** Responsive ***/
@media (max-width: 1000px) {
  .top{
    flex-direction: column;
    text-align: center;
  }
  .top a.bt-carrinho {
    position: absolute;
    top: 2em;
    right: 2em;
  }
  .logo-menu {
    display: block;
    margin: 0 auto;
    text-align: center;
  }  
  .logo-menu .menu {
    display: none;
  }
  .top .wpp {
    font-size: 1.2em;
    text-align: center;
    width: 170px;
    margin: 1em auto;
  }
  .top .search {
    display: block;
    margin: 1em auto;
  }  
  .top .add-login {
    display: block;
    margin: 1em auto;
  }  
  .home-categories h2, .home-products h2{
    width: 90%;
  }
  .home-categories .categories {
    flex-direction: column;
  }  
  .home-categories .categories a img {
    width: 100%;
    height: auto;
  }

  #vitrine {
    flex-direction: column;
  }
  .footer-top, .footer-bottom {
    flex-direction: column;
  }
  .footer .footer-menu ol{
    flex-direction: column;
  }
  .newsletter {
    margin-top: 2em;
  }
  .footer #menu ol > li {
    width: 100%;
  }
  .footer-bottom > div {
    margin-bottom: 1em;
    text-align: center;
    width: 100%;
  }  
  .footer-safe-site{
    display: block;
  }
}