@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Stack+Sans+Text:wght@200..700&display=swap');
:root {
	--primary: #10141f;
	--header-topbar-background-color: #a7a091ab;
	--header-topbar-text-color: var(--primary);
	--header-topbar-icon-color: var(--header-topbar-text-color);
	--header-background-color: var(--primary);
	--header-color-text: #fff;
	--header-menu-color-text: #a7a091;
	--header-menu-color-text-hover: #a7a091;
	--header-svg-color: #a7a091;
	--spacing-sections-home: 80px;
	--font-primary: 'Stack Sans Text', sans-serif;
}

.top-bar {font-size: 12px;}
.top-bar-marquee .swiper-slide-content:after {background: var(--header-topbar-text-color);}

/* #header .container {max-width: max-content;} */

.menu-advanced .item-nivel-1 .item-nivel-1-text {font-weight: 700;}
.menu-advanced .item-nivel-1 .item-nivel-1-text:hover {text-decoration: underline;}

.carousel-categories .swiper {max-width: none;}
.carousel-categories .bg-item-category {display: none;}
.carousel-categories .wrapper-bg-image img {max-width: none; filter: brightness(0.8);}
.carousel-categories .wrapper-bg-image img:hover .carousel-categories-title {transform: scale(1);}
.carousel-categories .carousel-categories-title {position: absolute; z-index: 1; margin-top: 41%; background: #e6e6e6c2; font-size: 30px; font-weight: 700; padding: 5px;}

.product-price .product-pix {background: transparent; border: 1px solid;}
.coupon-bar {border: 1px solid #dadada; padding: 16px 0; margin-top: auto; color: var(--primary); background: transparent; font-weight: 500; font-size: 14px;}
#coupon-copy {background: transparent; color: #2a2a2a; text-decoration: underline; padding: 0; font-size: 14px;}

@media (max-width: 1046px) {
	/* #header .container {max-width: max-content;} */
	.header-wrapper, .header-left, .header-right {gap: 10px;}
	.menu-advanced .with-child {gap: 2px;}
	.menu-advanced .item-nivel-1 .item-nivel-1-text {padding: 10px 7px; gap: 2px; font-weight: 400; font-size: 12px;}
}

@media (min-width: 1047px) and (max-width: 1210px) {
	/* #header .container {max-width: max-content;} */

	.header-wrapper, .header-left, .header-right {gap: 20px;}
	.menu-advanced .item-nivel-1 .item-nivel-1-text {padding: 10px 7px; font-size: 12px; font-weight: 400;}
}

@media (max-width: 1399px) {
	#header .container {max-width: fit-content;}
}