@import url('https://use.fontawesome.com/releases/v5.15.3/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    --color--background-panel: #fafafa;
    --color--background-panel-darker: #f2f2f2;
    --color--border: #ced4da;
    --color--border-light: #eaeaea;
    /*--color--main: #e0a00b;
    --color--main: #e0a00b;
    --color--main_sel: #c1843a;*/
    --color--main: #f97316;
    --color-main-rgb: 249, 115, 22;
    --color--secondary: #e88656;
    --color--gray-50: #f8fafc;
    --color--gray-100: #f1f5f9;
    --color--gray-200: #e2e8f0;
    --color--gray-300: #cbd5e1;
    --color--gray-400: #94a3b8;
    --color--gray-800: #1e293b;
    --color--gray-900: #0f172a;
    --shadow-lg: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(15, 23, 42, 0.05) 0px 20px 25px -5px, rgba(15, 23, 42, 0.05) 0px 8px 10px -6px;
    --shadow-lg-hover: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(15, 23, 42, 0.1) 0px 21px 25px -5px, rgba(15, 23, 42, 0.1) 0px 9px 10px -6px;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-width: thin;
    scrollbar-color: var(--color--main) black;
}

.bold-font {
    font-weight: bold;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

.container-detalhes {
    max-width: 1720px;
    width: 100%;
    margin: auto;
}


.box-shadow {
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);
}

.box-shadow-lifted {
    /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
    border: 1px solid #f1f5f9;
    border-radius: 1rem;
    box-shadow: var(--color--shadow-lg);
    background: #fff;
}

body {

    font-family: 'Inter', sans-serif !important;
    background: var(--color--gray-50);
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    background: black;
    z-index: 100000;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loader {
    font-size: 40px;
    color: white;
}

    .loader i {
        color: white;
    }

.floating-menu {
    display: none;
}

.rounded-pill {
    background: var(--color--main) !important;
}

.form-control {
    border-radius: 10px;
}
/*#region ***NAVBAR****/
/*.navbar {
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);
    background-color: rgb(255,255,255,0.95) !important;
}

.navbar-nav {*/
    /*font-family: 'Playfair Display', serif;*/
    /*font-family: 'Raleway', sans-serif;*/
    /*height: 70px;
    width: 100%;
    z-index: 1000;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #60abe4;
    filter: none;
}

.navbar-light .navbar-brand {
    padding: 8px 20px;
    background: transparent;
    line-height: 24px;
}

    .navbar-light .navbar-brand.active {*/
        /*border: 1px solid;*/
        /*background-color: var(--color--main);
        color: white;
        border-radius: 50px;
    }

    .navbar-light .navbar-brand:hover {*/
        /*box-shadow: 0 0 0 1px black;*/
        /*border-radius: 50px;
        background-color: var(--color--main);
        color: white;
    }

.nav-link, .navbar-brand img {*/
    /*filter: grayscale();*/
/*}

#Vendas_img, #Vendas_img1 {
    filter: none;
}

.nav-link:hover, .navbar-brand:hover img {
    filter: none;
}

.nav-item:hover > .nav-link {
    color: #60abe4 !important;
}

.navbar-light .navbar-nav .nav-link {
    padding: 0px 15px 0px 15px;
    display: block;
    position: relative;
}

    .navbar-light .navbar-nav .nav-link::after {
    }*/

    /* Fade in */
    /*.navbar-light .navbar-nav .nav-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #60abe4;
        height: 0.1em;
        opacity: 0;
        transition: opacity 300ms, transform 300ms;
    }

    .navbar-light .navbar-nav .nav-link:hover::after,
    .navbar-light .navbar-nav .nav-link:focus::after {
        opacity: 1;
        transform: translate3d(0, 0.2em, 0);
    }

.dropbtn {
    color: white;
    padding: 0;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    background: white;
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

    .dropdown-content a {
        color: black;
        padding: 10px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: var(--color--main);
            color: white;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-item.active, .dropdown-item:active {
    background: var(--color--main);
}

.wrapper-profile i {
    font-size: 22px;
    margin-left: 1rem;
    cursor: pointer;
}

    .wrapper-profile i:hover {
        color: var(--color--secondary);
    }*/
/*#endregion*/
/*#region ***NOVO FOOTER*** */
.footer-container {
    padding-bottom: 90px;
}
/*.footer-container {
    width: 100%;
    height: auto;
    background: #fafafa;
    border-top: 1px solid var(--color--border-light);*/
/*background: linear-gradient(180deg, rgba(0,9,36,0.6670869031206232) 0%, rgba(0,212,255,0) 100%);*/
/*}

.footer-wrap {
    max-width: 1720px;
    padding: 30px;
}

    .footer-wrap h4 {
        margin-bottom: 2rem;
    }

.politicas {
    font-size: 12px;
}

    .politicas a {
        text-decoration: none;
        color: var(--color--main);
        font-weight: 500;
    }

        .politicas a:hover {
            text-decoration: underline;
        }

.footer-navegacao {
    text-align: center;
}

    .footer-navegacao a {
        margin-bottom: 5px;
        text-decoration: none;
        color: var(--color--main);
        font-weight: 500;
    }

        .footer-navegacao a:hover {
            text-decoration: underline;
        }

.footer-contactos {
    text-align: right;
}

    .footer-contactos a {
        margin-bottom: 5px;
        text-decoration: none;
        color: var(--color--main);
        font-weight: 500;
    }

        .footer-contactos a:hover {
            text-decoration: underline;
        }

.footer-sobrenos p {
    text-align: left;
}

.footer-contactos ul {
    padding: 0;
    list-style-type: none;
}

    .footer-contactos ul li {
        list-style: none;
    }

        .footer-contactos ul li a {
            width: 50px;
            height: 50px;
            background-color: #fff;
            text-align: center;
            line-height: 47px;
            font-size: 25px;
            margin: 0 10px;
            display: block;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
            border: 3px solid #fff;
            z-index: 1;
        }

            .footer-contactos ul li a .icon {
                position: relative;
                color: #262626;
                transition: .5s;
                z-index: 3;
            }

            .footer-contactos ul li a:hover .icon {
                color: #fff;
                transform: rotateY(360deg);
            }

            .footer-contactos ul li a:before {
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 100%;
                background: #f00;
                transition: .5s;
                z-index: 2;
            }

            .footer-contactos ul li a:hover:before {
                top: 0;
            }

        .footer-contactos ul li:nth-child(1) a:before {
            background: #3b5999;
        }

        .footer-contactos ul li:nth-child(2) a:before {
            background: rgb(138,58,185);
            background: linear-gradient(180deg, rgba(138,58,185,1) 0%, rgba(233,89,80,1) 35%, rgba(252,204,99,1) 100%);
        }

        .footer-contactos ul li:nth-child(3) a:before {
            background: #0077b5;
        }*/
/*#endregion*/

.breadcrumb-detalhes {
    color: grey;
    font-size: 1rem;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    padding-left: 30px;
}

    .breadcrumb-detalhes a {
        text-decoration: none;
        color: grey;
    }

        .breadcrumb-detalhes a:hover {
            text-decoration: underline;
        }


/*#region ****NAVEGACAO****/
.container-navegacao {
    position: fixed;
    height: max-content;
    bottom: 10px;
    /*left:0;*/
    /*margin-top: 122px;*/
    z-index: 1040;
    width: auto;
}

.navegacao-imagem {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: contain;
}

.container-navegacao-imagem {
    width: 100%;
    height: max-content;
}

.container-navegacao-tabs {
    /*width: 100%;*/
    height: fit-content;
    /*background: var(--color--background-panel);*/
    /*border-radius: 20px;*/
    padding: 20px;
    /*border: 1px solid var(--color--border);*/
}

.navegacao-tabs {
}

.navegacao-tabs-pills {
    width: 100%;
}

    .navegacao-tabs-pills.nav-pills .nav-link {
        border-radius: 10px;
        margin-bottom: 7px;
    }

        .navegacao-tabs-pills.nav-pills .nav-link:hover {
            background: white;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        }

    .navegacao-tabs-pills .nav-link {
        color: black;
        padding: 0.7rem 1rem;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    /*background: white;*/
    background: var(--color--main);
    /*color: black;*/
    color: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.tab-link {
    border-radius: 20px;
    border: 1px solid black;
    padding: 10px 20px;
    width: max-content;
    color: black;
    margin: auto auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: 30%;
}

    .tab-link:hover {
    }

.detalhes-contacto-icons a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    border: 1px solid var(--color--main);
    margin: 0 0.5rem;
    transition: 0.5s ease;
}

    .detalhes-contacto-icons a:hover {
        background: var(--color--main);
    }

    .detalhes-contacto-icons a i {
        color: var(--color--main);
        transition: 0.5s ease;
    }

    .detalhes-contacto-icons a:hover i {
        color: white;
    }


.btn-apaga-carrinho {
    width: 225px;
    text-align: center;
    text-decoration: none;
    color: white;
    position: relative;
    padding: 10px 20px;
    font-size: 1.1rem;
    color: red;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    border-radius: 20px;
    border: 1px solid red;
    background: transparent;
    z-index: 1;
    transition: 0.4s ease;
    overflow: hidden;
    margin: auto;
}

    .btn-apaga-carrinho:hover {
        background: red;
        color: white;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(224, 160, 11, 0.5);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(224, 160, 11, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(224, 160, 11, 0);
    }
}


/*#endregion*/
/*#region ***CONTAINER PRINCIPAL****/
.container-principal {
    padding: 20px 0;
    /*padding-left:0;
    padding-top:0;*/
    position: relative;
    height: max-content;
}

.principal-imagem {
    width: 100%;
    height: 550px;
    object-fit: cover;
    border-radius: 20px;
}

.principal-titulo {
    text-align: center;
}

.principal-content {
    /*padding:20px;*/
    height: fit-content;
    /*background:var(--color--background-panel);
    border-radius:20px;
    border:1px solid var(--color--border);*/
}

.container-categorias-browser {
    width: 100%;
    height: 80px;
    overflow-x: auto;
    /*display: flex;
    flex-direction: row;*/
    /*justify-content: center;*/
    position: sticky;
    top: 0;
    z-index: 1030;
}

.justify-content-none {
    justify-content: unset;
}

.categorias-browser-button {
    border: none;
    background: none;
    margin: 0 1rem;
    font-weight: bold;
    font-size: 1.8rem;
    position: relative;
    display: inline;
    white-space: nowrap;
    color: var(--color--main);
    text-decoration: none;
}
    .categorias-browser-button:hover {
        color: var(--color--main);
    }

    .categorias-browser-button.active:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 3px;
        left: 50%;
        position: absolute;
        background: var(--color--main);
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        width: 100%;
        left: 0;
    }

    .categorias-browser-button:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 3px;
        left: 50%;
        position: absolute;
        background: var(--color--main);
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        width: 0;
    }

    .categorias-browser-button:hover:after {
        width: 100%;
        left: 0;
    }

.principal-content .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--color--main);
}

.principal-content .nav-tabs .nav-link {
    width: 100%;
}

.titulo-categorias {
    /*background: rgb(255, 179, 0);*/
    /*border: 1px solid rgb(255, 193, 7);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 193, 7, 0.35) 0px 10px 15px -3px, rgba(255, 193, 7, 0.35) 0px 4px 6px -4px;*/
    /*box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, var(--color--secondary) 0px 10px 15px -3px, var(--color--secondary) 0px 4px 6px -4px;*/
    /*padding: 10px 15px;
    background: var(--color--main);
    color: #fff;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, var(--color--secondary) 0px 5px 15px -3px, var(--color--secondary) 0px 4px 6px -4px;
    border: 1px solid var(--color--main);*/
    text-align: left;
    margin-top: 1rem;
    font-weight: 600;
    font-weight: 800;
    width: fit-content;
    font-size: 1.6rem !important;
    position:relative;
}
    .titulo-categorias::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 0.1em;
        background: var(--color--main);
        bottom: -4px;
        transition: all 0.2s ease-out;
    }

.detalhes-navbar .nav-link {
    font-weight: 700;
    line-height: 1.2;
    width: max-content;
    padding: 10px 15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 22px;
    border-radius: 20px;
    color: white;
    font-weight: bold;
}

.nav-tabs {
    border: none;
}

.caracteristicas-body {
    padding: 20px;
    /*background: var(--color--background-panel);*/
    /*border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border: 1px solid #ced4da;*/
    z-index: 1;
    /*border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;*/
    overflow: hidden;
}

    .caracteristicas-body h4 {
        font-size: 1.8rem;
        font-weight: bold;
    }

    .caracteristicas-body i {
        font-size: 1.6rem;
    }

    .caracteristicas-body h5 {
        font-weight: 500;
        font-size: 17px;
    }

.container-pratos {
    padding: 0;
}

.container-col-pratos {
    padding: 10px;
}

.pratos {
    /*box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);*/
    text-align: left;
    border-radius: 20px;
    /*text-align:justify;*/
    overflow: hidden;
    background: white;
    /*border: 1px solid var(--color--border-light);*/
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
}

.container-principal .pratos:hover {
    -webkit-box-shadow: 0px 0px 1px 1px black;
    box-shadow: 0px 0px 1px 1px black;
}

.pratos-inner {
    height: 130px;
    --bs-gutter-x: 0;
    position: relative;
}

.btn-adiciona-produto {
    text-decoration: none;
    padding-bottom: 30px;
}

.pratos-info {
    padding: 15px;
    padding-right: 0;
    position: relative;
    height:100%;
}

    .pratos-info h6 {
        font-size: 16px;
        color: black;
        font-weight: 500;
        text-transform: capitalize;
    }

    .pratos-info p {
        font-size: 13px;
        color: grey;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 4px;
    }

.pratos-preco p {
    margin-right: 4px;
}

.pratos-img {
    padding: 0;
    height:100%;
}

    .pratos-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.btn-adiciona-produto-lista {
    text-decoration: none;
    cursor: pointer;
}

.img-adiciona-produto-lista {
    width: 30px;
    height: 30px;
}

.offcanvas-lista-produtos .pratos {
    margin-top: 1rem;
}

#carrinhoVazio {
    text-align: center;
    padding: 20px 40px;
}

.bounce {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-animation {
    animation-name: bounce-7;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes bounce-7 {
    0% {
        transform: scale(1,1) translateY(0);
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
    }

    30% {
        transform: scale(.9,1.1) translateY(-7px);
    }

    50% {
        transform: scale(1.05,.95) translateY(0);
    }

    57% {
        transform: scale(1,1) translateY(-7px);
    }

    64% {
        transform: scale(1,1) translateY(0);
    }

    100% {
        transform: scale(1,1) translateY(0);
    }
}

.current-day-set {
    position: relative;
    padding: .5rem;
    background: #C8C8C8;
    border-radius: 20px;
}

/*.current-day-set::before, .current-day-set::after {
        content: '';
        display: block;
        position: absolute;
        height: 100%;
        border-style: solid;
        border-color: var(--color--main);
        border-color: black;
        width: 66px;
    }

    .current-day-set::before {
        top: 0;
        left: 0;
        border-right-width: 10px;
        border-right-color: transparent;
        border-left-width: 3px;
        border-top-width: 3px;
        border-bottom-width: 10px;
        border-bottom-color: transparent;
        border-top-left-radius: 20px;
    }

    .current-day-set::after {
        bottom: 0;
        right: 0;
        border-left-width: 10px;
        border-left-color: transparent;
        border-right-width: 3px;
        border-top-width: 10px;
        border-bottom-width: 3px;
        border-top-color: transparent;
        border-bottom-right-radius: 20px;
    }*/

/*.wrap-horarios {*/
/*max-width: 300px;*/
/*margin: auto;*/
/*}*/

.menu-interior {
    position: relative;
    background: black;
    border-radius: 20px;
    padding: 20px 15px;
    box-shadow: rgb(38, 57, 77) -5px 9px 10px -2px;
}

    /*.menu-interior .nav-item .nav-link{
        margin: 5px 10px;
    }*/

    .menu-interior .nav-item:hover > .nav-link {
        color: white !important;
    }

    .menu-interior .nav-item:hover > .active {
        color: black !important;
    }

    .menu-interior .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: white;
    }

.ementa-preco-pratos {
    padding: 3px 10px;
    color: white !important;
    background: #9b9b9b;
    border-radius: 20px;
    margin-bottom: 0;
}
/*#endregion*/
/*#region  ***MODALS****/
.imagepreview {
    width: 100%;
    height: auto;
}

#leitor-pdf iframe {
    width: 100%;
    height: 800px;
}

.adicionar-artigo-modal-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    max-width: 500px;
    margin: auto;
    display:flex;
}

.modal-content {
    border-radius: 20px;
}

.container-ingredientes-extra-titulo {
    background: var(--color--background-panel-darker);
    border-radius: 20px;
    width: 100%;
    height: 60px;
}

    .container-ingredientes-extra-titulo h4 {
        margin: 0;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2rem;
    }

.container-ingredientes-extra-wrapper {
    padding: 10px;
}

.categoriaIngrediente {
}

    .categoriaIngrediente h5 {
        margin: 0;
    }

.ingrediente-extra {
    padding: 10px 5px;
}

.btn-tabdropdown {
    border: none;
    background: transparent;
    width: 30px;
    height: 30px;
    font-size: 1.4rem;
    transition: all 0.4s ease;
}

    .btn-tabdropdown:hover {
        color: var(--color--main);
        transform: scale(1.3);
    }

.toggle {
    position: relative;
    display: block;
    /*width: 40px;
    height: 20px;*/
    width: 12px;
    height: 40px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
}

    .toggle:before {
        content: "";
        position: relative;
        top: 3px;
        left: 4px;
        /*width: 34px;
        height: 14px;*/
        width: 8px;
        height: 34px;
        display: block;
        background: grey;
        border-radius: 8px;
        transition: background 0.2s ease;
    }

    .toggle span {
        position: absolute;
        top: 0;
        left: -2px;
        width: 20px;
        height: 20px;
        display: block;
        background: black;
        border-radius: 10px;
        box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
        transition: all 0.2s ease;
    }

        .toggle span:before {
            content: "";
            position: absolute;
            display: block;
            margin: -18px;
            width: 56px;
            height: 56px;
            background: rgba(224,160,11,0.5);
            border-radius: 50%;
            transform: scale(0);
            opacity: 1;
            pointer-events: none;
        }

.checkbox-precos:checked + .toggle:before {
    background: #ffb619;
}

.checkbox-precos:checked + .toggle span {
    background: var(--color--main);
    /*transform: translateX(20px);*/
    transform: translateY(20px);
    transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
    box-shadow: 0 3px 8px rgba(224,160,11,0.2);
}

    .checkbox-precos:checked + .toggle span:before {
        transform: scale(1);
        opacity: 0;
        transition: all 0.4s ease;
    }

.alergenios-img {
    width: 30px;
    height: 30px;
}

.ingrediente-preco-total {
    padding: 5px 25px;
    background: var(--color--background-panel-darker);
    border-radius: 20px;
    border: solid 1px var(--color--border);
    color: black;
}

.acoes-item {
    width: 100%;
    height: auto;
}

.container-remover-item {
    box-sizing: border-box;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background: var(--color--background-panel-darker);
    border-top: solid 1px var(--color--border);
    border-bottom: solid 1px var(--color--border);
    border-left: solid 1px var(--color--border);
}

    .container-remover-item:hover {
        background: var(--color--main);
    }

        .container-remover-item:hover .remover-item {
            color: white;
        }

.container-quantidade-item {
    box-sizing: border-box;
    padding: 5px 25px;
    background: var(--color--background-panel);
    border: solid 1px var(--color--border);
}

.container-adicionar-item {
    box-sizing: border-box;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background: var(--color--background-panel-darker);
    border-top: solid 1px var(--color--border);
    border-bottom: solid 1px var(--color--border);
    border-right: solid 1px var(--color--border);
}

    .container-adicionar-item:hover {
        background: var(--color--main);
    }

        .container-adicionar-item:hover .adicionar-item {
            color: white;
        }

.btn-acao {
    box-sizing: border-box;
    width: 100%;
    border: none;
    display: block;
    background: transparent;
    font-size: 0.7rem;
}

    .btn-acao.right {
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
    }

    .btn-acao.left {
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
    }

.preco-item {
    font-size: 10px;
    /*line-height:25px;*/
}

.container-precos-produtos {
    box-sizing: border-box;
    border: 1px solid var(--color--border);
    border-radius: 20px;
    background: white;
}

.container-checkbox-precos-produtos {
    padding: 10px;
    padding-left: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    right: 1px;
    border-right: 1px solid var(--color--border);
    border-top: 1px solid var(--color--border);
    border-bottom: 1px solid var(--color--border);
    background: white;
    position: relative;
}

.container-titulo {
    width: 100%;
    height: 36px;
}

.precos-produtos {
    font-size: 11px;
    padding: 5px 10px;
    background: var(--color--background-panel);
    border: 1px solid var(--color--border);
    border-radius: 20px;
    line-height: 10px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: grey;
    background-color: transparent;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
    box-shadow: none;
}

.container-precos-produtos .bootstrap-select .dropdown-menu {
    border-radius: 20px;
}

.totalArtigo {
    font-size: 2.3rem;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;
}

.preco-total {
    font-size: 2.3rem;
    letter-spacing: 1px;
    font-weight: bold;
    color: var(--color--main);
}

.caixa-de-aviso {
    border-radius: 20px;
    width: 100%;
    border: 1px solid red;
    height: auto;
    padding: 20px;
}

.btns-modal {
    font-size: 0;
}

.btn-botao {
    width: 220px;
    border-radius: 20px;
    padding: 10px 20px;
    transition: all 0.5s ease-in-out;
    font-size: 1.1rem;
    border: 2px solid black;
}

    .btn-botao.ativo {
        background: black;
        color: white;
    }

    .btn-botao:hover {
        background: black;
        color: white;
    }

.btn-cancelar {
    width: 220px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    transition: all 0.5s ease-in-out;
    font-size: 1.1rem;
    border: 2px solid black;
    border-right: none;
}

    .btn-cancelar:hover {
        background: black;
        color: white;
    }

.btn-adicionar {
    width: 220px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    transition: all 0.5s ease-in-out;
    font-size: 1.1rem;
    border: 2px solid black;
    border-left: none;
}

    .btn-adicionar:hover {
        background: black;
        color: white;
    }

.btn-mais-informacao {
    width: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 35px;
    cursor: pointer;
    border: 1px solid var(--color--border-light);
    /*border-top: none;*/
    transition: all 0.5s ease-in-out;
    color: grey;
    background: white;
}

    .btn-mais-informacao:hover {
        background: var(--color--main);
        color: white;
    }

.pratosLista {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    position: relative;
}

.pratosLista-inner {
    height: 160px;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.prato-indisponivel, .prato-disponivel {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
    color: white;
    background: red;
    width: max-content;
    border-bottom-left-radius: 20px;
}

.prato-disponivel {
    background: green;
}
/*.btn-acao-apagar {
    border-left: 1px solid var(--color--border-light);
    border-top: 1px solid var(--color--border-light);
    border-bottom: 1px solid var(--color--border-light);
    width: 50%;
    float: left;
    height: 30px;
    text-decoration: none;
    color: grey;
}

    .btn-acao-apagar:hover {
        background: red;
        color: white;
    }

.btn-acao-editar {
    border: 1px solid var(--color--border-light);
    width: 50%;
    float: right;
    height: 30px;
    text-decoration: none;
    color: grey;
}

    .btn-acao-editar:hover {
        background: green;
        color: white;
    }*/
.lista-mais-informacao {
    border-left: 1px solid var(--color--border-light);
    border-right: 1px solid var(--color--border-light);
    padding: 5px 15px 5px 5px;
}

    .lista-mais-informacao h6 {
        font-size: 16px;
        color: var(--color--main);
    }

.precosListaPratos {
    font-size: 13px;
    color: grey;
}

.ingredientesListaPratos {
    font-size: 13px;
    color: grey;
}

.lista-preco {
    width: 50%;
    border-top-left-radius: 20px;
    border-left: 1px solid var(--color--border-light);
    border-top: 1px solid var(--color--border-light);
    border-bottom: 1px solid var(--color--border-light);
    position: absolute;
    right: 0;
    bottom: 0;
    background: white;
}

    .lista-preco span {
        line-height: 30px;
        color: grey;
    }

.btn-acao-apagar1 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid red;
    transition: all 0.3s ease-in;
    margin-right: 5px;
    cursor: pointer;
    text-decoration: none;
    opacity: 0.5;
}

.btn-acao-editar1 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 20px 0;
    border: 1px solid green;
    transition: all 0.3s ease-in;
    cursor: pointer;
    text-decoration: none;
    opacity: 0.5;
}

.btn-acao-apagar1:hover {
    background: red;
    opacity: 0.8;
}

.btn-acao-editar1:hover .btn-editar1 {
    color: white;
}

.btn-acao-apagar1:hover .btn-apagar1 {
    color: white;
}

.btn-acao-editar1:hover {
    background: green;
    opacity: 0.8;
}

.btn-editar1 {
    color: green;
    font-size: 0.8rem;
    transition: all 0.3s ease-in;
}

.btn-apagar1 {
    color: red;
    font-size: 0.8rem;
    transition: all 0.3s ease-in;
}

.resumo-titulo-artigo {
    padding: 5px 20px;
    background: black;
    color: white;
    border-radius: 20px;
    width: max-content;
}

.resumo-preco-artigo {
    padding: 4px 12px;
    background: var(--color--main);
    color: white;
    border-radius: 20px;
    width: max-content;
    margin: 0;
}

.radioToolbar input[type="radio"] {
    display: none;
}

.radioButtons, .radioButtons1 {
    text-align: center;
    border-radius: 20px;
    padding: 5px 20px;
    color: white;
    background: black;
    font-size: 1rem;
    margin: 0 10px;
}

.radioToolbar label {
    cursor: pointer;
}

    .radioToolbar label:hover {
        background: var(--color--main);
    }

.radioToolbar input[type="radio"]:checked + label {
    background-color: var(--color--main);
}

.modal-backdrop {
    background-color: var(--color--main);
    opacity: 0.8 !important;
}
/*#endregion*/
/*#region ***MAPA****/
.adp-directions {
    width: 100%;
}

.container-mapa {
    max-width: 1200px;
    width: 100%;
    height: auto;
}

    .container-mapa .caracteristicas-body {
        border-bottom-right-radius: 0;
    }

.mapa-wrapper {
    padding: 20px;
    width: 100%;
    height: 400px;
    position: relative;
}

    .mapa-wrapper:hover .mapa-wrapper-hover {
        opacity: 0.6;
    }

    .mapa-wrapper:hover .btn-mapa {
        opacity: 1;
    }

#mapa-placeholder {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border-radius: 20px;
    object-fit: contain;
    position: absolute;
}

#mapa {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    z-index: 4;
    display: none;
    border-radius: 20px;
}

.mapa-wrapper-hover {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: var(--color--background-panel);
    position: absolute;
    z-index: 2;
    border-radius: 20px;
    opacity: 0.6;
    transition: all 0.6s ease;
}

.btn-mapa {
    border-radius: 20px;
    border: 1px solid var(--color--main);
    background: var(--color--background-panel);
    padding: 5px 15px;
    position: absolute;
    z-index: 3;
    opacity: 1;
    transition: all 0.6s ease;
    color: var(--color--main);
}

    .btn-mapa:hover {
        background: var(--color--main);
        color: white;
    }

.btn-partilhar-localizacao {
    /*background: var(--color--background-panel);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
    width: max-content;
    padding: 10px 15px;
    margin: 0;
    /*border-top: transparent;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;*/
    z-index: 2;
    bottom: 1px;
    right: 0;
    position: relative;
    color: #495057;
    /*float: right;*/
    display: none;
    border: unset;
    background: unset;
}

    .btn-partilhar-localizacao i {
        transition: 0.6s ease;
    }

    .btn-partilhar-localizacao:hover i {
        color: var(--color--main);
        transform: scale(1.2);
    }

.btn-closing {
    border: none;
    color: var(--color--main);
    background: none;
}

    .btn-closing:hover {
        color: red;
    }

/*.container-caracteristicas {
    padding: 10px;
}*/

.caracteristicas-header {
    /*background: var(--color--background-panel);*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: max-content;
    padding: 10px 15px;
    margin: 0;
    /*border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: transparent;*/
    z-index: 2;
    top: 1px;
    position: relative;
    color: #495057;
}

    .caracteristicas-header h4 {
        font-size: 1.2rem;
        margin: 0;
    }

.caracteristicas-body-mapa {
    /*background: var(--color--background-panel);*/
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    /*border: 1px solid #ced4da;*/
    z-index: 1;
    /*border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;*/
    overflow: hidden;
}

.direcoes-panel {
    clear: both;
    display: none;
}

.caracteristicas-body-directions {
    /*background: var(--color--background-panel);*/
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px;
    /*border: 1px solid #ced4da;*/
    z-index: 1;
}

/*#directions-panel {
    padding: 20px;
}*/

.caracteristicas-body-mapa h5 {
    margin: 0;
    padding: 0.7rem;
    font-size: 1rem;
}

.caracteristicas-body-mapa p {
    margin: 0;
    padding: 0.7rem;
}
/*#endregion*/
/*#region *GOTOP**/
#backtotop {
    display: none;
    position: fixed;
    bottom: 1em;
    right: 0;
    margin: 0 25px 0 0;
    z-index: 100;
    transition: 0.6s;
}

    #backtotop i {
        color: var(--color--main);
        font-size: 50px;
    }
/*#endregion*/

/*#region ***GALERIA****/
.slider-thumbnails:hover .slick-prev {
    opacity: 1;
}

.slider-thumbnails:hover .slick-next {
    opacity: 1;
}

.slick-prev, .slick-next {
    opacity: 0;
}

.imagem-legenda {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

#wrapperGaleria {
    width: 100%;
}

.container-imagens-informacao {
    padding: 30px;
    position: relative;
    height: max-content;
}

.slider-imagens {
    padding: 10px;
}

.slider-imagens-carrossel {
    /*background: var(--color--background-panel);*/
    /*border: 1px solid #ced4da;*/
    border-radius: 20px;
    overflow: hidden;
}

.slider-thumbnails {
    padding: 10px;
}

.slider-thumbnails-carrossel {
    padding: 10px;
    /*background-color: var(--color--background-panel);*/
    cursor: pointer;
    border-radius: 20px;
    /*border: 1px solid #ced4da;*/
}

.thumbnails-carrossel {
    /*width: 101px;
    height: 56px;*/
    /*margin: 0 15px;
    border: 2px solid transparent;
    border-radius: 10px;*/
    object-fit: cover;
    width: 100%;
    /*height: 100%;*/
    height: 4.5rem;
}

/*.thumbnails-carrossel:hover {
        border-color: black;
    }*/
.imagens-carrossel {
    width: 100%;
    height: 350px;
    /*margin: auto;*/
    object-fit: contain;
}
/*.slider-imagens {
    padding: 10px;
}

.slider-imagens-carrossel {*/
/*background: var(--color--background-panel);
    border-radius: 20px;
    border: 1px solid #ced4da;*/
/*overflow: hidden;
}

.slider-thumbnails {
    padding: 10px;
}

.slider-thumbnails-carrossel {
    padding: 10px;
    background-color: var(--color--background-panel);
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #ced4da;
}

.thumbnails-carrossel {
    width: 150px;
    height: 110px;
    object-fit: cover;
    margin: auto;
    border: 2px solid transparent;
}

    .thumbnails-carrossel:hover {
        border-color: black;
    }

.imagens-carrossel {
    width: 100%;
    height: auto;
    max-height: 600px;
    margin: auto;
    object-fit: contain;
}*/

.slider-thumbnails-carrossel .slick-current img {
    border-color: black;
}

.slick-prev, .slick-next {
    top: 44%;
    z-index: 1;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    font-size: 40px;
    color: var(--color--main);
}

.slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 40px;
    color: var(--color--main);
}

.slick-track {
    margin: auto;
}
/*#endregion*/

/*#region ***NAVEGACAO****/
.container-navegacao-wrapper {
    border-radius: 20px;
    /*border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;*/
    width: max-content;
    padding: 15px 10px 15px 10px;
    background: white;
    /*box-shadow: rgb(0, 0, 0) -5px 9px 10px -2px;*/
    /*border: 1px solid black;*/
    border-bottom: none;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
}

.container-navegacao-imagem1 {
    /*width: 100%;*/
    height: max-content;
    border-right: 1px solid white;
}

.navegacao-imagem1 {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.navegacao.detalhes-contacto-icons {
    padding: 5px;
}

.navegacao-img {
    width: 35px;
    height: 35px;
    /*filter: invert(97%) sepia(69%) saturate(2%) hue-rotate(129deg) brightness(105%) contrast(101%);*/
    filter: none;
    transition: all 0.4s ease-in-out;
}

.navegacao-icons {
    margin: 0 5px;
}

.container-navegacao-icons .nav-link {
    padding: 10px;
    transition: all 0.4s ease-in-out;
}

.container-navegacao-icons .nav-pills .nav-link.active > .navegacao-img {
    /*filter:none;*/
    filter: invert(97%) sepia(69%) saturate(2%) hue-rotate(129deg) brightness(105%) contrast(101%);
}

.container-navegacao-icons .nav-pills .nav-link.active > p {
    /*color: black;*/
    color: white;
}

.container-navegacao-icons .nav-pills .nav-link:hover {
    /*background:white;*/
    background: var(--color--main);
}

    .container-navegacao-icons .nav-pills .nav-link:hover > p {
        /*color:black;*/
        color: white;
    }

    .container-navegacao-icons .nav-pills .nav-link:hover .navegacao-img {
        /*filter: none;*/
        filter: invert(97%) sepia(69%) saturate(2%) hue-rotate(129deg) brightness(105%) contrast(101%);
    }

.btn-expand {
    background: transparent;
    border: none;
    border-radius: .25rem;
    margin-top: 4px;
    transition: all 0.4s ease-in-out;
}

    .btn-expand:hover {
        /*background: white;*/
        background: var(--color--main);
    }

        .btn-expand:hover > .navegacao-img {
            /*filter:none;*/
            filter: invert(97%) sepia(69%) saturate(2%) hue-rotate(129deg) brightness(105%) contrast(101%);
        }

.nav-text-expandable {
    margin-bottom: 0;
    color: black;
    transition: all 0.4s ease-in-out;
    display: none;
}
/*#endregion*/
.form-check {
    padding-left: 0;
}

.sobrenostext{
    margin-bottom:1rem;
}

.sobrenosicon {
    font-size: 26px !important;
}

.sobrenosheader {
    font-size: 20px !important;
    margin: 0;
    margin-left: 10px;
    font-weight: 700;
}

.sobrenos-btn {
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    display: flex;
    column-gap: 1.25rem;
    justify-content: start;
    align-items: center;
    width: fit-content;
    background: var(--color--main);
    color: #fff;
}

    .sobrenos-btn:hover {
        border-color: var(--color--main) !important;
        color: #fff !important;
        background: var(--color--secondary) !important;
    }

    .sobrenos-btn:focus {
        border-color: var(--color--main);
        color: #fff;
        background: var(--color--main);
    }

.offcanvassobrenos p {
    margin: 0 !important;
}

.wrapper-detalhes-info-check {
    cursor:pointer;
    width: fit-content;
    /*padding: 5px 15px;*/
    /*border-radius: 20px;*/
    /*background: #ace1af;*/
    /*border-bottom: 0.5px solid #ace1af;*/
}

.wrapper-detalhes-info-xmark {
    cursor: pointer;
    width: fit-content;
    /*padding: 5px 15px;*/
    /*border-radius: 20px;*/
    /*background: #ff9999;*/
    /*border-bottom: 0.5px solid #ff9999;*/
}
/*.wrapper-detalhes-info-icon-check {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background:;
}
.wrapper-detalhes-info-icon-xmark {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #e66771;
}*/
.detalhes-info-icon-check {
    color: green;
}

.detalhes-info-icon-xmark {
    color: #ff4040;
}

.detalhes-info-text {
    font-size:14px !important;
    font-weight:500;
    white-space: nowrap;
}
.voucher-wrapper {
    width: 100%;
    max-width: 800px;
    border-radius: .5rem;
    box-shadow:var(--shadow-lg);
}
.lateral {
    background-color: #FCCE3B;
    background: url(/imagens/storage/Assets/voucher_template.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-radius: .5rem 0 0 .5rem;
    padding: 10px 15px;
    flex-basis: 30%;
}
.informacao {
    padding: 10px 15px;
    flex-basis: 70%;
}
    .informacao .descricao {
        display: flex;
        flex-direction: column;
        text-align: start;
    }
        .informacao .descricao p {
            font-size: .9rem;
            font-weight: 500;
        }
.esquerda {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.voucher-oferta {
    font-weight: 900;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.40rem;
    text-transform: uppercase;
}
.esquerda .voucher-oferta span {
    display: block;
}
.esquerda .preco {
    margin: 5px auto;
    width: 7.5rem;
    height: 7.5rem;
    line-height: 7.5rem;
    font-size: 2rem;
    font-weight: 700;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
}
    .esquerda .preco::before {
        border-color: #F78E00;
        background: none;
        border-radius: 50%;
        border: 4px solid #F78E00;
        /*border-top-color: rgb(252, 206, 59);
        border-right-color: rgb(252, 206, 59);
        border-bottom-color: rgb(252, 206, 59);
        border-left-color: rgb(252, 206, 59);*/
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        pointer-events: none;
    }
.esquerda .esquerda-footer {
    color: #ffffff;
}
    .esquerda .esquerda-footer span {
        font-size: .9rem;
    }
    .esquerda .esquerda-footer span:first-child {
        font-weight: 700;
    }

.link-btn {
    border: 1px solid var(--color--gray-100);
    transition: all 0.4s ease-in-out;
    background: #fff;
    border-radius: 20px;
}
.link-btn:hover {
    color:#fff !important;
    background:#000 !important;
}
.mdtimepicker .mdtp__wrapper{
    bottom:30% !important;
}
.mdtimepicker .mdtp__buttons {
    display: flex;
}
.mdtimepicker .mdtp__buttons .mdtp__button {
    margin: auto;
    display: flex;
    width: fit-content;
}










/* UPDATES */
.fs-7{
    font-size:0.8rem;
}
.modal-content {
    border-radius: 0.75rem;
    border: 1px solid #f2f4ff;
    box-shadow: 0px 0px 27px 0px rgb(0,0,0, 0.05);
}

.modal-header,
.modal-body,
.modal-footer {
    border: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-transition: transform 150ms linear, opacity 150ms linear;
    -moz-transition: transform 150ms linear, opacity 150ms linear;
    -o-transition: transform 150ms linear, opacity 150ms linear;
    transition: transform 150ms linear, opacity 150ms linear;
}

.modal.fade.show .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: transform 150ms linear, opacity 150ms linear;
    -moz-transition: transform 150ms linear, opacity 150ms linear;
    -o-transition: transform 150ms linear, opacity 150ms linear;
    transition: transform 150ms linear, opacity 150ms linear;
}


.loading-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    transition: var(--transition-default);
}

    .loading-modal:not(.show) {
        pointer-events: none;
        opacity: 0;
        z-index: 0;
    }

    .loading-modal.show {
        pointer-events: all;
        opacity: 1;
        z-index: 10000;
    }

    .loading-modal span {
        color: white;
        font-weight: 200;
        font-size: 1rem;
        letter-spacing: 0.15rem;
        text-transform: uppercase;
        margin-top: 1rem;
    }


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

.modal-backdrop,
.loading-modal.show {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0,0,0,0.75);
}


.titulo-categorias {
    --bg-color-rbg: 255, 185, 0;
    text-align: left;
    margin-top: 1rem;
    font-weight: 600;
    padding: 1rem;
    background: rgb(var(--bg-color-rbg));
    color: #fff;
    border-radius: 1rem;
    font-weight: 800;
    border: 1px solid rgb(var(--bg-color-rbg));
    box-shadow: rgba(var(--bg-color-rbg), 0.15) 0px 10px 15px -3px, rgba(var(--bg-color-rbg), 0.1) 0px 4px 6px -2px;
    width: fit-content;
    font-size: 20px !important;
}

.container-categorias-browser.top-bar-shadow {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
/* NOVO */
.view-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    background: #fff;
    z-index: 10;
}

    .view-loading.show {
        display: flex;
    }

    .view-loading .view-loading-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 1rem;
    }

        .view-loading .view-loading-content .spinner-border {
            --bs-spinner-border-width: 1px;
        }

        .view-loading .view-loading-content span {
            font-size: 0.9rem;
            text-transform: uppercase;
        }
.swiper-pedido-dia-css{
    width: 120px;
}
@media screen and (max-width:761px) {
    .swiper-pedido-dia-css {
        width: 60px;
    }
    .radio-pill-group-btns label {
        padding: 0.45rem 1.05rem;
    }
}
.radio-button-group-btns,
.checkbox-button-group-btns {
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 0.35rem;
    position: relative;
    z-index: 5;
}
.radio-pill-group-btns{
    padding:0;
    display:flex;
    flex-direction:row;
    column-gap:0.35rem;
    justify-content:space-evenly;
    position:relative;
    z-index:5;
}

    .radio-button-group-btns li input,
    .checkbox-button-group-btns li input,
    .radio-pill-group-btns li input,
    .radio-pill-group-btns input{
        display: none;
    }
    .radio-pill-group-btns label {
        position: relative;
        display: flex;
        /*justify-content: space-between;*/
        width: 100%;
        padding: 0.75rem 1.25rem;
        color: rgba(0,0,0,0.75);
        align-items: center;
        column-gap: 0.35rem;
        border: 2px solid rgba(0,0,0,0.1);
        border-radius: 0.75rem;
        color: rgba(0,0,0,0.5);
        height: 100%;
    }
        .radio-pill-group-btns label:hover {
            cursor: pointer;
            background: rgba(var(--color-main-rgb), 0.1);
            outline: 2px solid var(--color--main);
            border-color: transparent;
        }

    .radio-button-group-btns li,
    .checkbox-button-group-btns li,
    .radio-pill-group-btns li {
        list-style: none;
        width: 100%;
    }

        .radio-button-group-btns li input + label,
        .checkbox-button-group-btns li input + label{
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding: 0.75rem 1.25rem;
            border: 1px solid rgba(0,0,0,0.1);
            color: rgba(0,0,0,0.75);
            border-radius: 0.5rem;
        }

        /*.radio-pill-group-btns li input + label {
            position: relative;
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
            font-weight: 500;
            background: transparent;
            white-space: nowrap;
            width: 100%;
            display: flex;
            justify-content: center;
            border-radius: 50rem;
            color: rgba(0,0,0,0.5);
            cursor: pointer;
        }*/

        .radio-button-group-btns li input:not(:checked) + label:hover,
        .checkbox-button-group-btns li input:not(:checked) + label:hover {
            border-color: rgba(0,0,0,0.15);
            background: transparent;
            color: #000;
            cursor: pointer;
        }

        .radio-button-group-btns li input:checked + label,
        .checkbox-button-group-btns li input:checked + label {
            border-color: var(--color--main);
            color: var(--color--main);
            background: transparent;
        }

        .radio-pill-group-btns li input:not(:checked) + label:hover {
            background: rgba(0,0,0,0.05);
            color: rgba(0,0,0,0.75);
        }

        .radio-pill-group-btns li input:checked + label,
        .radio-pill-group-btns input:checked + label {
            color: var(--color--main);
            background: rgba(var(--color-main-rgb), 0.1);
            outline: 2px solid var(--color--main);
            border-color:transparent;
        }

        .radio-button-group-btns li input + label:after {
            content: '';
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 100%;
            background: transparent;
            border: 5px solid #fff;
            outline: 2px solid rgba(0,0,0,0.1);
            -webkit-transition: var(--transition-default);
            -moz-transition: var(--transition-default);
            -o-transition: var(--transition-default);
            transition: var(--transition-default);
            margin: 0 0 0 auto;
        }

        .radio-button-group-btns li input:not(:checked) + label:hover:after,
        .checkbox-button-group-btns li input:not(:checked) + label:hover:after {
            outline-color: rgba(0,0,0,0.15);
            background: rgba(0,0,0,0.15);
        }

        .radio-button-group-btns li input:checked + label:after,
        .checkbox-button-group-btns li input:checked + label:after {
            outline-color: var(--color--main);
            background: var(--color--main);
            border-width: 3px;
        }



.btn.btn-secondary {
    border-radius: 0.75rem;
}
.btn.btn-primary {
    padding: 0.75rem 1rem;
    background-color: rgba(249, 115, 22, 1);
    border-color: rgba(249, 115, 22, 1);
    color: #fff;
    border-radius:0.75rem;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}


    .btn.btn-primary:hover {
        --transform-y: -1px;
        background-color: rgb(255, 129, 41);
        border-color: rgb(255, 129, 41);
        color: #fff;
        box-shadow: rgba(255, 195, 37, 0.1) 0px 20px 25px -5px, rgba(255, 195, 37, 0.04) 0px 10px 10px -5px;
        -webkit-transform: translateY(var(--transform-y));
        -moz-transform: translateY(var(--transform-y));
        -o-transform: translateY(var(--transform-y));
        transform: translateY(var(--transform-y));
    }

.btn-modal-back,
.btn-close-modal {
    display: flex;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: 0;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,0.5);
    opacity: 1;
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    transition: var(--transition-default);
}

    .btn-modal-back:hover,
    .btn-close-modal:hover {
        background: #F5F5F4;
        color: rgba(0,0,0,1);
    }

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.resumo-list-group .list-group {
    background: #f5f5f4;
}

    .resumo-list-group .list-group .list-group-item {
        background: transparent;
        border-color: rgba(0,0,0,0);
        color: rgba(0,0,0,0.75);
        font-size: 0.9rem;
    }

        .resumo-list-group .list-group .list-group-item i {
            color: rgba(0,0,0,0.5);
            font-size: 0.9rem;
            padding: 0;
            margin: 0;
        }

.notificacao-sucesso {
    background: rgba(16, 185, 129, 0.1);
    color: #34d399;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    margin-top: 1rem;
    padding: 1rem;
}

    .notificacao-sucesso svg {
        width: 7.5rem;
        height: 7.5rem;
    }

    .notificacao-sucesso button {
        all: unset;
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0.75rem 0;
        border-radius: 0.75rem;
        background: #10b981;
        color: #fff;
        -webkit-transition: var(--transition-default);
        -moz-transition: var(--transition-default);
        -o-transition: var(--transition-default);
        transition: var(--transition-default);
    }

        .notificacao-sucesso button:hover {
            background: #34d399;
        }


.row > .modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body {
    background-color: #f8fafc !important;
}

.card {
    border-radius: 0.75rem;
}

.card-shadow {
    border: 1px solid #f2f4ff;
    box-shadow: 0px 0px 13px 0px rgb(0,0,0, 0.05);
}



.card-perfil .wave-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: end;
    padding: 0;
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
}

.card-perfil .wave-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='450' height='200' preserveAspectRatio='none' viewBox='0 0 450 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1092%26quot%3b)' fill='none'%3e%3crect width='450' height='200' x='0' y='0' fill='rgba(255%2c 185%2c 0%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c83 C 45%2c89.4 135%2c128.8 225%2c115 C 315%2c101.2 405%2c34.2 450%2c14L450 200L0 200z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1092'%3e%3crect width='450' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

.card-perfil .card-body {
    z-index: 5;
}

.card-perfil .logo-associado {
    max-width:150px;
    border-radius: 100%;
    border: 1px solid #f2f4ff;
    box-shadow: 0px 0px 24px 0px rgb(0,0,0, 0.05);
}

.card-perfil hr {
    margin: 0.5rem 0;
}

.card-perfil hr,
.card-perfil .vr {
    opacity: 0.15;
}

.card-perfil .detalhes p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
}

.card-perfil .btn-contacto {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 100%;
    background: transparent;
    padding: 0.5rem;
    border-radius: 0.75rem;
    color: rgba(0,0,0,0.75);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

    .card-perfil .btn-contacto:hover {
        background: rgba(0,0,0, 0.05);
    }

    .card-perfil .btn-contacto span {
        font-size: 0.835rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .card-perfil .btn-contacto i {
        font-size: 1.5rem;
    }

.card-perfil .btn-link {
    font-size: 0.735rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 0.15rem;
    text-decoration: none;
    font-weight: 600;
    color: var(--color--main);
}

    .card-perfil .btn-link:hover {
        color: var(--color--main);
        background: rgba(var(--color-main-rgb),0.1);
    }

.card-perfil .btn-reservar{
    width:100%;
    display:flex;
    align-items:center;
    column-gap:0.5rem;
}

.btn-primary.btn-go-produtos {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 0.75rem;
    padding: 0.5rem;
    width: 100%;
}

    .btn-primary.btn-go-produtos i {
        font-size: 1.5rem;
    }

    .btn-primary.btn-go-produtos .btn-text {
        width: 100%;
        display: flex;
    }

    .btn-primary.btn-go-produtos .btn-counter {
        padding: 0.35rem 0.5rem;
        background: #fff;
        color: var(--color--main);
        font-size: 0.8rem;
        border-radius: 50rem;
    }

.nav-pills-container {
    display: block;
    overflow-x: scroll;
}

    .nav-pills-container .nav-pills {
        flex-wrap: nowrap;
    }

        .nav-pills-container .nav-pills .nav-link span {
            white-space: nowrap;
        }

.main-nav-tabs .nav-link {
    white-space:nowrap;
}

.nav-pills-container::-webkit-scrollbar {
    display: none;
}

.main-nav-tabs {
    position: relative;
    width: 100%;
    background: rgba(157, 67, 0, 0.05);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

    .main-nav-tabs .nav-item {
        border: 0;
        position: relative;
    }

    .main-nav-tabs .nav-item {
        padding: 0.5rem 0.5rem;
    }

    .main-nav-tabs .nav-link {
        position: relative;
        font-size: 1.1rem;
        border: 0 !important;
        border-radius: 0.5rem;
        color: rgba(49, 19, 0, 0.75);
        font-weight:400;
        letter-spacing:-0.025rem;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

@media screen and (max-width:761px) {
    .main-nav-tabs .nav-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 0.9rem;
    }
}

.main-nav-tabs .nav-link:hover {
    color: rgba(49, 19, 0, 1);
}

.main-nav-tabs .nav-link.active {
    background: var(--color--main);
    color: #fff;
}

.main-nav-tabs .nav-tabs-underline {
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 100%;
    background: rgba(0,0,0,0.05);
}

.main-nav-tabs .underline-slider {
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    border-radius: 50rem;
    background: var(--color--main);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.form-outline .form-control {
    border-width: 2px;
}

    .form-outline .form-control:focus {
        background: rgba(var(--color-main-rgb), 0.05);
        border-color: var(--color--main);
        outline: none !important;
        box-shadow: none !important;
    }

    .form-outline .form-control ~ .form-label,
    .form-outline .form-icon {
        top: 0.45rem;
    }

    .form-outline .form-control:focus ~ .form-label,
    .form-outline .form-control:not(:placeholder-shown) ~ .form-label {
        top: -0.45rem;
        color: var(--color--main) !important;
    }

    .form-outline .form-control:focus ~ .form-icon,
    .form-outline .form-control:not(:placeholder-shown) ~ .form-icon {
        color: var(--color--main) !important;
    }

    .form-outline .form-control:not(:placeholder-shown) {
        box-shadow: none !important;
        border-color: var(--color--main);
        background: rgba(var(--color-main-rgb),0.05);
    }

.custom-input-group {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    column-gap: 0.35rem;
    padding: 0 0.75rem;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 0.75rem;
    color: rgba(0,0,0,0.5);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

    .custom-input-group:hover {
        border-color: rgba(0,0,0,0.35);
        color: rgba(0,0,0,0.75);
    }

    .custom-input-group:focus-within {
        border-color: var(--color--main);
        color: var(--color--main);
    }

    .custom-input-group:has(.aspNetDisabled) {
        background: rgba(0,0,0,0.025);
        cursor: default;
        pointer-events: none;
        border: 2px solid rgba(0,0,0,0.1);
    }

    .custom-input-group .form-floating {
        width: 100%;
    }

    .custom-input-group .form-control,
    .custom-input-group .form-select {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        background: transparent !important;
        color: inherit !important;
    }

    .custom-input-group .input-group-icon {
        font-size: 1.35rem;
        margin: 0 !important;
        padding: 0 !important;
    }

        .custom-input-group .input-group-icon i {
            margin: 0 !important;
            padding: 0 !important;
            color: inherit !important;
            -webkit-transition: all 150ms linear;
            -moz-transition: all 150ms linear;
            -o-transition: all 150ms linear;
            transition: all 150ms linear;
        }

    .custom-input-group .pt-textarea {
        padding-top: 0.75rem !important;
    }

.custom-checkbox-group {
    position: relative;
}

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

        .custom-checkbox-group input[type="checkbox"] + label {
            position: relative;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            column-gap: 0.75rem;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

            .custom-checkbox-group input[type="checkbox"] + label:before {
                content: '\F633';
                font-family: 'Bootstrap-icons';
                display: flex;
                align-items: center;
                justify-content: center;
                width: 1.5rem;
                height: 1.5rem;
                border: 2px solid rgba(0,0,0,0.35);
                border-radius: 0.25rem;
                font-size: 0;
                background: transparent;
                -webkit-transition: all 100ms linear;
                -moz-transition: all 100ms linear;
                -o-transition: all 100ms linear;
                transition: all 100ms linear;
            }

            .custom-checkbox-group input[type="checkbox"] + label:hover:before {
                border-color: rgba(0,0,0,0.5);
                font-size: 0.9rem;
                background: rgba(0,0,0,0.05);
            }

        .custom-checkbox-group input[type="checkbox"]:checked + label:before {
            border-color: var(--color--main);
            background-color: var(--color--main);
            color: #fff;
            font-size: 1rem;
        }

.custom-input-group .input-group-btn {
    flex-shrink:0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
    border-radius: 100%;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:rgba(0,0,0,0.5);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}
.custom-input-group .input-group-btn:hover{
    color:#000;
    background:rgba(0,0,0,0.05);
}


.offcanvas-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.offcanvas-header button {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin:0;
    width:2.5rem;
    height:2.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%;
    color: rgba(0,0,0,0.5);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.offcanvas-header button:hover{
    background:rgba(0,0,0,0.05);
    color:rgba(0,0,0,1);
}
.offcanvas-header button svg{
    width:2rem;
    height:2rem;
}
.offcanvas-title{
    margin:0;
    font-size:1.5rem;
    font-weight:600;
}
.offcanvas-body {
    font-size: 0.9rem;
    color:inherit;
}
.offcanvas-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
    flex-wrap: nowrap;
    color:inherit;
}

    .offcanvas-subtitle i {
        font-size: 1.35rem;
        margin: 0;
        padding: 0;
    }



.offcanvas-header {
    background: rgba(157, 67, 0, 0.05);
    color: rgb(49, 19, 0);
}
.offcanvas-body .card {
    box-shadow: none !important;
    border: none !important;
    background: rgba(157, 67, 0, 0.05);
    color: rgb(49, 19, 0);
}
.horario-detalhes-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: start;
    row-gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    color: rgba(49, 19, 0, 0.75);
    font-size: 0.9rem;
    position: relative;
}

    .horario-detalhes-row.current {
        background: rgba(157, 67, 0, 0.1);
        color: rgb(49, 19, 0);
    }

    .horario-detalhes-row:last-child {
        border-bottom: 0;
    }

    .horario-detalhes-row .nome-dia {
        font-weight: 700;
    }


/* UPDATE RESTAURANTES */
.card-categoria-header {
    background: rgba(var(--color-main-rgb), 0.05);
    border:0 !important;
    color: var(--color--main);
    box-shadow:none !important;
    font-size:1.5rem;
    font-weight:600;
}
.card-tab-pane .card-title {
    font-size: 1.5rem;
}

.card-prato {
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0, 0, 0, 0) 0px 10px 15px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
    .card-prato .card-body {
        padding: 1rem;
    }

    .card-prato:not(.selected):hover {
        border: 1px solid rgba(0,0,0,0.05);
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
        z-index: 10;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    }

    .card-prato.selected {
        border-color: #f2f4ff;
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
        box-shadow: 0px 0px 18px 0px rgb(0,0,0, 0.15);
    }

    .card-prato .icon {
        width: 5rem;
    }

    .card-prato .card-servico-item-selection {
        position: absolute;
        display: none;
    }

    .card-prato .card-servico-item-descricao {
        display: flex;
        flex-direction: column;
        height: 100%;
        row-gap: 0.5rem;
    }

    .card-prato .card-servico-item-title {
        margin: 0;
        font-weight: 300;
        text-align: start;
    }

    .card-prato .card-servico-item-tag {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        column-gap: 0.35rem;
        padding: 0.1rem 0.5rem;
        border: 1px solid #e7e5e4;
        border-radius: 50rem;
    }

        .card-prato .card-servico-item-tag i {
            font-size: 0.9rem;
        }

        .card-prato .card-servico-item-tag span {
            font-size: 0.735rem !important;
            font-weight: 400;
        }
.card-prato .nome{
    font-weight:600;
    font-size:1rem;
}

.card-prato .descricao{
    font-weight:400;
    font-size:0.835rem;
}

    .card-prato .nome,
    .card-prato .descricao {
        max-width: 270px;
    }

@media screen and (max-width:761px){
    .card-prato .nome,
    .card-prato .descricao {
        max-width:220px;
    }
}

.card-prato .precario{
    display:flex;
    flex-wrap:nowrap;
    column-gap:0.75rem;
}
    .card-prato .precario .preco {
        display: flex;
        flex-direction: column;
        row-gap: 0;
        /*padding: 2px 8px;
        background: #ececec;*/
        border-radius: var(--border-radius);
    }
.card-prato .precario label{
    margin:0;
    padding:0;
    font-size:0.635rem;
    line-height:0.8rem;
}
    .card-prato .precario span {
        font-size: 0.8rem;
        font-weight:700;
        line-height: 0.9rem;
    }

.floating-buttons {
    position: absolute;
    top: -0.65rem;
    right: 1rem;
    display:flex;
    flex-wrap:nowrap;
    column-gap:0.5rem;
}
.card-prato .exclusivo-badge {
    padding: 0.15rem 0.55rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    display: flex;
    border-radius: 50rem;
    font-size: 0.635rem;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
    .card-prato:hover .exclusivo-badge {
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: rgba(0, 0, 0, 0) 0px 10px 15px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px;
    }

.card-prato .exclusivo-badge .exclusivo-badge-content {

}

.card-prato .floating-buttons .alergenicos {
    padding: 0.35rem 0.75rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    display: flex;
    border-radius: 50rem;
    font-size: 0.735rem;
}

.card-prato .imagem {
    border-radius: 0.75rem;
    overflow: hidden;
}


.modal-prato-dialog > .modal-content{
    border: none !important;
}
.modal-prato-dialog .modal-header{

}
.modal-prato-body .background-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
/*    
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='500' height='250' preserveAspectRatio='none' viewBox='0 0 500 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1037%26quot%3b)' fill='none'%3e%3crect width='500' height='250' x='0' y='0' fill='rgba(249%2c 115%2c 22%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c67 C 50%2c97.6 150%2c214.2 250%2c220 C 350%2c225.8 450%2c120.8 500%2c96L500 250L0 250z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1037'%3e%3crect width='500' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
*/   
    display: block;
    z-index: 1;
}
.modal-prato-body .detalhes-prato {
    position: relative;
    z-index: 10;
}
.modal-prato-body .precario-detalhes{
    display:flex;
    flex-direction:column;
    row-gap:0;
    text-align:center;
}
.modal-prato-body .precario-detalhes label{
    font-size:0.8rem;
    font-weight:400;
    margin:0;
    padding:0;
}
.modal-prato-body .precario-detalhes span{
    font-size:1rem;
    font-weight:600;
}

.modal-navbar{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    column-gap:0.5rem;
    width:100%;
}

    .modal-navbar .btn-modal-navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
        background: transparent;
        color: rgba(0,0,0,0.5);
        border-radius: 100%;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }
       .modal-navbar .btn-modal-navbar:hover {
            color: #000;
            background: rgba(0,0,0,0.1);
        }

.modal-checkout-body .btn-remover-prato {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0 !important;
    border-radius: 100%;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
    color: var(--bs-danger);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}
       .modal-checkout-body .btn-remover-prato:hover{
           background:rgba(var(--bs-danger-rgb), 0.1);
           color:var(--bs-danger);
       }

.modal-prato-body .btn-quantity,
.modal-checkout-body .btn-quantity {
    border: 2px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0, 0, 0, 0) 0px 10px 15px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px;
    outline: none !important;
    color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 100%;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
    .modal-prato-body .btn-quantity:hover,
    .modal-checkout-body .btn-quantity:hover {
        background: #fff;
        border-color: var(--color--main);
        color: var(--color--main);
    }
    .modal-prato-body .btn-quantity:active,
    .modal-checkout-body .btn-quantity:active {
        background: rgba(var(--color-main-rgb), 0.1);
        border-color: var(--color--main);
        color: var(--color--main);
        -webkit-animation: button-pulse-animation 150ms linear;
        -moz-animation: button-pulse-animation 150ms linear;
        -o-animation: button-pulse-animation 150ms linear;
        animation: button-pulse-animation 150ms linear;
    }
    .modal-prato-body .btn-quantity.aspNetDisabled,
    .modal-checkout-body .btn-quantity.aspNetDisabled {
        background: rgba(0,0,0,0.05) !important;
        color: rgba(0,0,0,0.5) !important;
        border-color: rgba(0,0,0,0.1);
        pointer-events: none;
    }
.modal-prato-body .input-quantity,
.modal-checkout-body .input-quantity {
    border: 2px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0, 0, 0, 0) 0px 10px 15px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px;
    outline: none !important;
    width: 5rem;
    height: 5rem;
    font-size: 1.5rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    pointer-events: none;
}

@-webkit-keyframes button-pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--color-main-rgb), 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(var(--color-main-rgb), 0);
    }
}

@-o-keyframes button-pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--color-main-rgb), 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(var(--color-main-rgb), 0);
    }
}

@-moz-keyframes button-pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--color-main-rgb), 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(var(--color-main-rgb), 0);
    }
}

@keyframes button-pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--color-main-rgb), 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(var(--color-main-rgb), 0);
    }
}

.checkout-button{
    position:fixed;
    bottom:2rem;
    right:2rem;
    display:flex;
    z-index:50;
}

@media screen and (max-width:761px){
    .checkout-button{
        bottom:5.5rem;
        right:1.5rem;
        display: none;
    }
}
    .checkout-button .btn-fab {
        position:relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        background: var(--color--main);
        color: #fff;
        font-size: 1.75rem;
        border-radius: 100%;
        box-shadow: rgba(var(--color-main-rgb), 0.1) 0px 15px 25px -5px, rgba(var(--color-main-rgb), 0.04) 0px 10px 10px -5px;
        z-index:50 !important;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }
        .checkout-button .btn-fab:hover {
            background: rgb(255, 129, 41);
            box-shadow: rgba(255, 129, 41, 0.1) 0px 15px 25px -5px, rgba(255, 129, 41, 0.04) 0px 10px 10px -5px;
        }

        .checkout-button .btn-fab span {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            width: 1.5rem;
            height: 1.5rem;
            background: #fff;
            border-radius: 100%;
            align-items: center;
            justify-content: center;
            color:#000;
            font-size:0.735rem;
            font-weight:600;
            box-shadow: rgba(0,0,0, 0.1) 0px 15px 25px -5px, rgba(0,0,0, 0.04) 0px 10px 10px -5px;
        }

.modal-checkout-body .btn-group{
    width:100%;
    border-radius:0;
    padding:0.5rem;
}
.modal-checkout-body .btn-group .btn.btn-primary{
    background:transparent;
    color:rgba(0,0,0,0.5);
    white-space:nowrap;
    border-color:transparent;
}
.modal-checkout-body .btn-group .btn.btn-primary i{
    margin-right:0.5rem;
}
.modal-checkout-body .btn-group input:checked + .btn.btn-primary{
    color:var(--color--main);
    background:rgba(var(--color-main-rgb), 0.1);
    border-radius:50rem;
}
.modal-checkout-body .list-group {
    background: #F8FAFC;
}
    .modal-checkout-body .list-group .list-group-item {
        background: transparent;
        border-color: transparent;
    }

.list-group-item .btn-list-group {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 2rem;
    height: 2rem;
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.list-group-item .btn-list-group.delete{
    color:var(--bs-danger);
}
.list-group-item .btn-list-group.delete:hover {
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb), 0.1);
}
.leaflet-bootstrap-icon{
    background: transparent;
}
.modal-body .btn.btn-secondary {
    background-color: var(--color--gray-200);
    border-color: transparent;
    color: #1c1917;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-weight: 600;
}
    .modal-body .btn.btn-secondary:hover,
    .modal-body .btn.btn-secondary:active {
        background-color: var(--color--gray-300);
        border-color: #f5f5f4;
        color: #1c1917;
    }

.modal-pedido-pendente .modal-content {
    background: var(--color--main);
    border-color:var(--color--main);
}
.modal-pedido-pendente .modal-body{
    color:#fff;
}
.modal-pedido-pendente svg {
    width: 25%;
    height: auto;
}
.modal-pedido-pendente label {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 800;
    color:rgba(255,255,255, 1);
}
.modal-pedido-pendente p {
    font-size: 1rem;
    text-align: center;
    color:rgba(255,255,255,0.75);
    font-weight:300;
}
.modal-pedido-pendente .btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    -webkit-transition: all 150ms linear !important;
    -moz-transition: all 150ms linear !important;
    -o-transition: all 150ms linear !important;
    transition: all 150ms linear !important;
}
.modal-pedido-pendente .btn.btn-white{
    background:#fff;
    border-color:#fff;
    color:var(--color--main);
}
    .modal-pedido-pendente .btn.btn-white:hover {
        transform: translateY(-1px);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }
.modal-pedido-pendente .btn.btn-light{
    background:transparent;
    border-color:transparent;
    color:rgba(0,0,0,0.75);
}
.modal-pedido-pendente .btn.btn-light:hover{
    background:rgba(0,0,0,0.05);
    color:rgba(0,0,0,0.9);
}


.btn-collapse {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.btn-collapse[aria-expanded="true"] > i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}


.notificacao-sucesso {
    background: rgba(16, 185, 129, 0.1);
    color: #34d399;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    margin-top: 1rem;
    padding: 1rem;
}

    .notificacao-sucesso svg {
        width: 7.5rem;
        height: 7.5rem;
    }

    .notificacao-sucesso button {
        all: unset;
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0.75rem 0;
        border-radius: 0.75rem;
        background: #10b981;
        color: #fff;
        -webkit-transition: var(--transition-default);
        -moz-transition: var(--transition-default);
        -o-transition: var(--transition-default);
        transition: var(--transition-default);
    }

        .notificacao-sucesso button:hover {
            background: #34d399;
        }


        .calendario {
            position: relative;
            margin: 0 auto;
            width: 100%;
            font-family: 'Inter', sans-serif;
            border-collapse: separate !important;
        }

        .calendario .calendario-header-buttons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            padding: 0;
            margin: 0 auto;
            background: transparent;
            border-radius: 50rem;
            color: transparent;
            text-decoration: none !important;
            -webkit-transition: all 150ms linear;
            -moz-transition: all 150ms linear;
            -o-transition: all 150ms linear;
            transition: all 150ms linear;
        }
        .calendario .calendario-header-buttons a {
            background: rgba(0,0,0,0.05);
        }
        .calendario .calendario-header-buttons a:hover {
            background: rgba(0,0,0,0.1);
        }
        .calendario .calendario-meses td.calendario-header-buttons:first-child a:after {
            content: '\F12F';
            font-family: "bootstrap-icons" !important;
        }
        .calendario .calendario-meses td.calendario-header-buttons:last-child a:after {
            content: '\F138';
            font-family: "bootstrap-icons" !important;
        }
        .calendario .calendario-meses td:not(.calendario-header-buttons) {
            height:2.5rem;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50rem;
            margin:0 auto;
            background:rgba(0,0,0,0.05);
            font-weight:600;
            width:100%;
        }

    .calendario .calendario-header-dias {
        font-weight:600;
        text-transform:capitalize;
        font-size:0.9rem;
        text-align:center;
        padding:0.35rem 0;
        background:rgba(0,0,0,0.05);
    }
    .calendario .calendario-header-dias:first-child{
        border-top-left-radius:0.5rem;
        border-bottom-left-radius:0.5rem;
    }
    .calendario .calendario-header-dias:last-child{
        border-top-right-radius:0.5rem;
        border-bottom-right-radius:0.5rem;
    }

    .calendario .calendario-dia {
        padding:0;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }

        .calendario .calendario-dia a {
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            padding: 0.5rem 0.35rem;
            color: rgba(0,0,0,0.75) !important;
            font-weight: 700;
            border-radius:0.5rem;
            font-size:0.9rem;
            -webkit-transition: all 150ms linear !important;
            -moz-transition: all 150ms linear !important;
            -o-transition: all 150ms linear !important;
            transition: all 150ms linear !important;
        }
            .calendario .calendario-dia a:hover {
                background: rgba(0,0,0,0.05);
                color: rgba(0,0,0,0.75);
            }

        .calendario .calendario-dia.outro-mes a {
            color: rgba(0,0,0,0.5) !important;
            font-weight: 400 !important;
        }
        .calendario .calendario-dia.outro-mes a:hover {
            background:rgba(0,0,0,0.05);
            color: #000 !important;
            font-weight: 400 !important;
        }

        .calendario .calendario-dia.seleccionado a {
            font-weight: 400 !important;
            color: #fff !important;
            background: var(--color--main) !important;
            font-size: 1rem;
            box-shadow: rgba(255, 195, 37, 0.1) 0px 20px 25px -5px, rgba(255, 195, 37, 0.04) 0px 10px 10px -5px;
        }



    .calendario .aspNetDisabled.calendario-dia {
        text-decoration: line-through !important;
        cursor: not-allowed;
        color:rgba(0,0,0,0.35);
        font-weight:300 !important;
    }


.modal-remover-pedido .modal-content{
    border:0 !important;
}
.modal-remover-pedido .modal-body{
    text-align:center;
    font-size:1.1rem;
    color:rgba(0,0,0,0.75);
}
.modal-remover-pedido .modal-body .btn{
    padding:0.75rem 1.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0.5rem;
    width:100%;
    border:0;
}
.modal-remover-pedido .modal-body .btn.btn-danger {
    background: #ff5465;
    color:#fff;
}
.modal-remover-pedido .modal-body .btn.btn-primary:hover {
    transform: none !important;
    box-shadow: none !important;
    background: #ff5465;
}
.modal-remover-pedido .modal-body .btn.btn-light{
    background:rgba(0,0,0,0.1);
    color:rgba(0,0,0,0.75);
}
.modal-remover-pedido .modal-body .btn.btn-light:hover{
    background:rgba(0,0,0,0.15);
    color:rgba(0,0,0,1);
}
.modal-remover-pedido .modal-icon-container{
    background:rgba(var(--bs-danger-rgb), 0.1);
    color:var(--bs-danger);
    width:4rem;
    height:4rem;
    font-size:2.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0.5rem;
    margin:0 auto;
}

.scrolling-nav .scrolling-nav-items {
    display: inherit;
    flex-wrap: inherit;
    padding-left: inherit;
    margin-bottom: inherit;
    list-style: inherit;
}

.scrolling-nav-wrapper {
    position: relative;
    box-sizing: border-box;
}

    .scrolling-nav-wrapper:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: rgba(0,0,0,0.1);
        z-index:1;
    }

.scrolling-nav {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    position: relative;
    font-size: 0;
}

.js .scrolling-nav {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .js .scrolling-nav::-webkit-scrollbar {
        display: none;
    }

.scrolling-nav .scrolling-nav-items {
    float: left;
    transition: transform 0.2s ease-in-out;
    display: flex;
    position: relative;
    padding: 0.5rem 0;
}


    .ProductNav_Contents-no-transition {
        transition: none;
    }

.scrolling-nav-link {
    text-decoration: none;
    color: rgba(0,0,0,0.45);
    font-size: 1.3rem;
    font-weight: 600;
    display: flex;
    padding:0.35rem 0.75rem;
    position:relative;
    text-transform:capitalize;
}
    .scrolling-nav-link:hover {
        color: rgba(0,0,0,0.75);
    }
    .scrolling-nav-link span{
        pointer-events:none;
    }

    .scrolling-nav-link[aria-selected=true] {
        color: var(--color--main);
    }

.advancer {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display:none;
    background: transparent;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

    .advancer:focus {
        outline: 0;
    }

    .advancer:hover {
        cursor: pointer;
    }

.advancer-left {
    left: 0;
}

[data-overflowing=both] ~ .advancer-left, [data-overflowing=left] ~ .advancer-left {
    opacity: 1;
}

.advancer-right {
    right: 0;
}

[data-overflowing=both] ~ .advancer-right, [data-overflowing=right] ~ .advancer-right {
    opacity: 1;
}

.advancer-icon {
    width: 12px;
    height: 44px;
    fill: #bbb;
}

.scrolling-nav-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100px;
    border-radius:50rem;
    background-color: var(--color--main);
    transform-origin: 0 0;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.scrolling-nav-sticky {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,0.8);
    display:block;
    width:100%;
}
    .scrolling-nav-sticky.fix-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 15 !important;
    }

.mobile-bottom-nav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 1021;
}

    .mobile-bottom-nav .d-flex {
        background: rgb(19,33,51);
    }


.imagem-produto{
    margin-bottom:1rem;
}
.imagem-produto .swiper-button-prev,
.imagem-produto .swiper-button-next {
    color: rgba(0,0,0,0.15);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.imagem-produto .swiper-button-prev:hover,
.imagem-produto .swiper-button-next:hover{
    color:rgba(0,0,0,0.35);
}

    .imagem-produto .swiper-button-next.swiper-button-disabled,
    .imagem-produto .swiper-button-prev.swiper-button-disabled {
        opacity:0;
    }

.thumbnails-produto .swiper-slide {
    width: calc(100% / 7.5);
    cursor: pointer;
    filter: grayscale();
    opacity: 0.75;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
    .thumbnails-produto .swiper-slide:hover{
        opacity:1;
    }
    .thumbnails-produto .swiper-slide.swiper-slide-thumb-active {
        filter: none;
        opacity: 1;
    }

    .thumbnails-produto .swiper-slide img {
        border-radius: 0.5rem;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }

    .thumbnails-produto .thumbnail{
        border-radius:0.5rem;
        overflow:hidden;
    }

    .thumbnails-produto .swiper-slide.swiper-slide-thumb-active img{
        transform:scale(1.1);
    }

    .btn.loading{
        position:relative;
        pointer-events:none;
        opacity:0.75;
    }
        .btn.loading i,
        .btn.loading span:not(.spinner-border),
        .btn.loading svg {
            opacity: 0;
        }

        .btn.loading .spinner-border{
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            margin:auto;
        }

        .spinner-border-sm {
            --bs-spinner-border-width:2px;
        }


        @media screen and (min-width:761px) {
            .mobile-bottom-nav {
        display: none;
    }
}


@media only screen and (max-width:768px) {
    .categorias-browser-button {
        font-size: 1.5rem;
    }

    .thumbnails-produto {
        display: none;
    }

    .pratos-info {
        padding: 10px 15px;
    }
    /*.link-btn {
        margin: auto !important;
    }*/
    .sobrenos-btn {
        padding: 5px 10px;
        font-size: .9rem;
    }

    
    .logoempresa {
        width: 50px;
        height: 50px;
    }

    .sobrenosdetalhes {
        font-size: 14px;
    }

    .detalhes-info-text {
        display: none;
    }

    .sobrenos-contacto {
        border-left: 1px solid gray;
        border-right: 1px solid gray;
    }

    .sobrenostext {
        font-size: 12px;
        font-weight: bold;
    }

    .sobrenosheadermain {
        display: none;
    }
    /*#wrapperGaleria {
        display: none;
    }*/
    /*.thumbnails-carrossel {
        margin: 0 7px;
    }*/
    .imagens-carrossel {
        height: 300px;
    }

    .container-navbar .nav-item {
        padding: 10px;
    }

    .navbar-brand {
        line-height: unset;
        margin: 0;
    }

    .nav-item {
        height: fit-content;
    }

    .navbar-nav {
        height: fit-content;
    }

    .btn-partilhar-localizacao {
        border-radius: unset;
        border: unset;
    }

    .caracteristicas-body-mapa {
        background: none;
        border: unset;
        border-radius: 0;
    }

    .mapa-wrapper {
        border-radius: 0;
        padding: 0;
    }

    .caracteristicas-header {
        color: black;
        border: unset;
        background: none;
        padding: 10px 0;
    }

    #mapa-placeholder {
        border: unset;
    }

    #mapa {
        border-radius: 0;
    }

    .container-caracteristicas {
        padding: 0;
    }

    .container-navegacao-tabs {
        padding: 0 13px;
    }

    .container-ingredientes-extra-titulo {
        height: 50px;
    }

        .container-ingredientes-extra-titulo h4 {
            font-size: 16px;
        }

    .adicionar-artigo-modal-img {
        height: 170px;
    }

    .wrapper-title {
        background: var(--color--main);
        color: #fff;
        padding: 1rem 0;
    }

    .caracteristicas-body h4 {
        font-size: 1.6rem;
        font-weight: 700;
    }
    /*.footer-contactos a,
    .footer-navegacao a {
        font-size: 13px;
    }

    .footer-sobrenos p {
        font-size: 13px;
    }

    .footer-contactos {
        text-align: start;
    }

    .footer-navegacao {
        text-align: start;
    }

    .footer-wrap {
        padding: 10px;
    }

        .footer-contactos h4,
        .footer-wrap h4 {
            font-size: 16px;
            margin-bottom: 0.4rem;
        }
    .footer-container {
        margin-bottom: 65px;
    }*/
    .box-shadow-lifted {
        box-shadow: unset;
    }

    .caracteristicas-body {
        padding: 0 5px;
    }

    .floating-menu {
        bottom: 0;
        position: fixed;
        display: block;
        height: 65px;
        width: 100%;
        background: white;
        z-index: 10000;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);
        box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.43);
    }

    .floating-menu-margins {
        width: 100%;
        height: 100%;
        /*margin:auto;*/
    }

    .floating-menu-itens {
        width: 100%;
        height: 100%;
    }

        .floating-menu-itens a {
            text-decoration: none;
            color: black;
        }

    .floating-menu .item {
        font-size: 14px;
    }

        .floating-menu .item i {
            font-size: 20px;
            width: 100%;
            text-align: center;
        }

        .floating-menu .item p {
            font-size: 14px;
            text-align: center;
            margin-bottom: 0;
        }

    .floating-menu #go-back {
        display: none;
    }

    .floating-menu #go-forward {
        display: none;
    }

    .nav-text-expandable {
        font-size: 0.8rem;
    }

    .navegacao-img {
        width: 25px;
        height: 25px;
    }

    .container-navegacao-icons .nav-link {
        padding: 5px;
    }

    .navegacao-icons {
        margin: 0 1px;
    }

    .container-navegacao-imagem1 {
        display: none !important;
    }

    .btn-expand {
        display: none !important;
    }

    #backtotop {
        display: none !important;
    }

    .nomeRestaurante {
        font-size: 2rem !important;
        /*margin-top: 2rem !important;*/
    }

    .container-principal {
        padding-top: 0;
    }

    .badge {
        font-size: 0.55em !important;
    }

    .pratos-inner {
        height: 110px;
    }

    .principal-imagem {
        /*border-radius: 0;*/
        height: 200px;
    }

    .container-col-pratos {
        padding: 5px 0;
    }

    .pratos-info p {
        font-size: 12px;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
    }

    .menu-interior {
        box-shadow: unset;
        background: transparent;
    }


    .detalhes-navbar .nav-link {
        color: black;
    }

    .menu-interior .nav-item:hover > .nav-link.active {
        color: #fff !important;
    }

    .menu-interior .nav-item:hover > .nav-link {
        color: #000 !important;
    }

    .btn-cancelar {
        width: 130px;
        font-size: 12px;
    }

    .btn-adicionar {
        width: 160px;
        font-size: 12px;
    }

    .prato-indisponivel, .prato-disponivel {
        font-size: 11px;
    }

    /*.thumbnails-carrossel {
        width: auto;
        height: 50px;
        margin:auto;
    }*/

    .thumbnail {
        height: 50px;
    }

    .pratos-info h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .container-navegacao-wrapper {
        padding: 15px 5px 10px 5px;
    }

    .ingrediente-extra {
        border-radius: 20px;
        background: lightgray;
    }

    .totalArtigo, .preco-total {
        font-size: 1.8rem;
    }


    .mobile-app-header-container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        overflow: hidden;
    }
        .mobile-app-header-container .imagem-produto {
            height: 250px;
        }

        .mobile-app-header-container .imagens-carrossel{
            object-fit:cover;
        }
        .card-mobile-galeria-detalhes {
            box-shadow: none !important;
            padding: 0 !important;
            position: absolute;
            width: 100%;
            height: auto;
            left: 0;
            top: 4rem;
            border:0;
            z-index: 10;
        }
    .card-mobile-galeria-detalhes .card-body{
        padding:0 !important;
        position:relative;
    }
    .card-mobile-perfil-detalhes {
        margin:0 auto;
        margin-top: 200px;
        position:relative;
        z-index:15;
    }
        .card-mobile-perfil-detalhes .card {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
            background: rgba(255,255,255,0.15);
        }
            .card-mobile-perfil-detalhes .card .logo-associado {
                background:rgba(255,255,255,0.15);
                border:1px solid rgba(255,255,255,0.25);
            }

    .imagem-produto{
        width:100%;
        overflow-x:hidden;
    }

    .imagem-produto .swiper-button-prev,
    .imagem-produto .swiper-button-next {
        width: 3rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        border: 1px solid rgba(255,255,255,0.1);
        color: #fff;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        background: rgba(0,0,0,0.35);
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }
        .imagem-produto .swiper-button-prev svg,
        .imagem-produto .swiper-button-next svg{
            width:2.5rem;
            height:2.5rem;
        }
        .imagem-produto .swiper-button-prev:hover,
        .imagem-produto .swiper-button-next:hover {
            color: #fff;
        }
        .imagem-produto .swiper-button-prev:active,
        .imagem-produto .swiper-button-next:active {
            color: #fff;
            background: rgba(0,0,0,0.75);
        }
    .swiper-button-next:after, 
    .swiper-button-prev:after{
        display:none;
    }

}


@media screen and (max-width:769px){
    .mobile-app-header-container .imagem-produto {
        height: auto;
    }
}

#footer{
    z-index:20;
}

.card-top-buttons {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index:10;
}

    .card-top-buttons .btn {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        background: transparent;
        color: rgba(0,0,0,0.50);
    }

        .card-top-buttons .btn:hover {
            background: rgba(0,0,0,0.05);
            color: rgb(0,0,0);
        }

        .card-top-buttons .btn i {
            pointer-events: none;
        }




.card-perfil-list-item{
    margin-top:0.15rem;
    padding-top:0.15rem;
    border-top:1px solid rgba(0,0,0,0.1);
}
.card-perfil-list-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.15rem 0;
    color: rgb(49, 19, 0);
}
.card-perfil-list-item-header svg {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    margin-top:-1px;
}
.card-perfil-list-item-header .title {
    font-weight: 600;
    font-size: 0.735rem;
    text-transform:uppercase;
    margin-left: 0.15rem;
}
.card-perfil-list-item-header .btn-link{
    padding:0.15rem 0.35rem;
    font-size:0.735rem;
    font-weight:500;
    margin:0;
}
.card-perfil-list-item-body{
    font-size:0.635rem !important;
    color:rgba(0,0,0, 1);
    text-align:left;
    font-weight:400;
}

.swal-overlay {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(0,0,0,0.75);
}

.swal-modal.swal-modal-success {
    --swal-shadow: 52, 211, 153;
    color: #fff;
    border-radius: 12px;
    background-color: rgb(16, 185, 129) !important;
    border: 1px solid rgb(var(--swal-shadow));
    box-shadow: rgba(var(--swal-shadow), 0.1) 0px 20px 25px -5px, rgba(var(--swal-shadow), 0.1) 0px 10px 10px -5px;
}

    .swal-modal.swal-modal-success .swal-button-container {
        display: block;
        width: 100%;
    }

    .swal-modal.swal-modal-success .swal-button {
        display: block;
        text-align: center;
        width: 100%;
        border: 0 !important;
        color: rgb(16, 185, 129) !important;
        border: 2px solid #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1rem;
        border-radius: 12px;
        box-shadow: rgba(6, 78, 59, 0) 0px 10px 15px -3px, rgba(6, 78, 59, 0) 0px 4px 6px -2px;
        background-color: #fff !important;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }

        .swal-modal.swal-modal-success .swal-button:hover {
            color: rgb(16, 185, 129) !important;
            border-color: #fff !important;
            background-color: #fff !important;
            box-shadow: rgba(6, 78, 59, 0.1) 0px 10px 15px -3px, rgba(6, 78, 59, 0.05) 0px 4px 6px -2px;
            -webkit-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
        }

    .swal-modal.swal-modal-success .swal-icon--success:after, .swal-icon--success:before,
    .swal-modal.swal-modal-success .swal-icon--success__hide-corners {
        background: rgb(16, 185, 129);
    }

    .swal-modal.swal-modal-success .swal-icon--success__ring {
        border: 5px dotted #a7f3d0;
    }

    .swal-modal.swal-modal-success .swal-icon--success__line {
        background-color: #a7f3d0;
    }

    .swal-modal.swal-modal-success .swal-title {
        color: #ecfdf5;
        text-align: center;
    }

    .swal-modal.swal-modal-success .swal-text {
        color: #d1fae5;
        font-size: 1.1rem;
        font-weight: 400;
        text-align: center;
    }

.swal-modal.swal-modal-error {
    --swal-shadow: 209, 52, 52;
    color: #fff;
    border-radius: 12px;
    background-color: rgb(183, 16, 16) !important;
    border: 1px solid rgb(var(--swal-shadow));
    box-shadow: rgba(var(--swal-shadow), 0.1) 0px 20px 25px -5px, rgba(var(--swal-shadow), 0.1) 0px 10px 10px -5px;
}

    .swal-modal.swal-modal-error .swal-button-container {
        display: block;
        width: 100%;
    }

    .swal-modal.swal-modal-error .swal-button {
        display: block;
        text-align: center;
        width: 100%;
        border: 0 !important;
        color: rgb(183, 16, 16) !important;
        border: 2px solid #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1rem;
        border-radius: 12px;
        box-shadow: rgba(76, 6, 38, 0) 0px 10px 15px -3px, rgba(76, 6, 38, 0) 0px 4px 6px -2px;
        background-color: #fff !important;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }

        .swal-modal.swal-modal-error .swal-button:hover {
            color: rgb(183, 16, 16) !important;
            border-color: #fff !important;
            background-color: #fff !important;
            box-shadow: rgba(76, 6, 38, 0.1) 0px 10px 15px -3px, rgba(76, 6, 38, 0.05) 0px 4px 6px -2px;
            -webkit-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
        }

    .swal-modal.swal-modal-error .swal-icon--error:after, .swal-icon--error:before,
    .swal-modal.swal-modal-error .swal-icon--error__hide-corners {
        background: rgb(183, 16, 16);
    }

    .swal-modal.swal-modal-error .swal-icon--error__ring {
        border: 5px dotted #f2a7a7;
    }

    .swal-modal.swal-modal-error .swal-icon--error__line {
        background-color: #f2a7a7;
    }

    .swal-modal.swal-modal-error .swal-title {
        color: #ecfdf5;
        text-align: center;
    }

    .swal-modal.swal-modal-error .swal-text {
        color: #d1fae5;
        font-size: 1.1rem;
        font-weight: 400;
        text-align: center;
    }

.floating-buttons {
    position: absolute;
    top: -0.4rem;
    left: 0.3rem;
    display: flex;
    flex-wrap: nowrap;
    column-gap: 0.5rem;
    z-index: 3;
}

.exclusivo-badge {
    padding: 0.15rem 0.55rem;
    /*background: #fff;*/
    border: 1px solid rgba(0,0,0,0.1);
    display: flex;
    border-radius: 50rem;
    font-size: 0.635rem;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.badge-lotado {
    /*position: absolute;
    top: -0.35rem;
    right: 0.5rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.635rem;
    border-radius: 50rem;*/
    background: var(--bs-danger);
    color: #fff;
    /*-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);*/
    box-shadow: rgba(var(--bs-danger-rgb), 0.1) 0px 10px 15px -3px, rgba(var(--bs-danger-rgb), 0.05) 0px 4px 6px -2px;
    z-index: 5;
    /*-webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;*/
}

/*EVENTOS*/

.titulo-categoria-pagina {
    position: relative;
}

    .titulo-categoria-pagina span {
        font-weight: 700;
        font-size: 1.5rem;
        text-transform: uppercase;
        color: var(--color--main);
    }

    .titulo-categoria-pagina span {
        position: relative;
        z-index: 5;
    }

    .titulo-categoria-pagina:before {
        content: '';
        display: block;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 100%;
        background: var(--color--main);
        position: absolute;
        top: 0;
        bottom: 0;
        left: -0.5rem;
        margin: auto 0;
        z-index: 0;
    }

@media screen and (max-width:761px) {
    .titulo-categoria-pagina span {
        font-size: 1.25rem;
        text-align: center;
    }

    .titulo-categoria-pagina:before {
        width: 3.1rem;
        height: 3.1rem;
    }
}

.produtos .card-time {
    font-size: 0.8rem;
}

.produtos-item .card-time {
    font-size: 0.8rem;
}

.card-category {
    border: 1px solid var(--color--main);
    line-height: 16px;
    font-size: 0.8rem;
    /*color: var(--color--main);*/
    color: #fff;
    display: inline-block;
    padding: 0 3px;
    border-radius: 3px;
    background: var(--color--main);
    white-space: nowrap;
}

.produtos .card.produtos-item:hover {
    /*transform: translateY(-1px);*/
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
}

.produtos .card-header {
    padding: 0;
    border-bottom: none;
    background-color: #fff;
}

.produtos .logo img {
    height: 250px !important;
}

@media screen and (max-width:761px) {
    .produtos .logo img {
        height: 150px !important;
    }
}

.offcanvas .produtos-wrapper-tags-favorites {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    z-index: 2;
    color: var(--color--main);
    width: fit-content;
    padding: 0;
}

@media screen and (max-width:761px) {
    .offcanvas .produtos-wrapper-tags-favorites {
        top: 5px;
        right: 5px;
    }
}

.wrapper-favorite-button {
    text-decoration: none;
    background: #fff;
    /*width: 30px;*/
    /*height: 30px;*/
    /*border-radius: 50%;*/
    color: var(--color--main);
    transition: transform 0.3s ease;
}

    .wrapper-favorite-button:hover i {
        transform: scale(1.1);
        transition: transform 0.3s ease;
    }

.card-header {
    background: transparent;
}

.offcanvas .produtos-item .card-header {
    border: unset;
}

.produtos .produtos-wrapper-tags {
    width: fit-content;
    padding: 0;
}

.produtos .tag-free {
    background: rgb(252, 160, 47);
    border-color: rgb(252, 160, 47);
}

@media screen and (max-width:761px) {
    .produtos .card .card-body {
        height: 100%;
    }

    #btnContactEvent {
        display: none;
    }
}
.produtos-item .stretched-link {
    text-decoration: none !important;
    color: inherit;
}
.produtos-item .card-title {
    font-size: 0.9rem;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.produtos .card.produtos-item:hover {
    transform: translateY(-1px);
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
}

.produtos .card {
    overflow: hidden;
    margin: 0 10px;
    padding: 0;
}

    .produtos .card:hover {
        box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.27);
    }

    .produtos .card:hover {
        box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 27%);
    }

.produtos .card {
    border-style: hidden;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
}

.produtos .logo img {
    height: 150px;
    object-fit: contain;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
}

.produtos .logo img {
    height: 250px !important;
}

.produtos .logo {
    width: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.produtos .distancia {
    font-weight: 300 !important;
    font-size: 0.8rem;
    color: rgb(73, 82, 96);
    font-size: 13px;
}
.icons-distancia p {
    margin: 0;
}
.radio-pill-group-btns-style {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 12px;
    border: 2px solid transparent;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-family: sans-serif;
    min-width: 80px;
}

@media screen and (max-width:761px) {
    #ps_galeria {
        padding-top: unset !important;
    }
    .gallery-zoom-trigger img{
        border-radius:unset !important;
        object-fit: cover !important;
    }
}