@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/static/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-bold';
    src: url('../font/Inter/static/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    /* Especifica o peso da fonte como negrito */
}

body {
    font-family: 'Inter';
    background-color: #f2f2f2;

}

.fontPadrao {
    font-family: 'Inter' !important;
    src: url('../font/Inter/static/Inter-Regular.ttf') format('truetype');

}

.navbar .container {
    padding: 0px;
    padding-right: 20px;
}

a.navbar-brand {
    margin: 0px;
}

#campo-busca {
    border-radius: 12px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
    margin: 0px !important;
}

.form-busca input[type="text"] {
    font-size: 15px;
}

.logo {
    height: 36.71px;
    width: 233;
    vertical-align: auto;
}

a:link {
    font-family: 'Inter';
    src: url('../font/Inter/static/Inter-Regular.ttf') format('truetype');
    color: #ffffff;
    text-decoration: none;

}

a:active,
a:visited {
    font-family: 'Inter';
    src: url('../font/Inter/static/Inter-Regular.ttf') format('truetype');
    color: #ffffff;
    text-decoration: none;
}

.copy {
    font-size: 8px;
    margin-right: 10px;
}

.iconCopy {
    float: right;
}

.format_icon_cupom {
    text-align: right;
}

.format_cupom {
    padding-top: 3px;
}

.borderOff {
    border: none !important;
}

a:hover {
    font-family: 'Inter';
    src: url('../font/Inter/static/Inter-Regular.ttf') format('truetype');
    color: #cccccc;
}



.nav-link {
    font-family: 'Inter-bold';
    src: url('../font/Inter/static/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    /* Especifica o peso da fonte como negrito */
    margin: 0;
}

.nav-link:hover {
    /* font-family: 'Inter';
    src: url('../font/Inter/static/Inter-Regular.ttf') format('truetype');     
    /* Outros estilos de hover, se necessário */
    font-weight: 700;
    color: #ffffff;
}



.header1 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    ;
}

.py-3 {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) #b9b9b9 !important;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {

    box-shadow: none
}

.buscar {
    width: 600px;
    height: 40px;
    padding-left: 19px;
}

.filtro-home {
    padding-top: 20px;
    color: #20c777;
    padding-bottom: 20px;
    background-color: white;
}

.grid_bt_promocao {
    margin-top: 25px;
    margin-bottom: 20px;
}

.mb-4 {
    margin: 0px !important;
}

.card-produto-vitrine {
    flex: 0 0 auto !important;
    width: 25%;
}

.menu {
    font-family: 'Inter';
    background-color: #20c777 !important;
    margin: 0px !important;
}


.cor-top {
    margin: 0px !important;
    background-image: url('../img/bg_pagina.png');
    background-repeat: repeat-x;
    background-color: #f2f2f2;

}

.navegacao {
    background-image: url('../img/bg_pagina.png') !important;
    margin: 0px !important;
    padding: 0px !important;

}

.navegacao-home {
    font-size: 12px;
    font-family: 'Inter';
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: rgba(32, 199, 119, 0.5) 1px solid;
    /* Cor com transparência de 50% */
}

/*** BREADCRUMB ***/
.custom-breadcrumb {
    margin-top: 0px !important;
    margin-bottom: 0px;
    padding: 0px;
}

.icon-home {
    display: flex !important;
    min-width: 42px
}

.icon-home svg {
    margin: 3px;
    margin-right: 7px;
    right: 0;
    height: 18px;
    position: absolute
}

ul.custom-breadcrumb {
    font-size: 0
}

ul.custom-breadcrumb li {
    margin: 0px !important;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    border-left: 0
}

ul.custom-breadcrumb li::after {
    content: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20height%3D%2212px%22%20width%3D%2212px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-82.5%20-82.5%20495.00%20495.00%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2224.75%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20id%3D%22XMLID_222_%22%20d%3D%22M250.606%2C154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213%2C0.001%20c-5.857%2C5.858-5.857%2C15.355%2C0.001%2C21.213l139.393%2C139.39L79.393%2C304.394c-5.857%2C5.858-5.857%2C15.355%2C0.001%2C21.213%20C82.322%2C328.536%2C86.161%2C330%2C90%2C330s7.678-1.464%2C10.607-4.394l149.999-150.004c2.814-2.813%2C4.394-6.628%2C4.394-10.606%20C255%2C161.018%2C253.42%2C157.202%2C250.606%2C154.389z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    position: absolute;
    right: -10px;
    top: 6px;
}



/* ul.custom-breadcrumb li::before {
    right: -8px!important;
    top: 7px!important;
    border-top: 5px solid transparent!important;
    border-bottom: 5px solid transparent!important;
    border-left: 5px solid #10A75F !important;
    content: "";
    position: absolute;
    z-index: 1;
}

ul.custom-breadcrumb li::after {
    right: -10px;
    top: 6px!important;
    border-top: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    content: "";
    position: absolute;    
    border-left: 6px solid #fff;
    border-radius: 12px
} */

ul.custom-breadcrumb li.active a {
    color: #000;
    background: #20c777;
    border-left: 0
}

ul.custom-breadcrumb li.primeiro {
    border-left: none;
    max-width: 30px !important;
    height: 24px;
}

ul.custom-breadcrumb li.primeiro a {
    font-size: 18px;
    padding-left: 20px;
    border-radius: 5px 0 0 5px;
    height: 30px
}

ul.custom-breadcrumb li.last::before {
    display: none
}

ul.custom-breadcrumb li.last::after {
    display: none
}

ul.custom-breadcrumb li.last a {
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
    border-radius: 0 40px 40px 0;
    color: #fff;
}

ul.custom-breadcrumb a {
    padding-right: 10px !important;
    background-color: transparent !important;
    border: none;
    line-height: 24px;
    padding: 0 10px 0 18px;
    display: block;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 768px) {
    ul.custom-breadcrumb li.last a {
        text-overflow: ellipsis;
        width: 170px !important
    }

    .nav-link {
        color: #888 !important;
        border-bottom: 1px solid #e9e9e9;
        display: flex;
        align-items: center;
        height: 58px
    }
}

.breadcrumb {
    margin: 0px !important;
    font-family: 'Inter';
}

.breadcrumb-item+.breadcrumb-item::before {
    content: none !important;
    width: 100% !important;
}

#conteudo {
    margin: 0px !important;
    font-family: 'Inter';
}

.pegar-promo {
    margin: 0 auto;
    margin-left: 15px;
    background-color: #20c777;
    text-align: center;
    padding: 10px;
    width: 90%;
    border: none;
}

.vlr_promo {
    font-family: 'Inter-Bold', sans-serif;
}

.titulo-promocao {
    padding-left: 16px;
    padding-right: 16px;
}

.box-promocao {
    height: 630px;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1) !important;
}

.dados-promocao {
    justify-content: end;
}

.preco_sem_desconto,
.preco_com_desconto {
    display: flex;
}

.preco_sem_desconto span,
.preco_sem_desconto div {
    font-size: 14px;
}

.preco_sem_desconto div {
    text-decoration: line-through;
}

.preco_sem_desconto-detalhes {    
    text-decoration: line-through;
}

.preco_promocao-detalhes {
    font-size: 25px;
    font-weight: 700;
}

.parcelas {
    font-size: 14px;
}

.preco-antigo {
    font-size: smaller;
    text-align: left !important;
}

.tagueado {
    float: left;
    margin-top: 5px !important;
    background-color: #ffffff !important;
    color: #242424 !important;
    margin-right: 3px;
    font-size: smaller;
    padding: 2px 8px !important;
    margin-top: 10px !important;
    font-weight: 700;
}

.tagueado-verde {
    float: left;
    background-color: #20c777;
    color: rgb(77, 77, 77) !important;
    margin-top: 5px !important;
    margin-right: 3px;
    font-size: smaller;
    padding: 4px !important;
}

.ghost {
    color: transparent;
}

.cupom_grid {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.grid_botao {
    margin-top: 10px;
    margin-bottom: 10px;
}

.logo_loja_produto {
    width: 56px;
    height: 56px;
    text-align: right;
    border-radius: 50%;
    display: flex;
    border: solid 1px #e5e5e5;
    padding: 10px;
}

.logo_loja {
    width: 56px;
    height: 56px;
    text-align: right;
    border-radius: 50%;
    display: flex;
    border: solid 1px #e5e5e5;
    padding: 6px;
}

.logo_loja2 {
    display: none;
    width: 56px;
    /* Ajuste conforme necessário */
    height: 56px;
    /* Ajuste conforme necessário */
    margin-top: -15px;
    float: right;
    text-align: right;
    border-radius: 50%;
    /* Para tornar a imagem do logo redonda */
}

.grid_loja {
    vertical-align: auto;
    text-align: center;
}

/* .titulo-produto {
    font-size:smaller;
    line-height: 1.5;
} */
.titulo_produto {
    font-size: medium !important;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px !important;
    height: 70px;
    /* Altura fixa para o contêiner do título */
    display: flex;
    /* Ativa o modelo de layout flexível */
    align-items: center;
    /* Alinha verticalmente o conteúdo ao centro */
}

.zera_card {
    margin: none !important;
    padding: 0px !important;
}

.grid_body {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.img_produto {
    padding-top: 25px;
    text-align: center;
}

.img_produto_descri {
    font-family: 'Courier New', Courier, monospace;
}

.map_card {
    border: none;
    /* border: 1px solid red !important; */
}

.map_card_debug {
    border: none;
    /* border: 1px solid red !important; */
}


.card_flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 20px;
}

.card_flex_cupom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 38px;
}

.site-header {
    height: 64px;
    display: flex;
    justify-content: center;
    background: #20c777;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .buscar {
        width: 415px;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .buscar {
        width: 415px;
    }
}

@media (max-width: 1200px) {
    .logo-mobile {
        display: block !important;
    }

    .navbar-brand {
        display: none;
    }
}

@media (max-width: 992px) {

    #grid-header .container {
        margin-top: -36px;
        padding: 0px;
    }

    .logo-mobile {
        margin-top: 15px;
    }

    .navbar-toggler {
        margin-top: 14px;
    }
}

.logo-mobile {
    display: none;
    width: 42px;
    height: 42px;
}

.logo-mobile svg {
    width: 42px;
    height: 42px;
}


.price-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


.card {
    margin-bottom: 20px;
    border: none;
}

.bttop {
    background-color: #20c777 !important;
    width: 100%;
    color: #FFFF;
    font-family: 'Inter-bold';
    border: none;
    padding: 12px !important;
}

.bttop:hover {
    /* Estilos quando o mouse passa por cima do ícone */
    background-color: #1a8458 !important;
    color: #FFFF;
}

.bttopincone {

    color: #20c777;
    border: none;
}

.bttopincone:hover {
    /* Estilos quando o mouse passa por cima do ícone */
    color: #1a8458 !important;
    border: none;
}

.btnhiden {

    background-color: transparent;
    color: none;
    border: none;
}

.btndesc {
    width: 35%;
    margin-bottom: 20px;
}

.list-unstyled li {
    list-style: none;
}

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


.grid_cupom {
    width: 100% !important;
    text-align: center !important;
    padding-top: 7px !important;
    padding-bottom: 5px;
}


.grid_cupom_detalhe {
    width: 35%;
    margin-bottom: 20px;
    text-align: center !important;
    padding-top: 7px !important;
    padding-bottom: 5px;
}

.custom-border {
    border-width: 1px !important;
    /* Espessura da borda */
    border-style: dashed !important;
    /* Estilo da borda */
    border-color: rgb(95, 94, 94) !important;
    /* Cor da borda */
}

.custom-border2 {
    background-color: none !important;
    padding: 5px;
    text-align: center;
    width: 100% !important;
    border-width: 2px !important;
    /* Espessura da borda */
    border-style: dashed !important;
    /* Estilo da borda */
    border-color: rgb(95, 94, 94) !important;
    /* Cor da borda */
}


.detalhe {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fixed-image-size {
    width: 100%;
    /* Defina a largura desejada */
    height: 200px;
    /* Defina a altura desejada */
    object-fit: cover;
    /* Para manter a proporção e cortar a imagem para preencher o contêiner */
}

.grid_check {
    display: none;
    font-size: 15px;
    margin-right: 10px;
    color: #1a8458;
    float: right;
}

#grid_check {
    display: none;
    font-size: 15px;
    margin-right: 10px;
    color: #1a8458;
    float: right;
}

.footer-invisible {
    display: none;
}

.footer-visible {
    display: block;
    position: fixed;
    height: 376px;
    bottom: 0;
    right: 0;
    left: 0;
}

.footer-redes-sociais a {
    width: 40px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: .5rem;
    display: grid;
    padding: .5rem;
    transition: background-color .3s;
    color: #000;
    margin: 5px;
    ;
    text-decoration: none;
}

.footer-redes-sociais {
    display: flex;
    justify-content: center;

}

.footer-redes-sociais-block svg {
    height: 1.5rem;
    width: 1.5rem;
    margin: 0 10px;
    transition: transform .3s;
}

.svg-facebook {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzYwNjA2MCI+PHBhdGggZD0iTTE0IDEzLjVIMTYuNUwxNy41IDkuNUgxNFY3LjVDMTQgNi40NyAxNCA1LjUgMTYgNS41SDE3LjVWMi4xNEMxNy4xNzQgMi4wOTcgMTUuOTQzIDIgMTQuNjQzIDJDMTEuOTI4IDIgMTAgMy42NTcgMTAgNi43VjkuNUg3VjEzLjVIMTBWMjJIMTRWMTMuNVoiLz48L3N2Zz4=)
}

.svg-instagram {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjNjA2MDYwIj48cGF0aCBkPSJNMTYuOTggMGE2LjkgNi45IDAgMCAxIDUuMDggMS45OEE2Ljk0IDYuOTQgMCAwIDEgMjQgNy4wMnY5Ljk2YzAgMi4wOC0uNjggMy44Ny0xLjk4IDUuMTNBNy4xNCA3LjE0IDAgMCAxIDE2Ljk0IDI0SDcuMDZhNy4wNiA3LjA2IDAgMCAxLTUuMDMtMS44OUE2Ljk2IDYuOTYgMCAwIDEgMCAxNi45NFY3LjAyQzAgMi44IDIuOCAwIDcuMDIgMGg5Ljk2em0uMDUgMi4yM0g3LjA2Yy0xLjQ1IDAtMi43LjQzLTMuNTMgMS4yNWE0LjgyIDQuODIgMCAwIDAtMS4zIDMuNTR2OS45MmMwIDEuNS40MyAyLjcgMS4zIDMuNThhNSA1IDAgMCAwIDMuNTMgMS4yNWg5Ljg4YTUgNSAwIDAgMCAzLjUzLTEuMjUgNC43MyA0LjczIDAgMCAwIDEuNC0zLjU0VjcuMDJhNSA1IDAgMCAwLTEuMy0zLjQ5IDQuODIgNC44MiAwIDAgMC0zLjU0LTEuM3pNMTIgNS43NmMzLjM5IDAgNi4yIDIuOCA2LjIgNi4yYTYuMiA2LjIgMCAwIDEtMTIuNCAwIDYuMiA2LjIgMCAwIDEgNi4yLTYuMnptMCAyLjIyYTMuOTkgMy45OSAwIDAgMC0zLjk3IDMuOTdBMy45OSAzLjk5IDAgMCAwIDEyIDE1LjkyYTMuOTkgMy45OSAwIDAgMCAzLjk3LTMuOTdBMy45OSAzLjk5IDAgMCAwIDEyIDcuOTh6bTYuNDQtMy43N2ExLjQgMS40IDAgMSAxIDAgMi44IDEuNCAxLjQgMCAwIDEgMC0yLjh6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
}

.svg-twitter {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjNjA2MDYwIj48cGF0aCBkPSJNMjQgNC4zN2E5LjYgOS42IDAgMCAxLTIuODMuOCA1LjA0IDUuMDQgMCAwIDAgMi4xNy0yLjhjLS45NS41OC0yIDEtMy4xMyAxLjIyQTQuODYgNC44NiAwIDAgMCAxNi42MSAyYTQuOTkgNC45OSAwIDAgMC00Ljc5IDYuMkExMy44NyAxMy44NyAwIDAgMSAxLjY3IDIuOTIgNS4xMiA1LjEyIDAgMCAwIDMuMiA5LjY3YTQuODIgNC44MiAwIDAgMS0yLjIzLS42NHYuMDdjMCAyLjQ0IDEuNyA0LjQ4IDMuOTUgNC45NWE0Ljg0IDQuODQgMCAwIDEtMi4yMi4wOGMuNjMgMi4wMSAyLjQ1IDMuNDcgNC42IDMuNTFBOS43MiA5LjcyIDAgMCAxIDAgMTkuNzQgMTMuNjggMTMuNjggMCAwIDAgNy41NSAyMmM5LjA2IDAgMTQtNy43IDE0LTE0LjM3di0uNjVjLjk2LS43MSAxLjc5LTEuNiAyLjQ1LTIuNjF6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
}

.svg-youtube {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjNjA2MDYwIj48cGF0aCBkPSJNMTIuMDQgMy41Yy41OSAwIDcuNTQuMDIgOS4zNC41YTMuMDIgMy4wMiAwIDAgMSAyLjEyIDIuMTVDMjQgOC4wNSAyNCAxMiAyNCAxMnYuMDRjMCAuNDMtLjAzIDQuMDMtLjUgNS44QTMuMDIgMy4wMiAwIDAgMSAyMS4zOCAyMGMtMS43Ni40OC04LjQ1LjUtOS4zLjUxaC0uMTdjLS44NSAwLTcuNTQtLjAzLTkuMjktLjVBMy4wMiAzLjAyIDAgMCAxIC41IDE3Ljg0Yy0uNDItMS42MS0uNDktNC43LS41LTUuNnYtLjVjLjAxLS45LjA4LTMuOTkuNS01LjZhMy4wMiAzLjAyIDAgMCAxIDIuMTItMi4xNGMxLjgtLjQ5IDguNzUtLjUxIDkuMzQtLjUxek05LjU0IDguNHY3LjE4TDE1LjgyIDEyIDkuNTQgOC40MXoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
}

.svg-tiktok {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjNjA2MDYwIj48cGF0aCBkPSJNMjIuNSA5Ljg0MjAyQzIwLjQzNTcgOS44NDY5NiAxOC40MjIxIDkuMjAzMjEgMTYuNzQzNSA4LjAwMTcxVjE2LjM4MTNDMTYuNzQyOSAxNy45MzMzIDE2LjI2ODUgMTkuNDQ4MiAxNS4zODM4IDIwLjcyMzNDMTQuNDk5IDIxLjk5ODQgMTMuMjQ2IDIyLjk3MyAxMS43OTIzIDIzLjUxNjhDMTAuMzM4NyAyNC4wNjA2IDguNzUzNjIgMjQuMTQ3NyA3LjI0OTE0IDIzLjc2NjRDNS43NDQ2NiAyMy4zODUxIDQuMzkyNDUgMjIuNTUzNiAzLjM3MzMzIDIxLjM4M0MyLjM1NDIgMjAuMjEyNSAxLjcxNjc0IDE4Ljc1ODcgMS41NDYxNyAxNy4yMTYxQzEuMzc1NiAxNS42NzM1IDEuNjgwMDcgMTQuMTE1NiAyLjQxODg0IDEyLjc1MDdDMy4xNTc2MiAxMS4zODU4IDQuMjk1NSAxMC4yNzkgNS42ODAzNCA5LjU3ODIzQzcuMDY1MTcgOC44Nzc0NiA4LjYzMDk1IDguNjE2MTYgMTAuMTY4MyA4LjgyOTI3VjEzLjA0MzlDOS40NjQ4IDEyLjgyMjcgOC43MDkzOCAxMi44MjkzIDguMDA5OSAxMy4wNjNDNy4zMTA0MSAxMy4yOTY2IDYuNzAyNjUgMTMuNzQ1MyA2LjI3MzQgMTQuMzQ1QzUuODQ0MTUgMTQuOTQ0NiA1LjYxNTM2IDE1LjY2NDYgNS42MTk3IDE2LjQwMkM1LjYyNDA0IDE3LjEzOTUgNS44NjEzIDE3Ljg1NjcgNi4yOTc1OSAxOC40NTEyQzYuNzMzODcgMTkuMDQ1OCA3LjM0Njg4IDE5LjQ4NzMgOC4wNDkwNiAxOS43MTI3QzguNzUxMjUgMTkuOTM4MSA5LjUwNjcgMTkuOTM1OSAxMC4yMDc1IDE5LjcwNjNDMTAuOTA4NCAxOS40NzY4IDExLjUxODggMTkuMDMxNiAxMS45NTE1IDE4LjQzNDVDMTIuMzg0MyAxNy44Mzc0IDEyLjYxNzMgMTcuMTE4OCAxMi42MTczIDE2LjM4MTNWMEgxNi43NDM1QzE2Ljc0MDYgMC4zNDg0MzUgMTYuNzY5OCAwLjY5NjM5NSAxNi44MzA3IDEuMDM5NDhWMS4wMzk0OEMxNi45NzQxIDEuODA1MzcgMTcuMjcyMiAyLjUzMzk2IDE3LjcwNjggMy4xODA2OEMxOC4xNDE1IDMuODI3NCAxOC43MDM1IDQuMzc4NjcgMTkuMzU4NSA0LjgwMDc1QzIwLjI5MDMgNS40MTY4OCAyMS4zODI5IDUuNzQ1MjggMjIuNSA1Ljc0NTA1VjkuODQyMDJaIi8+PC9zdmc+);
    background-repeat: no-repeat;
}

.svg-whatsapp {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjNjA2MDYwIj48cGF0aCBkPSJNMjQgMTEuN2MwIDYuNDUtNS4yNyAxMS42OC0xMS43OCAxMS42OC0yLjA3IDAtNC0uNTMtNS43LTEuNDVMMCAyNGwyLjEzLTYuMjdhMTEuNTcgMTEuNTcgMCAwIDEtMS43LTYuMDRDLjQ0IDUuMjMgNS43MiAwIDEyLjIzIDAgMTguNzIgMCAyNCA1LjIzIDI0IDExLjdNMTIuMjIgMS44NWMtNS40NiAwLTkuOSA0LjQxLTkuOSA5LjgzIDAgMi4xNS43IDQuMTQgMS44OCA1Ljc2TDIuOTYgMjEuMWwzLjgtMS4yYTkuOSA5LjkgMCAwIDAgNS40NiAxLjYyYzUuNDYgMCA5LjktNC40IDkuOS05LjgzYTkuODggOS44OCAwIDAgMC05LjktOS44M201Ljk1IDEyLjUyYy0uMDgtLjEyLS4yNy0uMTktLjU2LS4zMy0uMjgtLjE0LTEuNy0uODQtMS45Ny0uOTMtLjI2LS4xLS40Ni0uMTUtLjY1LjE0LS4yLjI5LS43NS45My0uOTEgMS4xMi0uMTcuMi0uMzQuMjItLjYzLjA4LS4yOS0uMTUtMS4yMi0uNDUtMi4zMi0xLjQzYTguNjQgOC42NCAwIDAgMS0xLjYtMS45OGMtLjE4LS4yOS0uMDMtLjQ0LjEyLS41OC4xMy0uMTMuMjktLjM0LjQzLS41LjE1LS4xNy4yLS4zLjI5LS40OC4xLS4yLjA1LS4zNi0uMDItLjUtLjA4LS4xNS0uNjUtMS41Ni0uOS0yLjEzLS4yNC0uNTgtLjQ4LS40OC0uNjQtLjQ4LS4xNyAwLS4zNy0uMDMtLjU2LS4wMy0uMiAwLS41LjA4LS43Ny4zNi0uMjYuMjktMSAuOTgtMSAyLjQgMCAxLjQgMS4wMyAyLjc2IDEuMTcgMi45Ni4xNC4xOSAyIDMuMTcgNC45MyA0LjMyIDIuOTQgMS4xNSAyLjk0Ljc3IDMuNDcuNzIuNTMtLjA1IDEuNy0uNyAxLjk1LTEuMzYuMjQtLjY3LjI0LTEuMjUuMTctMS4zNyIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
}

.navbar-nav {
    margin: 0 auto;
    /* Isso centralizará os itens do menu */
    display: flex;
    /* Isso garante que os itens sejam alinhados horizontalmente */
}

.nav-item {
    padding-top: 0px;
}


.nav-item a {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    white-space: nowrap;
}

.navbar .show {
    margin-top: 24px !important;
}

.nav-link {
    color: #000;
    /* Cor dos links do menu (opcional) */
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
}

.navbar-expand-lg {
    max-height: 50px !important;
    padding-top: 19px;
}

.toptop {
    /* padding-bottom: 50px !important; */
    padding-top: 31px !important;
}

@media (min-width: 300px) and (max-width: 370px) {
    .buscar {
        width: 70% !important;
    }
}

@media (min-width: 370px) and (max-width: 460px) {
    .buscar {
        width: 72% !important;
    }
}

@media (min-width: 460px) and (max-width: 570px) {
    .buscar {
        width: 74% !important;
    }
}

@media (min-width: 570px) and (max-width: 670px) {
    .buscar {
        width: 78% !important;
    }
}

@media (min-width: 670px) and (max-width: 768px) {
    .buscar {
        width: 82% !important;
    }
}

@media (max-width: 768px) {

    #grid-header .container {
        margin-top: -17px;
        margin-left: 15px;
        margin-right: 15px;
        max-width: 1000px;
    }

    #grid-header .py-2 {
        height: 64px;
    }

    .logo-mobile svg {
        margin-top: -7px;
    }

    .navbar-toggler {
        margin-top: 0px;
        padding: 0px;
    }

    #grid-header {
        display: block;
    }

    .toptop {
        padding-bottom: 25px !important;
        padding-top: 20px !important;
    }

    .navbar-expand-lg {
        max-height: 400px !important;
    }

    .logo3 {
        margin: 15px;
    }

    .logo_loja_produto {
        width: 60px;
        height: 60px;
        margin-top: -15px;
        text-align: right;
        border-radius: 50%;
        display: flex;
    }

    .logo_loja {
        width: 60px;
        height: 60px;
        margin-top: -15px;
        text-align: right;
        border-radius: 50%;
        margin-top: -64px;
        display: flex;
    }

    .logo_loja2 {
        display: none;
        width: 56px;
        /* Ajuste conforme necessário */
        height: 56px;
        /* Ajuste conforme necessário */
        margin-top: -15px;
        float: right;
        text-align: right;
        border-radius: 50%;
        /* Para tornar a imagem do logo redonda */
    }

    .menu {
        font-family: 'Inter';
        background-color: #ffffff !important;
        margin: 0px !important;
        margin-top: -27px !important;
        z-index: -1;
        padding-bottom: 0px;
    }

    .site-header {
        position: relative;
        z-index: 1;
    }

    .nav-item a {
        font-weight: 700;
    }

    .nav-item {
        margin: 0px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .nav-link {
        padding-left: 15px !important;
    }

    .img_produto_descri {
        padding-top: 5px;
        text-align: center;
    }

    .col-md-2 {
        flex: 0 0 auto !important;
        width: 21% !important;
    }

    .card_flex_cupom {
        min-height: 0px !important;
    }

    .card_flex {
        min-height: 10px !important;
    }

    .grid_cupom_detalhe {
        width: 100%;
        margin-bottom: 20px;
        text-align: center !important;
        padding-top: 7px !important;
        padding-bottom: 5px;
    }

    .buscar {
        flex: 0 0 auto !important;
        margin: 0px !important;
        text-align: center;
        width: 86%;
        padding-left: 0px;
    }

    .card-produto-vitrine {
        flex: 0 0 auto !important;
        width: 100%;
    }

    .btndesc {
        width: 100%;
        margin-bottom: 20px;
    }

    .detalhe {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 576px) {}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar .show {
        margin-top: 0px !important;
    }

    .nav-link {
        width: 100%;
    }

    #grid-header .container {
        top: 145px;
    }

    .logo_loja {
        margin-left: 32px !important;
    }

    .navbar.navbar-expand-lg.tp.menu .container {
        position: fixed;
        left: 0;
        right: 0;
        top: 100px;
        background-color: white;
        max-width: 10000px;
        margin: 0;
        width: 100%;
        z-index: 99;
    }

    .navbar-nav>li:first-child>a {
        padding-left: 10px !important;
    }

    .nav-item a {
        font-weight: 700;
    }

    .nav-link {
        color: #888 !important;
        border-bottom: 1px solid #e9e9e9;
        display: flex;
        align-items: center;
        height: 58px;
    }
}

#promocao_detalhe .card {
    margin-top: 20px;
}

#promocao_detalhe .container {
    margin-bottom: 20px;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1) !important;
}