body {font-family: var(--font-primary); font-size: 14px; color: var(--text); overflow-x: hidden; letter-spacing: .2px; line-height: normal;}
.overlay {width: 100%; height: 100%; position: fixed; background: #00000063; z-index: 4; bottom: 0; display: none;}
img:not([src]):not([srcset]) {visibility: hidden;}
.readonly-select {pointer-events: none; background-color: #f0f0f0; color: #888;}

/* botões */
.btn {border-radius: var(--btn-border-radius); padding: 10px 16px; transition: ease all .5s; font-size: 14px;}
.btn-unstyled {border: none; background: initial;}

.btn-primary {background-color: var(--btn-primary); color: #fff; border: 1px solid var(--btn-primary);}
.btn-primary:hover {background-color: var(--btn-primary-hover); border-color: var(--btn-primary-hover); color: #fff;}
.btn-primary:active, .btn-primary:focus {background-color: var(--btn-primary-active) !important; border-color: var(--btn-primary-active) !important; color: #fff !important}
.btn-primary:disabled {opacity: 0.6;}
  
.btn-secondary {background-color: var(--btn-secondary); color: #fff; border: 1px solid var(--btn-secondary);}
.btn-secondary:hover {background-color: var(--btn-secondary-hover); border-color: var(--secondary); color: #fff;}
.btn-secondary:active, .btn-secondary:focus {background-color: var(--btn-secondary-active) !important; border-color: var(--btn-secondary-active) !important; color: #fff !important;}
.btn-secondary:disabled {opacity: 0.6;}
  
.btn-green {background-color: var(--green); color: #fff; border: 1px solid var(--green);}
.btn-green:hover {background-color: var(--green-hover); border-color: var(--green-hover); color: #fff;}
.btn-green:active, .btn-green:focus {background-color: var(--green-active) !important; border: 1px solid var(--green-active) !important; color: #fff !important;}
.btn-green:disabled {opacity: 0.6;}

.btn-gray {background-color: var(--gray-light); color: #000; border: 1px solid var(--gray-light);}
.btn-gray:hover {background-color: var(--gray-light-hover); border-color: var(--gray-light-hover); color: #000;}
.btn-gray:active, .btn-gray:focus {background-color: var(--gray-light-active) !important; border: 1px solid var(--gray-light-active) !important;}
.btn-gray:disabled {opacity: 0.6;}

/* @media (max-width: 991px) {
	.btn {font-size: 14px;}
} */
/* botões */

/* backgrounds */
.bg-primary {background-color: var(--primary)}
.bg-secondary {background-color: var(--secondary);}
.bg-green {background-color: var(--green);}
.bg-gray {background-color: var(--gray);}
/* backgrounds */

/* colors */
.color-primary {color: var(--primary)}
.color-secondary {color: var(--secondary);}
.color-green {color: var(--green);}
.color-gray {color: var(--gray);}
/* colors */

/* utils */
.transition {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.text-right {text-align: right;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
.img-responsive {max-width: 100%;}
/* .line-rainbow {background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); width: 100%; height: 5px;} */
.line-rainbow {background: var(--secondary); width: 100%; height: 5px;}
/* utils */

/* scrollbar */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background-color: #555;border-radius: 4px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
/* scrollbar */

/* containers */
@media (min-width: 1600px) {
	.container {max-width: var(--container-xxl, 1420px);}
}
/* containers */

.breadcrumb{padding: 12px 0; margin: 0;}
@media (max-width: 991px) {
	.breadcrumb {font-size: 12px;}
}

/* setas */

/* padrão */
.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);}
/* padrão */

.vowt-prev, .vowt-next {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.vowt-prev {left: 0;}
.vowt-next {right: 0;}
.vowt-prev i, .vowt-next i {color: var(--primary); display: flex; font-size: 20px}
@media (max-width: 991px) {
	.vowt-prev i, .vowt-next i {font-size: 16px;}
}

/* setas com container */
.container-arrow {display: flex; justify-content: center; align-items: center; background: #e5e5e5; box-shadow: 0 0 6px -2px rgb(0 0 0 / 30%); width: 42px; height: 42px; border-radius: 50%; transition: ease all .5s;}
.container-arrow:hover {background: #ccc}
.container-arrow i {color: #000; font-size: 14px;}
.swiper-button-disabled .container-arrow:hover {background-color: #e5e5e5;}
@media (max-width: 991px) {
	.container-arrow {width: 34px; height: 34px;}
}

/* setas com container */

/* setas centralizadas */
.vowt-prev.arrow-center, .vowt-next.arrow-center {position: relative; top: auto; transform: none;}
/* setas centralizadas */

/* slideshow */
.container-arrows-banner-pro .vowt-prev {left: 10px;}
.container-arrows-banner-pro .vowt-next {right: 10px;}
/* slideshow */
@media (max-width: 991px) {
}
/* setas */

/* lista de produtos */
.product-list-description {color: #505050; font-size: 13px;}
.product-list-carousel .vowt-prev {left: -38px;}
.product-list-carousel .vowt-next {right: -38px;}
.product-list .product-list-link {font-size: 12px; display: flex; justify-content: center; white-space: nowrap;}
.product-list .product-list-link i {color: var(--primary); font-size: 10px;}
.product-list-carousel-bg {background: var(--primary);}
.product-list-carousel-bg .heading-title {color: #fff;}
@media (max-width: 1100px) {
	.product-list-carousel .vowt-prev {left: -8px;}
	.product-list-carousel .vowt-next {right: -8px;}
}
@media (max-width: 991px) {
	.product-list-carousel .swiper-slide {width: 70%;}
	.product-list-carousel .vowt-prev, .product-list-carousel .vowt-next {display: none;}
}
/* lista de produtos */

.bi-star {color: #aaa;}
.bi-star-fill {color: #FF9500;}

/* home */
#common-home #content {display: flex; flex-direction: column; gap: var(--spacing-sections-home);}
.banners-home img {border-radius: 4px;}

/* títulos de seções */
.heading-title {font-size: 28px; font-weight: 500; text-align: center; margin-bottom: 16px; letter-spacing: 1px; font-family: var(--font-tertiary);}
.heading-title-products {margin: 0; text-align: start;}
@media (max-width: 991px) {
	.heading-title {font-size: 17px;}
}
/* títulos de seções */
/* home */

/* categoria */
#product-category h1 {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;}
#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;}
/* categoria */

/* inputs */
.input-container {border: solid 1px var(--gray); font-size: 14px; display: flex; border-radius: var(--input-border-radius);}
.input-container:has(input:focus) {border: 1px solid var(--primary);}
.input-container input {border: none !important;}
/* inputs */

/* pagina de rastreio */
.page-tracking {display: flex; margin: 20px 0}
.page-tracking input[type="text"] {border: 2px solid var(--primary); flex: 1; border-radius: 4px; font-size: 18px; padding-left: 12px;}
.page-tracking input[type="button"] {padding: 16px 40px; border-radius: var(--btn-border-radius); background: var(--secondary); margin-left: 12px; font-weight: 600; font-size: 18px;}
@media (max-width: 991px) {
	.page-tracking input[type="text"] {font-size: 14px; }
	.page-tracking input[type="button"] {font-size: 14px;}
}
/* pagina de rastreio */

/* default */
h1,h2,h3,h4,h5 {padding: 0; margin: 0;}
p {margin: 0;}
h1 span, h2 span {color: var(--primary);}
a {text-decoration: none; color: var(--text);}
input:focus {outline: none;}
input {border: none;}
label {font-size: 13px; margin-bottom: 6px;}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,  input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset !important; transition: none;}
input:focus-visible {outline: none;}
.nav-link.active {background-color: var(--primary); color: #fff;}
.nav-link {font-size: 1rem; border-radius: 0; color: var(--text);}
.page-link {border-color: transparent; border-radius: 50%; color: var(--gray-hover); display: flex; padding: 0; width: 32px; height: 32px; justify-content: center; align-items: center; margin: 0 6px;}
.page-link:hover, .page-link:focus {background: #eee; border-color: #fafafa; color: #000; box-shadow: none;}
.page-item.active .page-link {background-color: var(--primary); color: #fff; border-color: var(--primary);}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {box-shadow: none; background: none;}
/* default */

/*Remove Bootstrap */
.form-control{border: solid 1px var(--gray); height: 50px; font-size: 14px;}
.form-control:focus{box-shadow: none; border-color: var(--primary);}
.form-group{margin-bottom: 10px;}
.form-control-line{border: none; background: transparent; border-bottom: solid 1px var(--gray); border-radius: 0;}
.form-control-line.form-control-line-dark{color: #fff;}
.form-control-line.form-control-line-dark::placeholder{color: #fff;}
.form-control-line.form-control-line-dark:focus{background-color: transparent;}
/*Remove Bootstrap */

/* fonts */
@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Italic.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Black.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Bold.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-BlackItalic.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-LightItalic.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-MediumItalic.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Light.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-BoldItalic.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Medium.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-ThinItalic.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Regular.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Taruno Wide';
    src: url('../assets/fonts/TarunoWide/TarunoWide-Thin.woff2') format('woff2'),
        url('../assets/fonts/TarunoWide/TarunoWide-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad';
    src: url('../assets/fonts/Myriad/myriad-web-pro.woff2') format('woff2');
	font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad';
    src: url('../assets/fonts/Myriad/myriadwebpro-bold.woff2') format('woff2');
	font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad';
    src: url('../assets/fonts/Myriad/myriadwebpro-bold.woff2') format('woff2');
	font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verbatim';
    src: url('../assets/fonts/Verbatim/Verbatim-Light.woff2') format('woff2');
	font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verbatim';
    src: url('../assets/fonts/Verbatim/Verbatim-Regular.woff2') format('woff2');
	font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verbatim';
    src: url('../assets/fonts/Verbatim/Verbatim-Medium.woff2') format('woff2');
	font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verbatim';
    src: url('../assets/fonts/Verbatim/Verbatim-Bold.woff2') format('woff2');
	font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verbatim';
    src: url('../assets/fonts/Verbatim/Verbatim-Black.woff2') format('woff2');
	font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* fonts */

#menu-advanced-mobile .accordion-item.item-custom.rastreio-link a {
    background-color: #f0f8ff; /* Fundo azul claro (ajustável) */
    color: #007bff; /* Azul para o texto */
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

#menu-advanced-mobile .accordion-item.item-custom.rastreio-link a:hover {
    background-color: #007bff;
    color: #ffffff;
}