@media only screen and (max-width:1200px) {
    .descubraLojas {
        display: none !important
    }
}

@media only screen and (max-width:1120px) {
    .AddCarrinho.disabled {
        opacity: .2 !important
    }

    .MainMenuDesktop li {
        width: 74px !important;
        overflow: hidden !important
    }

    .CatalogoGrid {
        grid-template-columns: 1fr 1fr 1fr
    }

    .ConsultaStockLoja .stock-container {
        grid-template-columns: 1fr 1fr !important
    }

    .ConsultaStockLoja .stock-container .stock-title {
        grid-column: span 2 !important
    }
}

@media only screen and (max-width:768px) {
    .MenuMobile {
        box-shadow: none !important
    }

    .MenuMobile .head {
        border-bottom: none !important
    }

    .MenuMobile .head .Buttons.OpenCarrinho span {
        color: #131313 !important
    }

    .MenuMobile .head .logo img {
        height: 50px;
        margin-top: 6px
    }

    .MenuMobile .head .Buttons.OpenCarrinho {
        right: 10px !important
    }

    .descontos70 {
        padding: 0px !important
    }

    .tabs .tab_content {
        padding: 0px !important
    }

    .title span {
        font-size: .95rem
    }

    .Body .tabs label {
        font-size: .8rem
    }

    .Body .Artigo .headProduto .nome {
        font-family: 'Montserrat';
        line-height: 30px
    }

    .Body .Categorias .list .nome {
        background-color: #000000 !important;
        bottom: 5px !important;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 10px;
        color: #ffffff;
        font-size: 13px !important;
        padding: 6px !important;
        font-family: 'Montserrat'
    }

    .Body .Artigo .ProductFooter {
        padding: 10px 7px !important
    }

    .Body .Artigo .foot {
        border-top: 1px solid #000000 !important
    }

    .Body .Categorias .list>div {
        opacity: 1 !important;
        border: 2px solid #000000 !important
    }

    .owl-item {
        overflow: initial !important
    }

    .Artigo .EnvioImediato {
        position: absolute;
        top: -15px;
        right: -15px;
        z-index: 999
    }

    .owl-carousel .owl-stage-outer {
        overflow: visible !important
    }

    .Artigo .EnvioImediato>img {
        width: 80px !important
    }

    .offside .Procurar .resultados .item .foot {
        display: flex !important;
        width: 100% !important
    }

    .offside .Procurar .resultados .item .foot .preco {
        text-align: end !important
    }

    .disponibilidade.to-order {
        color: orange !important
    }

    .ConsultaStockLoja .stock-container {
        top: 80px !important
    }

    .Body {
        padding-top: 60px !important;
        padding-bottom: 0px !important
    }

    .Body .Artigo .Wishlist {
        font-size: 1.5rem !important
    }

    .Artigo .Preco {
        line-height: 13px !important
    }

    .Artigo .foot {
        display: block !important
    }

    .offside .Procurar .resultados {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .Procurar input {
        width: 100% !important
    }

    .ConsultaStockLoja .stock-container {
        grid-template-columns: 1fr !important
    }

    .ConsultaStockLoja .stock-container .stock-title {
        grid-column: span 1 !important
    }

    .menu-desktop {
        display: none !important
    }

    .CatalogoGrid {
        grid-template-columns: 1fr 1fr !important
    }

    .CatalegoFiltro {
        overflow-y: auto !important
    }

    .Body .container {
        padding: 0px 5%
    }

    #MainBanner {
        aspect-ratio: auto !important
    }

    .NavBar {
        padding-top: 40px !important
    }

    .mobileMenu .icon {
        width: 30px;
        height: 30px
    }

    .FootMenu span {
        margin-top: 5px;
        font-size: 11px;
        display: block;
        font-weight: 500;
        font-size: 9px
    }

    .footer .links>div {
        display: block;
        text-align: center;
        padding: 0 !important
    }

    .footer .newsletter .container {
        display: block;
        padding: 0px 30px
    }

    .footer .destaques>div {
        column-gap: 30px !important;
        display: block !important
    }

    .footer .destaques>div .item {
        display: block;
        text-align: center
    }

    .footer .destaques>div .item .text h4 {
        font-size: 1.4rem !important
    }

    .footer .footer-bottom {
        padding-left: 20px !important;
        padding-bottom: 70px !important
    }

    .footer .social-icons,
    .footer .payment-methods {
        justify-content: center !important
    }

    .footer .destaques .container {
        padding: 10px 1rem !important
    }
}

@media only screen and (max-width:575px) {
    .offside .MobileMenu div>ul li {
        padding: 10px 20px !important
    }

    .offside .MobileMenu .FootMenu {
        background: #fff
    }

    .ProcurarInput {
        position: relative
    }

    .ProcurarInput img {
        position: absolute;
        margin-left: -43px !important;
        top: 25px
    }

    .ProcurarInput input {
        width: 100% !important;
        margin: 0 !important;
        margin-left: 0 !important;
        background-color: #f3f3f3 !important;
        color: #000 !important
    }

    .ProcurarInput input:focus-visible {
        background-color: #f3f3f3 !important
    }

    .ProcurarInput input:focus {
        background-color: #f3f3f3 !important
    }

    .Body .SliderArtigo .owl-stage-outer {
        height: auto !important
    }

    .Body .SliderArtigo img {
        height: auto !important
    }

    .Body .descontos70 .title {
        margin: 0px !important
    }

    .Body .Tabs .tab-label {
        margin-right: 0px !important;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important
    }

    .Body .Conteudo {
        padding-left: 20px;
        padding-right: 20px
    }

    .Body .Categorias .list {
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 7px 10px !important
    }

    .Body .Categorias .title {
        font-size: 1.3rem !important
    }

    .Body .Blog .Content .title {
        font-size: 1.3rem !important;
        margin: 0px !important
    }

    .Body .Blog .Content .lermais {
        height: fit-content !important;
        width: 100% !important;
        aspect-ratio: 1 !important
    }

    .Body .Blog .Content .item>a img {
        height: auto !important;
        width: 100% !important;
        aspect-ratio: 1
    }

    .Body .Lojas {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .Body .Lojas .lista {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .menu-desktop>.container {
        display: none !important
    }
}

.Desktop {
    position: fixed;
    width: 100%;
    z-index: 999
}

.Body {
    padding-top: 164px
}

.Disponibilidade.on-request {
    color: #f5c012 !important
}

.Disponibilidade.on-request svg {
    fill: #f5c012 !important
}

.ConsultaStockLoja {
    background-color: #fbfbfb;
    border: 1px solid #f4f4f4 !important;
    margin-top: 5px !important
}

.ConsultaStockLoja a {
    padding: .5em !important;
    font-size: 11px !important;
    text-align: left !important
}

.ConsultaStockLoja .stock-container {
    position: fixed;
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    top: 50px;
    gap: .5rem;
    left: 0;
    width: 80%;
    padding: 20px;
    margin-left: 10%;
    height: 80vh;
    background-color: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-y: overlay
}

.ConsultaStockLoja .stock-container .stock-title {
    grid-column: span 3
}

.ConsultaStockLoja .stock-container.open {
    display: grid !important
}

.ConsultaStockLoja .stock-container .store-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: background .2s ease
}

.ConsultaStockLoja .stock-container .store-row:last-child {
    border-bottom: none
}

.ConsultaStockLoja .stock-container .store-row:hover {
    background-color: #fdfdfd
}

.ConsultaStockLoja .stock-container .store-name {
    display: block;
    font-weight: 600;
    font-size: 1rem;
    color: var(#333);
    cursor: pointer;
    line-height: 13px
}

.ConsultaStockLoja .stock-container .store-name small {
    color: #636363;
    font-weight: 100
}

.ConsultaStockLoja .stock-container .store-details {
    margin: 5px 0 0 0;
    font-size: .85rem;
    color: var(#f9f9f9);
    line-height: 1.4
}

.ConsultaStockLoja .stock-container .status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: bold;
    text-transform: uppercase
}

.ConsultaStockLoja .stock-container .store-row.available {
    border-left: 4px solid #27ae60;
    background-color: #f0fff4
}

.ConsultaStockLoja .stock-container .available .status-badge {
    background-color: #27ae60;
    color: white
}

.ConsultaStockLoja .stock-container .store-row.out-of-stock {
    opacity: .7
}

.ConsultaStockLoja .stock-container .out-of-stock .status-badge {
    background-color: #eee;
    color: #888
}

.ConsultaStockLoja .stock-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999
}

.ConsultaStockLoja .stock-overlay.open {
    display: block
}

.Produto .VariacoesArtigo>div label.thumbnail {
    background-color: transparent;
    padding: 0px;
    border-radius: 50%;
    overflow: hidden;
    height: 70px;
    width: 70px
}

.Home picture img {
    border-radius: 10px
}

.Body .Produto .VariacoesArtigo>div input[type="checkbox"]:checked+label:not(.color) {
    border: 2px solid #8c8c8c !important
}

.BlocoFiltro.cores label {
    border: 1px solid #cdcdcd;
    opacity: .3
}

.BlocoFiltro.cores label:hover {
    opacity: 1 !important
}

.BlocoFiltro.cores input:checked+label {
    border: 1px solid #636363 !important;
    opacity: 1 !important
}

.product-card-mini:hover {
    transform: initial !important;
    box-shadow: none !important
}

.product-card-mini {
    display: flex;
    flex-direction: column
}

.product-card-mini h5 {
    font-size: 13px !important;
    height: 19px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    margin-top: 9px
}

.product-card-mini a {
    display: block !important;
    padding: 10px !important;
    background-color: #f7f7f7 !important;
    border-radius: 4px !important;
    margin-top: auto;
    transition: background-color 1s ease
}

.product-card-mini a:hover {
    background-color: #cf5cb6 !important;
    color: #fff !important
}

.product-card-mini span {
    font-size: 2.1rem;
    font-weight: bold;
    font-family: "Montserrat", sans-serif
}

.menu-desktop .caixaProcura {
    transform: translateX(-42%) !important
}

.menu-desktop .caixaProcura .resultados {
    grid-template-columns: repeat(6, 1fr) !important
}

.caixaProcura {
    width: 100%;
    top: 110px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important
}

.caixaProcura .resultados {
    grid-column-start: 1 !important;
    grid-column-end: 5 !important;
    gap: 2em !important;
    padding: 10px 20px
}

.caixaProcura .categorias {
    display: none !important
}

.menu-desktop .search>div input {
    color: #000 !important
}

.Procurar .resultados {
    gap: 20px !important;
    padding: 20px
}

.Procurar .resultados .item .foot .preco {
    font-size: 1rem !important;
    margin-top: -10px !important
}

.Procurar input {
    background-color: #161616;
    font-size: 15px !important;
    padding: 12px 20px;
    height: 50px !important;
    width: 30vw;
    margin-top: 15px;
    border-radius: 50px !important;
    transition: background-color .3s ease
}

.Procurar a {
    top: 1px;
    left: -50px !important
}

.Procurar i {
    color: #757575 !important;
    transition: color .3s ease;
    font-size: 20px !important
}

.Procurar i:hover {
    color: #fff !important
}

.Procurar input:focus {
    border: none !important;
    outline: none !important;
    background-color: #1f1f1f
}

.Procurar input:focus i {
    color: #161616
}

.Procurar input:focus-visible {
    border: none !important;
    outline: none !important;
    background-color: #1f1f1f
}

.Procurar input:focus-visible i {
    color: #161616
}

.MainMenuDesktop>ul>li .menuBox {
    overflow: hidden !important;
    background-color: #f1f1f1f7 !important
}

.MainMenuDesktop>ul>li svg {
    transition: filter .5s ease
}

.MainMenuDesktop>ul>li .menuBox>ul {
    column-count: initial !important;
    width: auto !important
}

.MainMenuDesktop>ul>li .menuBox>ul>li {
    display: inline-flex !important;
    width: 20% !important
}

.MainMenuDesktop>ul>li .menuBox>ul>li>a {
    position: relative
}

.MainMenuDesktop>ul>li .menuBox>ul>li>a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 3px;
    background: #e5007d;
    transition: width .3s ease
}

.MainMenuDesktop>ul>li .menuBox>ul>li>a:hover::after {
    width: 25%
}

.MainMenuDesktop>ul>li a {
    margin-bottom: 10px !important
}

.MainMenuDesktop>ul>li .Tudo {
    border-bottom: 1px solid #dadada !important;
    line-height: 13px
}

.MainMenuDesktop>ul>li>a {
    transition: color 1s ease !important;
    padding: 5px 2px !important;
    margin: 10px 10px 10px 20px !important
}

.MainMenuDesktop>ul>li>a svg {
    position: initial !important;
    height: 30px;
    width: 30px;
    margin-top: -6px
}

.MainMenuDesktop>ul>li:hover svg {
    filter: brightness(0) saturate(100%) invert(8%) sepia(83%) saturate(7460%) hue-rotate(320deg) brightness(114%) contrast(102%)
}

.icons {
    margin-top: 10px;
    margin-right: 3vw
}

.icons a {
    margin: 0px 3px
}

.icons a img {
    opacity: .8
}

.icons a span {
    color: #ffffffb8 !important;
    margin-top: 4px
}

.icons a:hover img {
    opacity: 1
}

.icons a:hover span {
    transition: text-shadow .3s, color .3s;
    text-shadow: 0 0 5px #ffffff99;
    color: #fff !important
}

.icons a.cart {
    margin-left: 20px
}

.icons a.cart img {
    margin-left: -7px
}

.footer .links {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.footer .links .payment-methods {
    text-align: center;
    gap: 0 !important
}

.footer .links .payment-methods img {
    filter: grayscale(100%);
    margin: 10px;
    transition: filter .3s ease
}

.footer .links .payment-methods img:hover {
    filter: grayscale(0%)
}

.footer .links div h3 {
    margin-bottom: 10px !important;
    color: #fff !important
}

.footer .newsletter {
    background-color: #e7e7e7 !important
}

.footer .newsletter input {
    background-color: #f3f3f3 !important;
    color: #000000 !important;
    border-color: #d7d7d7 !important
}

.footer .newsletter button {
    background: #2b2b2b !important;
    color: #e1e1e1 !important
}

.footer .newsletter button:hover {
    background: #e5007d !important;
    color: white !important
}

.footer .destaques .container {
    padding: 10px 4rem
}

.footer .cofinanciado-logos img {
    width: 400px !important;
    transition: filter .3s ease
}

.footer .cofinanciado-logos img:hover {
    filter: grayscale(0) !important;
    opacity: 1 !important
}

/* .Body {
    padding-bottom: 100px
} */

.Body .Categorias .list {
    grid-template-columns: 1fr 1fr 1fr
}

.Body .Categorias .list .nome {
    background-color: #47474766;
    color: #ffffff
}

.Body .Categorias .list img {
    width: 100%
}

.Body .Categorias .list>div:hover {
    opacity: 1 !important
}

.Body .Categorias .list>div {
    transition: opacity .3s ease;
    height: auto !important;
    opacity: .8;
    border: 1px solid #bfbfbf;
    border-radius: 20px !important;
    overflow: hidden !important
}

.Body .Artigo .Wishlist {
    font-size: 2rem !important;
    top: 18px !important;
    left: 20px !important;
    opacity: .4 !important
}

.Body .Artigo .fa-heart {
    color: red !important;
    opacity: 1 !important
}

.Body .Artigo {
    padding: 0px !important
}

.Body .Artigo .Wishlist:hover {
    opacity: 1 !important;
    display: inline;
    color: red !important
}

.Body .Artigo .ProductFooter {
    position: relative;
    padding: 10px 15px
}

.Body .Artigo .headProduto .nome {
    height: 20px !important
}

.Body .Artigo .foot {
    border-top: 1px solid #e9e9e9
}

.Body #Checkout .form input:not([type="checkbox"]):not([type="radio"]),
.Body #Checkout .form textarea,
.Body #Checkout .form select {
    background-color: #fbfbfb !important;
    border: 1px solid #f5f5f5 !important
}

.Body #Checkout .metodos-pagamento>label,
.Body #Checkout .metodos-envio>label {
    background-color: #f7f7f7;
    transition: background-color .3s ease
}

.Body #Checkout .metodos-pagamento>label:hover,
.Body #Checkout .metodos-envio>label:hover {
    background-color: #ebebeb
}

.Body #Checkout .metodos-pagamento>input:checked+label,
.Body #Checkout .metodos-envio>input:checked+label {
    border: none !important;
    background-color: #2b2b2b !important;
    color: #fff !important;
    font-weight: initial !important
}

.Body #Checkout .alertaPontos {
    background-color: #ffdc68;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex
}

.Body #Checkout .alertaPontos .icone {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 26px;
    line-height: 43px
}

.Body .title span {
    background: #ffd11f;
    padding: 10px 14px;
    border: 2px solid #000;
    border-radius: 10px;
    font-weight: 900;
    font-family: 'Montserrat'
}

.Body .tabs label {
    padding: 5px 7px;
    border: 2px solid #000;
    border-radius: 6px;
    font-weight: 900;
    font-family: 'Montserrat'
}

.Body .descontos70 {
    background-color: #fff !important
}

.Body .descontos70 .title {
    color: #000 !important;
    margin: 30px
}

.Body .descontos70 .title::before,
.Body .descontos70 .title::after {
    background-color: #000 !important
}

.Body .Categorias .title {
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    gap: 10px;
    padding: 20px 0 10px
}

.Body .Categorias .title::before,
.Body .Categorias .title::after {
    content: "";
    height: 2px;
    width: 5rem;
    display: block;
    background-color: #000 !important
}

.Body .maisvendidos {
    background-color: #e6e6e6 !important;
    padding-bottom: 30px !important
}

.Body .maisvendidos .Wishlist {
    font-size: 1.5rem !important;
    top: 8px !important;
    left: 10px !important
}

.Body .maisvendidos .title {
    color: #848484 !important;
    padding: 40px 0px 20px 0px
}

.Body .maisvendidos .Preco {
    font-size: 23px !important
}

.Body .maisvendidos .title::before,
.Body .maisvendidos .title::after {
    background-color: #848484 !important
}

.Body .box-image img {
    object-fit: scale-down
}

.Body .descricaoCompleta {
    background: #fbfbfb;
    padding: 20px 40px;
    border-radius: 20px
}

.Body .Tabs .tab-content.specs>div>div {
    border: 1px solid #e9e9e9;
    padding: 15px 20px !important;
    background: #ffffff;
    margin: 4px;
    border-radius: 4px
}

.Body .Tabs .tab-content.specs>div {
    column-gap: 0px !important
}

.Body .Tabs .tab-label[for="caracteristicas"] {
    margin-right: 0px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.Body .Tabs .tab-label[for="descricao"] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.Body .Tabs #descricao {
    padding: 20px;
    background: #ffffff;
    margin: 4px;
    margin-top: 15px !important;
    border: 1px solid #dfdfdf;
    border-radius: 4px
}

.Body .PrecoArtigo .Desde small {
    color: #000 !important
}

.Body .Produto .DescricaoCurta {
    font-size: .9rem;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: justify
}

.Body .Produto .actions .AddCarrinho:hover,
.Body .Produto .actions .OpenWindowAvisoStock:hover {
    background-color: #ff34a4 !important
}

.Body .Produto .ref {
    color: #b6b6b6 !important;
    margin-left: 2px !important;
    margin-top: 8px !important;
    margin-bottom: 17px !important;
    line-height: 0px !important;
    font-size: 11px !important;
    font-weight: 100 !important;
    display: block !important
}

.Body .Produto .Rating {
    vertical-align: middle;
    margin-top: -3px;
    font-size: 20px !important;
    display: inline-block !important
}

.Body .Produto .ProdutoPreco {
    text-align: left !important;
    margin-top: 15px
}

.Body .Produto .Disponibilidade {
    text-align: left !important;
    font-weight: 800;
    font-size: 12px;
    margin-top: 10px !important
}

.Body .Produto .Disponibilidade.available {
    color: #2d8726 !important
}

.Body .Produto .Bloco1 {
    padding: 0px;
    padding-bottom: 30px;
    justify-content: left !important;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 14px;
    align-items: start
}

.Body .Produto .Bloco2 {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 14px
}

.Body .Produto .ProdutoNome {
    padding-bottom: .3rem !important;
    margin-bottom: .5rem !important
}

.Body .Produto .color-options {
    margin-top: 0px !important
}

.Body .Produto .color-options label {
    transition: background-color .3s ease;
    border: 1px solid #d9d9d9 !important;
    background: #f5f5f5;
    user-select: none;
    font-size: 12px
}

.Body .Produto .color-options label:hover {
    background-color: #373737;
    color: #fff !important;
    transition: background-color 1s ease
}

.Body .Produto .VariacoesArtigo>div input[type="checkbox"]:checked+label:not(.color) {
    background-color: #373737 !important
}

.Body .Produto .VariacoesArtigo>div input[type="checkbox"]:checked+label[class="color"] {
    border: 5px solid #00000040 !important
}

.Body .Artigo .foot .colors span {
    border: none !important;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem !important
}

.Body .BlocoFiltro select {
    color: #000000 !important;
    border-radius: 4px;
    background: #f9f9f9
}

.Body .Lojas .nome {
    margin-top: 5px !important;
    margin-bottom: 10px
}

.Body .Lojas a {
    margin-left: 23px
}

.Body .Lojas .horario {
    margin-left: 23px
}

.Body .SliderArtigo .owl-stage-outer {
    height: 771px
}

.Body .SliderArtigo img {
    object-fit: cover !important;
    height: 771px
}

.Body .descricaoCompleta {
    margin-top: 20px !important
}

.Body .Seguros {
    margin-bottom: 0px !important
}

.Body .Seguros input:checked+label {
    border-color: #cce4ff !important;
    border-width: 2px;
    background: #f1f7ff
}

.Body .Seguros label {
    transition: background-color .3s ease, border-color .3s ease;
    border: 1px solid #e5e5e5 !important;
    background: #fbfbfb
}

.Body .Seguros label:hover {
    border-color: #cce4ff !important;
    background: #f1f7ff !important
}

.Body .btn-primary:hover {
    background-color: #ff34a4 !important;
    border: 1px solid #f149a6 !important
}

.Body .Blog .Content .title {
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    color: #000;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    gap: 10px;
    padding: 20px 0 10px;
    margin: 30px
}

.Body .Blog .Content .title::before,
.Body .Blog .Content .title::after {
    content: "";
    height: 2px;
    width: 5rem;
    display: block;
    background-color: #000
}

.Body .Blog .Content .item>a img {
    height: auto !important;
    width: 100% !important;
    aspect-ratio: 1
}

.Body .Blog .Content .item {
    position: relative
}

.Body .Blog .Content .item div:not(.excerpt, .lermais) {
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 15px !important;
    margin-right: 15px !important
}

.Body .Blog .Content .item .excerpt {
    margin-top: 10px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    text-align: justify;
    height: 160px !important;
    overflow: hidden !important;
    transition: height .5s ease, overflow .3s ease
}

.Body .Blog .Content .item .excerpt:after {
    position: absolute;
    opacity: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    background: linear-gradient(transparent, white);
    content: '';
    transition: opacity .3s ease
}

.Body .Blog .Content .lermais {
    margin: 0 !important;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0 !important;
    transition: opacity .3s ease;
    background-color: #1f1f1f79 !important;
    width: 100%;
    aspect-ratio: 1
}

.Body .Blog .Content .lermais a {
    color: #dddddd !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 100%
}

.Body .Blog .Content .tituloArtigo {
    margin-top: 20px !important;
    margin-left: 15px !important;
    margin-right: 15px !important
}

.Body .Blog .Content .tituloArtigo a {
    transition: color .3s ease;
    font-size: 1.2rem !important;
    font-weight: 600
}

.Body .Blog .Content .item:hover .tituloArtigo a {
    color: #e5097f !important
}

.Body .Blog .Content .item:hover .lermais {
    opacity: 1 !important
}

.Body .Blog .Content .item:hover .excerpt {
    height: 210px !important;
    overflow: visible !important
}

.Body .Blog .Content .item:hover .excerpt:after {
    opacity: 0 !important
}

.Body .descricao i {
    margin: 6px 7px !important;
    transition: color .3s ease
}

.Body .descricao .fa-facebook-square {
    margin-left: 10px !important
}

.Body .descricao .fa-facebook-square:hover {
    color: #2596ff !important
}

.Body .descricao .fa-whatsapp:hover {
    color: #319428 !important
}

.BlocoFiltro.categoires label {
    margin: 2px !important
}

.Header.fixed {
    position: fixed;
    z-index: 999;
    margin-top: 0;
    top: 0;
    width: 100%
}

.Header.fixed .caixaProcura {
    top: 68px !important;
    transform: translateX(-21%) !important
}

.Header.fixed .icons span {
    display: none !important
}

.Header.fixed .icons img {
    width: 26px !important
}

.Header.fixed .icons small {
    right: -10px !important
}

.Header.fixed .descubraLojas {
    display: none !important
}

.Header.fixed .Procurar input {
    font-size: 15px !important;
    height: 43px !important;
    margin-top: 3px;
    width: 40vw !important
}

.Header.fixed .Desktop {
    height: 68px
}

.Header.fixed .menu-desktop .logo {
    width: 120px !important;
    padding: 9px !important
}

.Header.fixed .NavBar {
    display: none !important
}

.Header .menu-desktop .logo {
    width: 185px;
    padding: 20px
}

.Header .descubraLojas {
    transition: opacity .3s ease;
    display: inline-flex;
    width: 120px !important;
    align-items: center;
    margin-top: 15px !important;
    margin-right: -13px !important;
    opacity: .8 !important
}

.Header .descubraLojas img {
    width: 30px !important;
    filter: grayscale(1) brightness(2.5)
}

.Header .descubraLojas span {
    color: #a7a7a7 !important;
    font-size: 10px !important;
    line-height: 10px !important;
    margin-left: 10px !important;
    border-bottom: 1px solid #a7a7a7;
    margin-top: 4px;
    padding-bottom: 2px
}

.Header .descubraLojas:hover {
    cursor: pointer !important;
    opacity: 1 !important
}

/*# sourceMappingURL=./feira.css.map */