@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://use.typekit.net/bsm4eui.css');

:root { 
	/* cores */
    --primary: #1d1d1d;
    --primary-hover: #242424;
    --primary-active: #000000;
	--secondary: #c43a3c;
	--secondary-hover: #b20606;
	--secondary-active: #910101;
	/* cores */

	/* header */
	--header-topbar-background-color: var(--primary);
	--header-topbar-text-color: #fafafa;
	--header-topbar-icon-color: #fafafa;
	--header-background-color: #fff;
	--header-border-color: #DAD7D7;
	--header-color-text: var(--text);
	--header-svg-color: var(--secondary);
	--header-svg-width: 30px;
	--header-svg-height: 30px;
	--header-search-background-color: #ffffff;
	--header-search-background-color-focus: #ffffff;
	/* header */


	/* fontes */
    --font-primary: 'Roboto', sans-serif;
    --font-secondary: 'bebas-neue-pro-expanded', sans-serif;
	/* fontes */
	
	/* geral */
    --logo-max-height: 106px;
	@media (max-width: 991px) {
		--logo-max-height: 66px;
	}
	/* geral */
}

.btn-green {background: #d72a2a; border: 1px solid #d72a2a;}
.btn-green:hover {background: var(--secondary); border: 1px solid var(--secondary);}
.btn-green:focus {background-color: var(--secondary) !important; border: 1px solid var(--secondary) !important; box-shadow: none;}
/* HOME */
/* Top-bar */
.top-bar {padding: 11px 0; font-size: 13px;}

/* header */
.header-wrapper {padding: 5px;}
.header-wrapper .header_search {max-width: 400px;}
.header-wrapper .search {border-radius: 20px; border: 1px solid #c43a3c4f;}
.header-wrapper .search:focus-within {border: none; border: 1px solid var(--secondary);}

/* Menu */
.menu-advanced .lista-nivel-3 {margin-top: 0;}

/* Cupom de Desconto */
#coupon-name {border:2px dashed #c43a3c;}
#coupon-copy {background: #d2d2d2;}

/* Barra Promocional */
.promotional-bar svg {width: 40px; height: 40px;}
.promotional-bar svg path {fill: var(--primary);}

/* Banners Médios */
.banners-home {justify-items: center;}
.banners-home .flex-lg-row {gap: 45px;}

/* Carousel de Marcas */
#manufacturer {margin-bottom: 10px;}

/* Produto */
.product-thumb .product-price-value {color: var(--secondary);}

/* Footer  */
footer {margin-top: 0;}
footer .logo {display: none;}
footer .list-contact__item i {color: var(--secondary);}

/* PÁGINA INTERNA */
/* Produto */
.product-price .product-pix-value {color: #3f3f3f;}
#product .btn-installment {padding: 10px 13px; color: var(--primary); border: 1px solid var(--primary);}