@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');

:root { 
	/* cores */
    --primary: #202B54;
    --primary-hover: #4363DA;
    --primary-active: #202B54;
    --secondary: #0c0c0c;
    --secondary-hover: #181816;
    --secondary-active: #242423;
	/* cores */

	/* Fontes */
	--font-primary: 'Montserrat', sans-serif;
	--font-secondary: 'Space Grotesk', sans-serif;
	--font-tertiary: 'Einer Grotesk', sans-serif;

	h1, h2, h3 {
	font-family: var(--font-primary);
	font-weight: 700; /* Bold */
	}

	h4, h5, h6 {
	font-family: var(--font-secondary);
	font-weight: 400; /* Regular */
	}

	p, span, li {
	font-family: var(--font-tertiary);
	font-weight: 400; /* Book */
	}
	/* Fontes */

  --logo-max-height: 34px;
	
}

/* HOME */
/* Top Bar */
.top-bar {padding: 10px 0;}

/* Header */
.header-wrapper {gap: 51px; padding-top: 28px;}
.header-wrapper .search {margin: 0 110px; border-radius: 16px; border: 1px solid var(--primary); height: 42px;}
@media (max-width: 991px) {
	.header-wrapper {gap: 22px;}
}

/* Menu */
.menu-advanced {padding: 12px 0 8px;}
.menu-advanced .item-nivel-1 svg {fill: var(--primary);}
.menu-advanced .item-nivel-1-text.with-icon, .menu-advanced .item-custom .item-nivel-1-text {display: flex; flex-direction: column; align-items: center; text-align: center;}
.menu-advanced .item-nivel-1 svg {width: 28px; height: 28px; }
.menu-advanced .item-nivel-1-text.with-icon .menu-advanced-icon, .menu-advanced .item-custom .menu-advanced-icon {margin-bottom: 5px; display: flex; justify-content: center;}

/* Barra Promocional */
.promotional-bar path {fill: var(--primary);}

.teste-d {display: none !important;}

@media (max-width: 767px){
.container-arrow { background: #ffffff42; border: none;}
}

/* Produtos */
.heading-title {font-size: 50px;}
.product-thumb .product-price-value {color: var(--primary);}
.product-thumb .btn-product-thumb {background-color: var(--primary-hover); border: 1px solid var(--primary-hover);}
.product-thumb .btn-product-thumb:hover {background-color: var(--primary-active); border: 1px solid var(--primary-active);}
.product-thumb .btn-product-thumb:active {background-color: #EAEAEA !important; border: 1px solid var(--primary) !important; color: var(--primary) !important;}
.product-thumb .variations {display: none !important;}
.product-list-link a {border: 2px solid var(--primary) !important; color: var(--primary) !important; background-color: #EAEAEA;}
@media (max-width: 991px) {
  .heading-title {font-size: 36px;}
}

/* Banners Destaque */
.banners-destaque .banners-destaque-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.banners-destaque .banners-destaque-item {border-radius: 16px; overflow: hidden;}
.banners-destaque .banners-destaque-item:hover img {transform: scale(1.1);}
.banners-destaque .banners-destaque-item::before {content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 25%, rgba(0, 0, 0, 0.75) 100%); z-index: 1;}
.banners-destaque .banners-destaque-title {font-size: 24px; font-weight: 700; font-style: italic; font-family: var(--font-secondary); color: #fff; text-transform: uppercase;}
@media (max-width: 991px) {
	.banners-destaque .banners-destaque-title {font-size: 20px;}
	.banners-destaque .vowt-prev, .banners-destaque .vowt-next {display: none;}
}
/* Banners Destaque */

/* Banners Grid Categoria */
#banner-grade {width: 100%; align-items: flex-start; gap: 16px;}
.banners-grade {display: grid !important; grid-template-areas: "banner1 banner2" "banner1 banner3"; gap: 8px !important; padding: 11px; flex-direction: column; justify-content: center; border-radius: 24px;}
.banners-grade .banner:nth-child(1) { grid-area: banner1; }
.banners-grade .banner:nth-child(2) { grid-area: banner2; }
.banners-grade .banner:nth-child(3) { grid-area: banner3; }
.banner-img {width: 100%; height: 100%; object-fit: cover; border-radius: 24px; display: block; z-index: 0; transition: ease .5s all;}
.banner-img:hover { transform: scale(1.05); }
.banners-grade .shadow {position: absolute; inset: 0; background: linear-gradient(0deg, rgb(0 0 0 / 51%) 40%, rgba(253, 187, 45, 0) 100%); z-index: 1; border-radius: 24px;}
.banners-grade .infos-banner {position: absolute; bottom: 40px; left: 40px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 16px;}
.banners-grade .title-banner {font-size: 32px; font-weight: 500; color: #f4f6f4;line-height: normal; letter-spacing: -0.64px; font-family: var(--font-primary);}
.banners-grade .description {color: #f4f6f4; font-family: var(--font-secondary); font-size: 13px; font-weight: 400; line-height: 175%;}
.banners-grade .btn-banners-grade {display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 40px; background: #f4f6f4; color: #3B403C; font-family: var(--font-secondary); font-size: 13px; font-weight: 500;}
@media (max-width: 991px) {
  #banner-grade { padding: 0 16px; }
}

/* MARCAS */
#manufacturer {margin: 20px auto; padding: 10px 0; max-width: 1200px;}
#manufacturer .swiper-wrapper {display: flex; align-items: center; justify-content: center;}
#manufacturer .swiper-slide {display: flex; justify-content: center; align-items: center; text-align: center;}
.manufacturer {transition: transform 0.3s ease;}
.manufacturer:hover {transform: translateY(-5px);}
#manufacturer .carousel-img, #manufacturer .banner-img {max-width: 120px; width: 100%; height: auto; object-fit: contain; margin: 0 auto; transition: transform 0.3s ease, box-shadow 0.3s ease; display: block;}
#manufacturer .carousel-img:hover, #manufacturer .banner-img:hover { transform: scale(1.05); box-shadow: 0 6px 12px rgba(0,0,0,0.15);}
.manufacturer-prev, .manufacturer-next {color: #333; font-size: 20px; cursor: pointer; transition: color 0.3s ease;}
.manufacturer-prev:hover, .manufacturer-next:hover {color: #007bff;}
@media (max-width: 767px) {
    #manufacturer .banner-img, #manufacturer .carousel-img {
        max-width: 80px;
        max-height: 60px;
    }
}

/* INTERNA */
/* #product-product .variations {display: none !important;} */
#product-product .color-button, .image-button {width: 66px; height: 66px;}