@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root { 
	/* cores */
    --primary: #003500;
    --primary-hover: #68d400;
    --primary-active: #079205;
	--tertiary: #ffcc00;
	/* cores */

	/* header */
	--header-topbar-background-color: #004100;
	--header-topbar-text-color: #fafafa;
	--header-topbar-icon-color: #fafafa;
	--header-background-color: var(--primary);
	--header-border-color: #DAD7D7;
	--header-color-text: #fafafa;
	--header-svg-color: var(--primary-active);
	--header-search-background-color: #ced3ce;
	--header-menu-color-text: #fafafa;
	--header-menu-color-text-hover: var(--primary-hover);
	--header-menu-font-size: 12px;
	--header-svg-width: 20px;
	--header-svg-height: 20px;
	/* header */

	/* fontes */
    --font-primary: 'Poppins', sans-serif;
	/* fontes */
   
	/* botões */
    --btn-product-thumb:var(--primary-active);
    --btn-product-thumb-hover: var(--primary-active);
    --btn-product-thumb-active: var(--primary);

	--btn-add-cart: var(--green);
	--btn-add-cart-hover: var(--green-hover);
	--btn-add-cart-active: var(--green-active);
	--btn-add-cart-color: #fff;

	/* botões */

	/* geral */
    --container-small: 1530px;
    --container-xxl: 1760px;
    --container-large: 1920px;
    --logo-max-height: 64px;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;

		--spacing-sections-home: 36px;
		--footer-space: 24px;
		--logo-max-height: 40px;
	}
	/* geral */
}

/* Topo  */
.top-bar-items {justify-content: center; gap: 40px;}
.top-bar {display: none;}

.header-wrapper {gap: 30px; padding: 20px 0;}

.header-wrapper .search svg {fill: #000000;}
.header-wrapper .search {border: 1px solid #024d02;}

.header-info {font-size: var(--header-menu-font-size);}

.header-bottom {background: #004100; border-top: none;}
.menu-advanced .lista-nivel-1 {justify-content: center; gap: 100px;}

/* Home  */

/* Carousel categories */
.carousel-categories .swiper-wrapper {justify-content: center; gap: 40px;}
.carousel-categories img {border-radius: 50%; padding: 4px; box-shadow: 0 0 3px #0000007a;}
.carousel-categories img:hover {filter: brightness(.6);}

.product-thumb:hover {border-color: var(--primary);}
.product-thumb .product-thumb-bottom {display: none;}
.product-thumb .product-price-old-value {color: #8f1313;}

.product-list-carousel-bg {background: var(--primary);}

.brand-marquee {overflow: hidden; position: relative; width: 100%; background: #fff; padding: 20px 0; cursor: grab;}
.brand-marquee:active {cursor: grabbing;}
.brand-marquee .marquee-track {display: flex; width: fit-content; animation: scrollBrands 25s linear infinite; will-change: transform;}
.brand-marquee .brand-item {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; margin: 0 40px; transition: transform 0.3s;}
.brand-marquee .brand-item:hover img {filter: none; opacity: 1; transform: scale(1.05);}
@keyframes scrollBrands {
	from {transform: translateX(0);}
	to {transform: translateX(-50%);}
}

/* Footer  */
.footer-informations img {display: none;}
footer .footer-list {gap: 10px; margin-bottom: 0;}
.list-contact__item.list-contact__item--telephone {display: none;}
.list-contact__item.list-contact__item--geocode {display: none;}
footer .footer-seal__title {margin-bottom: 8px;}

/* PÁGINA INTERNA */

/* Produto */
.product-price-value {display: none;}
.product-price .product-pix-value {color: var(--primary-active);}
.product-price .product-pix-icon svg {fill: var(--primary-active);}
.product-price .product-price-old-value {color: #8f1313;}

/* MOBILE */
	.offcanvas-footer {background: var(--primary);}
	.offcanvas-menu-mobile .social-media i {background: var(--primary); color: #fff !important;}
@media (max-width: 991px) {
	.banners-large img {aspect-ratio: 1920 / 480 !important;}
	.product-price .product-pix {width: 100%;}
}
@media (max-width: 1600px) {
	/* Header  */
	#header .container {max-width: var(--container-small);}
	.header-wrapper {gap: 18px;}
}
