/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


:root { 
	/* Customizado */
	/* cores */
    --primary: #252525;
    --primary-hover: #151515;
    --primary-active: #050505;
    --secondary: #201e1d;
    --secondary-hover: #373737;
    --secondary-active: #1d1d1d;
    --green:#0FBD0F;
	/* cores */

	--header-border-color: #eee;
	--footer-background-color: #181515;
	--footer-border-color: #292929;
	--footer-color-text: #fff;

	--font-primary: 'Roboto', sans-serif;
    --font-secondary: 'Chakra Petch', sans-serif;

	--btn-primary: #fff100;
    --btn-primary-hover: #eee100;
    --btn-primary-active: #d6ca00;
	--btn-product-thumb-view-color: var(--text);
    --btn-product-thumb-view: transparent;
	
    --text: #201E1D;

    --container-xxl: 100%;
    --container-small: 1540px;

    --logo-max-height: 100%;

	/* Customizado */

	/* header */
	--header-svg-color: var(--primary);
	--header-svg-width: 22px;
	--header-svg-height: 22px;
	--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(--text);
	--header-menu-color-text-hover: var(--text);
	--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: 78px;
	/* header */

	/* footer */	

	--footer-space: 40px;
	/* footer */

	/* fontes */
    /* --font-primary: 'Karla', sans-serif; */
	/* fontes */
   
	/* botões */
    
    --btn-secondary: var(--secondary);
    --btn-secondary-hover: var(--secondary-hover);
    --btn-secondary-active: var(--secondary-active);

	--btn-product-thumb-purchase: var(--primary);
	--btn-product-thumb-purchase-hover: var(--primary-hover);
	--btn-product-thumb-purchase-active: var(--primary-secondary);
    --btn-product-thumb-purchase-color: #fff;
    --btn-product-thumb-view-hover: #f6f6f6;
    --btn-product-thumb-view-active: #f1f1f1;

    --btn-product-thumb-radius: 4px;

	--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: 4px;
	--btn-border-radius: var(--border-radius-default);
	--input-border-radius: var(--border-radius-default);
	/* radius */
	
	/* geral */
	--products-gutter-x: 8px;
	--products-gutter-y: 8px;
	--product-thumb-spacing: 4px;
	--plyr-color-main: var(--primary);
	--spacing-sections-home: 40px;
    --text-gray: #6A6262;
	--background: #fff;
    --container-large: 1920px;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;

		--spacing-sections-home: 36px;
		--footer-space: 24px;
		--logo-max-height: 40px;
	}
	/* geral */
}

.container {padding: 0 40px;}

.heading-title {font-size: 20px; font-weight: 700; text-transform: uppercase; font-family: var(--font-secondary); color: var(--secondary); margin-bottom: 12px; line-height: 1.2;}

.container-arrow {width: 30px; height: 30px; background: var(--primary); border: none;}
.container-arrow i {color: #fff;}
.container-arrow:hover {background: var(--secondary-hover);}

.top-bar {display: none;}
.header-wrapper-grid .header-search {position: relative;}
#header .logo {max-width: 110px;}

.menu-advanced .lista-nivel-1 {gap: 40px;}
.menu-advanced .item-nivel-1 .item-nivel-1-text, .menu-advanced .with-child {gap: 5px; font-weight: 600; padding: 32px 0; font-family: var(--font-secondary);}
.menu-advanced .with-child i.bi-chevron-down {font-size: 12px;}
.menu-advanced .item-nivel-1.item-custom .item-nivel-1-text {color: var(--green);}
.menu-advanced .item-nivel-1 .item-nivel-1-text:hover {color: var(--primary);}
.sub-menu-column {padding: 40px;}
.menu-advanced .title-principal {display: none;}
.menu-advanced .lista-nivel-2 {flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px;}
.menu-advanced .item-nivel-2 {white-space: nowrap;}
.menu-advanced .item-nivel-2 > a {border-bottom: 1px solid #e6e5e5; margin-bottom: 16px; font-weight: 600; text-transform: uppercase; font-size: 14px; width: 100%; padding: 0 0 16px; font-family: var(--font-secondary);}
.menu-advanced .lista-nivel-3 {display: flex; flex-direction: column; gap: 16px;}
.menu-advanced .lista-nivel-3 a {color: var(--header-menu-color-text); padding: 0; font-size: 14px;}
.menu-advanced .lista-nivel-3 a:hover {text-decoration: none;}
.menu-advanced .menu-advanced-see-all {display: none;}

.barra-destaque { color: #fff; font-size: 17px; background: #000; justify-items: center; padding: 10px; margin-top: calc(var(--spacing-sections-home) * -1);}
.barra-destaque a {color: #fff; border-bottom: 1px solid #e8e200; font-size: 18px; font-weight: 700;}

.promotional-bar .container {max-width: 1340px;}
.promotional-bar .block {flex-direction: row; gap: 12px; justify-content: center;}
.promotional-bar svg {width: 24px; height: 24px;}
.promotional-bar svg path {fill: var(--secondary);}
.promotional-bar .title {color: var(--text); margin-bottom: 0; line-height: 13px;}

.banner-grid {display: grid; grid-template-areas: "banner1 banner2" "banner1 banner3"; gap: 16px;}
.banner-grid .banner {overflow: hidden;}
.banner-grid .banner:nth-child(1) {grid-area: banner1;}
.banner-grid .infos-banners {position: absolute; bottom: 60px; left: 60px; color: #fff; font-family: var(--font-secondary); text-transform: uppercase; z-index: 1;}
.banner-grid .infos-banners h3 {font-size: 24px; font-weight: 700; letter-spacing: 4px;}
.banner-grid .infos-banners p {color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 4px;}
.banner-grid .infos-banners h3:hover {text-decoration: underline; font-size: 27px;}
.banner-grid .infos-banners p:hover {text-decoration: underline; font-size: 18px;}
.banner-grid .shadow {position: absolute; height: 100%; width: 100%; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,0.7035189075630253) 40%, rgba(253,187,45,0) 100%); z-index: 1;}
.banner-grid img {transition: ease .5s all;}
.banner-grid .banner:hover img {transform: scale(1.05);}

.product-list-description {font-size: 14px; color: var(--text); margin-top: 0;}
.product-thumb {margin: 8px; border-radius: 0 0 4px 4px; transition: all ease .5s; border-width: 1px; border-style: solid; border-color: #fff; border-image: initial;}
.product-thumb:hover {border: 1px solid #e6e5e5;}
.product-thumb .wishlist {display: flex; top: 8px; right: 8px;}
.product-thumb img {filter: brightness(0.9); transition: 0.5s;}
.product-thumb .product-price-value {font-size: 12px; font-weight: 800; color: var(--secondary); margin-bottom: 4px;}
.product-thumb .product-short-installments {color: #9a9998; font-size: 12px; margin-top: 0;}
.product-thumb .product-pix {order: -1; margin-top: 0; margin-bottom: 8px; gap: 4px;}
.product-thumb .product-pix-value {font-weight: 800;}
.product-thumb .product-pix-text {font-size: 12px; color: var(--text);}
.product-thumb .product-thumb-bottom {left: 0;  border-radius: 0 0 4px 4px; transition: ease all .2s; padding: 0 16px 16px 16px;}
.product-thumb:hover .product-thumb-bottom {bottom: 0; visibility: visible;}
.product-thumb .btn-product-thumb {padding: 10px 0; margin-top: 8px; font-weight: 800; border: 1px solid var(--text);}
.product-thumb-title {font-weight: 500; -webkit-line-clamp: 2; margin-top: 16px; min-height: 34px;}
.product-thumb-title a {color: var(--text);}

.product-tabs {margin-top: 48px;}
.product-tabs .nav-tabs {justify-content: center; gap: 0px;}
.product-tabs .nav-link {color: var(--primary); font-weight: 700; font-size: 20px; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);}

.product-list-link {margin-top: 40px;}
.product-list .product-list-link a {padding: 8px 16px; border: 2px solid var(--secondary); font-weight: 700; border-radius: 2px; text-transform: uppercase; transition: ease all .5s;}
.product-list .product-list-link a i {display: none;}
.product-list-link a:hover {background: var(--secondary); color: #fff;}

.product-list-carousel .vowt-prev {left: -5px;}
.product-list-carousel .vowt-next {right: -5px;}

.small-banners {display: flex; gap: 16px;}
.small-banners .banner {overflow: hidden;}
.small-banners .shadow {position: absolute; height: 100%; width: 100%; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,0.7035189075630253) 40%, rgba(253,187,45,0) 100%); z-index: 1;}
.small-banners img {transition: ease .5s all;}
.small-banners .banner:hover img {transform: scale(1.05);}
.small-banners .infos-banner {position: absolute; bottom: 60px; left: 60px; color: #fff; font-family: var(--font-secondary); text-transform: uppercase; z-index: 1;}
.small-banners .infos-banner p {color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 4px;}
.small-banners .infos-banner h3 {font-size: 24px; font-weight: 700; color: #fff; letter-spacing: 4px;}
.small-banners .infos-banner h3:hover {font-size: 27px;}
.small-banners .infos-banner p:hover {font-size: 18px;}

.athlete {background: #f4f3f3; padding: 40px 0;}
.athlete .image:hover .text {opacity: 1; cursor: auto;}
.athlete .text {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ff69019c; position: absolute;bottom: 0; left: 0; opacity: 0; font-size: 20px; font-family: var(--font-secondary); color: #fff;}

.blog-thumb {border: 1px solid #eee; border-radius: 2px;}
.blog img {border-radius: 4px 4px 0 0; transition: all ease .5s;}
.blog img:hover {filter: brightness(.7);}
.blog .blog-body {padding: 10px;}
.blog .blog-tags {display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap;}
.blog .blog-tag {color: #fff; font-size: 10px; font-weight: 500; padding: 4px 8px; text-transform: uppercase; border-radius: 4px;}
.blog .blog-date {font-size: 12px; color: #888; margin-bottom: 2px;}
.blog .blog-title {font-size: 20px; margin: 0; font-weight: 600; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 48px;}
.blog .blog-resume {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; min-height: 126px; color: #515151; margin-bottom: 8px;}
.blog-thumb .blog-tag:nth-child(1n) {background: var(--primary);}
.blog-thumb .blog-tag:nth-child(2n) {background: var(--secondary);}

.blog .read-more {color: var(--primary); font-weight: 600; font-size: 12px;}
.blog .link-blog {color: var(--primary); margin-bottom: 48px;}