@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');

:root { 
	/* cores */
    --primary: #2A2727;
    --primary-hover: #252525;
    --primary-active: #404040;
    --secondary: #ED1C24;
    --secondary-hover: #373737;
    --secondary-active: #1d1d1d;
    --green:#00b32d;
	--green-hover: #0b8b2b;
	--green-active: #0a7023;
    --gray:#e6e6e6;
	--gray-hover: #e1e1e1;
	--gray-active: #dadada;
    --gray-light:#f3f3f3;
	--gray-light-hover: #e8e8e8;
	--gray-light-active: #e2e2e2;
	--white: #F6F4F4;
	/* cores */

	/* header */
	--header-topbar-background-color: #151414;
	--header-topbar-text-color: var(--white);
	--header-topbar-icon-color: var(--white);
	--header-background-color: #0D0D0D80;
	--header-border-color: transparent;
	--header-color-text: var(--white);
	--header-svg-color: var(--white);
	--header-svg-width: 24px;
	--header-svg-height: 24px;
	--header-search-background-color: var(--white);
	--header-search-background-color-focus: var(--gray);
	--header-search-color: var(--text);
	--header-menu-background: #fff;
	--header-menu-color-text: var(--white);
	--header-menu-color-text-hover: var(--white);
	--header-menu-mobile-color-text: var(--text);
	--header-menu-icon-color: var(--text);
	--header-menu-mobile-icon-color: var(--text);
	--header-menu-font-size: 14px;
	--header-menu-text-height: 88px;
	/* header */

	/* footer */	
	--footer-background-color: #fff;
	--footer-border-color: #DAD7D7;
	--footer-color-text: var(--text-gray);
	--footer-space: 40px;
	/* footer */

	/* fontes */
    --font-primary: 'Stack Sans Text', sans-serif;
	/* fontes */

	--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 */

	/* produto */
	--spacing-sections-product: 40px;	
	--spacing-product-column-right: 24px;	
	/* produto */
	
	/* variações */
	--variant-button-background-color: #fff;
	--variant-button-color: var(--text), #141414;
	--variant-button-border-color: #DAD7D7;
	--variant-button-selected-background-color: var(--primary);
	--variant-button-selected-color: #fff;
	--variant-button-selected-border-color: var(--primary);
	--variant-button-border-radius: var(--border-radius-default);
	/* variações */

	/* radius */
	--border-radius-default: 0px;
	/* radius */
	
	/* geral */
	--products-gutter-x: 8px;
	--products-gutter-y: 8px;
	--product-thumb-spacing: 4px;
	--plyr-color-main: var(--primary);
	--spacing-sections-home: 112px;
    --text: #2A2727;
    --text-secondary: #7F7676;
	--background: var(--white);
    --container-xxl: 1840px;
    --container-small: var(--container-xxl);
    --container-large: 1920px;
    --logo-max-height: 48px;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;
		--spacing-sections-home: 36px;
		--footer-space: 24px;
		--logo-max-height: 40px;
	}
	/* geral */
}

#header.header-fixed {background: var(--white); --header-svg-color: var(--text); --header-menu-color-text: var(--text); --header-menu-color-text-hover: var(--secondary);}
#header .logo {transition: ease all .5s;}
#header.header-fixed .logo {filter: invert(1);}

.btn.btn-white-outline {border: 1px solid var(--white); padding: 10px 20px; color: var(--white);}
.btn.btn-white-outline:hover {background: var(--white); color: var(--text);}

.top-bar {padding: 12px 0; text-transform: none;}
.header-blur {backdrop-filter: blur(9.100000381469727px); position: absolute; left: 0; width: 100%; height: 100%; z-index: -1;}
.menu-advanced .item-nivel-1 .item-nivel-1-text {text-transform: none;}

.slideshow {margin-top: calc(var(--header-menu-text-height)  * -1);}

.banners-medium {margin-top: calc(var(--spacing-sections-home) * -1 + 4px);}
.banners-home .banner-content-wrapper {position: relative;}
.banners-home .banner-content-wrapper::after {content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0, 0, 0, 0.45) 64%, rgba(255, 255, 255, 0) 100%); top: 0; left: 0;}
.banners-home .banner-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%); z-index: 1; text-align: center; width: 100%; padding: 12px;}
.banners-home .banner-content-title {font-size: 40px; font-weight: 700; letter-spacing: .8px; color: var(--white);}
.banners-home-gy {--bs-gutter-y: 4px}
.banners-home-gx {--bs-gutter-x: 4px}

.promotional-bar {margin: calc(var(--spacing-sections-home) / 2 * -1) 0;}
.promotional-bar .promotional-bar-items-wrapper {gap: 56px;}
.promotional-bar .title {font-weight: 500; text-transform: none;}
.promotional-bar .content {color: var(--text-secondary);}
.promotional-bar .block {flex-direction: row; text-align: start;}
.promotional-bar svg {width: 24px; height: 24px;}

.carousel-categories .swiper {max-width: none;}
.carousel-categories .wrapper-bg-image img {max-width: none; transform: none;}
.carousel-categories .bg-item-category {background: #0000004a; z-index: 0;}
.carousel-categories .carousel-categories-title {position: absolute; top: 50%; transform: translateY(-50%); color: var(--white); font-size: 16px; text-transform: uppercase;}
.carousel-categories .categories-arrows {margin-top: 40px;}
.carousel-categories .heading-title {margin-bottom: 40px;}

.product-tabs .product-list .container {max-width: var(--container-large); padding: 0;}
.product-tabs .product-list .product-list-link {display: none;}

.heading-title {font-size: 24px; font-weight: 400; letter-spacing: -0.48px;}

.product-thumb .product-thumb-bottom {position: inherit; opacity: 1; border: none; padding: 0; background: transparent;}
.product-thumb .product-thumb-top {margin: 0;}
.product-thumb .caption {padding: 16px;}
.product-thumb .product-variation-wrapper {display: flex;}