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

:root {
	--primary: #01549a;
	--primary-hover: #044984;
    --primary-active: #074070;
    --green:#00b32d;
	--green-hover: #0b8b2b;
	--green-active: #0a7023;

    --font-primary: 'Instrument Sans', sans-serif;
	--header-topbar-background-color: #16437C, #0E64D2;
	--header-topbar-text-color: #fff;
	--header-border-color: #eee;
	--header-topbar-icon-color: #fff;
	--header-search-background-color: #f1f1f1;
	--header-svg-width: 28px;
	--header-svg-height: 28px;
	--btn-product-thumb: var(--green);
	--btn-product-thumb-hover: var(--green-hover);
	--btn-product-thumb-active: var(--green-active);
	--text: #282828;

	--footer-border-color: #DAD7D7;
	--footer-color-text: var(--text);

	--container-xxl: 1360px;
	--logo-max-height: 44px

}

.container-arrow {display: flex; justify-content: center; align-items: center; background: var(--primary); width: 30px; height: 30px; border-radius: 50%; transition: ease all .5s;}
.container-arrow:hover {background: var(--primary-hover);}
.container-arrow i {color: #fff; font-size: 14px;}
.swiper-button-disabled .container-arrow:hover {background-color: var(--primary);}

.swiper-pagination-bullet-active {background: var(--primary);}
.swiper-button-disabled {opacity: .6;}
.vowt-pagination {position: absolute; z-index: 100; bottom: 0; display: flex; justify-content: center;}
.swiper-pagination-bullet-active {background: var(--primary);}

.heading-title {font-weight: 300; margin-bottom: 12px;}

.top-bar {background: linear-gradient(90deg, var(--header-topbar-background-color));}
.top-bar, .top-bar a {font-weight: 400;}

.header-wrapper {gap: 40px;}
.header-wrapper .search {height: auto;}
.header-wrapper .search input {padding-left: 20px;}
.header-wrapper .search .btn {padding: 14px 20px;}
.header-wrapper .search svg {width: 18px; height: 18px;}
.header-wrapper .search .btn svg {fill: #000000;}
.header-info-wrapper {font-size: 13px;}
.header-info-wrapper i {font-size: 13px;}
.menu-advanced .item-nivel-1.all-categories {position: relative;}
.menu-advanced .item-nivel-1 .item-nivel-1-text {font-weight: 600; font-size: 12px; padding: 0 8px; height: 45px;}
.menu-advanced .item-nivel-1 .item-nivel-1-text:hover {color: var(--primary);}
.menu-advanced .with-child i.bi-chevron-down {font-weight: 400; font-size: 12px;}
.menu-advanced .all-categories .submenu-column {padding: 0; min-height: 420px; box-shadow: rgb(0 0 0 / .08) 0 10px 24px;}
.menu-advanced .title-principal {display: none;}
.menu-advanced .all-categories .categories-list {flex-direction: column; row-gap: 0;}
.menu-advanced .lista-nivel-2 {direction: rtl; column-gap: 0; font-size: 14px; font-weight: 400;}
.menu-advanced .item-nivel-2 {width: 250px; direction: ltr;}
.menu-advanced .all-categories .item-nivel-2 > a {display: flex; justify-content: space-between; align-items: center; gap: 12px; text-wrap: auto; padding: 10px 16px 10px 26px; border-bottom: 1px solid #eee; font-size: 14px;}

.slideshow .container-arrow {background: none; border: none;}
.slideshow .container-arrow i {color: var(--primary); font-size: 20px;}

.promotional-bar .block {background: #f7f7f7; padding: 16px 6px; border-radius: 100px;}
.promotional-bar .title {font-weight: 600;}

.banners-grid {display: grid; grid-template-areas: "banner1 banner2" "banner1 banner3"; gap: 16px;}
.banners-grid .banner {overflow: hidden;}
.banners-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;}
.banners-grid .banner:nth-child(1) {grid-area: banner1;}
.banners-grid .banner:nth-child(2) {grid-area: banner2;}
.banners-grid .banner:nth-child(3) {grid-area: banner3;}
.banners-grid img {height: 100%; transition: ease .5s all;}
.banners-grid img:hover {transform: scale(1.05);}
.banners-grid .infos-banner {display: none;}

.product-list-carousel-bg {background: var(--primary); padding: 24px 0;}
.product-list-carousel-bg .heading-title {color: #fff;}

.product-list-content {margin-bottom: 8px;}
.product-list-content .heading-title {position: relative;}
.product-list-description {display: none;}
.product-thumb {margin: 6px; background: #f7f7f7; border-radius: 4px; border: none;}
.product-thumb:hover {border: none; background: #e6e6e6;}
.product-thumb-top {margin-bottom: 0;}
.product-thumb .wishlist {display: flex; top: 8px; right: 8px;}
.product-thumb .image {border-radius: 0;}
.product-thumb .image img {display: inline; filter: brightness(0.97); border-radius: 8px;}
.product-thumb:hover .image img {filter: brightness(0.91);}
.product-thumb-title {font-weight: 400; line-height: 20px; margin-bottom: 10px; margin-top: 6px; min-height: 40px; text-align: center; text-transform: uppercase;}
.product-thumb .product-tag {background: var(--green); font-size: 10px; padding: 3px 8px; line-height: normal; border-radius: 100px; top: 8px; left: 8px; font-weight: 400; text-align: center; height: auto;}
.product-thumb .product-tag::before {display: none;}
.product-thumb .product-tag::after {display: none;}
.product-thumb .product-price-wrapper {margin-bottom: 0; gap: 0;}
.product-thumb .product-price-current {justify-content: center; column-gap: 4px;}
.product-thumb .product-price-value {font-size: 20px; font-weight: 500;}
.product-thumb .product-price-old {gap: 0;}
.product-thumb .product-price-old-value {font-size: 12px; color: #aaa;}
.product-thumb .product-short-installments {color: #373737; font-size: 14px; text-align: center; padding: 10px; letter-spacing: .5px;}
.product-thumb .product-thumb-bottom {margin-top: 0;}

.category-title {font-size: 24px;}
.categories-lateral {border: 1px solid #ddd; padding: 18px; border-radius: 8px;}
.categories-lateral h3 {font-size: 18px; text-transform: uppercase; color: var(--primary); border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 12px;}
.categories-lateral a {font-size: 16px;}
#product-toolbar label {margin: 0; line-height: normal; padding: 8px 12px; background: #fafafa;}
#product-toolbar button {padding: 6px 10px;}
#product-toolbar button.active {background: #eaeaea; border-color: #eaeaea;}
#product-toolbar .nice-select {height: auto; line-height: normal; display: flex; align-items: center;}

.product-images-carousel {display: none;}
.product-images-grid {display: flex;}
#product h1 {font-size: 22px; font-weight: 500; line-height: 135%;}
.btn.btn-product-wishlist {display: none;}
.product-price .product-price-old {gap: 6px;}
.product-price .product-price-old-value {color: #aaa; font-weight: 400;}
.product-price .product-tag {font-weight: 400; padding: 3px 8px; border: 1px solid var(--primary); border-radius: 100px;}
.product-price .product-price-current {margin: 2px 0;}
.product-price .product-price-value {font-size: 26px; color: var(--primary); font-weight: 500;}
.product-price .product-short-installments {color: var(--text);}
.product-price .product-pix {margin-top: 16px; padding: 12px 8px;}
.product-price .product-pix-value {font-weight: 500;}
.product-price .product-pix-text {font-size: 12px;}
#product .btn-installment {display: none;}

.btn.btn-buy-now {display: flex;}
.btn.btn-buy-now:hover {background: #0b8b2b0f; color: var(--green);}
#product .shipping-simulator .btn-shipping-simulator {background: #f1f1f1; color: #000; padding: 12px 18px;}

.module-sharer a {font-size: 19px; color: #000 !important; background-color: #efefef;}

.feature {padding: 12px 16px; background: #f4f4f3; border-radius: 4px;}
.feature-icon svg {width: 32px; height: 32px;}
.feature-icon svg path {fill: var(--primary);}
.feature-name {font-size: 15px; font-weight: 600;}
.feature-description {font-size: 12px;}

@media (max-width: 991px) {
	.banners-grid {display: flex; flex-direction: column;}
	.product-thumb {margin: 4px; padding: 6px;}
	.product-thumb .product-price-value {font-size: 16px;}
	.product-thumb .product-short-installments {font-size: 11px;}

	.menu-advanced-mobile .menu-title {font-size: 18px; font-weight: 500;}
	.menu-advanced-mobile .accordion-header {padding: 10px 0;}
	.menu-advanced-mobile .accordion-header a, .menu-advanced-mobile .accordion-header .accordion-button {color: #202020; font-size: 15px; font-weight: 500;}

	#product h1 {font-size: 18px; margin-top: 4px;}
}