@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jaro:opsz@6..72&display=swap');

:root { 
	/* cores */
    --primary: #005cbf;
    --primary-hover: #0825c2;
    --primary-active: #0825c2;
    --secondary: #f80008;
    --secondary-hover: #e31900;
    --secondary-active: #e31900;
    --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: #F0EFEF;
	/* 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(--primary);
	--header-svg-width: 25px;
	--header-svg-height: 25px;
	--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(--secondary);
	--header-menu-mobile-color-text: var(--text);
	--header-menu-icon-color: var(--text);
	--header-menu-mobile-icon-color: var(--text);
	--header-menu-font-size: 13px;
	--header-menu-text-height: 46px;
	/* header */

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

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

    --btn-product-thumb:var(--primary);
    --btn-product-thumb-hover: var(--primary-hover);
    --btn-product-thumb-active: var(--primary-active);
    --btn-product-thumb-color: #fff;
    --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;
	--spacing-product-images: 8px;
	/* 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: 120px;
    --text: #151414;
    --text-gray: #6A6262;
	--background: #fff;
    --container-xxl: 1580px;
    --container-small: var(--container-xxl);
    --container-large: 1920px;
    --logo-max-height: 38px;
	@media (max-width: 991px) {
		--header-svg-width: 22px;
		--header-svg-height: 22px;

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

.top-bar {padding: 0;}

.section-marquee {font-size: 18px; font-weight: 600; margin-top: calc(var(--spacing-sections-home) * -1); background: var(--secondary); color: #fff; padding: 2px 0;}
.section-marquee .swiper-slide-content:after {margin: 0 40px;}
@media (max-width: 991px) {
	.section-marquee {font-size: 13px;}
	.section-marquee .swiper-slide-content:after {margin: 0 24px;}
}

.banners-home-gx {--bs-gutter-x: 8px}
.banners-home-gy {--bs-gutter-y: 8px}

.heading-title {font-size: 38px; text-transform: uppercase; font-family: var(--font-secondary);}
.product-list-description {font-size: 18px; display: none;}
@media (max-width: 991px) {
	.heading-title {font-size: 24px;}
	.product-list-description {font-size: 14px;}
}


.promotional-bar {margin: calc(var(--spacing-sections-home) / 2 * -1) 0;}

.product-thumb {background: #f0f0f0; border: none;}
.product-thumb .images img {filter: brightness(0.94);}
.product-thumb .product-pix  {background: #d9d9d9;}
/* .product-thumb .product-pix-icon svg {fill: var(--primary-hover);} */
.product-thumb .product-tag {background: var(--secondary);}
.product-thumb .product-tag::after {border-left-color: var(--secondary);}
@media (max-width: 991px) {
	.product-thumb {padding: 6px;}
}

.product-price .product-pix-icon svg {fill: #4db6ac;}

.carousel-manufacturers .carousel-manufacturers-title {display: none;}
/* .carousel-manufacturers .heading-title {font-family: var(--font-secondary); font-size: 42px;} */

.about-us {margin-bottom: calc(var(--spacing-sections-home) * -1 + 60px);}

@media (max-width: 991px) {
	#newsletter .newsletter-title {font-size: 18px;}
}

.footer-logo {max-height: 34px;}



#product .shipping-simulator .btn-shipping-simulator, #product .shipping-simulator .btn-shipping-simulator:hover {background: var(--text);}
.product-benefits svg {width: 28px; height: 28px; fill: var(--green);}
.product-price .product-price-old-value {font-size: 15px;}
.product-price .product-price-value {font-size: 34px;}
.product-price .product-tag {font-size: 13px;}
.product-price .product-short-installments {font-size: 15px;}
.product-benefits {font-weight: 500;}

.product-coupon-name {border-color: #696969;}
.btn-product-coupon-copy {background: #696969;}
.btn-product-coupon-copy:hover, .btn-product-coupon-copy:active {background: #595959 !important;}