@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');

:root { 
	/* cores */
    --primary: #739982;
    --primary-hover: #5f826e;
    --primary-active: #4b6758;
    --secondary: #545454;
    --secondary-hover: #3f3f3f;
    --secondary-active: #2e2e2e;
	/* cores */

	/* header */
	--header-topbar-background-color: var(--secondary);
	--header-topbar-text-color: #fff;
	--header-topbar-icon-color: #fff;

	/* header */

	/* botões */
    --btn-product-thumb: var(--primary);
	/* botões */
	
	/* geral */
    --logo-max-height: 55px;
	@media (max-width: 991px) {
		--logo-max-height: 40px;
	}
	/* geral */
}

/* Topo */
.header-wrapper svg, .header-wrapper svg path {fill: var(--secondary);}
.header-wrapper {padding: 20px 0;}

/* Home */
.coupon-bar {background: #f7f7f5; color: #575650;}
#coupon-name {border: 2px dashed #cbbd93; color: #000000; background: #ffffff;}
#coupon-copy {background: var(--primary); color: #ffffff;}
#coupon-copy:hover {background: var(--primary-hover);}
#coupon-copy:active {background: var(--primary-active);}

.promotional-bar svg path {fill: #dbc7a4;}

/* .product-thumb .product-pix {background: #dbc7a4;} */

.product-list-carousel-bg {background: linear-gradient(160deg, #dbc7a4 0%, #a0805a 60%, #545454 100%);
}

#embaixadores { padding: 16px 0; }
#embaixadores .heading-title { font-size: 40px; }
#embaixadores .swiper-slide {position: relative; overflow: hidden; border-radius: 8px;}
#embaixadores .swiper-slide a {display:block; position:relative; text-decoration:none; color:inherit;}
#embaixadores .swiper-slide img {display:block; width:100%; height:100%; object-fit: cover; aspect-ratio: 4 / 5;}
#embaixadores .nome {position:absolute; z-index:1; left:0; right:0; bottom: 159px; padding:10px 12px; font-size:18px; font-weight:700; letter-spacing:-0.5px; color:#fff; background:linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0)); opacity:0; transform:translateY(8px); transition:opacity .25s ease, transform .25s ease; pointer-events:none;text-align:center;}


/* Footer  */
.footer-informations img {display: none;}


/* Mobile  */
.offcanvas-footer {background: #f7f7f5; padding: 26px !important;}

@media (hover: hover){
    #embaixadores .swiper-slide:hover .nome, #embaixadores .swiper-slide:focus-within .nome { opacity:1; transform:translateY(0);}
}