@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&family=Manrope:wght@200..800&display=swap');

:root {
    --white: #FFFFFF;
    --primary: #E0543E;
    --light-primary: #FEF7F6;
    --light-primary-alt: #F9E0DC;
    --soft-red: #F6D0CA;
    --dark: #0C1114;
    --gray-dark: #292929;
    --gray-medium: #8F8F8F;
    --gray-light: #CCCCCC;
    --gray-menu: #B8B8B8;
    --beige: #F5EEE1;
    --menus-bg: #FAFAFA;
    --blue-light: #E1E6F5;
    --gray-bg: #F5F5F5;
    --pastel-red: #F5E1E1;
    --mint: #D6FFE9;
    --green: #04C85F;
    --red: #C80404;
    --pink-light: #FFD6D6;
    --accent: #E0543E;
    --white-grey: #FFFFFFB8
}


.body-inner {
    background-color: transparent;
}

/* Inicio: Fontes*/
.title1 {
    font-family: "Darker Grotesque", sans-serif !important;
    font-size: clamp(4rem, 2.5rem + 1.667vw, 4.5rem) !important;
    line-height: clamp(4.5rem, 3rem + 1.667vw, 5rem) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.title2 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(2.5rem, 1rem + 1.667vw, 3rem);
    line-height: clamp(3rem, 1.5rem + 1.667vw, 3.5rem);
    font-weight: 800;
    letter-spacing: 0;
}

.title3 {
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.75rem, 0.25rem + 1.667vw, 2.25rem);
    line-height: clamp(2.25rem, 0.75rem + 1.667vw, 2.75rem);
    font-weight: 400;
    letter-spacing: 0;
}

.title4 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(1.5rem, 0rem + 1.667vw, 2rem);
    line-height: clamp(2rem, 0.5rem + 1.667vw, 2.5rem);
    font-weight: 800;
    letter-spacing: 0;
}

.title5 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(1.25rem, -0.25rem + 1.667vw, 1.75rem);
    line-height: clamp(1.75rem, 0.25rem + 1.667vw, 2.25rem);
    font-weight: 800;
    letter-spacing: 0;
}

.title6 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(1rem, -0.5rem + 1.667vw, 1.5rem);
    line-height: clamp(1.5rem, 0rem + 1.667vw, 2rem);
    font-weight: 800;
    letter-spacing: 0;
}

.text {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
}

.caption {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
}

.underline {
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    letter-spacing: 0;
}

.button {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
}

p {
    padding: 0;
    margin: 0;
}

/* Fim: Fontes*/

#header .header-inner #logo a>img {
    display: block;
    height: 24px;
    margin-bottom: -6px;
}

#header.header-sticky.sticky-active .header-inner,
#header.header-sticky.sticky-active #header-wrap {
    box-shadow: none;
    top: 0;
    position: fixed;
    margin: 0 auto;
    width: 100%;
    border-bottom: 4px solid #E8412C;
    height: 100px;
}

#header .header-inner #logo a {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--gray-dark);
    margin: 0px 32px;
}

.header-extras>ul>li>a:not(.btn),
.header-extras>ul>li .topbar-dropdown>.title {
    position: relative;
    display: block;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--gray-dark);
    height: 100px;
    align-content: center;
    padding: 0;
}

#mainMenu nav>ul>li>a {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--gray-dark);
    height: 100px;
    padding: 4px 0px 0px;
}

#mainMenu nav>ul>li>a iconify-icon {
    color: var(--accent);
    margin-right: 24px;
}

#header .header-inner #logo,
#header #header-wrap #logo {
    height: 100px;
}

#header {
    height: 100px;
    line-height: 100px;
    border-bottom: 4px solid #E8412C;
}

.header-extras {
    padding-right: 32px;
    height: 100px;
}

#mainMenu {
    float: left;
    padding: 0;
    padding-left: 32px;
}

#mainMenu nav>ul>li {
    margin-left: 0px;
    align-content: center;
}


#mainMenu nav>ul>li .dropdown-menu {
    left: -32px;
    top: 106px;
    padding: 0;
    box-shadow: none;
    z-index: 200;
}

#mainMenu nav>ul>li .dropdown-menu .menu-aberto {
    display: flex;
}


#topbar2.bar2 {
    border-bottom: 1px solid var(--light-primary-alt);
    background-color: var(--light-primary);
    z-index: 2;
}

#topbar2.bar2 .caption {
    margin: 10px 0px;
    color: var(--gray-medium);
}

#topbar2.bar2 iconify-icon {
    margin-right: 16px;
    color: var(--accent);
}

#header .header-inner {
    height: 96px;
}

#topbar.bar1 {
    border-bottom: none;
    background-color: var(--light-primary-alt);
}


#topbar.bar1 .caption {
    margin: 10px 0px;
    color: var(--dark);
}

#topbar.bar1 .caption a {
    color: var(--dark);
}


#topbar.bar1 .caption a:hover {
    color: var(--accent);
}

.header-extras>ul>li {
    margin: 4px 8px 0px 8px;
    ;
}

.linebar {
    width: 2px;
    height: 24px;
    background-color: var(--gray-bg);
    top: 38px;
    position: relative;
    margin: 0px 24px !important;
}

.dropdown-menu .menu-aberto .principal .underline {
    color: var(--gray-menu);
    margin-right: 32px;
    margin-bottom: 10px;
}


.menu2 {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--gray-bg);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0px;
}

.menu2 .title6 {
    margin: 0;
    color: var(--gray-medium);
    font-weight: 800;
}

.menu2 iconify-icon {
    margin: 0;
    color: var(--accent);
    font-weight: 800;
}


.dropdown-menu .menu-aberto .principal {
    padding: 48px 40px 64px 48px;
    width: 398px;
    background-color: var(--white);
}

.dropdown-menu .menu-aberto .listaSubCat {
    padding: 48px 40px 26px 48px;
    width: 398px;
    background-color: var(--menus-bg);
}


.verTudo {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--gray-bg);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 10px;
    color: var(--gray-dark);
    font-weight: 700;
}

.verTudo:hover,
.menu3:hover .text,
.menu2:hover .title6,
.dropdown-menu .menu-aberto .principal .underline:hover,
a:not(.btn):not(.badge):hover,
#mainMenu nav>ul>li:hover>a,
#header .header-inner #logo a:hover,
.header-extras #search-icon:hover {
    color: var(--accent);
}


.menu3 {
    background-color: #FAFAFA;
    border: none;
    border-bottom: 1px solid var(--gray-bg);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0px;
}

.menu3 .text {
    margin: 0;
    color: var(--gray-medium);
}

.menu3 img {
    width: auto;
    height: 32px;
    mix-blend-mode: Multiply;
}

.search-dropdown {
    position: absolute;
    top: 100px;
    right: 0px;
    background: var(--white);
    padding: 24px;
    box-shadow: none;
    border-radius: 2px;
    display: none;
    z-index: 200;
}

.seaarch-icon,
.closeSearch:hover {
    color: var(--accent);
}

.search-dropdown .search-input {
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #F5F5F5;
}

#search-input-mobile,
#search-input,
#search-input:focus-visible {
    padding: 8px 16px;
    border: none;
    height: 40px;
    border-radius: 2px;
    width: 245px;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: var(--gray-dark);
    outline: none;
}

.search-dropdown.active {
    display: block;
}

.overlay {
    z-index: 0;
    opacity: 0;
}

.overlay.show {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    z-index: 100;
}

#footer {
    display: block;
    position: relative;
    background-color: var(--dark);
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    color: var(--white);
    width: calc(100% - 8px);
    margin: 0px 4px 4px;
    border-radius: 2px;
}

#footer .widget.horario .list li {
    color: var(--white-grey);
    margin-bottom: 8px;
}

#footer .footer-content {
    padding: 64px 60px 0px 60px;
}

#footer .footer-content a:not(.btn):not(:hover) {
    color: var(--white-grey);
    display: flex;
    gap: 16px;
    font-weight: 700;
}

#footer .footer-logo {
    margin: 0;
    border: none;
    padding: 0px 60px 36px 60px;
}

#footer .footer-content a:not(.btn):hover {
    display: flex;
    gap: 16px;
    font-weight: 700;
}

#footer .widget .title4 {
    font-weight: 800;
    margin-bottom: 32px;
    font-size: clamp(1.5rem, 0rem + 1.667vw, 2rem);
    line-height: clamp(2rem, 0.5rem + 1.667vw, 2.5rem);
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: capitalize;
}

#footer p {
    font-family: "Manrope", sans-serif;
    color: var(--white-grey);
}

#footer .footer-icons:hover p {
    font-family: "Manrope", sans-serif;
    color: var(--accent);
}

.widget p {
    margin-bottom: 16px;
}

.widget .list li {
    line-height: 22px;
    margin-bottom: 16px;
}

.widget {
    margin-bottom: 128px;
    position: relative;
}

#footer .copyright-content {
    min-height: 0px;
    background-color: transparent;
    font-size: 13px;
    padding: 0px 16px 13px 16px;
    color: var(--white-grey);
    font-family: Manrope, sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
}

#footer .copyright-content iconify-icon {
    margin-bottom: -2px;
}


#footer .copyright-content a:not(.btn):not(:hover) {
    color: var(--white-grey);
    text-decoration: underline;
    font-family: Manrope, sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
}

#footer a:not(.btn) {
    font-weight: 300;
}


#bannerPrincipal .texto {
    position: absolute;
    top: 140px;
    left: 142px;
}

.owl-theme .owl-nav {
    margin: 0;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    color: var(--accent);
    position: absolute;
    top: calc(50% - 100px);
    height: 42px;
    width: 42px;
    margin: 0;
    padding: 9px 10px !important;
    border: 1px solid var(--white-grey);
    background: #FFFFFF1F;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #FFFFFF1F;
    color: #FFF;
    text-decoration: none;
}

.owl-carousel .owl-nav button.owl-next {
    right: 40px;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 40px;
}

#bannerPrincipal .title1 {
    font-weight: 900;
    color: var(--white);
    margin-bottom: 16px;
}

#headerIndex .title3 {
    font-weight: 400;
    color: var(--white-grey);
    margin-bottom: 32px;
}

.btn-principal {
    background: #FFFFFF1F;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    display: flex;
    align-items: center;
    border-radius: 2px;
}

.btn-principal .button {
    margin: 0;
    padding: 9px 16px;
    color: var(--white);
}

.btn-principal:hover .button {
    color: var(--accent);
}

.btn-principal iconify-icon {
    padding: 9px 10px;
    color: var(--accent);
    border-left: 1px solid #FFFFFF;
}

#bannerPrincipal.owl-carousel .owl-item img {
    height: 620px;
    object-fit: cover;
    border-radius: 2px;
}

.col-lg-7 #bannerPrincipal.owl-carousel .owl-item img {
    margin-left: -1px;
}

.col-lg-12 #bannerPrincipal.owl-carousel .owl-item img {
    margin-left: 0px;
}



.bold {
    font-weight: 800;
}

#headerIndex {
    padding: 0px 4px 32px;
    width: calc(100vw - 16px);
}


.col-header-2 img {
    height: 620px;
    width: 100%;
    object-fit: cover;
    object-position: 62%;
    border-radius: 2px;
}

.col-header-2 .texto {
    position: absolute;
    bottom: 132px;
    right: 0;
    z-index: 1;
}

.col-header-2 .texto {
    position: absolute;
    bottom: 48px;
    left: 62px;
    z-index: 1;
}

#headerIndex .title2 {
    font-weight: 800;
    color: var(--white);
    margin-bottom: 16px;
}

.header-sobre-nos {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 42px;
    background: #0C1114F5;

    border-radius: 2px 2px 0px 0px;
    padding: 16px 32px 26px 32px;
    max-width: 332px;
    width: 100%;
}

.header-sobre-nos .hsn-title,
.header-ext-garantia .hsn-title {
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-sobre-nos .hsn-title .title5 {
    color: var(--white);
    text-decoration: underline;
    font-weight: 800;
    margin: 0;
}

.header-sobre-nos .caption {
    color: var(--white-grey);
    font-weight: 400;
    margin: 0;
    margin-top: 16px;
}

.header-ext-garantia {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 390px;
    width: 100%;
    max-width: 332px;
    background: var(--accent);
    color: var(--white);
    padding: 20px 32px;
}

.header-ext-garantia .title5 {
    font-weight: 800;
}

.gap-16 {
    gap: 16px;
}


.gap-8 {
    gap: 8px !important;
}

.header-ext-garantia:hover .hsn-title {
    color: var(--accent);
}

.header-sobre-nos:hover .hsn-title,
.header-sobre-nos:hover .hsn-title .title5,
.header-sobre-nos:hover .caption {
    color: #0C1114F5;
}

.header-ext-garantia:hover,
.header-sobre-nos:hover {
    background: var(--white);
}

.image-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.image-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(12, 17, 20, 0) 0%, #0C1114 100%);
    pointer-events: none;
    border-radius: 2px;
}

#marcas {
    padding: 0px 32px;
    height: 128px;
    margin-bottom: 20px;
}

.bg-marcas {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    border-radius: 2px;
    padding: 32px 64px;
}

#carouselMarcas.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}



#cont2 {
    padding: 0px 32px 128px 32px;
    max-height: 552px;
}

#cont2 .conteudo {
    position: absolute;
    top: 32px;
    left: 46px;
    z-index: 1;
}

#cont2 .img {
    display: block;
    justify-self: center;
}

.conteudo .title2 {
    color: var(--white);
    margin-bottom: 16px;
}

.conteudo .title3 {
    color: #FFFFFFB8;
    margin-bottom: 32px;
}

.img-background {
    width: 100%;
    height: 424px;
    object-fit: cover;
    border-radius: 2px;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}


.mb-8 {
    margin-bottom: 8px !important;
}




#cont2 .image-container::after {
    background: linear-gradient(180deg, #0C1114 0%, rgba(12, 17, 20, 0) 100%);
}

.labels {
    position: absolute;
    display: flex;
    gap: 4px;
    top: 16px;
    left: 16px;
    z-index: 1;
}

.descontos {
    background-color: var(--dark);
    padding: 2px 16px;
}

.descontos .caption {
    color: var(--white);
}

.Favorito {
    position: absolute;
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    top: 16px;
    right: 16px;
    color: var(--gray-light);
    z-index: 1;
}

.Favorito.adicionado {
    color: var(--accent);
}

.imgProduto {
    margin: 52px 0px 12px;
    mix-blend-mode: multiply;
    width: 100%;
    height: 182px;
    padding: 0px 32px;
    object-fit: contain;
}

.card {
    background-color: var(--menus-bg);
    border-radius: 2px;
    border: none;
    margin-bottom: 16px;
    width: 100%;
    box-shadow: none;
    padding: 0;
    min-height: 424px;
    justify-content: space-between;
}

.info {
    padding: 24px;
    border-top: 1px solid var(--white);
}

.info .underline {
    color: var(--gray-medium);
}


.info .title6 {
    color: var(--gray-dark);
}

.preco {
    display: flex;
    gap: 14px;
}

.info .preco .title5 {
    color: var(--accent);
}

.info .preco .title5.text-decoration-line-through {
    color: var(--gray-light);
}

#categorias {
    padding: 0px 128px 128px;
}

#categorias .title2,
#destaques .title2 {
    color: var(--accent);
    margin-bottom: 16px;
}

#carouselCategorias .item.card-catg {
    height: 169px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - -8px);
    background-position-y: bottom;
    mix-blend-mode: darken;
    background-blend-mode: multiply;
    background-size: contain;
    border-radius: 2px;
}

#categorias .title5 {
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    color: var(--gray-dark);
}

#categorias .title5 iconify-icon,
#categorias .card-catg:hover .title5 {
    color: var(--accent);
}


#cards .card1 .conteudo {
    position: absolute;
    top: 64px;
    left: 64px;
    z-index: 3;
}

#cards .card2 .conteudo {
    position: absolute;
    top: auto;
    bottom: 64px;
    left: 64px;
    z-index: 3;
}



#cards .image-container.card1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 2px;
    background: linear-gradient(180deg, #0C1114 0%, rgba(12, 17, 20, 0) 100%);
}

#cards .image-container.card2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 2px;
    background: none;
}

#cards {
    margin-bottom: 128px;
    padding: 0 32px;
}

#carouselCategorias.owl-carousel .owl-nav button.owl-next,
#carouselCategorias.owl-carousel .owl-nav button.owl-prev,
#carouselDestaques.owl-carousel .owl-nav button.owl-next,
#carouselDestaques.owl-carousel .owl-nav button.owl-prev {
    top: -62px;
    border: 1px solid #F5F5F5
}

#carouselCategorias.owl-theme .owl-nav [class*=owl-]:hover,
#carouselDestaques.owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--accent);
    border: 1px solid var(--accent) !important;
    text-decoration: none;
}

#carouselCategorias.owl-carousel .owl-nav button.owl-next,
#carouselDestaques.owl-carousel .owl-nav button.owl-next {
    right: 0;
}

#carouselCategorias.owl-carousel .owl-nav button.owl-prev,
#carouselDestaques.owl-carousel .owl-nav button.owl-prev {
    left: auto;
    right: 58px;
}

#destaques {
    padding: 0 32px 64px;
}

/* Grid Produtos */
.info-page {
    padding: 32px 0px 84px;
}

.info-page .underline {
    color: var(--gray-menu);
}

.info-page .underline iconify-icon {
    color: var(--soft-red);
}

.info-page .underline.active {
    color: var(--accent);
    font-weight: 700;
}

#GridProdutos {
    padding: 0 60px 32px;
    width: calc(100vw - 8px - 16px);
    margin-left: 4px;
    margin-bottom: 26px;
    background-color: var(--menus-bg);
}

#GridProdutos .title2 {
    color: var(--accent);
    margin-bottom: 32px;
}

.item.card-catg {
    background-color: var(--menus-bg);
    height: 96px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - -4px);
    background-position-y: bottom;
    mix-blend-mode: darken;
    background-blend-mode: multiply;
    background-size: contain;
    border-radius: 2px;
    cursor: pointer;
}

#carouselGridProdutos.owl-carousel .owl-nav button.owl-next,
#carouselGridProdutos.owl-carousel .owl-nav button.owl-prev {
    color: var(--accent);
    position: absolute;
    top: calc(50% - 20px);
    height: 42px;
    width: 42px;
    margin: 0;
    padding: 9px 10px !important;
    border: 1px solid transparent;
    background: none;
}

#carouselGridProdutos.owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--accent);
    border: 1px solid var(--accent) !important;
    text-decoration: none;
}

#carouselGridProdutos.owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

#carouselGridProdutos.owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

#carouselGridProdutos.owl-carousel.owl-drag .owl-item {
    box-shadow: 0px 0px 16px 0px #0C11140A;
}

#carouselGridProdutos.owl-carousel .owl-stage {
    margin: 32px 0px;
}

#carouselGridProdutos .title5 {
    position: absolute;
    color: var(--gray-dark);
    bottom: 10px;
    left: 16px;
}

#carouselGridProdutos .card-catg iconify-icon {
    position: absolute;
    color: var(--accent);
    top: 16px;
    left: 16px;
}

#carouselGridProdutos .card-catg {
    cursor: pointer;
}

#ListagemProdutos {
    padding: 0px 64px 40px;
}

.serProfissional .image-container {
    background-image: url(/Amavical/images/header/0d264629e56c5d34046a6a9f8663ae1d.png);
    position: relative;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    border-radius: 2px;
    padding: 16px 102px;
    height: 84px;
}

.serProfissional .conteudo .title3 {
    color: #FFFFFFB8;
    margin-bottom: 0px;
}

.serProfissional .image-container::after {
    background: linear-gradient(180deg, #0C1114 0%, rgba(12, 17, 20, 0) 100%);
}

.serProfissional .conteudo {
    z-index: 1;
    position: relative;
    justify-content: space-between;
    align-items: center;
}


.serProfissional .conteudo .title5 {
    color: var(--white);
}

.serProfissional .conteudo .text {
    color: #FFFFFFB8;
}

.serProfissional .image-container .btn-principal iconify-icon,
.serProfissional .image-container .btn-principal .button {
    color: var(--white);
}


.serProfissional .image-container .btn-principal:hover iconify-icon,
.serProfissional .image-container .btn-principal:hover .button,
.filtrosListagem .btn-principal:hover .button {
    color: var(--accent);
}

.filtrosListagem .btn-principal {
    background: #FFFFFF1F;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    display: flex;
    align-items: center;
    border-radius: 2px;
    padding: 0 !important;
}

.filtrosListagem .btn-principal .button {
    margin: 0;
    padding: 9px 16px;
    color: var(--gray-dark);
}

.filtrosListagem .btn-principal iconify-icon {
    color: var(--accent);
    border-left: 1px solid #E0E0E0;
}

.filtrosListagem .dropdown-menu {
    position: absolute;
    z-index: 1000;
    min-width: 157px;
    padding: 0;
    margin: 0;
    font-size: .875rem;
    color: var(--gray-dark);
    text-align: left;
    list-style: none;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    box-shadow: none;
    transform: translate(0px, 40px) !important;
}

.filtrosListagem .dropdown-item {
    padding: 8px 16px;
    color: var(--gray-dark);
    font-family: Darker Grotesque, sans-serif;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.filtrosListagem .dropdown-item:hover,
.dropdown-item:focus {
    background-color: #FFFFFF;
}

.filtrosListagem {
    margin-bottom: 12px;
}

.btn-active {
    background: #FEF7F6;
    border-width: 1px;
    border-style: solid;
    border-color: #F6D0CA;
    display: flex;
    align-items: center;
    border-radius: 2px;
    padding: 0 !important;
}

.btn-active:hover {
    background: #FFFFFF;
}

.btn-active .button {
    margin: 0;
    padding: 9px 16px;
    color: var(--accent);
}

.btn-active iconify-icon {
    padding: 9px 10px;
    color: var(--accent);
    border-left: 1px solid #F6D0CA;
}

.divFiltros .title5 {
    color: var(--accent);
    margin-bottom: 16px;
}

.form-check {
    display: block;
    min-height: 20px;
    padding-left: 0;
    margin-bottom: 16px;
}

.custom-checkbox {
    display: none;
}

.custom-checkbox+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.custom-checkbox:checked+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #d9534f;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

/* Estilo do quadrado interno quando checkado */
.custom-checkbox:checked+label::before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #d9534f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 2px;
}

.form-check .text {
    width: max-content;
    margin-left: 34px;
    margin-top: -2px;
    color: var(--gray-medium);
}

.divFiltros {
    width: calc(100% + 32px);
    margin-left: -16px;
}

.filtroSeccao {
    border-bottom: 1px solid #F5F5F5;
    padding: 0 16px;
    margin-bottom: 16px;
}

.numberPagination {
    color: var(--gray-light);
    justify-self: center;
}

.pagination.pagination-flat .page-item>.page-link {
    border: 0;
    border-bottom: 2px solid #E0E0E0;
    padding: 8px 24px;
    margin: 0px 8px;
    color: #E0E0E0;
}

.pagination .page-item:not(.disabled).active>.page-link,
.pagination .page-item:not(.disabled):active>.page-link,
.pagination .page-item:not(.disabled):focus>.page-link,
.pagination .page-item:not(.disabled):hover>.page-link {
    color: #E0E0E0;
    background-color: transparent;
    border-bottom: 2px solid var(--accent);
    box-shadow: none;
}

.pagination .page-item:not(.disabled).active>.page-link,
.pagination .page-item:not(.disabled):active>.page-link,
.pagination .page-item:not(.disabled):focus>.page-link {
    background-color: transparent;
    border-color: var(--accent);
    color: #292929;
    box-shadow: none;
}

.page-item-setas a {
    padding: 16px 8px;
    line-height: 0;
    position: relative;
    display: block;
    color: #F6D0CA;
    background-color: transparent;
    border: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#ListagemProdutos .table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #F9E0DC;
    background: #FCEFED;
    padding: 6px 32px 6px 0px;
}

#ListagemProdutos .table thead .caption {
    color: #8F8F8F;
}

#ListagemProdutos .table thead .caption iconify-icon {
    color: var(--accent);
}

#ListagemProdutos .table tbody tr td {
    padding: 0;
    height: 42px;
    background-color: transparent;
    border: none;
}

#ListagemProdutos .table tbody .imgProd img {
    width: 32px;
    height: auto;
    margin: 0 16px;
    object-fit: cover;
    mix-blend-mode: Multiply;
}

#ListagemProdutos .table tbody .ref {
    color: var(--accent);
}

#ListagemProdutos .table tbody .name,
#ListagemProdutos .table tbody .marca {
    color: var(--gray-dark);
}

#ListagemProdutos .table tbody .tdprice {
    color: var(--accent);
    text-align: right;
    padding-right: 32px;
}

#ListagemProdutos .table tbody .tdprice .consultar {
    font-weight: 400;
    text-decoration: underline;
    color: var(--accent);
}

#ListagemProdutos .table tbody .tdprice .consultar:hover {
    color: var(--gray-dark);
}

#ListagemProdutos .table tbody .stock {
    text-align: center;
    padding-right: 32px;
}

td.cart-product-quantity {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-product-quantity .inputValor {
    display: flex;
    align-items: center;
}

.cart-product-quantity .inputValor .btnMenos {
    background: #FFFFFF1F;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #E0E0E0;
    color: var(--accent);
    height: 32px;
    width: 32px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.cart-product-quantity .inputValor .btnMais {
    background: #FFFFFF1F;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #E0E0E0;
    color: var(--accent);
    height: 32px;
    width: 32px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}


.cart-product-quantity .inputValor iconify-icon {
    padding: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.cart-product-quantity .inputValor input:not([type="checkbox"]):not([type="radio"]) {
    width: 48px;
    height: 32px;
    min-height: auto;
    padding: 4px 0;
    justify-items: center;
    background: #FFFFFF1F;
    border: 1px solid #E0E0E0;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
}

.btn-adicinar {
    background-color: var(--accent);
    color: var(--white);
    border-radius: 2px;
    padding: 5px 16px;
    border: 1px solid transparent;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-adicinar:hover {
    background-color: var(--white);
    color: var(--accent);
    border-radius: 2px;
    padding: 5px 16px;
    border: 1px solid var(--accent);

}


.cart-product-quantity .ContagemProdutos {
    background-color: var(--dark);
    color: var(--white);
    padding: 5px 12px;
    border: none;
    border-radius: 2px;
    margin-right: 16px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #FEF7F6;
    color: var(--bs-table-striped-color);
}

.PagNumber {
    margin-top: 96px;
}

#ListagemProdutos .b2b-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ListagemProdutos .gridListMobile,
#ListagemProdutos .gridList {
    width: 42px;
    height: 42px;
    padding: 0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #E0E0E0;
    background-color: var(--white);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 9px;
}

#ListagemProdutos .gridCardsMobile,
#ListagemProdutos .gridCards {
    width: 42px;
    height: 42px;
    padding: 0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #E0E0E0;
    background-color: var(--white);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 9px;
}

#ListagemProdutos .gridListMobile.active,
#ListagemProdutos .gridCardsMobile.active,
#ListagemProdutos .gridListMobile:hover,
#ListagemProdutos .gridCardsMobile:hover,
#ListagemProdutos .gridList.active,
#ListagemProdutos .gridCards.active,
#ListagemProdutos .gridList:hover,
#ListagemProdutos .gridCards:hover {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--white);
}

.input-group .form-control {
    display: block;
    width: 100%;
    padding: 8px 16px;
    color: #292929;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #F5F5F5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #F5F5F5;
}

.input-group .input-group-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--accent);
    text-align: center;
    white-space: nowrap;
    background-color: #FFFFFF;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #F5F5F5;
    border-radius: 2px;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;

}

.table {
    table-layout: auto;
    width: 100%;
}

.table th,
.table td {
    white-space: nowrap;
}

.table th:nth-child(3),
.table td:nth-child(3) {
    width: 100%;
    white-space: normal;
}

.table th,
.table td {
    min-width: max-content;
}

#ListagemProdutos .input-group {
    padding: 0px 16px;
}

#ListagemProdutos .searchFiltro {
    border-bottom: 1px solid #F5F5F5;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-bottom: 32px;
    margin-bottom: 16px;
}

.star {
    background-image: url(/Amavical/images/svg/hugeicons_star.svg);
    width: 16px;
    height: 16px;
}

.star.filled {
    background-image: url(/Amavical/images/svg/hugeicons_star_filled.svg);
    width: 16px;
    height: 16px;
}

#cards .image-container {
    position: relative;
    height: 480px;
    background-size: cover;
    background-position: center;
    border-radius: 2px;
    overflow: hidden;
}

#cards .card1 .produt-img {
    position: absolute;
    bottom: 8px;
    right: 0px;
    width: 320px;
    height: 100%;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

#cards .card2 .produt-img {
    position: absolute;
    right: -58px;
    width: 402px;
    height: 100%;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



@media (min-width: 991.98px) {
    .p-r-8 {
        padding-right: 8px;
    }

    .p-l-8 {
        padding-left: 8px;
    }

    .p-r-2 {
        padding-right: 2px !important;
    }

    .p-l-2 {
        padding-left: 2px !important;
    }
}


.extrabuttons {
    position: absolute;
    top: 242px;
    left: 72px;
}

.favProduto,
.expandirImg {
    width: 42px;
    height: 42px;
    background-color: #FFFFFF1F;
    border: 1px solid #F5F5F5;
    padding: 9px 10px;
    margin-bottom: 16px;
    border-radius: 2px;
}

.favProduto:hover,
.expandirImg:hover {
    width: 42px;
    height: 42px;
    background-color: #FEF7F6;
    border: 1px solid #F6D0CA;
    padding: 9px 10px;
    margin-bottom: 16px;
}

.favProduto iconify-icon,
.expandirImg iconify-icon {
    color: var(--accent);
}

#ProdutoInformacoes .info-page {
    padding: 32px 128px 16px;
}

.listagem {
    padding: 0 128px;
}

.fundoimg {
    position: relative;
    aspect-ratio: 1 / 1;
    background-color: #F5F5F5;
    margin-bottom: 32px;
    border-radius: 2px;
    display: block;
}

.imgPeq {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* mix-blend-mode: multiply; */
}

.imgGra {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    object-position: center;
    border-radius: 2px;
    mix-blend-mode: multiply;
}

.row {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 0;
}

.sticky {
    position: sticky;
    max-height: calc(100dvh - 160px - 32px);
    top: calc(100px + 64px);
}

#ProdutoInformacoes .ProdCAt {
    color: #E0E0E0;
}

#ProdutoInformacoes .ProdNome {
    color: #292929;
    margin-bottom: 12px;
}

.gap-4 {
    gap: 4px !important;
}

.gap-24 {
    gap: 24px !important;
}

#ProdutoInformacoes .ProdValores {
    margin-bottom: 32px;
    align-items: center;
}

#ProdutoInformacoes .ProdAvaliacao {
    color: #CCCCCC;
    margin-bottom: 16px;
}

#ProdutoInformacoes .Prodprice {
    color: #292929;
}

#ProdutoInformacoes .cut {
    color: #CCCCCC;
    text-decoration: line-through;
    font-weight: 400;
}


#ProdutoInformacoes .promo {
    background: #E0543E;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 2px;
    height: FIT-content;
}

#ProdutoInformacoes .ProdDescricao,
#ProdutoInformacoes .ProdMarca,
#ProdutoInformacoes .ProdRef {
    color: #CCCCCC;
    margin-bottom: 8px;
}

#ProdutoInformacoes .ProdMarca b,
#ProdutoInformacoes .ProdRef b {
    color: #8F8F8F;
}

.line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 0;
    border-top: 1px solid #F5F5F5;
}

.mt-16 {
    margin-top: 16px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

#TabelaTamanhos.table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #F9E0DC;
    background: #FCEFED;
}

#TabelaTamanhos.table thead .caption {
    color: #E0543E;
    font-weight: 700;
}

#TabelaTamanhos.table thead .caption iconify-icon {
    color: #F6D0CA;
}


#TabelaTamanhos.table>:not(caption)>*>* {
    padding: 8px 16px 8px 0px;
    box-shadow: none;
}

#TabelaTamanhos td.stock {
    text-align: center;
}

#TabelaTamanhos .cor,
#TabelaTamanhos .marca {
    color: #292929;
}

#TabelaTamanhos .tdprice {
    text-align: right;
    color: #292929;
}

#TabelaTamanhos .tdprice .price {
    font-weight: 700;
}

#TabelaTamanhos .tdprice .consultar {
    text-decoration: underline;
    text-decoration-style: solid;
}

#TabelaTamanhos {
    margin-bottom: 32px;
}

#addProd.btn-adicinar {
    padding: 12px 48px;
    margin-bottom: 32px;
}

.gap-32 {
    gap: 32px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-64 {
    margin-top: 64px !important;
}

#ProdutoInformacoes .descExtensiva .title3 {
    color: #E0543E;
    margin-bottom: 16px;
}

#ProdutoInformacoes .descExtensiva .title5 {
    color: #292929;
    margin-bottom: 32px;
    font-weight: 400;
}

#ProdutoInformacoes .btn-principal {
    border: 1px solid #E0E0E0;
}

#ProdutoInformacoes .btn-principal .button {
    color: #292929;
}

#ProdutoInformacoes .btn-principal:hover .button {
    color: var(--accent);
}

#ProdutoInformacoes .btn-principal iconify-icon {
    border-left: 1px solid #E0E0E0;
}

.iconBG {
    background: url(/Amavical/images/svg/iconBg.svg) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 240px;
    position: fixed;
    z-index: -1;
    position-area: center;
    opacity: 0.4;
}

.listaAvaliacoes .title3 {
    color: var(--accent);
}

#carouselAvaliacoes {
    margin-top: 32px;
}

#carouselAvaliacoes .item {
    background-color: #FEF7F6;
    padding: 32px;
    border-radius: 2px;
    min-height: 220px;
}

#carouselAvaliacoes .text {
    color: #8F8F8F;
}

#carouselAvaliacoes.owl-carousel .owl-nav button.owl-next,
#carouselAvaliacoes.owl-carousel .owl-nav button.owl-prev {
    color: var(--accent);
    position: absolute;
    top: calc(50% - 16px);
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 4px 4px !important;
    border: 1px solid transparent;
    background: #FFFFFF1F;
}

#carouselAvaliacoes.owl-carousel .owl-nav button.owl-next:hover,
#carouselAvaliacoes.owl-carousel .owl-nav button.owl-prev:hover {
    border: 1px solid var(--accent);
    background: #FFFFFF1F;
}

#carouselAvaliacoes.owl-carousel .owl-nav button.owl-prev {
    left: -36px;
}

#carouselAvaliacoes.owl-carousel .owl-nav button.owl-next {
    right: -36px;
}

.InformacoesExtra {
    display: grid;
    margin-bottom: 128px;
}

.InformacoesExtra .title4 {
    color: #E0543E;
    margin-bottom: 16px;
}

.InformacoesExtra a {
    color: #8F8F8F;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.InformacoesExtra a iconify-icon,
#ProdutoInformacoes #BtnVerMais .buttonUnderline {
    color: #E0543E;
}

#ProdutoInformacoes #BtnVerMais {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    margin-bottom: 16px;
    z-index: 1;
    position: relative;
    margin-top: -26px;
    color: var(--accent);
}

#listTamanhosGrad .gradiente {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32.5%);
    pointer-events: none;
    z-index: 1;
}

.politicas {
    padding: 96px 0;
}

.politicas .title2 {
    color: var(--accent);
    margin-bottom: 32px;
}

.politicas .title4 {
    color: #292929;
}

.politicas .title5 {
    color: #E0543E;
    margin-top: 64px;
}

.politicas .title6 {
    color: #292929;
    margin-top: 32px;
}

.politicas .text,
.politicas .caption {
    color: #8F8F8F;
}

.politicas .text b,
.politicas .caption b {
    color: #292929;
}

.quemSomos {
    padding: 0 128px;
}

.quemSomos .conteudo {
    position: absolute;
    z-index: 1;
    top: 52px;
    left: 90px;
    padding-right: 90px;
}

.quemSomos .img-background {
    width: 100%;
    height: 680px;
    object-fit: cover;
    object-position: 40% 50%;
}

.quemSomos .image-container {
    position: relative;
    display: inline-block;
    width: calc(100% + 128px);
    margin-left: -124px;
    margin-bottom: 72px;
}

.quemSomos .title4 {
    margin-bottom: 64px;
    margin-top: 168px;
    color: #292929;
}

.quemSomos .text {
    margin-bottom: 64px;
    color: #8F8F8F;
}

.quemSomos .title2 {
    color: #FFFFFF;
}

.quemSomos .title3 {
    color: #FFFFFFB8;
}

.quemSomos .conteudo .title3 {
    color: #FFFFFFB8;
    margin-bottom: 16px;
}

.quemSomos .image-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 2px;
    background: linear-gradient(180deg, rgba(12, 17, 20, 0.9) 35.94%, rgba(12, 17, 20, 0) 48.45%);

}

.login .img img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    padding: 0 4px 4px 4px;
    border-radius: 2px;
}

.login .divTexto {
    margin-top: 96px;
    margin-bottom: 96px;
}

.login .divTexto .title2 {
    color: #292929;
    margin-bottom: 8px;
    padding: 0 32px;
}

.login .divTexto .text {
    color: #8F8F8F;
    margin-bottom: 32px;
    padding: 0 32px;
}

.login .divTexto label {
    display: block;
}

.login .divTexto .inputs {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 32px 134px 32px 64px;
    margin-bottom: 16px;
}

.login .divTexto .inputs .button {
    color: var(--accent);
    text-decoration: underline;
}


.login .divTexto .inputs .caption {
    color: #8F8F8F;
}

.form-control {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    border: 1px solid #F5F5F5;
    background-color: #FFFFFF;
    border-radius: 2px;
    color: #292929;
    height: 40px;
}

.form-group {
    margin-bottom: 16px;
}

.form-control:focus {
    color: #292929;
    background-color: #fff;
    border-color: #F5F5F5;
    outline: 0;
    box-shadow: none, 0 0 0 .2rem none;
}

.input-group .form-control {
    display: block;
    width: auto;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #292929;
    letter-spacing: 0;
}


.login .divTexto .Info #BtnLogin,
.login .divTexto .Info #BtnProfissional,
.login .divTexto .Info #BtnParticular {
    padding: 12px 32px;
    margin-left: 32px;
}

.login .loginExterno {
    padding: 64px 64px 32px 32px;

}

.login .loginExterno .title6 {
    color: #292929;
    margin-bottom: 16px;
}

.BannerCriarConta {
    background-color: #FCEFED;
    padding: 16px 32px;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.BannerCriarConta .title5 {
    color: #292929;
}

.BannerCriarConta .caption {
    color: #8F8F8F;
}

.btn-black {
    padding: 12px 32px;
    color: #FFFFFF;
    background-color: #292929;
    border: 1px solid #292929;
    border-radius: 2px;
}

.btn-black:hover {
    color: #292929;
    background-color: #FFF;
}

.login .tabs.tabs-folder .tab-content {
    margin-top: -1px;
    border: none;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.login .tabs.tabs-folder .nav-tabs .nav-link.active {
    background-color: #FAFAFA;
    border-color: #FAFAFA;
    border-bottom-color: #FAFAFA;
    color: #E0543E;
    text-decoration: underline;
    font-weight: 800;
}

.login .tabs.tabs-folder {
    margin-bottom: 32px;
}


.login .tabs.tabs-folder .nav-tabs .nav-link {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
    color: #CCCCCC;
    text-decoration: none;
    font-weight: 800;
}

.login .divTexto .tabs.tabs-folder .inputs {
    padding: 32px 134px 32px 32px;
}

.login .divTexto label.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-checkbox-input {
    display: none;
}

.custom-checkbox-box {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-color: #FAFAFA;
    border: 1px solid var(--accent);
}

.custom-checkbox-box iconify-icon {
    display: none;
    color: white;
}


.custom-checkbox-input:checked+.custom-checkbox .custom-checkbox-box {
    background-color: var(--accent);
    border: 1px solid var(--accent);
}

.custom-checkbox-input:checked+.custom-checkbox .custom-checkbox-box iconify-icon {
    display: block;
}

.form-check-privacidade {
    margin-bottom: 16px;
}

.form-check-privacidade a {
    color: var(--accent);
    text-decoration: underline;
}

.form-check-privacidade a:hover {
    text-decoration: none;
}

.recuperarPass {
    padding: 96px 0;
}

.recuperarPass .title2 {
    padding: 0 32px;
    color: #292929;
    margin-bottom: 8px;
}

.recuperarPass .text {
    padding: 0 32px;
    color: #76777A;
}

.recuperarPass .inputs {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 32px 134px 32px 32px;
    margin-top: 32px;
    margin-bottom: 16px;
}

.recuperarPass #BtnLogin {
    padding: 12px 32px;
    margin-left: 32px;
}

#AreaPessoal {
    padding: 64px 108px;
}

#AreaPessoal #escolhas .caption {
    padding: 0 16px;
    color: #B8B8B8;
}

#AreaPessoal .title2 {
    padding: 0 16px;
    color: #292929;
    margin-bottom: 22px;
}

#AreaPessoal .tabs.tabs-vertical .nav-tabs .nav-link {
    border-radius: 2px;
    display: flex;
    border-right: none;
    align-items: center;
    background-color: #FEF7F6;
    justify-content: space-between;
    padding: 10px 16px;
}

#AreaPessoal .tabs.tabs-vertical .nav-tabs .nav-link.active {
    color: var(--accent);
    background-color: var(--accent);
    border: none;
}

#AreaPessoal .tabs .nav-tabs .nav-item {
    margin-bottom: 8px;
    border-radius: 2px;
}

#AreaPessoal .tabs .nav-tabs .nav-link.active iconify-icon.icon-tab {
    padding: 4px;
    background-color: #FFFFFF1F;
    border-radius: 2px;
    color: #FFFFFF;
}

#AreaPessoal .tabs .nav-tabs .nav-link iconify-icon.icon-tab {
    padding: 4px;
    background-color: #FCEFED;
    border-radius: 2px;
    color: #E0543E;
    height: 24px;
}

#AreaPessoal .tabs .nav-tabs .nav-link.active iconify-icon.icon-tab {
    padding: 4px;
    background-color: #FFFFFF1F;
    border-radius: 2px;
    color: #FFFFFF;
}

#AreaPessoal .tabs .nav-tabs .nav-link .seta-tab {
    display: none;
}

#AreaPessoal .tabs .nav-tabs .nav-link.active .seta-tab,
#AreaPessoal .tabs .nav-tabs .nav-link.active .title5 {
    display: block;
    color: #FFFFFF;
}


#areaClienteContentTable .title4 {
    color: #292929;
    margin-bottom: 4px;
}

#areaClienteContentTable .text {
    color: #CCCCCC;
    margin-bottom: 32px;
}


#areaClienteContentTable .info-container {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 32px 16px 16px 16px;
    margin-bottom: 16px;
}

#areaClienteContentTable .info-container label .caption {
    color: #8F8F8F;
    margin-bottom: 4px;
}

#areaClienteContentTable .info-container label {
    margin-bottom: 16px;
}

#areaClienteContentTable .info-container input,
#areaClienteContentTable .info-container #Pais {
    background-color: #FFFFFF;
    border: 1px solid #F5F5F5 !important;
    width: 100%;
    border-radius: 2px;
    font-family: Manrope;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 8px 16px;
    height: 40px;
    color: #292929;
}

#PartPaisModal,
#ProfPaisModal {
    background-color: #FFFFFF !important;
    border: 1px solid #F5F5F5 !important;
    width: 100%;
    border-radius: 2px;
    font-family: Manrope;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 8px 16px;
    height: 40px;
    color: #292929;
}


#areaClienteContentTable .contactoComercial {
    align-items: flex-end;
    padding: 24px 32px;
    border-radius: 2px;
    background-color: #FAFAFA;
    margin-top: 64px;
}

#areaClienteContentTable .contactoComercial iconify-icon,
#areaClienteContentTable .titleCards iconify-icon {
    background-color: #FCEFED;
    padding: 4px;
    color: #E0543E;
    border-radius: 2px;
}

#areaClienteContentTable .contactoComercial .caption {
    padding-left: 40px;
    margin-bottom: 4px;
    color: #8F8F8F;
}

#areaClienteContentTable .contactoComercial .title5 {
    color: #292929;
}

#areaClienteContentTable .btn-adicinar {
    padding: 12px 32px;
}

#areaClienteContentTable .DivPass {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 32px 0px 16px 16px;
    margin-bottom: 16px;
}

#verificacaoPass .certo iconify-icon.certo {
    padding: 4px;
    background-color: #D6FFE9;
    color: #04C85F;
    border-radius: 2px;
}

#verificacaoPass .errado iconify-icon.certo,
#verificacaoPass .certo iconify-icon.errado {
    display: none;
}

#verificacaoPass .errado iconify-icon.errado {
    padding: 4px;
    background-color: #FFD6D6;
    color: #C80404;
    border-radius: 2px;
}

#verificacaoPass span.errado,
#verificacaoPass span.certo {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


#areaClienteContentTable .cardsAreaclinete {
    position: relative;
    background-color: #FAFAFA;
    border-radius: 2px;
    border: 1px solid #FAFAFA;
    margin-bottom: 16px;
    padding: 24px 32px;
    /* display: flex;
    justify-content: space-between; */
}

#areaClienteContentTable .cardsAreaclinete:hover {
    background: #FEF7F6;

    border-radius: 2px;
    border: 1px solid #F6D0CA
}

.acoesCards {
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
}

#areaClienteContentTable .cardsAreaclinete:hover .acoesCards {
    display: flex;
    gap: 16px;
}


#areaClienteContentTable .cardsAreaclinete:hover .acoesCards a {
    color: var(--accent);
    text-decoration: underline;
}

#areaClienteContentTable .cardsAreaclinete:hover .acoesCards a:hover {
    text-decoration: none;
    cursor: pointer;
}

#areaClienteContentTable .cardsAreaclinete .titleCards {
    margin-bottom: 16px;
}

#areaClienteContentTable .cardsAreaclinete .title5 {
    color: #292929;
}

#areaClienteContentTable .cardsAreaclinete:hover .title5 {
    color: var(--accent);
}

#areaClienteContentTable .cardsAreaclinete .caption {
    padding-left: 40px;
    margin-bottom: 4px;
    color: #8F8F8F;
}



#areaClienteContentTable .cardsAreaclinete .caption b {
    color: #292929;
}

#areaClienteContentTable .estadoEncomenda {
    background-color: #D6FFE9;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 16px;
    color: #04C85F;
}

#areaClienteContentTable .estadoEncomenda .caption {
    color: #04C85F;
}

#areaClienteContentTable .InfoEncomenda {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#areaClienteContentTable .metodoPagamento {
    height: 24px;
    width: auto;
}

#areaClienteContentTable .totalEncomenda {
    display: flex;
    align-items: flex-end;
}

#areaClienteContentTable .estadoCotacao.Aceite {
    background-color: #D6FFE9;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 16px;
    color: #04C85F;
    height: fit-content;
}

#areaClienteContentTable .estadoCotacao.Aceite .caption {
    color: #04C85F;
}

#areaClienteContentTable .estadoCotacao.emAnalise {
    background-color: #D6FCFF;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 16px;
    color: #04BCC8;
    height: fit-content;
}

#areaClienteContentTable .estadoCotacao.emAnalise .caption {
    color: #04BCC8;
}

#areaClienteContentTable .estadoCotacao.emAprovacao {
    background-color: #FFFCD6;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 16px;
    color: #C8BB04;
    height: fit-content;
}

#areaClienteContentTable .estadoCotacao.emAprovacao .caption {
    color: #C8BB04;
}

#areaClienteContentTable .saldoContacorrente {
    background-color: #FAFAFA;
    padding: 16px 32px;
    display: flex;
    gap: 62px;
    margin-bottom: 32px;
}


#areaClienteContentTable .saldoContacorrente iconify-icon {
    background-color: #FCEFED;
    padding: 4px;
    border-radius: 2px;
    color: #E0543E;
}

#areaClienteContentTable .saldoContacorrente .title4 {
    color: #E0543E;
    margin-bottom: 0px;
}


#areaClienteContentTable .saldoContacorrente .text {
    color: #8F8F8F;
    margin-bottom: 0px;
}

#Pais,
#PartPaisModal,
#ProfPaisModal,
#PaisModal {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/Amavical/images/svg/hugeicons_arrow-down-01.svg') no-repeat right 10px center;
    background-size: 20px;
    padding-right: 30px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    background: url(/Amavical/images/svg/hugeicons_calendar-03.svg) no-repeat;
    width: 16px;
    height: 16px;
    border-width: thin;
}

#areaClienteContentTable .datas {
    padding: 0;
    margin-bottom: 32px;
    display: flex;
    gap: 32px;
    align-items: flex-end;
}

#areaClienteContentTable .datas .caption {
    margin-bottom: 4px;
    color: #8F8F8F;
}

#areaClienteContentTable #conta .btn-adicinar {
    padding: 9px 32px;
    height: 40px;
}

#areaClienteContentTable .datas #dataInicio,
#areaClienteContentTable .datas #dataFim {
    padding: 8px 16px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    border-radius: 2px;
}

#TabelaContaCorrente.table>:not(caption)>*>* {
    padding: 8px 32px 8px 0px;
    box-shadow: none;
}

#TabelaContaCorrente .estado {
    display: flex;
    align-items: center;
    gap: 8px;
}

#TabelaContaCorrente.table thead .caption {
    color: #E0543E;
    font-weight: 700;
}

#TabelaContaCorrente.table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #F9E0DC;
    background: #FCEFED;
}

#TabelaContaCorrente .number,
#TabelaContaCorrente .documento,
#TabelaContaCorrente .data,
#TabelaContaCorrente .vencimento {
    color: #292929;
}

#TabelaContaCorrente .valor {
    color: #292929;
}

#Carrinho,
#checkout {
    padding: 16px 128px 96px;
}


.titleCarrinho {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 16px;
}

.titleCarrinho .title2 {
    color: var(--accent);
}

#Carrinho .titleCarrinho a.button {
    color: #8F8F8F;
    text-decoration: underline;
}

#Carrinho .titleCarrinho a.button:hover {
    color: var(--accent);
    text-decoration: none;
}

.cardCarrinho {
    background-color: #FAFAFA;
    border-radius: 2px;
    position: relative;
    padding: 16px 32px;
    /* display: flex; */
    align-items: center;
    /* gap: 32px; */
    margin-bottom: 16px;
    justify-content: space-between;
}

.cardCarrinho .buttonRemove {
    background-color: #FCEFED;
    height: 24px;
    width: 24px;
    position: absolute;
    padding: 4px;
    border-radius: 2px;
    top: 8px;
    left: 8px;
    z-index: 2;
}

.cardCarrinho .buttonRemove iconify-icon {
    color: #E0543E;
}

.cardCarrinho img {
    height: 96px;
    width: 96px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.cardCarrinho .underline {
    color: #CCCCCC;
}

.cardCarrinho .title6 {
    color: #292929;
}

.cardCarrinho .title5 {
    color: #E0543E;
}

.cardCarrinho .cut {
    color: #CCCCCC;
    text-decoration: line-through;
    font-weight: 400;
}

.cardCarrinho .promo {
    background: #E0543E;
    color: #FFFFFF !important;
    padding: 2px 8px;
    border-radius: 2px;
    height: 24px;
}

.cardCarrinho .labels {
    position: relative;
    display: flex;
    gap: 4px;
    top: 0px;
    left: 0px;
    z-index: 1;
    margin-top: 12px;
}


.cardCarrinho .caption {
    color: #CCCCCC;
}

.resumoCarrinho .title4,
.resumoCarrinho .title5,
.cardCarrinho .caption b {
    color: #292929;
}

.TotalProduto {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 26px;
}

.GridCotacao .title4 {
    color: #292929;
    margin-bottom: 16px;
}

.resumoCarrinho {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 32px;
    margin-bottom: 16px;
}


.resumoCarrinho .text {
    color: #8F8F8F;
}

.c-orange {
    color: var(--accent) !important;
}

.c-gray-dark {
    color: var(--gray-dark) !important;
}

.voucher {
    padding: 8px;
    background-color: rgb(250, 250, 250);
    border-radius: 2px;
    margin-bottom: 16px;
    display: flex;
}

#inputVoucher {
    border: none;
    padding: 8px 24px;
    background-color: transparent;
    width: 100%;
}

#checkout-btn {
    padding: 12px;
    width: 100%;
    margin-bottom: 16px;
}

#cotacao-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 32px;
}

#checkout .info-page {
    padding: 16px 16px 32px;
}


#checkout .cardsAreaclinete {
    position: relative;
    background-color: #FAFAFA;
    border-radius: 2px;
    border: 1px solid #FAFAFA;
    margin-bottom: 16px;
    padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#checkout .cardsAreaclinete:hover,
#checkout .cardsAreaclinete.selecionado {
    background: #FEF7F6;

    border-radius: 2px;
    border: 1px solid #F6D0CA
}

.acoesCards {
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
}

#checkout .cardsAreaclinete:hover .acoesCards,
#checkout .cardsAreaclinete.selecionado .acoesCards {
    display: flex;
    gap: 16px;
}


#checkout .cardsAreaclinete:hover .acoesCards a,
#checkout .cardsAreaclinete.selecionado .acoesCards a {
    color: var(--accent);
    text-decoration: underline;
}

#checkout .cardsAreaclinete:hover .acoesCards a:hover,
#checkout .cardsAreaclinete.selecionado .acoesCards a:hover {
    text-decoration: none;
}

#checkout .cardsAreaclinete .titleCards {
    margin-bottom: 16px;
}

#checkout .cardsAreaclinete .title5 {
    color: #292929;
}

#checkout .cardsAreaclinete:hover .title5,
#checkout .cardsAreaclinete.selecionado .title5 {
    color: var(--accent);
}

#checkout .cardsAreaclinete .caption {
    padding-left: 40px;
    margin-bottom: 4px;
    color: #8F8F8F;
}



#checkout .cardsAreaclinete .caption b {
    color: #292929;
}


#checkout .titleCards iconify-icon {
    background-color: #FCEFED;
    padding: 4px;
    color: #E0543E;
    border-radius: 2px;
}

.btn-black-outline {
    padding: 12px 32px;
    color: #292929;
    background-color: transparent;
    border: 1px solid #292929;
    border-radius: 2px;
}

.btn-black-outline:hover {
    color: #FFF;
    background-color: #292929;
}

#checkout .btn-adicinar {
    padding: 12px 32px;
}

.selecao label {
    display: flex;
    align-items: center;
    gap: 16px;
}


.selecao {
    padding: 16px 32px;
    background-color: #FAFAFA;
    margin-bottom: 8px;
    border-radius: 2px;
}

.selecao .text {
    color: #292929;
    font-weight: 700;
}

/* 
.selecao input {
    display: none;
} */

/* .selecao .checkmark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 0.83px solid #E0E0E0
} */

/* .selecao input:checked+.checkmark {
    background-color: var(--accent);
    border-color: var(--accent);
} */

#checkout .title4 {
    margin-bottom: 16px;
    color: #292929;
}

.cardDistribuidora {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FAFAFA;
    border: 1px solid #FAFAFA;
    border-radius: 2px;
    padding: 24px 32px;
    margin-bottom: 16PX;
}

.cardDistribuidora.selecionado {
    background-color: #FEF7F6;
    border: 1px solid #F6D0CA
}


.cardDistribuidora img {
    width: 64px;
}


.cardDistribuidora .select {
    color: transparent;
}

.cardDistribuidora.selecionado .select {
    color: var(--accent);
    text-decoration: underline;
}

.cardDistribuidora .caption.tempoEntrega,
.cardDistribuidora .title5 {
    color: #292929;
}

.cardDistribuidora .caption {
    color: #8F8F8F;
}

.cardPagamento {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #FAFAFA;
    border: 1px solid #FAFAFA;
    border-radius: 2px;
    padding: 24px 32px;
    gap: 32px;
    margin-bottom: 16PX;
}

.cardPagamento.selecionado {
    background-color: #FEF7F6;
    border: 1px solid #F6D0CA
}


.cardPagamento img {
    width: 64px;
}

.cardPagamento .select {
    color: transparent;
}

.cardPagamento.selecionado .select {
    position: absolute;
    top: 16px;
    right: 16px;
    color: var(--accent);
    text-decoration: underline;
}


.cardPagamento .title5 {
    color: #000000;
}

#resumo {
    margin-top: 96px;
    margin-bottom: 64px;
}

#resumo>.title4 {
    color: #292929;
    margin-bottom: 16px;
}

#resumo>.text {
    color: #8F8F8F;
    margin-bottom: 96px;
}

#resumo .resumoProdutos>.title5 {
    color: #E0543E;
    margin-bottom: 8px;
}

#resumo .resumoProdutos .cardResumo {
    display: flex;
    padding: 16px 16px 16px 16px;
    background-color: #FAFAFA;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

#resumo .resumoProdutos .cardResumo img {
    width: 98px;
    height: 96px;
    mix-blend-mode: multiply;
}

#resumo .resumoProdutos .cardResumo .TotalProduto {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 0;
    margin-top: auto;
}

#resumo .resumoProdutos .cardResumo .title5 {
    color: var(--accent);
}

#resumo .resumoProdutos .cardResumo .caption,
#resumo .resumoProdutos .cardResumo .underline {
    color: #CCCCCC;
}

#resumo .resumoProdutos .cardResumo .caption b,
#resumo .resumoProdutos .cardResumo .title6 {
    color: #292929;
}

#resumo .resumoProdutos .cardResumo .cut {
    color: #CCCCCC;
    text-decoration: line-through;
    font-weight: 400;
}

#resumo .resumoProdutos .cardResumo .promo {
    background: #E0543E;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 2px;
    height: 24px;
}

.infoDisponibilidade {
    margin-top: 12px;
}

.infoDisponibilidade {
    margin-top: 12px;
}

.CStock .caption {
    color: #04C85F !important;
    gap: 8px;
}

.SStock .caption {
    color: #C80404 !important;
    gap: 8px;
}


.stock .CStock,
.labels .CStock,
.CStock img {
    padding: 4px;
    background-color: var(--mint);
    border-radius: 2px;
    width: 24px !important;
    height: 24px !important;
}

.stock .SStock,
.labels .SStock,
.SStock img {
    padding: 4px;
    background-color: var(--pink-light);
    border-radius: 2px;
    width: 24px !important;
    height: 24px !important;
}

.resumoProdutos {
    margin-bottom: 48px;
}

.CardResumo {
    padding: 24px;
    display: flex;
    align-items: flex-end;
    background-color: #FAFAFA;
    border-radius: 2px;
}

.CardResumo .caption {
    padding-left: 40px;
    color: #8F8F8F;
    margin-bottom: 4px;
}

.CardResumo .titleCards iconify-icon {
    background-color: #FCEFED;
    padding: 4px;
    color: #E0543E;
    border-radius: 2px;
}

.CardResumoB .title5,
.CardResumo .titleCards .title5 {
    color: #292929;
}

.transporte>.title5,
.pagamento>.title5,
.resumo>.title5,
.moradaEntrega>.title5,
.moradaFaturacao>.title5 {
    color: #E0543E;
    margin-bottom: 8px;
}

.transporte,
.pagamento,
.resumo,
.moradaEntrega,
.moradaFaturacao {
    margin-bottom: 32px;
}

.CardResumoB {
    padding: 24px 32px;
    display: flex;
    align-items: center;
    background-color: #FAFAFA;
    border-radius: 2px;
    gap: 32px;
}

.CardResumoB {
    padding: 24px 32px;
    display: flex;
    align-items: center;
    background-color: #FAFAFA;
    border-radius: 2px;
    gap: 32px;
}

.CardResumoB img {
    width: 64px;
    height: 48px;
    object-fit: contain;
}

.resumoValores .text,
.CardResumoB .caption {
    color: #8F8F8F;
}

.resumoValores .title5 {
    color: #292929;
}

#IrLoja {
    margin-top: 32px;
    width: auto;
    padding: 12px 32px;
}

.resumoValores {
    padding: 24px;
    background-color: #FAFAFA;
    border-radius: 2px;
}


#ModalProdutoAdicionado .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

#ModalProdutoAdicionado .modal-content {
    padding: 32px;
    box-shadow: none;
    border-radius: 2px;
    border: none;
    background-color: #FFFFFF;
}

.btn-fechar {
    background-color: #FCEFED;
    border: none;
    width: 24px;
    height: 24px;
    color: #E0543E;
    border-radius: 2px;
    padding: 4px;
}



#ModalProdutoAdicionado .modal-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    margin-bottom: 16px;
}

#ModalProdutoAdicionado .modal-header .modal-title {
    margin-bottom: 0;
    font-family: Darker Grotesque, sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    color: #292929;
}


#ModalProdutoAdicionado .modal-body {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    border: none;
}

#ModalProdutoAdicionado .modal-img {
    position: relative;
    background-color: #F5F5F5;
    width: 96px;
    height: 96px;
}

#ModalProdutoAdicionado .modal-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

#ModalProdutoAdicionado .modal-body .title6 {
    color: #292929;
    margin-bottom: 4px;
    font-family: Darker Grotesque, sans-serif;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}


#ModalProdutoAdicionado .modal-body .caption {
    color: #8F8F8F;
    margin-bottom: 8px;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;

}


#ModalProdutoAdicionado .modal-body .caption b {
    color: #292929;
}

#ModalProdutoAdicionado .modal-body .title5 {
    color: var(--accent);
    margin-bottom: 4px;
    font-family: Darker Grotesque, sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;

}

#ModalProdutoAdicionado .modal-footer {
    padding: 0;
    border: none;
}

#ModalProdutoAdicionado .modal-footer .btn-black-outline {
    width: 100%;
    padding: 8px 8px;
    margin: 0;
    margin-bottom: 16px;
}

#ModalProdutoAdicionado .modal-footer .btn-adicinar {
    width: 100%;
    padding: 8px 8px;
    margin: 0;
}

.modal-backdrop.show {
    opacity: .2;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #E0543E;
}

:root:has(#modalDetalheEncomenda:not(.d-none)),
:root:has(#modalDetalheFatura:not(.d-none)),
:root:has(.overlay.show),
:root:has(.mainMenu-open),
:root:has(.modal-open) {
    overflow: hidden !important;
    /* padding-right: 15px; */
}

#modalWarning iconify-icon {
    color: #C80404;
    background-color: #FFD6D6;
    padding: 2px;
    border-radius: 2px;
}

#modalSuccess iconify-icon {
    color: #04C85F;
    background-color: #D6FFE9;
    padding: 2px;
    border-radius: 2px;
}

.modal-strip.modal-active {
    transform: translate3d(0px, 0px, 0px);
    z-index: 1000 !important;
    box-shadow: 0 0 0 100vmax #e0543e40;
}

#modalWarning.modal-strip,
#modalSuccess.modal-strip {
    background-color: #FFFFFF;
    border-top: 4px solid #E8412C;
    z-index: 1070 !important;
}

#modalWarning.modal-strip .title4,
#modalSuccess.modal-strip .title4 {
    color: var(--gray-dark);
}

.politicas .text a {
    color: #8F8F8F;
}

.politicas .text a b {
    color: #292929;
}

.politicas .text a b:hover {
    color: var(--accent);
}

.btnFavoritosMobile .menu2 .title6 {
    color: var(--accent);
}

.menuMobile .btnFavoritosMobile .menu2 iconify-icon {
    color: var(--accent);
}

.masonry {
    column-count: 4;
}

#GridBlog,
#GridCatalogo {
    padding: 0 64px 32px;
    background-color: #FAFAFA;
    width: calc(100% - 8px);
    margin-left: 4px;
}

#GridBlog .btn-principal,
#GridCatalogo .btn-principal {
    background: #FFFFFF1F;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    display: flex;
    align-items: center;
    border-radius: 2px;
}

#GridBlog .btn-principal .button,
#GridCatalogo .btn-principal .button {
    margin: 0;
    padding: 9px 16px;
    color: #292929;
}

#GridBlog .btn-principal:hover .button,
#GridCatalogo .btn-principal:hover .button {
    color: var(--accent);
}

#GridBlog .btn-principal iconify-icon,
#GridCatalogo .btn-principal iconify-icon {
    padding: 9px 10px;
    color: var(--accent);
    border-left: 1px solid #E0E0E0;
}

#ListagemBlog .info .verMais,
#ListagemCatalogo .info .verMais {
    color: var(--accent);
    text-decoration: underline;
    margin-top: 8px;
}

#ListagemBlog .info .verMais:hover,
#ListagemCatalogo .info .verMais:hover {
    text-decoration: none;
}


.dropdown-toggle:not(.no-icon):not(.rounded-circle) {
    padding: 0;
}

#ListagemCatalogo,
#ListagemBlog {
    padding: 32px 64px 92px;
}

#ListagemBlog .imgBlog,
#ListagemCatalogo .imgBlog {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 2px;
}

.card_catalogo .bgroung {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 0;
}

#ListagemBlog .artigo {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: #0C1114;
    padding: 2px 16px;
    color: #FFFFFF;
}

@media (min-width: 991.98px) {
    .pad-lef-32 {
        padding-left: 32px;
    }

    .pad-rig-32 {
        padding-right: 32px;
    }
}


#AdicionarMorada {
    color: #8F8F8F;
    text-decoration: underline;
}

#AdicionarMorada:hover {
    color: var(--accent);
    text-decoration: underline;
    cursor: pointer;
}

.contagemCarrinho,
.contagemFavoritos {
    position: absolute;
    top: 28px;
    right: -8px;
    background: var(--accent);
    border-radius: 100%;
    height: 16px;
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
}

#ModalMorada .modal-dialog {
    position: fixed;
    margin: auto;
    width: 50%;
    height: 100%;
    right: 0px;
}


#ModalMorada .modal-content {
    height: 100%;
    border-radius: 2px;
}

#ModalMorada .modal-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 32px 32px 32px 32px;
}

#ModalMorada .modal-header .title4 {
    color: #E0543E;
}

#ModalMorada .modal-header iconify-icon {
    cursor: pointer;
    color: #E0543E;
    padding: 4px;
    background-color: #FCEFED;
}

#ModalMorada .modal-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
}

#ModalMorada .modal-body div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

#ModalMorada #BtnModalMorada {
    padding: 12px 32px;
    width: fit-content;
}

#ListagemCatalogo .row,
#ListagemBlog .row {
    --bs-gutter-x: 16px;
}

#ListagemBlog .title5 {
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    color: var(--gray-dark);
}

#ListagemBlog .title5 iconify-icon,
#ListagemBlog .card-catg:hover .title5 {
    color: var(--accent);
}

.masonry .item {
    display: inline-block;
    margin: 0 0 16px;
    width: 100%;
}

.masonry a {
    color: var(--gray-dark);
}

.pointer {
    cursor: pointer;
}


.subCat,
.listaTexto {
    height: calc(100vh - 254px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #E8412C transparent;
    padding-right: 8px;
}

#carouselGridProdutos .item.card-catg:hover .title5 {
    color: #E8412C;
}

.filtroGeraisInfo .dropdown-menu li p {
    color: #292929;
}

.filtroGeraisInfo .dropdown-menu li.active p,
.filtroGeraisInfo .dropdown-menu li:hover p {
    color: #E8412C;
}

#GridSemProdutos {
    justify-self: center;
    margin: 92px 0;
}

.RemoveFavorito {
    position: absolute;
    width: 24px;
    height: 24px;
    border: none;
    top: 16px;
    right: 16px;
    color: var(--gray-light);
    z-index: 1;
    background-color: #FCEFED;
    border-radius: 2px;
    padding: 4px;
}

.modal .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 4px solid #E8412C;
    padding: 32px 28px;
}

.modal .btn-close iconify-icon {
    color: #292929;
}

.modal .btn-close:hover iconify-icon {
    color: var(--accent)
}

.modal .btn-close {
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    margin: 0 !important;
    padding: 0 !important;
}

.modal-body {
    padding: 32px 28px;
}

/* GALERIA DE FOTOGRAFIAS */
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b,
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border: none;
    margin: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border: none;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 12H4m0 0l6-6m-6 6l6 6'/%3E%3C/svg%3E");
    margin: 0;
    margin-left: 16px;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border: none;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
    margin: 0;
    margin-right: 16px;
}

button.mfp-close,
button.mfp-arrow {
    height: 64px;
    width: 64px;
}



#listFiltroMarca,
#listFiltroDisponibilidade,
#listFiltroCor,
#listFiltroTamanho {
    max-height: 234px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #E8412C transparent;
    padding-right: 8px;
}

#tamanhosMobile {
    margin-bottom: 24px;
}

#tamanhosMobile .cardMobile {
    margin-bottom: 8px;
    padding: 16px;
    background-color: #FAFAFA;
    border-radius: 2px;
}

#tamanhosMobile .cardMobile .caption {
    color: #8F8F8F;
}

#tamanhosMobile .cardMobile .title5 {
    color: #E0543E;
}

.buttonClose {
    background-color: #FCEFED;
    height: 24px;
    width: 24px;
    position: absolute;
    padding: 4px;
    border-radius: 2px;
    top: 32px;
    right: 32px;
}

.buttonClose iconify-icon {
    color: #E0543E;
}

#AddPedidoCotacao .modal-content .modal-header,
#AddSemStockLabel .modal-content .modal-header,
#ModalLogin .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    padding: 32px;
}

#AddPedidoCotacao .modal-footer,
#AddSemStockLabel .modal-footer,
#ModalLogin .modal-footer {
    padding: 32px;
    border-top: none;
    gap: 16px;
}

#AddPedidoCotacao .modal-body #AddSemStockLabel .modal-body,
#ModalLogin .modal-body {
    padding: 0 32px;
}

.consultar {
    text-decoration: underline;
}

.consultar:hover {
    text-decoration: none;
}

.modal-footer>* {
    margin: 0;
}

.form-check .form-check-input {
    float: left;
    margin-left: 0;
}

#artigosCotacao .form-check .text {
    width: max-content;
    margin-left: 16px;
    margin-top: -2px;
    color: var(--gray-medium);
}

#orcamentoExtra {
    background-color: #FEF7F6;
    border-radius: 2px;
    padding: 16px;
}


.radio-custom {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 24px;
    height: 24px;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

.radio-custom::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: var(--accent);
}

.radio-custom:checked::before {
    transform: scale(1);
    border: 1px solid var(--accent);
}

.radio-custom:checked {
    border: 1px solid var(--accent);
}

.p-32 {
    padding: 32px !important;
}

.error {
    color: var(--red);
}

#OBSCarrinho {
    padding: 8px 16px;
    border: 1px solid #F5F5F5;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 16px;
}


.checkbox-wrapper {
    display: flex;
    align-items: inherit;
    cursor: pointer;
    justify-content: flex-end;
    gap: 8px;
}

.checkbox-wrapper input[type="checkbox"] {
    display: none;
}

.checkbox-custom {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-color: #FAFAFA;
    border: 1px solid var(--accent);
}

.checkbox-custom iconify-icon {
    display: none;
    color: white;
    background-color: var(--accent);
}

input[type="checkbox"]:checked+.checkbox-custom iconify-icon {
    display: block;
}

figure.image img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
}

.modal-detalhe-encomenda {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 420px;
    height: 100vh;
    background: white;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    padding: 24px;
    overflow-y: auto;
    transition: transform 0.3s ease;
}

.modal-detalhe-encomenda.d-none {
    transform: translateX(100%);
}

.modal-detalhe-encomenda:not(.d-none) {
    transform: translateX(0);
}

.header-modal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fecharModal {
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.badge-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    background: #dff5e3;
    border-radius: 4px;
    font-size: 12px;
    color: #14843c;
    margin: 16px 0;
}

#modalDetalheEncomenda .estadoEncomenda,
#modalDetalheFatura .estadoEncomenda,
#modalDetalheCotacao .estadoEncomenda {
    width: min-content;
    background-color: #D6FFE9;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 16px;
    color: #04C85F;
    margin-top: 16px;
    margin-bottom: 16px;
}

#modalDetalheEncomenda .estadoEncomenda .caption,
#modalDetalheFatura .estadoEncomenda .caption,
#modalDetalheCotacao .estadoEncomenda .caption {
    color: #04C85F;
}

#modalDetalheEncomenda .TotalProduto,
#modalDetalheFatura .TotalProduto,
#modalDetalheCotacao .TotalProduto {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 0px;
    justify-content: flex-end;
}

#modalDetalheEncomenda .cardResumo,
#modalDetalheFatura .cardResumo,
#modalDetalheCotacao .cardResumo {
    background-color: #FAFAFA;
    border-radius: 2px;
    padding: 16px;
    margin-bottom: 16px;
}

#modalDetalheEncomenda .ProdValores,
#modalDetalheFatura .ProdValores,
#modalDetalheCotacao .ProdValores {
    margin-bottom: 32px;
    align-items: center;
}

#modalDetalheEncomenda .Prodprice,
#modalDetalheFatura .Prodprice,
#modalDetalheCotacao .Prodprice {
    color: #292929;
}

#modalDetalheEncomenda .cut,
#modalDetalheFatura .cut,
#modalDetalheCotacao .cut {
    color: #CCCCCC;
    text-decoration: line-through;
    font-weight: 400;
}

#modalDetalheEncomenda .promo,
#modalDetalheFatura .promo,
#modalDetalheCotacao .promo {
    background: #E0543E;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 2px;
    height: FIT-content;
}

#modalDetalheEncomenda img,
#modalDetalheFatura img,
#modalDetalheCotacao img {
    mix-blend-mode: multiply;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .imgProduct {
    height: 96px;
    width: 96px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .underline {
    color: #CCCCCC;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .title6 {
    color: #292929;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .title5 {
    color: #E0543E;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .cut {
    color: #CCCCCC;
    text-decoration: line-through;
    font-weight: 400;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .promo {
    background: #E0543E;
    color: #FFFFFF !important;
    padding: 2px 8px;
    border-radius: 2px;
    height: 24px;
}

#GridEncomendas .cardsAreaclinete>.row,
#GridFaturas .cardsAreaclinete>.row,
#GridPedidoCotacao .cardsAreaclinete>.row,
#GridHistoricoProdutos .cardsAreaclinete>.row {
    justify-content: space-between;
}

#areaClienteContentTable #GridHistoricoProdutos .cardsAreaclinete .caption {
    padding-left: 0px;
}